0
0
0
dark
0
0
0
Hand-Picked Top-Read Stories
Trending Tags
3 minute read
No comments

Most common HTML interview questions

Emma Bilardi
March 27, 2023
most-common-html-interview-questions
Total
0
Shares
0
0
0

In this article, I will try to include some of the most common HTML interview questions with their answers.

1. What is HTML?

  • HTML stands for HyperText Markup Language.
  • It is a markup language used to create web pages and applications for the World Wide Web.

2. What is the difference between HTML and XHTML?

  • HTML and XHTML are both markup languages used to create web pages. However, XHTML is a stricter and more standardized version of HTML, and follows the rules of XML.
  • XHTML requires all tags to be closed and all attributes to be quoted, whereas HTML does not have these requirements.

3. What are the basic tags in HTML?

  • Basic HTML tags include , , , <body data-rsssl=1>, <p>, <a>, <img>, </p> <ul>, </p> <ol>, </p> <li>,<br /> <table>, </p> <tr>, </p> <td>, </p> <th>, </p> <form>, <input>, <select>,<option>, <button>, and </p> <div></code>.</li> </ul> <p><strong>4. What is the difference between a div and a span?</strong></p> <ul> <li>A <code> <div></code> tag is a block-level element used to group other HTML elements together into a container.</li> <li>A <code><span></code> tag is an inline element used to apply styles to specific portions of text.</li> </ul> <p><strong>5. What is the difference between an inline element and a block-level element?</strong></p> <ul> <li>Inline elements are elements that do not start on a new line, and only take up as much width as necessary.</li> <li>Block-level elements are elements that start on a new line and take up the full width of their parent container.</li> </ul> <p><strong>6. What is the purpose of the alt attribute in an image tag?</strong></p> <ul> <li>The alt attribute provides alternative text for an image, which is displayed if the image cannot be loaded or if the user is using a screen reader.</li> </ul> <p><strong>7. What is the purpose of the title attribute in an anchor tag?</strong></p> <ul> <li>The title attribute provides additional information about the link, which is displayed as a tooltip when the user hovers over the link.</li> </ul> <p><strong>8. What is the purpose of the rel attribute in a link tag?</strong></p> <ul> <li>The rel attribute specifies the relationship between the linked document and the current document, and is used by search engines and other tools to understand the context of the link.</li> </ul> <p><strong>9. What is the difference between the HTML meta tag and the HTML link tag?</strong></p> <ul> <li>The <code><meta></code> tag is used to provide additional information about the web page, such as the author, description, and keywords.</li> <li>The <code><link></code> tag is used to link to external resources, such as stylesheets or scripts.</li> </ul> <p><strong>10. What is the purpose of the HTML form tag?</strong></p> <ul> <li>The <code><br /> <form></code> tag is used to create a form on a web page, which allows users to submit data to a server.</li> </ul> <p><strong>11. What is the difference between a post and a get method in HTML forms?</strong></p> <ul> <li>The post method submits the form data to the server in the body of the HTTP request, while the get method submits the form data as URL parameters in the query string.</li> </ul> <p><strong>12. What is the purpose of the HTML table tag?</strong></p> <ul> <li>The <code><br /> <table></code> tag is used to create a table on a web page, which can be used to display data in an organized and structured manner.</li> </ul> <p><strong>13. How do you make a table responsive in HTML?</strong></p> <ul> <li>To make a table responsive in HTML, you can use CSS to set the table’s width to 100% and apply responsive design techniques, such as using media queries and adjusting the font size and layout for smaller screens.</li> </ul> <p><strong>14. What is the purpose of the HTML canvas tag?</strong></p> <ul> <li>The <code><canvas></code> tag is used to create graphics and animations on a web page using JavaScript.</li> </ul> <p><strong>15. What is the purpose of the HTML video tag?</strong></p> <ul> <li>The <code><video></code> tag is used to embed video content on a web page, and provides controls for playback and volume.</li> </ul> <p><strong>That’s all</strong>, now you have good knowledge about the most common HTML questions being asked in interviews.</p> <p>You can find & contact me on <a href="https://www.linkedin.com/in/ahmed0saber/">LinkedIn</a>, <a href="https://github.com/ahmed0saber">GitHub</a>, and <a href="https://www.facebook.com/profile.php?id=100004875915808">Facebook</a>, and here is <a href="https://ahmed0saber.onrender.com/">my portfolio</a> for more details about me.</p> </div> <div class="cs-entry__tags"><ul><li><a href="https://prodsens.live/tag/html/" rel="tag">html</a></li><li><a href="https://prodsens.live/tag/webdev/" rel="tag">webdev</a></li></ul></div> <div class="cs-entry__after-share-buttons"> <div class="pk-share-buttons-wrap pk-share-buttons-layout-simple pk-share-buttons-scheme-simple-light pk-share-buttons-has-counts pk-share-buttons-has-total-counts pk-share-buttons-after-post pk-share-buttons-mode-php pk-share-buttons-mode-rest" data-post-id="10015" data-share-url="https://prodsens.live/2023/03/27/most-common-html-interview-questions/" > <div class="pk-share-buttons-total pk-share-buttons-total-no-count"> <div class="pk-share-buttons-title pk-font-primary">Total</div> <div class="pk-share-buttons-count pk-font-heading">0</div> <div class="pk-share-buttons-label pk-font-secondary">Shares</div> </div> <div class="pk-share-buttons-items"> <div class="pk-share-buttons-item pk-share-buttons-facebook pk-share-buttons-no-count" data-id="facebook"> <a href="https://www.facebook.com/sharer.php?u=https://prodsens.live/2023/03/27/most-common-html-interview-questions/" class="pk-share-buttons-link" target="_blank"> <i class="pk-share-buttons-icon pk-icon pk-icon-facebook"></i> <span class="pk-share-buttons-label pk-font-primary">Share</span> <span class="pk-share-buttons-count pk-font-secondary">0</span> </a> </div> <div class="pk-share-buttons-item pk-share-buttons-twitter pk-share-buttons-no-count" data-id="twitter"> <a href="https://twitter.com/share?&text=Most%20common%20HTML%20interview%20questions&via=prodsens_pro&url=https://prodsens.live/2023/03/27/most-common-html-interview-questions/" class="pk-share-buttons-link" target="_blank"> <i class="pk-share-buttons-icon pk-icon pk-icon-twitter"></i> <span class="pk-share-buttons-label pk-font-primary">Tweet</span> <span class="pk-share-buttons-count pk-font-secondary">0</span> </a> </div> <div class="pk-share-buttons-item pk-share-buttons-pinterest pk-share-buttons-no-count" data-id="pinterest"> <a href="https://pinterest.com/pin/create/bookmarklet/?url=https://prodsens.live/2023/03/27/most-common-html-interview-questions/&media=https://prodsens.live/wp-content/uploads/2023/03/10015-most-common-html-interview-questions-1024x545.png" class="pk-share-buttons-link" target="_blank"> <i class="pk-share-buttons-icon pk-icon pk-icon-pinterest"></i> <span class="pk-share-buttons-label pk-font-primary">Pin it</span> <span class="pk-share-buttons-count pk-font-secondary">0</span> </a> </div> </div> </div> </div> <div class="cs-entry__comments cs-entry__comments-collapse" id="comments-hidden"> <div id="respond" class="comment-respond"> <h5 class="cs-section-heading cnvs-block-section-heading is-style-cnvs-block-section-heading-default halignleft "><span class="cnvs-section-title"><span>Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/2023/03/27/most-common-html-interview-questions/#respond" style="display:none;">Cancel reply</a></small></span></span></h5><form action="https://prodsens.live/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Your email address will not be published.</span> <span class="required-field-message">Required fields are marked <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Comment <span class="required">*</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Name <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p> <p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p> <p class="comment-form-url"><label for="url">Website</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Save my name, email, and website in this browser for the next time I comment.</label></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Post Comment" /> <input type='hidden' name='comment_post_ID' value='10015' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p></form> </div><!-- #respond --> </div> <div class="cs-entry__comments-show" id="comments"> <button>View Comments (0)</button> </div> <div class="cs-entry__prev-next"> <div class="cs-entry__prev-next-item cs-entry__prev"> <a class="cs-entry__prev-next-link" href="https://prodsens.live/2023/03/27/identify-featured-snippet-opportunities-next-level/"></a> <div class="cs-entry__prev-next-label"> <h5 class="cs-section-heading cnvs-block-section-heading is-style-cnvs-block-section-heading-default halignleft "><span class="cnvs-section-title"><span><span class="cs-section-subheadings">Previous Post</span></span></span></h5> </div> <div class="cs-entry"> <div class="cs-entry__outer"> <div class="cs-entry__inner cs-entry__thumbnail cs-overlay-ratio cs-ratio-square"> <div class="cs-overlay-background cs-overlay-transparent"> <img width="110" height="110" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAABuAQMAAAD8lbS4AAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABVJREFUOMtjYBgFo2AUjIJRMAroAQAGcgABdoTxvAAAAABJRU5ErkJggg==" class="attachment-csco-small size-csco-small pk-lazyload wp-post-image" alt="identify-featured-snippet-opportunities-–-next-level" decoding="async" data-pk-sizes="auto" data-ls-sizes="(max-width: 110px) 100vw, 110px" data-pk-src="https://prodsens.live/wp-content/uploads/2023/03/10013-identify-featured-snippet-opportunities-next-level-110x110.jpg" data-pk-srcset="https://prodsens.live/wp-content/uploads/2023/03/10013-identify-featured-snippet-opportunities-next-level-110x110.jpg 110w, https://prodsens.live/wp-content/uploads/2023/03/10013-identify-featured-snippet-opportunities-next-level-150x150.jpg 150w, https://prodsens.live/wp-content/uploads/2023/03/10013-identify-featured-snippet-opportunities-next-level-80x80.jpg 80w" /> </div> </div> <div class="cs-entry__inner cs-entry__content"> <div class="cs-entry__post-meta" ><div class="cs-meta-category"><ul class="post-categories"> <li><a href="https://prodsens.live/category/marketing/" rel="category tag">Marketing</a></li></ul></div></div> <h2 class="cs-entry__title"><a href="https://prodsens.live/2023/03/27/identify-featured-snippet-opportunities-next-level/">Identify Featured Snippet Opportunities – Next Level</a></h2> <div class="cs-entry__post-meta" ><div class="cs-meta-date">March 27, 2023</div></div> </div> </div> </div> </div> <div class="cs-entry__prev-next-item cs-entry__next"> <a class="cs-entry__prev-next-link" href="https://prodsens.live/2023/03/28/what-is-the-difference-between-interfaces-vs-types-in-typescript/"></a> <div class="cs-entry__prev-next-label"> <h5 class="cs-section-heading cnvs-block-section-heading is-style-cnvs-block-section-heading-default halignleft "><span class="cnvs-section-title"><span><span class="cs-section-subheadings">Next Post</span></span></span></h5> </div> <div class="cs-entry"> <div class="cs-entry__outer"> <div class="cs-entry__inner cs-entry__thumbnail cs-overlay-ratio cs-ratio-square"> <div class="cs-overlay-background cs-overlay-transparent"> <img width="110" height="110" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAABuAQMAAAD8lbS4AAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABVJREFUOMtjYBgFo2AUjIJRMAroAQAGcgABdoTxvAAAAABJRU5ErkJggg==" class="attachment-csco-small size-csco-small pk-lazyload wp-post-image" alt="what-is-the-difference-between-interfaces-vs-types-in-typescript?" decoding="async" data-pk-sizes="auto" data-ls-sizes="(max-width: 110px) 100vw, 110px" data-pk-src="https://prodsens.live/wp-content/uploads/2023/03/10017-what-is-the-difference-between-interfaces-vs-types-in-typescript-110x110.jpg" data-pk-srcset="https://prodsens.live/wp-content/uploads/2023/03/10017-what-is-the-difference-between-interfaces-vs-types-in-typescript-110x110.jpg 110w, https://prodsens.live/wp-content/uploads/2023/03/10017-what-is-the-difference-between-interfaces-vs-types-in-typescript-150x150.jpg 150w, https://prodsens.live/wp-content/uploads/2023/03/10017-what-is-the-difference-between-interfaces-vs-types-in-typescript-80x80.jpg 80w" /> </div> </div> <div class="cs-entry__inner cs-entry__content"> <div class="cs-entry__post-meta" ><div class="cs-meta-category"><ul class="post-categories"> <li><a href="https://prodsens.live/category/software/" rel="category tag">Software</a></li></ul></div></div> <h2 class="cs-entry__title"><a href="https://prodsens.live/2023/03/28/what-is-the-difference-between-interfaces-vs-types-in-typescript/">What is the difference between Interfaces vs Types in TypeScript?</a></h2> <div class="cs-entry__post-meta" ><div class="cs-meta-date">March 28, 2023</div></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <aside id="secondary" class="cs-widget-area cs-sidebar__area"> <div class="cs-sidebar__inner"> <div class="widget block-2 widget_block widget_search"><form role="search" method="get" action="https://prodsens.live/" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search" ><label class="wp-block-search__label" for="wp-block-search__input-1" >Search</label><div class="wp-block-search__inside-wrapper " ><input class="wp-block-search__input" id="wp-block-search__input-1" placeholder="Type your text" value="" type="search" name="s" required /><button aria-label="search" class="wp-block-search__button wp-element-button" type="submit" >search</button></div></form></div><div class="widget block-3 widget_block"> <div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"> <h2 class="wp-block-heading">Recent Posts</h2> <ul class="wp-block-latest-posts__list wp-block-latest-posts"><li><a class="wp-block-latest-posts__post-title" href="https://prodsens.live/2024/07/07/dependency-injection-in-net-with-microsoft-extensions-dependencyinjection-and-scrutor/">Dependency Injection in .NET with Microsoft.Extensions.DependencyInjection and Scrutor</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://prodsens.live/2024/07/07/sunday-rewind-sense-respond-the-farm-awakens-by-jeff-gothelf-and-josh-seiden/">Sunday Rewind: Sense & Respond: The farm awakens by Jeff Gothelf and Josh Seiden</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://prodsens.live/2024/07/07/why-laravel-is-better-then-nodejs-express/">Why Laravel is better then NodeJs/Express?</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://prodsens.live/2024/07/07/callback-functions-in-js/">Callback Functions in JS</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://prodsens.live/2024/07/07/building-a-sports-score-app-with-flutter/">Building a Sports Score App with Flutter</a></li> </ul></div></div> </div><div class="widget block-4 widget_block"> <div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"> <h2 class="wp-block-heading">Recent Comments</h2> <ol class="wp-block-latest-comments"><li class="wp-block-latest-comments__comment"><article><footer class="wp-block-latest-comments__comment-meta"><a class="wp-block-latest-comments__comment-author" href="http://dxvljebtoa">zehtmdvrnl</a> on <a class="wp-block-latest-comments__comment-link" href="https://prodsens.live/2022/08/18/brand-refresh-vs-rebrand-which-is-best-for-you-checklist/#comment-781">Brand Refresh vs Rebrand: Which is Best for You? [+Checklist]</a></footer></article></li><li class="wp-block-latest-comments__comment"><article><footer class="wp-block-latest-comments__comment-meta"><a class="wp-block-latest-comments__comment-author" href="http://dse.cryptoknowbase.com">nimabi</a> on <a class="wp-block-latest-comments__comment-link" href="https://prodsens.live/2022/12/19/12-local-search-developments-you-need-to-know-about-from-q4-2022/#comment-778">12 Local Search Developments You Need to Know About from Q4 2022</a></footer></article></li><li class="wp-block-latest-comments__comment"><article><footer class="wp-block-latest-comments__comment-meta"><a class="wp-block-latest-comments__comment-author" href="https://evigetir.com/Evden-Eve-Nakliye-om-co">Evden Eve Nakliye</a> on <a class="wp-block-latest-comments__comment-link" href="https://prodsens.live/2023/04/26/maximizing-your-social-media-strategy-the-top-aggregator-tools-to-use/#comment-777">Maximizing Your Social Media Strategy: The Top Aggregator Tools to Use</a></footer></article></li><li class="wp-block-latest-comments__comment"><article><footer class="wp-block-latest-comments__comment-meta"><a class="wp-block-latest-comments__comment-author" href="https://evigetir.com/Nakliye-no-it">Nakliye</a> on <a class="wp-block-latest-comments__comment-link" href="https://prodsens.live/2023/04/26/maximizing-your-social-media-strategy-the-top-aggregator-tools-to-use/#comment-775">Maximizing Your Social Media Strategy: The Top Aggregator Tools to Use</a></footer></article></li><li class="wp-block-latest-comments__comment"><article><footer class="wp-block-latest-comments__comment-meta"><a class="wp-block-latest-comments__comment-author" href="http://www.united1stfinancial.com/__media__/js/netsoltrademark.php?d=d-click.madiaimprensa.com.br%2Fu%2F1214%2F3400%2F0%2F24427_0%2Fb90af%2F%3Furl%3Dhttp%3A%2F%2Fwww.cartridgeonwheelsreno.com%2F">treatment ibs pain</a> on <a class="wp-block-latest-comments__comment-link" href="https://prodsens.live/2022/08/04/18-core-company-values-that-will-shape-your-culture-inspire-your-employees/#comment-761">18 Core Company Values That Will Shape Your Culture & Inspire Your Employees</a></footer></article></li></ol></div></div> </div><div class="widget block-12 widget_block"> <h2 class="wp-block-heading">Tags</h2> </div><div class="widget block-8 widget_block widget_tag_cloud"><p class="wp-block-tag-cloud"><a href="https://prodsens.live/tag/ai/" class="tag-cloud-link tag-link-419 tag-link-position-1" style="font-size: 12.245161290323pt;" aria-label="ai (341 items)">ai</a> <a href="https://prodsens.live/tag/articles/" class="tag-cloud-link tag-link-1061 tag-link-position-2" style="font-size: 9.7161290322581pt;" aria-label="Articles (177 items)">Articles</a> <a href="https://prodsens.live/tag/artificial-intelligence/" class="tag-cloud-link tag-link-775 tag-link-position-3" style="font-size: 8.541935483871pt;" aria-label="Artificial Intelligence (131 items)">Artificial Intelligence</a> <a href="https://prodsens.live/tag/aws/" class="tag-cloud-link tag-link-229 tag-link-position-4" style="font-size: 10.077419354839pt;" aria-label="aws (193 items)">aws</a> <a href="https://prodsens.live/tag/beginners/" class="tag-cloud-link tag-link-184 tag-link-position-5" style="font-size: 17.303225806452pt;" aria-label="beginners (1,221 items)">beginners</a> <a href="https://prodsens.live/tag/career/" class="tag-cloud-link tag-link-190 tag-link-position-6" style="font-size: 10.438709677419pt;" aria-label="career (211 items)">career</a> <a href="https://prodsens.live/tag/cloud/" class="tag-cloud-link tag-link-308 tag-link-position-7" style="font-size: 8.4516129032258pt;" aria-label="cloud (128 items)">cloud</a> <a href="https://prodsens.live/tag/codenewbie/" class="tag-cloud-link tag-link-183 tag-link-position-8" style="font-size: 9.2645161290323pt;" aria-label="codenewbie (156 items)">codenewbie</a> <a href="https://prodsens.live/tag/company-news/" class="tag-cloud-link tag-link-573 tag-link-position-9" style="font-size: 8.6322580645161pt;" aria-label="Company News (135 items)">Company News</a> <a href="https://prodsens.live/tag/content-marketing/" class="tag-cloud-link tag-link-267 tag-link-position-10" style="font-size: 11.974193548387pt;" aria-label="Content Marketing (314 items)">Content Marketing</a> <a href="https://prodsens.live/tag/css/" class="tag-cloud-link tag-link-171 tag-link-position-11" style="font-size: 10.258064516129pt;" aria-label="css (203 items)">css</a> <a href="https://prodsens.live/tag/database/" class="tag-cloud-link tag-link-415 tag-link-position-12" style="font-size: 8pt;" aria-label="database (115 items)">database</a> <a href="https://prodsens.live/tag/devops/" class="tag-cloud-link tag-link-195 tag-link-position-13" style="font-size: 11.070967741935pt;" aria-label="devops (250 items)">devops</a> <a href="https://prodsens.live/tag/discuss/" class="tag-cloud-link tag-link-163 tag-link-position-14" style="font-size: 12.245161290323pt;" aria-label="discuss (340 items)">discuss</a> <a href="https://prodsens.live/tag/frontend/" class="tag-cloud-link tag-link-338 tag-link-position-15" style="font-size: 8.2709677419355pt;" aria-label="frontend (122 items)">frontend</a> <a href="https://prodsens.live/tag/github/" class="tag-cloud-link tag-link-254 tag-link-position-16" style="font-size: 8.6322580645161pt;" aria-label="github (133 items)">github</a> <a href="https://prodsens.live/tag/growth/" class="tag-cloud-link tag-link-118 tag-link-position-17" style="font-size: 8pt;" aria-label="growth (114 items)">growth</a> <a href="https://prodsens.live/tag/javascript/" class="tag-cloud-link tag-link-160 tag-link-position-18" style="font-size: 17.122580645161pt;" aria-label="javascript (1,169 items)">javascript</a> <a href="https://prodsens.live/tag/learning/" class="tag-cloud-link tag-link-221 tag-link-position-19" style="font-size: 8.7225806451613pt;" aria-label="learning (138 items)">learning</a> <a href="https://prodsens.live/tag/marketing/" class="tag-cloud-link tag-link-81 tag-link-position-20" style="font-size: 15.677419354839pt;" aria-label="Marketing (819 items)">Marketing</a> <a href="https://prodsens.live/tag/marketing-strategy/" class="tag-cloud-link tag-link-214 tag-link-position-21" style="font-size: 8.0903225806452pt;" aria-label="Marketing Strategy (117 items)">Marketing Strategy</a> <a href="https://prodsens.live/tag/node/" class="tag-cloud-link tag-link-238 tag-link-position-22" style="font-size: 9.5354838709677pt;" aria-label="node (167 items)">node</a> <a href="https://prodsens.live/tag/opensource/" class="tag-cloud-link tag-link-161 tag-link-position-23" style="font-size: 12.425806451613pt;" aria-label="opensource (350 items)">opensource</a> <a href="https://prodsens.live/tag/planing/" class="tag-cloud-link tag-link-2955 tag-link-position-24" style="font-size: 8.4516129032258pt;" aria-label="planing (128 items)">planing</a> <a href="https://prodsens.live/tag/podcast/" class="tag-cloud-link tag-link-104 tag-link-position-25" style="font-size: 8.9032258064516pt;" aria-label="podcast (143 items)">podcast</a> <a href="https://prodsens.live/tag/podcasts/" class="tag-cloud-link tag-link-1063 tag-link-position-26" style="font-size: 9.6258064516129pt;" aria-label="Podcasts (173 items)">Podcasts</a> <a href="https://prodsens.live/tag/prodsens-live/" class="tag-cloud-link tag-link-2926 tag-link-position-27" style="font-size: 22pt;" aria-label="prodsens live (4,104 items)">prodsens live</a> <a href="https://prodsens.live/tag/productivity/" class="tag-cloud-link tag-link-157 tag-link-position-28" style="font-size: 12.696774193548pt;" aria-label="Productivity (377 items)">Productivity</a> <a href="https://prodsens.live/tag/product-management/" class="tag-cloud-link tag-link-79 tag-link-position-29" style="font-size: 13.870967741935pt;" aria-label="Product Management (509 items)">Product Management</a> <a href="https://prodsens.live/tag/product-managment/" class="tag-cloud-link tag-link-2930 tag-link-position-30" style="font-size: 10.98064516129pt;" aria-label="product managment (242 items)">product managment</a> <a href="https://prodsens.live/tag/product-marketing/" class="tag-cloud-link tag-link-1060 tag-link-position-31" style="font-size: 8.3612903225806pt;" aria-label="Product Marketing (126 items)">Product Marketing</a> <a href="https://prodsens.live/tag/programming/" class="tag-cloud-link tag-link-162 tag-link-position-32" style="font-size: 16.941935483871pt;" aria-label="programming (1,123 items)">programming</a> <a href="https://prodsens.live/tag/project-management/" class="tag-cloud-link tag-link-132 tag-link-position-33" style="font-size: 9.3548387096774pt;" aria-label="Project Management (162 items)">Project Management</a> <a href="https://prodsens.live/tag/projectmanager-blog/" class="tag-cloud-link tag-link-131 tag-link-position-34" style="font-size: 10.167741935484pt;" aria-label="ProjectManager Blog (199 items)">ProjectManager Blog</a> <a href="https://prodsens.live/tag/python/" class="tag-cloud-link tag-link-259 tag-link-position-35" style="font-size: 11.703225806452pt;" aria-label="python (295 items)">python</a> <a href="https://prodsens.live/tag/quality-management/" class="tag-cloud-link tag-link-1110 tag-link-position-36" style="font-size: 14.322580645161pt;" aria-label="Quality Management (579 items)">Quality Management</a> <a href="https://prodsens.live/tag/react/" class="tag-cloud-link tag-link-158 tag-link-position-37" style="font-size: 13.329032258065pt;" aria-label="react (445 items)">react</a> <a href="https://prodsens.live/tag/saas/" class="tag-cloud-link tag-link-471 tag-link-position-38" style="font-size: 8.8129032258065pt;" aria-label="saas (140 items)">saas</a> <a href="https://prodsens.live/tag/security/" class="tag-cloud-link tag-link-271 tag-link-position-39" style="font-size: 8.2709677419355pt;" aria-label="security (123 items)">security</a> <a href="https://prodsens.live/tag/software/" class="tag-cloud-link tag-link-151 tag-link-position-40" style="font-size: 19.38064516129pt;" aria-label="Software (2,068 items)">Software</a> <a href="https://prodsens.live/tag/this-article-contains-affiliate-links/" class="tag-cloud-link tag-link-1117 tag-link-position-41" style="font-size: 8.0903225806452pt;" aria-label="This article contains affiliate links. (116 items)">This article contains affiliate links.</a> <a href="https://prodsens.live/tag/tutorial/" class="tag-cloud-link tag-link-168 tag-link-position-42" style="font-size: 15.767741935484pt;" aria-label="tutorial (822 items)">tutorial</a> <a href="https://prodsens.live/tag/typescript/" class="tag-cloud-link tag-link-239 tag-link-position-43" style="font-size: 10.167741935484pt;" aria-label="typescript (197 items)">typescript</a> <a href="https://prodsens.live/tag/uncategorized/" class="tag-cloud-link tag-link-1029 tag-link-position-44" style="font-size: 9.9870967741935pt;" aria-label="Uncategorized (191 items)">Uncategorized</a> <a href="https://prodsens.live/tag/webdev/" class="tag-cloud-link tag-link-172 tag-link-position-45" style="font-size: 18.387096774194pt;" aria-label="webdev (1,635 items)">webdev</a></p></div><div class="widget block-14 widget_block widget_calendar"><div class="wp-block-calendar"><table id="wp-calendar" class="wp-calendar-table"> <caption>March 2023</caption> <thead> <tr> <th scope="col" title="Monday">M</th> <th scope="col" title="Tuesday">T</th> <th scope="col" title="Wednesday">W</th> <th scope="col" title="Thursday">T</th> <th scope="col" title="Friday">F</th> <th scope="col" title="Saturday">S</th> <th scope="col" title="Sunday">S</th> </tr> </thead> <tbody> <tr> <td colspan="2" class="pad"> </td><td><a href="https://prodsens.live/2023/03/01/" aria-label="Posts published on March 1, 2023">1</a></td><td><a href="https://prodsens.live/2023/03/02/" aria-label="Posts published on March 2, 2023">2</a></td><td><a href="https://prodsens.live/2023/03/03/" aria-label="Posts published on March 3, 2023">3</a></td><td><a href="https://prodsens.live/2023/03/04/" aria-label="Posts published on March 4, 2023">4</a></td><td><a href="https://prodsens.live/2023/03/05/" aria-label="Posts published on March 5, 2023">5</a></td> </tr> <tr> <td><a href="https://prodsens.live/2023/03/06/" aria-label="Posts published on March 6, 2023">6</a></td><td><a href="https://prodsens.live/2023/03/07/" aria-label="Posts published on March 7, 2023">7</a></td><td><a href="https://prodsens.live/2023/03/08/" aria-label="Posts published on March 8, 2023">8</a></td><td><a href="https://prodsens.live/2023/03/09/" aria-label="Posts published on March 9, 2023">9</a></td><td><a href="https://prodsens.live/2023/03/10/" aria-label="Posts published on March 10, 2023">10</a></td><td><a href="https://prodsens.live/2023/03/11/" aria-label="Posts published on March 11, 2023">11</a></td><td><a href="https://prodsens.live/2023/03/12/" aria-label="Posts published on March 12, 2023">12</a></td> </tr> <tr> <td><a href="https://prodsens.live/2023/03/13/" aria-label="Posts published on March 13, 2023">13</a></td><td><a href="https://prodsens.live/2023/03/14/" aria-label="Posts published on March 14, 2023">14</a></td><td><a href="https://prodsens.live/2023/03/15/" aria-label="Posts published on March 15, 2023">15</a></td><td><a href="https://prodsens.live/2023/03/16/" aria-label="Posts published on March 16, 2023">16</a></td><td><a href="https://prodsens.live/2023/03/17/" aria-label="Posts published on March 17, 2023">17</a></td><td><a href="https://prodsens.live/2023/03/18/" aria-label="Posts published on March 18, 2023">18</a></td><td><a href="https://prodsens.live/2023/03/19/" aria-label="Posts published on March 19, 2023">19</a></td> </tr> <tr> <td><a href="https://prodsens.live/2023/03/20/" aria-label="Posts published on March 20, 2023">20</a></td><td><a href="https://prodsens.live/2023/03/21/" aria-label="Posts published on March 21, 2023">21</a></td><td><a href="https://prodsens.live/2023/03/22/" aria-label="Posts published on March 22, 2023">22</a></td><td><a href="https://prodsens.live/2023/03/23/" aria-label="Posts published on March 23, 2023">23</a></td><td><a href="https://prodsens.live/2023/03/24/" aria-label="Posts published on March 24, 2023">24</a></td><td><a href="https://prodsens.live/2023/03/25/" aria-label="Posts published on March 25, 2023">25</a></td><td><a href="https://prodsens.live/2023/03/26/" aria-label="Posts published on March 26, 2023">26</a></td> </tr> <tr> <td><a href="https://prodsens.live/2023/03/27/" aria-label="Posts published on March 27, 2023">27</a></td><td><a href="https://prodsens.live/2023/03/28/" aria-label="Posts published on March 28, 2023">28</a></td><td><a href="https://prodsens.live/2023/03/29/" aria-label="Posts published on March 29, 2023">29</a></td><td><a href="https://prodsens.live/2023/03/30/" aria-label="Posts published on March 30, 2023">30</a></td><td><a href="https://prodsens.live/2023/03/31/" aria-label="Posts published on March 31, 2023">31</a></td> <td class="pad" colspan="2"> </td> </tr> </tbody> </table><nav aria-label="Previous and next months" class="wp-calendar-nav"> <span class="wp-calendar-nav-prev"><a href="https://prodsens.live/2023/02/">« Feb</a></span> <span class="pad"> </span> <span class="wp-calendar-nav-next"><a href="https://prodsens.live/2023/04/">Apr »</a></span> </nav></div></div> </div> </aside> </div> <div class="cs-entry__post-related"> <h5 class="cs-section-heading cnvs-block-section-heading is-style-cnvs-block-section-heading-default halignleft "><span class="cnvs-section-title"><span><span class="cs-section-subheadings">Related Posts</span></span></span></h5> <div class="cs-entry__post-wrap"> <article class="cs-entry-default post-10151 post type-post status-publish format-standard has-post-thumbnail category-software tag-beginners tag-codenewbie tag-discuss cs-entry cs-video-wrap"> <div class="cs-entry__outer"> <div class="cs-entry__inner cs-entry__thumbnail cs-entry__overlay cs-overlay-ratio cs-ratio-original" data-scheme="inverse"> <div class="cs-overlay-background"> <img width="380" height="250" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXwAAAD6AQMAAACYt274AAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAACNJREFUaN7twTEBAAAAwqD1T20MH6AAAAAAAAAAAAAAAICfAS/aAAH7Vn1zAAAAAElFTkSuQmCC" class="attachment-csco-thumbnail size-csco-thumbnail pk-lazyload wp-post-image" alt="top-march-daily-discussions.-and-the-theme-is…nostalgia-in-tech!" decoding="async" loading="lazy" data-pk-sizes="auto" data-ls-sizes="(max-width: 380px) 100vw, 380px" data-pk-src="https://prodsens.live/wp-content/uploads/2023/03/10151-top-march-daily-discussions-and-the-theme-isnostalgia-in-tech-380x250.png" data-pk-srcset="https://prodsens.live/wp-content/uploads/2023/03/10151-top-march-daily-discussions-and-the-theme-isnostalgia-in-tech-380x250.png 380w, https://prodsens.live/wp-content/uploads/2023/03/10151-top-march-daily-discussions-and-the-theme-isnostalgia-in-tech-230x150.png 230w, https://prodsens.live/wp-content/uploads/2023/03/10151-top-march-daily-discussions-and-the-theme-isnostalgia-in-tech-260x170.png 260w" /> </div> <div class="cs-overlay-content"> <div class="cs-entry__post-meta" ><div class="cs-meta-comments"><span class="cs-meta-icon"><i class="cs-icon cs-icon-message-square"></i></span><a href="https://prodsens.live/2023/03/31/top-march-daily-discussions-and-the-theme-isnostalgia-in-tech/#respond" class="comments-link" >0</a></div><div class="cs-meta-reading-time"><span class="cs-meta-icon"><i class="cs-icon cs-icon-clock"></i></span>1 min</div></div> </div> <a href="https://prodsens.live/2023/03/31/top-march-daily-discussions-and-the-theme-isnostalgia-in-tech/" class="cs-overlay-link"></a> </div> <div class="cs-entry__inner cs-entry__content"> <div class="cs-entry__post-meta" ><div class="cs-meta-category"><ul class="post-categories"> <li><a href="https://prodsens.live/category/software/" rel="category tag">Software</a></li></ul></div></div> <h2 class="cs-entry__title"><a href="https://prodsens.live/2023/03/31/top-march-daily-discussions-and-the-theme-isnostalgia-in-tech/">Top March Daily Discussions. And the Theme is…Nostalgia in Tech!</a></h2> <div class="cs-entry__excerpt"> Well, we were a nostalgic bunch this month! Top CodeNewbie Daily Discussion posts in March included reminiscing about… </div> <div class="cs-entry__details "> <div class="cs-entry__details-data"> <a class="cs-author-avatar" href="https://prodsens.live/author/janani-nagarajan/"><img alt='' src='https://secure.gravatar.com/avatar/574f690564e4cae2c1e56de98ec481ac?s=40&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/574f690564e4cae2c1e56de98ec481ac?s=80&d=mm&r=g 2x' class='avatar avatar-40 photo' height='40' width='40' loading='lazy' decoding='async'/></a> <div class="cs-entry__details-meta"> <div class="cs-entry__author-meta"><a href="https://prodsens.live/author/janani-nagarajan/">Janani Nagarajan</a></div><div class="cs-entry__post-meta" ><div class="cs-meta-date">March 31, 2023</div></div> </div> </div> <div class="cs-entry__read-more"> <a href="https://prodsens.live/2023/03/31/top-march-daily-discussions-and-the-theme-isnostalgia-in-tech/"> Read More </a> </div> </div> </div> </div> </article> <article class="cs-entry-default post-4792 post type-post status-publish format-standard has-post-thumbnail category-software tag-apachepulsar cs-entry cs-video-wrap"> <div class="cs-entry__outer"> <div class="cs-entry__inner cs-entry__thumbnail cs-entry__overlay cs-overlay-ratio cs-ratio-original" data-scheme="inverse"> <div class="cs-overlay-background"> <img width="380" height="250" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXwAAAD6AQMAAACYt274AAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAACNJREFUaN7twTEBAAAAwqD1T20MH6AAAAAAAAAAAAAAAICfAS/aAAH7Vn1zAAAAAElFTkSuQmCC" class="attachment-csco-thumbnail size-csco-thumbnail pk-lazyload wp-post-image" alt="episode-54:-october-22,-2022:-real-time-&-kubecon" decoding="async" loading="lazy" data-pk-sizes="auto" data-ls-sizes="(max-width: 380px) 100vw, 380px" data-pk-src="https://prodsens.live/wp-content/uploads/2022/10/4792-episode-54-october-22-2022-real-time-kubecon-380x250.jpeg" data-pk-srcset="https://prodsens.live/wp-content/uploads/2022/10/4792-episode-54-october-22-2022-real-time-kubecon-380x250.jpeg 380w, https://prodsens.live/wp-content/uploads/2022/10/4792-episode-54-october-22-2022-real-time-kubecon-230x150.jpeg 230w, https://prodsens.live/wp-content/uploads/2022/10/4792-episode-54-october-22-2022-real-time-kubecon-260x170.jpeg 260w" /> </div> <div class="cs-overlay-content"> <div class="cs-entry__post-meta" ><div class="cs-meta-comments"><span class="cs-meta-icon"><i class="cs-icon cs-icon-message-square"></i></span><a href="https://prodsens.live/2022/10/23/episode-54-october-22-2022-real-time-kubecon/#respond" class="comments-link" >0</a></div><div class="cs-meta-reading-time"><span class="cs-meta-icon"><i class="cs-icon cs-icon-clock"></i></span>1 min</div></div> </div> <a href="https://prodsens.live/2022/10/23/episode-54-october-22-2022-real-time-kubecon/" class="cs-overlay-link"></a> </div> <div class="cs-entry__inner cs-entry__content"> <div class="cs-entry__post-meta" ><div class="cs-meta-category"><ul class="post-categories"> <li><a href="https://prodsens.live/category/software/" rel="category tag">Software</a></li></ul></div></div> <h2 class="cs-entry__title"><a href="https://prodsens.live/2022/10/23/episode-54-october-22-2022-real-time-kubecon/">Episode 54: October 22, 2022: Real-Time & KubeCon</a></h2> <div class="cs-entry__excerpt"> ApachePulsar #ApacheFlink #Spring #DeltaLake #CDC #SQL OpenSource #ApacheBookeeper #ApacheCon #Containers PIP-156 is coming soon and that brings us… </div> <div class="cs-entry__details "> <div class="cs-entry__details-data"> <a class="cs-author-avatar" href="https://prodsens.live/author/daniel-wood/"><img alt='' src='https://secure.gravatar.com/avatar/cea583d96fc08f7751fb48c7d4d21496?s=40&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/cea583d96fc08f7751fb48c7d4d21496?s=80&d=mm&r=g 2x' class='avatar avatar-40 photo' height='40' width='40' loading='lazy' decoding='async'/></a> <div class="cs-entry__details-meta"> <div class="cs-entry__author-meta"><a href="https://prodsens.live/author/daniel-wood/">Daniel Wood</a></div><div class="cs-entry__post-meta" ><div class="cs-meta-date">October 23, 2022</div></div> </div> </div> <div class="cs-entry__read-more"> <a href="https://prodsens.live/2022/10/23/episode-54-october-22-2022-real-time-kubecon/"> Read More </a> </div> </div> </div> </div> </article> <article class="cs-entry-default post-4057 post type-post status-publish format-standard has-post-thumbnail category-software tag-css tag-glassmorphism tag-neomorphism tag-tutorial cs-entry cs-video-wrap"> <div class="cs-entry__outer"> <div class="cs-entry__inner cs-entry__thumbnail cs-entry__overlay cs-overlay-ratio cs-ratio-original" data-scheme="inverse"> <div class="cs-overlay-background"> <img width="380" height="250" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXwAAAD6AQMAAACYt274AAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAACNJREFUaN7twTEBAAAAwqD1T20MH6AAAAAAAAAAAAAAAICfAS/aAAH7Vn1zAAAAAElFTkSuQmCC" class="attachment-csco-thumbnail size-csco-thumbnail pk-lazyload wp-post-image" alt="how-to-create-a-glassmorphism-effect-with-pure-css" decoding="async" loading="lazy" data-pk-sizes="auto" data-ls-sizes="(max-width: 380px) 100vw, 380px" data-pk-src="https://prodsens.live/wp-content/uploads/2022/09/4057-how-to-create-a-glassmorphism-effect-with-pure-css-380x250.png" data-pk-srcset="https://prodsens.live/wp-content/uploads/2022/09/4057-how-to-create-a-glassmorphism-effect-with-pure-css-380x250.png 380w, https://prodsens.live/wp-content/uploads/2022/09/4057-how-to-create-a-glassmorphism-effect-with-pure-css-230x150.png 230w, https://prodsens.live/wp-content/uploads/2022/09/4057-how-to-create-a-glassmorphism-effect-with-pure-css-260x170.png 260w" /> </div> <div class="cs-overlay-content"> <div class="cs-entry__post-meta" ><div class="cs-meta-comments"><span class="cs-meta-icon"><i class="cs-icon cs-icon-message-square"></i></span><a href="https://prodsens.live/2022/09/29/how-to-create-a-glassmorphism-effect-with-pure-css/#respond" class="comments-link" >0</a></div><div class="cs-meta-shares"> <div class="cs-meta-share-total"> <div class="cs-meta-icon"><i class="cs-icon cs-icon-share"></i></div> <div class="cs-total-number"> 3 </div> </div> <div class="cs-meta-share-links" data-scheme="default"> <div class="pk-share-buttons-wrap pk-share-buttons-layout-simple pk-share-buttons-scheme-simple-light pk-share-buttons-has-counts pk-share-buttons-post-meta pk-share-buttons-mode-cached" data-post-id="4057" data-share-url="https://prodsens.live/2022/09/29/how-to-create-a-glassmorphism-effect-with-pure-css/" > <div class="pk-share-buttons-items"> <div class="pk-share-buttons-item pk-share-buttons-facebook pk-share-buttons-item-count" data-id="facebook"> <a href="https://www.facebook.com/sharer.php?u=https://prodsens.live/2022/09/29/how-to-create-a-glassmorphism-effect-with-pure-css/" class="pk-share-buttons-link" target="_blank"> <i class="pk-share-buttons-icon pk-icon pk-icon-facebook"></i> <span class="pk-share-buttons-count pk-font-secondary">3</span> </a> </div> <div class="pk-share-buttons-item pk-share-buttons-twitter pk-share-buttons-no-count" data-id="twitter"> <a href="https://twitter.com/share?&text=How%20to%20Create%20a%20Glassmorphism%20Effect%20with%20Pure%20CSS&via=prodsens_pro&url=https://prodsens.live/2022/09/29/how-to-create-a-glassmorphism-effect-with-pure-css/" class="pk-share-buttons-link" target="_blank"> <i class="pk-share-buttons-icon pk-icon pk-icon-twitter"></i> <span class="pk-share-buttons-count pk-font-secondary">0</span> </a> </div> <div class="pk-share-buttons-item pk-share-buttons-pinterest pk-share-buttons-no-count" data-id="pinterest"> <a href="https://pinterest.com/pin/create/bookmarklet/?url=https://prodsens.live/2022/09/29/how-to-create-a-glassmorphism-effect-with-pure-css/&media=https://prodsens.live/wp-content/uploads/2022/09/4057-how-to-create-a-glassmorphism-effect-with-pure-css.png" class="pk-share-buttons-link" target="_blank"> <i class="pk-share-buttons-icon pk-icon pk-icon-pinterest"></i> <span class="pk-share-buttons-count pk-font-secondary">0</span> </a> </div> </div> </div> </div> </div><div class="cs-meta-reading-time"><span class="cs-meta-icon"><i class="cs-icon cs-icon-clock"></i></span>2 min</div></div> </div> <a href="https://prodsens.live/2022/09/29/how-to-create-a-glassmorphism-effect-with-pure-css/" class="cs-overlay-link"></a> </div> <div class="cs-entry__inner cs-entry__content"> <div class="cs-entry__post-meta" ><div class="cs-meta-category"><ul class="post-categories"> <li><a href="https://prodsens.live/category/software/" rel="category tag">Software</a></li></ul></div></div> <h2 class="cs-entry__title"><a href="https://prodsens.live/2022/09/29/how-to-create-a-glassmorphism-effect-with-pure-css/">How to Create a Glassmorphism Effect with Pure CSS</a></h2> <div class="cs-entry__excerpt"> Glassmorphism is a new design trend that started in 2021 after many developers complained about the controversial style… </div> <div class="cs-entry__details "> <div class="cs-entry__details-data"> <a class="cs-author-avatar" href="https://prodsens.live/author/miriam-ellis/"><img alt='' src='https://secure.gravatar.com/avatar/c356a05059f5ae8747fe2eb03ab742a0?s=40&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/c356a05059f5ae8747fe2eb03ab742a0?s=80&d=mm&r=g 2x' class='avatar avatar-40 photo' height='40' width='40' loading='lazy' decoding='async'/></a> <div class="cs-entry__details-meta"> <div class="cs-entry__author-meta"><a href="https://prodsens.live/author/miriam-ellis/">Miriam Ellis</a></div><div class="cs-entry__post-meta" ><div class="cs-meta-date">September 29, 2022</div></div> </div> </div> <div class="cs-entry__read-more"> <a href="https://prodsens.live/2022/09/29/how-to-create-a-glassmorphism-effect-with-pure-css/"> Read More </a> </div> </div> </div> </div> </article> </div> </div> </div> </div> </main> <footer class="cs-footer cs-footer-two" data-scheme="dark"> <div class="cs-container"> <div class="cs-footer__item"> <div class="cs-footer__col cs-col-left"> <div class="cs-footer__inner"> <div class="cs-logo"> <a class="cs-footer__logo cs-logo-once" href="https://prodsens.live/"> ProdSens.live </a> </div> <div class="cs-footer__desc"> Designed & Developed by <a href="https://prodsens.live/">Xezero.com</a> </div> </div> </div> <div class="cs-footer__col cs-col-center"> <div class="footer-nav-menu"> <ul id="menu-primary" class="cs-footer__nav cs-nav-grid"><li id="menu-item-198" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-198"><a rel="privacy-policy" href="https://prodsens.live/privacy-policy-2/">Privacy Policy</a></li> <li id="menu-item-1494" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1494"><a href="https://prodsens.live/terms-conditions/">Terms & Conditions</a></li> <li id="menu-item-1493" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1493"><a href="https://prodsens.live/contact-us/">Contact us</a></li> </ul> </div> </div> <div class="cs-footer__col cs-col-right"> <div class="cs-footer-social-links"> <div class="cs-footer-social-links"> <div class="pk-social-links-wrap pk-social-links-template-nav pk-social-links-align-default pk-social-links-scheme-bold pk-social-links-titles-disabled pk-social-links-counts-disabled pk-social-links-labels-disabled"> <div class="pk-social-links-items"> <div class="pk-social-links-item pk-social-links-facebook pk-social-links-no-count" data-id="facebook"> <a href="https://facebook.com/prodsenslive" class="pk-social-links-link" target="_blank" rel="nofollow noopener" aria-label="Facebook"> <i class="pk-social-links-icon pk-icon pk-icon-facebook"></i> </a> </div> <div class="pk-social-links-item pk-social-links-linkedin pk-social-links-no-count" data-id="linkedin"> <a href="https://www.linkedin.com/company/prodsens-live" class="pk-social-links-link" target="_blank" rel="nofollow noopener" aria-label="LinkedIn"> <i class="pk-social-links-icon pk-icon pk-icon-linkedin"></i> </a> </div> <div class="pk-social-links-item pk-social-links-twitter pk-social-links-no-count" data-id="twitter"> <a href="https://twitter.com/prodsens_pro" class="pk-social-links-link" target="_blank" rel="nofollow noopener" aria-label="Twitter"> <i class="pk-social-links-icon pk-icon pk-icon-twitter"></i> </a> </div> </div> </div> </div> </div> </div> </div> </div> </footer> </div> </div> <style type="text/css" media="all" id="canvas-widget-blocks-dynamic-styles"> </style> <!--googleoff: all--><div id="cookie-law-info-bar" data-nosnippet="true"><span><div class="cli-bar-container cli-style-v2"><div class="cli-bar-message">We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept All”, you consent to the use of ALL the cookies. However, you may visit "Cookie Settings" to provide a controlled consent.</div><div class="cli-bar-btn_container"><a role='button' class="medium cli-plugin-button cli-plugin-main-button cli_settings_button" style="margin:0px 5px 0px 0px">Cookie Settings</a><a id="wt-cli-accept-all-btn" role='button' data-cli_action="accept_all" class="wt-cli-element medium cli-plugin-button wt-cli-accept-all-btn cookie_action_close_header cli_action_button">Accept All</a></div></div></span></div><div id="cookie-law-info-again" data-nosnippet="true"><span id="cookie_hdr_showagain">Manage consent</span></div><div class="cli-modal" data-nosnippet="true" id="cliSettingsPopup" tabindex="-1" role="dialog" aria-labelledby="cliSettingsPopup" aria-hidden="true"> <div class="cli-modal-dialog" role="document"> <div class="cli-modal-content cli-bar-popup"> <button type="button" class="cli-modal-close" id="cliModalClose"> <svg class="" viewBox="0 0 24 24"><path d="M19 6.41l-1.41-1.41-5.59 5.59-5.59-5.59-1.41 1.41 5.59 5.59-5.59 5.59 1.41 1.41 5.59-5.59 5.59 5.59 1.41-1.41-5.59-5.59z"></path><path d="M0 0h24v24h-24z" fill="none"></path></svg> <span class="wt-cli-sr-only">Close</span> </button> <div class="cli-modal-body"> <div class="cli-container-fluid cli-tab-container"> <div class="cli-row"> <div class="cli-col-12 cli-align-items-stretch cli-px-0"> <div class="cli-privacy-overview"> <h4>Privacy Overview</h4> <div class="cli-privacy-content"> <div class="cli-privacy-content-text">This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.</div> </div> <a class="cli-privacy-readmore" aria-label="Show more" role="button" data-readmore-text="Show more" data-readless-text="Show less"></a> </div> </div> <div class="cli-col-12 cli-align-items-stretch cli-px-0 cli-tab-section-container"> <div class="cli-tab-section"> <div class="cli-tab-header"> <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="necessary" data-toggle="cli-toggle-tab"> Necessary </a> <div class="wt-cli-necessary-checkbox"> <input type="checkbox" class="cli-user-preference-checkbox" id="wt-cli-checkbox-necessary" data-id="checkbox-necessary" checked="checked" /> <label class="form-check-label" for="wt-cli-checkbox-necessary">Necessary</label> </div> <span class="cli-necessary-caption">Always Enabled</span> </div> <div class="cli-tab-content"> <div class="cli-tab-pane cli-fade" data-id="necessary"> <div class="wt-cli-cookie-description"> Necessary cookies are absolutely essential for the website to function properly. These cookies ensure basic functionalities and security features of the website, anonymously. <table class="cookielawinfo-row-cat-table cookielawinfo-winter"><thead><tr><th class="cookielawinfo-column-1">Cookie</th><th class="cookielawinfo-column-3">Duration</th><th class="cookielawinfo-column-4">Description</th></tr></thead><tbody><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">cookielawinfo-checkbox-analytics</td><td class="cookielawinfo-column-3">11 months</td><td class="cookielawinfo-column-4">This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">cookielawinfo-checkbox-functional</td><td class="cookielawinfo-column-3">11 months</td><td class="cookielawinfo-column-4">The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">cookielawinfo-checkbox-necessary</td><td class="cookielawinfo-column-3">11 months</td><td class="cookielawinfo-column-4">This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">cookielawinfo-checkbox-others</td><td class="cookielawinfo-column-3">11 months</td><td class="cookielawinfo-column-4">This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">cookielawinfo-checkbox-performance</td><td class="cookielawinfo-column-3">11 months</td><td class="cookielawinfo-column-4">This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">viewed_cookie_policy</td><td class="cookielawinfo-column-3">11 months</td><td class="cookielawinfo-column-4">The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.</td></tr></tbody></table> </div> </div> </div> </div> <div class="cli-tab-section"> <div class="cli-tab-header"> <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="functional" data-toggle="cli-toggle-tab"> Functional </a> <div class="cli-switch"> <input type="checkbox" id="wt-cli-checkbox-functional" class="cli-user-preference-checkbox" data-id="checkbox-functional" /> <label for="wt-cli-checkbox-functional" class="cli-slider" data-cli-enable="Enabled" data-cli-disable="Disabled"><span class="wt-cli-sr-only">Functional</span></label> </div> </div> <div class="cli-tab-content"> <div class="cli-tab-pane cli-fade" data-id="functional"> <div class="wt-cli-cookie-description"> Functional cookies help to perform certain functionalities like sharing the content of the website on social media platforms, collect feedbacks, and other third-party features. </div> </div> </div> </div> <div class="cli-tab-section"> <div class="cli-tab-header"> <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="performance" data-toggle="cli-toggle-tab"> Performance </a> <div class="cli-switch"> <input type="checkbox" id="wt-cli-checkbox-performance" class="cli-user-preference-checkbox" data-id="checkbox-performance" /> <label for="wt-cli-checkbox-performance" class="cli-slider" data-cli-enable="Enabled" data-cli-disable="Disabled"><span class="wt-cli-sr-only">Performance</span></label> </div> </div> <div class="cli-tab-content"> <div class="cli-tab-pane cli-fade" data-id="performance"> <div class="wt-cli-cookie-description"> Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors. </div> </div> </div> </div> <div class="cli-tab-section"> <div class="cli-tab-header"> <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="analytics" data-toggle="cli-toggle-tab"> Analytics </a> <div class="cli-switch"> <input type="checkbox" id="wt-cli-checkbox-analytics" class="cli-user-preference-checkbox" data-id="checkbox-analytics" /> <label for="wt-cli-checkbox-analytics" class="cli-slider" data-cli-enable="Enabled" data-cli-disable="Disabled"><span class="wt-cli-sr-only">Analytics</span></label> </div> </div> <div class="cli-tab-content"> <div class="cli-tab-pane cli-fade" data-id="analytics"> <div class="wt-cli-cookie-description"> Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc. </div> </div> </div> </div> <div class="cli-tab-section"> <div class="cli-tab-header"> <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="advertisement" data-toggle="cli-toggle-tab"> Advertisement </a> <div class="cli-switch"> <input type="checkbox" id="wt-cli-checkbox-advertisement" class="cli-user-preference-checkbox" data-id="checkbox-advertisement" /> <label for="wt-cli-checkbox-advertisement" class="cli-slider" data-cli-enable="Enabled" data-cli-disable="Disabled"><span class="wt-cli-sr-only">Advertisement</span></label> </div> </div> <div class="cli-tab-content"> <div class="cli-tab-pane cli-fade" data-id="advertisement"> <div class="wt-cli-cookie-description"> Advertisement cookies are used to provide visitors with relevant ads and marketing campaigns. These cookies track visitors across websites and collect information to provide customized ads. </div> </div> </div> </div> <div class="cli-tab-section"> <div class="cli-tab-header"> <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="others" data-toggle="cli-toggle-tab"> Others </a> <div class="cli-switch"> <input type="checkbox" id="wt-cli-checkbox-others" class="cli-user-preference-checkbox" data-id="checkbox-others" /> <label for="wt-cli-checkbox-others" class="cli-slider" data-cli-enable="Enabled" data-cli-disable="Disabled"><span class="wt-cli-sr-only">Others</span></label> </div> </div> <div class="cli-tab-content"> <div class="cli-tab-pane cli-fade" data-id="others"> <div class="wt-cli-cookie-description"> Other uncategorized cookies are those that are being analyzed and have not been classified into a category as yet. </div> </div> </div> </div> </div> </div> </div> </div> <div class="cli-modal-footer"> <div class="wt-cli-element cli-container-fluid cli-tab-container"> <div class="cli-row"> <div class="cli-col-12 cli-align-items-stretch cli-px-0"> <div class="cli-tab-footer wt-cli-privacy-overview-actions"> <a id="wt-cli-privacy-save-btn" role="button" tabindex="0" data-cli-action="accept" class="wt-cli-privacy-btn cli_setting_save_button wt-cli-privacy-accept-btn cli-btn">SAVE & ACCEPT</a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="cli-modal-backdrop cli-fade cli-settings-overlay"></div> <div class="cli-modal-backdrop cli-fade cli-popupbar-overlay"></div> <!--googleon: all--> <a href="#top" class="pk-scroll-to-top"> <i class="pk-icon pk-icon-up"></i> </a> <div class="pk-mobile-share-overlay"> </div> <div id="fb-root"></div> <script>( function( d, s, id ) { var js, fjs = d.getElementsByTagName( s )[0]; if ( d.getElementById( id ) ) return; js = d.createElement( s ); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=305449883698649"; fjs.parentNode.insertBefore( js, fjs ); }( document, 'script', 'facebook-jssdk' ) );</script> <script> var _SEARCHWP_LIVE_AJAX_SEARCH_BLOCKS = true; var _SEARCHWP_LIVE_AJAX_SEARCH_ENGINE = 'default'; var _SEARCHWP_LIVE_AJAX_SEARCH_CONFIG = 'default'; </script> <link rel='stylesheet' id='cookie-law-info-table-css' href='https://prodsens.live/wp-content/plugins/cookie-law-info/public/css/cookie-law-info-table.css?ver=2.1.2' media='all' /> <script src="https://prodsens.live/wp-content/plugins/canvas/components/basic-elements/block-alert/public-block-alert.js?ver=2.3.8" id="canvas-block-alert-script-js"></script> <script src="https://prodsens.live/wp-content/plugins/canvas/components/basic-elements/block-collapsibles/public-block-collapsibles.js?ver=2.3.8" id="canvas-block-collapsibles-script-js"></script> <script src="https://prodsens.live/wp-content/plugins/canvas/components/basic-elements/block-tabs/public-block-tabs.js?ver=2.3.8" id="canvas-block-tabs-script-js"></script> <script src="https://prodsens.live/wp-content/plugins/canvas/components/justified-gallery/block/jquery.justifiedGallery.min.js?ver=2.3.8" id="justifiedgallery-js"></script> <script id="canvas-justified-gallery-js-extra"> var canvasJG = {"rtl":""}; </script> <script src="https://prodsens.live/wp-content/plugins/canvas/components/justified-gallery/block/public-block-justified-gallery.js?ver=2.3.8" id="canvas-justified-gallery-js"></script> <script src="https://prodsens.live/wp-includes/js/imagesloaded.min.js?ver=5.0.0" id="imagesloaded-js"></script> <script src="https://prodsens.live/wp-content/plugins/canvas/components/slider-gallery/block/flickity.pkgd.min.js?ver=2.3.8" id="flickity-js"></script> <script id="canvas-slider-gallery-js-extra"> var canvas_sg_flickity = {"page_info_sep":" of "}; </script> <script src="https://prodsens.live/wp-content/plugins/canvas/components/slider-gallery/block/public-block-slider-gallery.js?ver=2.3.8" id="canvas-slider-gallery-js"></script> <script src="https://prodsens.live/wp-includes/js/dist/vendor/wp-polyfill-inert.min.js?ver=3.1.2" id="wp-polyfill-inert-js"></script> <script src="https://prodsens.live/wp-includes/js/dist/vendor/regenerator-runtime.min.js?ver=0.14.0" id="regenerator-runtime-js"></script> <script src="https://prodsens.live/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script> <script id="contact-form-7-js-extra"> var wpcf7 = {"api":{"root":"https:\/\/prodsens.live\/wp-json\/","namespace":"contact-form-7\/v1"},"cached":"1"}; </script> <script src="https://prodsens.live/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.6" id="contact-form-7-js"></script> <script src="https://prodsens.live/wp-content/plugins/powerkit/modules/basic-elements/public/js/public-powerkit-basic-elements.js?ver=4.0.0" id="powerkit-basic-elements-js"></script> <script id="powerkit-justified-gallery-js-extra"> var powerkitJG = {"rtl":""}; </script> <script src="https://prodsens.live/wp-content/plugins/powerkit/modules/justified-gallery/public/js/public-powerkit-justified-gallery.js?ver=2.8.0" id="powerkit-justified-gallery-js"></script> <script src="https://prodsens.live/wp-content/plugins/powerkit/modules/lazyload/public/js/lazysizes.config.js?ver=6.5.5" id="lazysizes.config-js"></script> <script src="https://prodsens.live/wp-content/plugins/powerkit/modules/lazyload/public/js/lazysizes.min.js?ver=6.5.5" id="lazysizes-js"></script> <script src="https://prodsens.live/wp-content/plugins/powerkit/modules/lightbox/public/js/glightbox.min.js?ver=2.8.0" id="glightbox-js"></script> <script id="powerkit-lightbox-js-extra"> var powerkit_lightbox_localize = {"text_previous":"Previous","text_next":"Next","text_close":"Close","text_loading":"Loading","text_counter":"of","single_image_selectors":".entry-content img","gallery_selectors":".wp-block-gallery,.gallery","exclude_selectors":"","zoom_icon":"1"}; </script> <script src="https://prodsens.live/wp-content/plugins/powerkit/modules/lightbox/public/js/public-powerkit-lightbox.js?ver=2.8.0" id="powerkit-lightbox-js"></script> <script id="powerkit-opt-in-forms-js-extra"> var opt_in = {"ajax_url":"https:\/\/prodsens.live\/wp-admin\/admin-ajax.php","warning_privacy":"Please confirm that you agree with our policies."}; </script> <script src="https://prodsens.live/wp-content/plugins/powerkit/modules/opt-in-forms/public/js/public-powerkit-opt-in-forms.js?ver=2.8.0" id="powerkit-opt-in-forms-js"></script> <script async="async" defer="defer" src="//assets.pinterest.com/js/pinit.js?ver=6.5.5" id="powerkit-pinterest-js"></script> <script id="powerkit-pin-it-js-extra"> var powerkit_pinit_localize = {"image_selectors":".entry-content img","exclude_selectors":".cnvs-block-row,.cnvs-block-section,.cnvs-block-posts .entry-thumbnail,.cnvs-post-thumbnail,.pk-block-author,.pk-featured-categories img,.pk-inline-posts-container img,.pk-instagram-image,.pk-subscribe-image,.wp-block-cover,.pk-block-posts,.cs-posts-area__main,.cs-entry","only_hover":"1"}; </script> <script src="https://prodsens.live/wp-content/plugins/powerkit/modules/pinterest/public/js/public-powerkit-pin-it.js?ver=2.8.0" id="powerkit-pin-it-js"></script> <script src="https://prodsens.live/wp-content/plugins/powerkit/modules/scroll-to-top/public/js/public-powerkit-scroll-to-top.js?ver=2.8.0" id="powerkit-scroll-to-top-js"></script> <script src="https://prodsens.live/wp-content/plugins/powerkit/modules/share-buttons/public/js/public-powerkit-share-buttons.js?ver=2.8.0" id="powerkit-share-buttons-js"></script> <script id="powerkit-slider-gallery-js-extra"> var powerkit_sg_flickity = {"page_info_sep":" of "}; </script> <script src="https://prodsens.live/wp-content/plugins/powerkit/modules/slider-gallery/public/js/public-powerkit-slider-gallery.js?ver=2.8.0" id="powerkit-slider-gallery-js"></script> <script id="powerkit-table-of-contents-js-extra"> var powerkit_toc_config = {"label_show":"Show","label_hide":"Hide"}; </script> <script src="https://prodsens.live/wp-content/plugins/powerkit/modules/table-of-contents/public/js/public-powerkit-table-of-contents.js?ver=2.8.0" id="powerkit-table-of-contents-js"></script> <script id="csco-scripts-js-extra"> var csLocalize = {"siteSchemeMode":"system","siteSchemeToogle":"1"}; var csco_mega_menu = {"rest_url":"https:\/\/prodsens.live\/wp-json\/csco\/v1\/menu-posts"}; </script> <script src="https://prodsens.live/wp-content/themes/networker/assets/js/scripts.js?ver=1.0.7" id="csco-scripts-js"></script> <script src="https://prodsens.live/wp-includes/js/comment-reply.min.js?ver=6.5.5" id="comment-reply-js" async data-wp-strategy="async"></script> <script id="swp-live-search-client-js-extra"> var searchwp_live_search_params = []; searchwp_live_search_params = {"ajaxurl":"https:\/\/prodsens.live\/wp-admin\/admin-ajax.php","origin_id":10015,"config":{"default":{"engine":"default","input":{"delay":300,"min_chars":3},"results":{"position":"bottom","width":"auto","offset":{"x":0,"y":5}},"spinner":{"lines":12,"length":8,"width":3,"radius":8,"scale":1,"corners":1,"color":"#424242","fadeColor":"transparent","speed":1,"rotate":0,"animation":"searchwp-spinner-line-fade-quick","direction":1,"zIndex":2000000000,"className":"spinner","top":"50%","left":"50%","shadow":"0 0 1px transparent","position":"absolute"}}},"msg_no_config_found":"No valid SearchWP Live Search configuration found!","aria_instructions":"When autocomplete results are available use up and down arrows to review and enter to go to the desired page. Touch device users, explore by touch or with swipe gestures."};; </script> <script src="https://prodsens.live/wp-content/plugins/searchwp-live-ajax-search/assets/javascript/dist/script.min.js?ver=1.7.2" id="swp-live-search-client-js"></script> <script type="text/javascript"> "use strict"; (function($) { $( window ).on( 'load', function() { // Get all links. var powerkitSLinksIds = []; var powerkitSLinksRestBox = $( '.pk-social-links-mode-rest' ); // Generate links Ids. $( powerkitSLinksRestBox ).each( function( index, wrap ) { if ( ! $( wrap ).hasClass( 'pk-social-links-counts-disabled' ) ) { $( wrap ).find( '.pk-social-links-item' ).each( function() { if ( $( this ).attr( 'data-id' ).length > 0 ) { powerkitSLinksIds.push( $( this ).attr( 'data-id' ) ); } }); } }); // Generate links data. var powerkitSLinksData = {}; if( powerkitSLinksIds.length > 0 ) { powerkitSLinksData = { 'ids' : powerkitSLinksIds.join() }; } // Check data. if ( ! Object.entries( powerkitSLinksData ).length ) { return; } // Get results by REST API. $.ajax({ type: 'GET', url: 'https://prodsens.live/wp-json/social-counts/v1/get-counts', data: powerkitSLinksData, beforeSend: function(){ // Add Loading Class. powerkitSLinksRestBox.addClass( 'pk-social-links-loading' ); }, success: function( response ) { if ( ! $.isEmptyObject( response ) && ! response.hasOwnProperty( 'code' ) ) { // SLinks loop. $.each( response, function( index, data ) { // Find Bsa Item. var powerkitSLinksItem = powerkitSLinksRestBox.find( '.pk-social-links-item[data-id="' + index + '"]'); // Set Class. if ( data.hasOwnProperty( 'class' ) ) { powerkitSLinksItem.addClass( data.class ); } // Set Count. if ( data.hasOwnProperty( 'result' ) && data.result !== null && data.result.hasOwnProperty( 'count' ) ) { if ( data.result.count ) { // Class Item. powerkitSLinksItem.removeClass( 'pk-social-links-no-count' ).addClass( 'pk-social-links-item-count' ); // Count item. powerkitSLinksItem.find( '.pk-social-links-count' ).not( '.pk-tippy' ).html( data.result.count ); } } else { powerkitSLinksItem.addClass( 'pk-social-links-no-count' ); } }); } // Remove Loading Class. powerkitSLinksRestBox.removeClass( 'pk-social-links-loading' ); }, error: function() { // Remove Loading Class. powerkitSLinksRestBox.removeClass( 'pk-social-links-loading' ); } }); }); })(jQuery); </script> <script type="text/javascript"> "use strict"; (function($) { $( window ).on( 'load', function() { // Each All Share boxes. $( '.pk-share-buttons-mode-rest' ).each( function() { var powerkitButtonsIds = [], powerkitButtonsBox = $( this ); // Check Counts. if ( ! powerkitButtonsBox.hasClass( 'pk-share-buttons-has-counts' ) && ! powerkitButtonsBox.hasClass( 'pk-share-buttons-has-total-counts' ) ) { return; } powerkitButtonsBox.find( '.pk-share-buttons-item' ).each( function() { if ( $( this ).attr( 'data-id' ).length > 0 ) { powerkitButtonsIds.push( $( this ).attr( 'data-id' ) ); } }); // Generate accounts data. var powerkitButtonsData = {}; if( powerkitButtonsIds.length > 0 ) { powerkitButtonsData = { 'ids' : powerkitButtonsIds.join(), 'post_id' : powerkitButtonsBox.attr( 'data-post-id' ), 'url' : powerkitButtonsBox.attr( 'data-share-url' ), }; } // Get results by REST API. $.ajax({ type: 'GET', url: 'https://prodsens.live/wp-json/social-share/v1/get-shares', data: powerkitButtonsData, beforeSend: function(){ // Add Loading Class. powerkitButtonsBox.addClass( 'pk-share-buttons-loading' ); }, success: function( response ) { if ( ! $.isEmptyObject( response ) && ! response.hasOwnProperty( 'code' ) ) { // Accounts loop. $.each( response, function( index, data ) { if ( index !== 'total_count' ) { // Find Bsa Item. var powerkitButtonsItem = powerkitButtonsBox.find( '.pk-share-buttons-item[data-id="' + index + '"]'); // Set Count. if ( data.hasOwnProperty( 'count' ) && data.count ) { powerkitButtonsItem.removeClass( 'pk-share-buttons-no-count' ).addClass( 'pk-share-buttons-item-count' ); powerkitButtonsItem.find( '.pk-share-buttons-count' ).html( data.count ); } else { powerkitButtonsItem.addClass( 'pk-share-buttons-no-count' ); } } }); if ( powerkitButtonsBox.hasClass( 'pk-share-buttons-has-total-counts' ) && response.hasOwnProperty( 'total_count' ) ) { var powerkitButtonsTotalBox = powerkitButtonsBox.find( '.pk-share-buttons-total' ); if ( response.total_count ) { powerkitButtonsTotalBox.find( '.pk-share-buttons-count' ).html( response.total_count ); powerkitButtonsTotalBox.show().removeClass( 'pk-share-buttons-total-no-count' ); } } } // Remove Loading Class. powerkitButtonsBox.removeClass( 'pk-share-buttons-loading' ); }, error: function() { // Remove Loading Class. powerkitButtonsBox.removeClass( 'pk-share-buttons-loading' ); } }); }); }); })(jQuery); </script> </body> </html> <!-- Performance optimized by AccelerateWP. -->