Part 2: Learning HTML

part-2:-learning-html

July 6, 2024

I am working on Codeacademy’s HTML Fundamentals Lesson and have learned a few HTML concepts:

  • Start an HTML file with the declaration. This allows the browser to interpret the file as containing html content and works with the correct version of HTML.

  • The next line should contain the element. Add all of the code between the html open and closing tags.

  • Information which will not be shown/rendered on the web page is contained inside between the open and closing tags.

  • Use the </code> element inside of the head to display the web page name on the browser’s tab.</p> </li> <li> <p>Use <code><a></code> anchor elements to add links to internal/external pages.</p> </li> <li> <p>You can organize your code (spacing/indentation) however you like and it won’t reflect on the web page (unless you are nesting incorrectly, which is why indenting and spacing to create readable code is important!).</p> </li> <li> <p>Use the following syntax to comment out code or information from the html file: <code><!-- content -->"</code> . The content inside of this code will not be visible on the web page.</p> </li> </ul> </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/prodsens-live/" rel="tag">prodsens live</a></li><li><a href="https://prodsens.live/tag/software/" rel="tag">Software</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="25257" data-share-url="https://prodsens.live/2024/07/12/part-2-learning-html/" > <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/2024/07/12/part-2-learning-html/" 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=Part%202%3A%20Learning%20HTML&via=prodsens_pro&url=https://prodsens.live/2024/07/12/part-2-learning-html/" 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/2024/07/12/part-2-learning-html/&media=https://prodsens.live/wp-content/uploads/2024/07/25257-part-2-learning-html.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="/2024/07/12/part-2-learning-html/#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"><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 autocomplete="new-password" id="i402533545" name="i402533545" cols="45" rows="8" maxlength="65525" required></textarea><textarea id="comment" aria-label="hp-comment" aria-hidden="true" name="comment" autocomplete="new-password" style="padding:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;position:absolute !important;white-space:nowrap !important;height:1px !important;width:1px !important;overflow:hidden !important;" tabindex="-1"></textarea><script data-noptimize>document.getElementById("comment").setAttribute( "id", "abf07c0d61e5d05188abf4fac27b3501" );document.getElementById("i402533545").setAttribute( "id", "comment" );</script></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='25257' 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/2024/07/12/running-kubernetes-locally-with-kind-and-net-8-plus-a-bonus-with-lens/"></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="running-kubernetes-locally-with-kind-and.net-8-(plus-a-bonus-with-lens)" decoding="async" data-pk-sizes="auto" data-ls-sizes="(max-width: 110px) 100vw, 110px" data-pk-src="https://prodsens.live/wp-content/uploads/2024/07/25255-running-kubernetes-locally-with-kind-and-net-8-plus-a-bonus-with-lens-110x110.png" data-pk-srcset="https://prodsens.live/wp-content/uploads/2024/07/25255-running-kubernetes-locally-with-kind-and-net-8-plus-a-bonus-with-lens-110x110.png 110w, https://prodsens.live/wp-content/uploads/2024/07/25255-running-kubernetes-locally-with-kind-and-net-8-plus-a-bonus-with-lens-150x150.png 150w, https://prodsens.live/wp-content/uploads/2024/07/25255-running-kubernetes-locally-with-kind-and-net-8-plus-a-bonus-with-lens-80x80.png 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/2024/07/12/running-kubernetes-locally-with-kind-and-net-8-plus-a-bonus-with-lens/">Running Kubernetes locally with Kind and .NET 8 (plus a bonus with Lens)</a></h2> <div class="cs-entry__post-meta" ><div class="cs-meta-date">July 12, 2024</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/2024/07/12/installation-of-python-pycharm-selenium-and-web-drivers/"></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="installation-of-python,-pycharm,-selenium-and-web-drivers" decoding="async" data-pk-sizes="auto" data-ls-sizes="(max-width: 110px) 100vw, 110px" data-pk-src="https://prodsens.live/wp-content/uploads/2024/07/25259-installation-of-python-pycharm-selenium-and-web-drivers-110x110.png" data-pk-srcset="https://prodsens.live/wp-content/uploads/2024/07/25259-installation-of-python-pycharm-selenium-and-web-drivers-110x110.png 110w, https://prodsens.live/wp-content/uploads/2024/07/25259-installation-of-python-pycharm-selenium-and-web-drivers-150x150.png 150w, https://prodsens.live/wp-content/uploads/2024/07/25259-installation-of-python-pycharm-selenium-and-web-drivers-80x80.png 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/2024/07/12/installation-of-python-pycharm-selenium-and-web-drivers/">Installation of Python, Pycharm, Selenium and Web Drivers</a></h2> <div class="cs-entry__post-meta" ><div class="cs-meta-date">July 12, 2024</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/2025/10/26/the-playbook-for-crypto-tech-startups-how-to-earn-trust-cut-noise-and-ship-real-value-in-2025/">The Playbook for Crypto-Tech Startups: How to Earn Trust, Cut Noise, and Ship Real Value in 2025</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://prodsens.live/2025/10/26/your-infrastructure-will-never-be-idempotent-and-thats-ok/">Your Infrastructure Will Never Be Idempotent (and That’s OK)</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://prodsens.live/2025/10/26/99180-smart-performance-charts-spc/">Smart Performance Charts (SPC)</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://prodsens.live/2025/10/26/kuku-fm-se-499-cut-jaaye-to-kya-karen/">Kuku FM se 499 cut jaaye to kya Karen</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://prodsens.live/2025/10/26/flowlink-uniting-broken-ai-tools-into-one-nervous-system/">FlowLink: Uniting Broken AI Tools into One Nervous System</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="https://www.villagetalkies.com">Village Talkies</a> on <a class="wp-block-latest-comments__comment-link" href="https://prodsens.live/2023/12/13/2024-creator-economy-predictions/#comment-12243">2024 Creator Economy Predictions</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://www.villagetalkies.com">Village Talkies</a> on <a class="wp-block-latest-comments__comment-link" href="https://prodsens.live/2023/05/31/the-ultimate-guide-to-hiring-a-pr-agency-in-2023/#comment-11411">The Ultimate Guide to Hiring a PR Agency in 2023</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://sebbie.pl/tag/javascript/">Rocco Liviero</a> on <a class="wp-block-latest-comments__comment-link" href="https://prodsens.live/2022/10/21/defender-for-devops-on-azuredevops/#comment-9035">Defender for DevOps on AzureDevOps</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://PK">اخبار روز اتومبیل</a> on <a class="wp-block-latest-comments__comment-link" href="https://prodsens.live/2023/01/11/b2b-marketing-trends/#comment-8998">B2B Marketing Trends That Will Grow Your Business in 2023</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://herotom.com">Adaline Morrow</a> on <a class="wp-block-latest-comments__comment-link" href="https://prodsens.live/2023/04/21/10-best-ai-content-creation-tools-in-2023/#comment-8979">10 Best AI Content Creation Tools in 2023</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: 13.491712707182pt;" aria-label="ai (925 items)">ai</a> <a href="https://prodsens.live/tag/articles/" class="tag-cloud-link tag-link-1061 tag-link-position-2" style="font-size: 10.78453038674pt;" aria-label="Articles (413 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: 9.0828729281768pt;" aria-label="Artificial Intelligence (251 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: 9.9337016574586pt;" aria-label="aws (320 items)">aws</a> <a href="https://prodsens.live/tag/beginners/" class="tag-cloud-link tag-link-184 tag-link-position-5" style="font-size: 15.348066298343pt;" aria-label="beginners (1,626 items)">beginners</a> <a href="https://prodsens.live/tag/career/" class="tag-cloud-link tag-link-190 tag-link-position-6" style="font-size: 9.7790055248619pt;" aria-label="career (306 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.4640883977901pt;" aria-label="cloud (207 items)">cloud</a> <a href="https://prodsens.live/tag/company-news/" class="tag-cloud-link tag-link-573 tag-link-position-8" style="font-size: 9.2375690607735pt;" aria-label="Company News (263 items)">Company News</a> <a href="https://prodsens.live/tag/content-marketing/" class="tag-cloud-link tag-link-267 tag-link-position-9" style="font-size: 10.552486187845pt;" aria-label="Content Marketing (387 items)">Content Marketing</a> <a href="https://prodsens.live/tag/css/" class="tag-cloud-link tag-link-171 tag-link-position-10" style="font-size: 9.2375690607735pt;" aria-label="css (265 items)">css</a> <a href="https://prodsens.live/tag/database/" class="tag-cloud-link tag-link-415 tag-link-position-11" style="font-size: 8.0773480662983pt;" aria-label="database (186 items)">database</a> <a href="https://prodsens.live/tag/devops/" class="tag-cloud-link tag-link-195 tag-link-position-12" style="font-size: 11.016574585635pt;" aria-label="devops (444 items)">devops</a> <a href="https://prodsens.live/tag/discuss/" class="tag-cloud-link tag-link-163 tag-link-position-13" style="font-size: 10.78453038674pt;" aria-label="discuss (420 items)">discuss</a> <a href="https://prodsens.live/tag/expertise/" class="tag-cloud-link tag-link-1350 tag-link-position-14" style="font-size: 8.1546961325967pt;" aria-label="Expertise (190 items)">Expertise</a> <a href="https://prodsens.live/tag/frontend/" class="tag-cloud-link tag-link-338 tag-link-position-15" style="font-size: 8.232044198895pt;" aria-label="frontend (196 items)">frontend</a> <a href="https://prodsens.live/tag/growth/" class="tag-cloud-link tag-link-118 tag-link-position-16" style="font-size: 8.1546961325967pt;" aria-label="growth (189 items)">growth</a> <a href="https://prodsens.live/tag/guest-post/" class="tag-cloud-link tag-link-2939 tag-link-position-17" style="font-size: 8.7734806629834pt;" aria-label="Guest Post (229 items)">Guest Post</a> <a href="https://prodsens.live/tag/java/" class="tag-cloud-link tag-link-283 tag-link-position-18" style="font-size: 8.232044198895pt;" aria-label="java (194 items)">java</a> <a href="https://prodsens.live/tag/javascript/" class="tag-cloud-link tag-link-160 tag-link-position-19" style="font-size: 15.348066298343pt;" aria-label="javascript (1,610 items)">javascript</a> <a href="https://prodsens.live/tag/learning/" class="tag-cloud-link tag-link-221 tag-link-position-20" style="font-size: 9.0828729281768pt;" aria-label="learning (250 items)">learning</a> <a href="https://prodsens.live/tag/marketing/" class="tag-cloud-link tag-link-81 tag-link-position-21" style="font-size: 15.966850828729pt;" aria-label="Marketing (1,931 items)">Marketing</a> <a href="https://prodsens.live/tag/marketing-strategy/" class="tag-cloud-link tag-link-214 tag-link-position-22" style="font-size: 8.1546961325967pt;" aria-label="Marketing Strategy (188 items)">Marketing Strategy</a> <a href="https://prodsens.live/tag/node/" class="tag-cloud-link tag-link-238 tag-link-position-23" style="font-size: 8.7734806629834pt;" aria-label="node (229 items)">node</a> <a href="https://prodsens.live/tag/opensource/" class="tag-cloud-link tag-link-161 tag-link-position-24" style="font-size: 11.480662983425pt;" aria-label="opensource (506 items)">opensource</a> <a href="https://prodsens.live/tag/planing/" class="tag-cloud-link tag-link-2955 tag-link-position-25" style="font-size: 8.9281767955801pt;" aria-label="planing (239 items)">planing</a> <a href="https://prodsens.live/tag/planning/" class="tag-cloud-link tag-link-130 tag-link-position-26" style="font-size: 8.4640883977901pt;" aria-label="Planning (207 items)">Planning</a> <a href="https://prodsens.live/tag/podcast/" class="tag-cloud-link tag-link-104 tag-link-position-27" style="font-size: 8.6187845303867pt;" aria-label="podcast (217 items)">podcast</a> <a href="https://prodsens.live/tag/podcasts/" class="tag-cloud-link tag-link-1063 tag-link-position-28" style="font-size: 9.9337016574586pt;" aria-label="Podcasts (326 items)">Podcasts</a> <a href="https://prodsens.live/tag/prodsens-live/" class="tag-cloud-link tag-link-2926 tag-link-position-29" style="font-size: 22pt;" aria-label="prodsens live (11,757 items)">prodsens live</a> <a href="https://prodsens.live/tag/productivity/" class="tag-cloud-link tag-link-157 tag-link-position-30" style="font-size: 11.944751381215pt;" aria-label="Productivity (592 items)">Productivity</a> <a href="https://prodsens.live/tag/product-management/" class="tag-cloud-link tag-link-79 tag-link-position-31" style="font-size: 15.116022099448pt;" aria-label="Product Management (1,508 items)">Product Management</a> <a href="https://prodsens.live/tag/product-managment/" class="tag-cloud-link tag-link-2930 tag-link-position-32" style="font-size: 12.331491712707pt;" aria-label="product managment (655 items)">product managment</a> <a href="https://prodsens.live/tag/programming/" class="tag-cloud-link tag-link-162 tag-link-position-33" style="font-size: 15.812154696133pt;" aria-label="programming (1,873 items)">programming</a> <a href="https://prodsens.live/tag/project-management/" class="tag-cloud-link tag-link-132 tag-link-position-34" style="font-size: 10.32044198895pt;" aria-label="Project Management (362 items)">Project Management</a> <a href="https://prodsens.live/tag/projectmanager-blog/" class="tag-cloud-link tag-link-131 tag-link-position-35" style="font-size: 10.243093922652pt;" aria-label="ProjectManager Blog (354 items)">ProjectManager Blog</a> <a href="https://prodsens.live/tag/python/" class="tag-cloud-link tag-link-259 tag-link-position-36" style="font-size: 11.093922651934pt;" aria-label="python (452 items)">python</a> <a href="https://prodsens.live/tag/quality-management/" class="tag-cloud-link tag-link-1110 tag-link-position-37" style="font-size: 15.657458563536pt;" aria-label="Quality Management (1,757 items)">Quality Management</a> <a href="https://prodsens.live/tag/react/" class="tag-cloud-link tag-link-158 tag-link-position-38" style="font-size: 11.867403314917pt;" aria-label="react (577 items)">react</a> <a href="https://prodsens.live/tag/saas/" class="tag-cloud-link tag-link-471 tag-link-position-39" style="font-size: 8pt;" aria-label="saas (183 items)">saas</a> <a href="https://prodsens.live/tag/security/" class="tag-cloud-link tag-link-271 tag-link-position-40" style="font-size: 8.1546961325967pt;" aria-label="security (190 items)">security</a> <a href="https://prodsens.live/tag/software/" class="tag-cloud-link tag-link-151 tag-link-position-41" style="font-size: 19.67955801105pt;" aria-label="Software (5,941 items)">Software</a> <a href="https://prodsens.live/tag/tutorial/" class="tag-cloud-link tag-link-168 tag-link-position-42" style="font-size: 13.723756906077pt;" aria-label="tutorial (1,010 items)">tutorial</a> <a href="https://prodsens.live/tag/typescript/" class="tag-cloud-link tag-link-239 tag-link-position-43" style="font-size: 9.3149171270718pt;" aria-label="typescript (267 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.0828729281768pt;" aria-label="Uncategorized (250 items)">Uncategorized</a> <a href="https://prodsens.live/tag/webdev/" class="tag-cloud-link tag-link-172 tag-link-position-45" style="font-size: 16.740331491713pt;" aria-label="webdev (2,472 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>July 2024</caption> <thead> <tr> <th scope="col" aria-label="Monday">M</th> <th scope="col" aria-label="Tuesday">T</th> <th scope="col" aria-label="Wednesday">W</th> <th scope="col" aria-label="Thursday">T</th> <th scope="col" aria-label="Friday">F</th> <th scope="col" aria-label="Saturday">S</th> <th scope="col" aria-label="Sunday">S</th> </tr> </thead> <tbody> <tr><td><a href="https://prodsens.live/2024/07/01/" aria-label="Posts published on July 1, 2024">1</a></td><td><a href="https://prodsens.live/2024/07/02/" aria-label="Posts published on July 2, 2024">2</a></td><td><a href="https://prodsens.live/2024/07/03/" aria-label="Posts published on July 3, 2024">3</a></td><td><a href="https://prodsens.live/2024/07/04/" aria-label="Posts published on July 4, 2024">4</a></td><td><a href="https://prodsens.live/2024/07/05/" aria-label="Posts published on July 5, 2024">5</a></td><td><a href="https://prodsens.live/2024/07/06/" aria-label="Posts published on July 6, 2024">6</a></td><td><a href="https://prodsens.live/2024/07/07/" aria-label="Posts published on July 7, 2024">7</a></td> </tr> <tr> <td><a href="https://prodsens.live/2024/07/08/" aria-label="Posts published on July 8, 2024">8</a></td><td><a href="https://prodsens.live/2024/07/09/" aria-label="Posts published on July 9, 2024">9</a></td><td><a href="https://prodsens.live/2024/07/10/" aria-label="Posts published on July 10, 2024">10</a></td><td><a href="https://prodsens.live/2024/07/11/" aria-label="Posts published on July 11, 2024">11</a></td><td><a href="https://prodsens.live/2024/07/12/" aria-label="Posts published on July 12, 2024">12</a></td><td><a href="https://prodsens.live/2024/07/13/" aria-label="Posts published on July 13, 2024">13</a></td><td><a href="https://prodsens.live/2024/07/14/" aria-label="Posts published on July 14, 2024">14</a></td> </tr> <tr> <td><a href="https://prodsens.live/2024/07/15/" aria-label="Posts published on July 15, 2024">15</a></td><td><a href="https://prodsens.live/2024/07/16/" aria-label="Posts published on July 16, 2024">16</a></td><td><a href="https://prodsens.live/2024/07/17/" aria-label="Posts published on July 17, 2024">17</a></td><td><a href="https://prodsens.live/2024/07/18/" aria-label="Posts published on July 18, 2024">18</a></td><td><a href="https://prodsens.live/2024/07/19/" aria-label="Posts published on July 19, 2024">19</a></td><td><a href="https://prodsens.live/2024/07/20/" aria-label="Posts published on July 20, 2024">20</a></td><td><a href="https://prodsens.live/2024/07/21/" aria-label="Posts published on July 21, 2024">21</a></td> </tr> <tr> <td><a href="https://prodsens.live/2024/07/22/" aria-label="Posts published on July 22, 2024">22</a></td><td><a href="https://prodsens.live/2024/07/23/" aria-label="Posts published on July 23, 2024">23</a></td><td><a href="https://prodsens.live/2024/07/24/" aria-label="Posts published on July 24, 2024">24</a></td><td><a href="https://prodsens.live/2024/07/25/" aria-label="Posts published on July 25, 2024">25</a></td><td><a href="https://prodsens.live/2024/07/26/" aria-label="Posts published on July 26, 2024">26</a></td><td><a href="https://prodsens.live/2024/07/27/" aria-label="Posts published on July 27, 2024">27</a></td><td><a href="https://prodsens.live/2024/07/28/" aria-label="Posts published on July 28, 2024">28</a></td> </tr> <tr> <td><a href="https://prodsens.live/2024/07/29/" aria-label="Posts published on July 29, 2024">29</a></td><td><a href="https://prodsens.live/2024/07/30/" aria-label="Posts published on July 30, 2024">30</a></td><td><a href="https://prodsens.live/2024/07/31/" aria-label="Posts published on July 31, 2024">31</a></td> <td class="pad" colspan="4"> </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/2024/06/">« Jun</a></span> <span class="pad"> </span> <span class="wp-calendar-nav-next"><a href="https://prodsens.live/2024/08/">Aug »</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-27160 post type-post status-publish format-standard has-post-thumbnail category-software tag-beginners tag-javascript tag-prodsens-live tag-react tag-software tag-webdev 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="popular-next.js-tricks" decoding="async" loading="lazy" data-pk-sizes="auto" data-ls-sizes="auto, (max-width: 380px) 100vw, 380px" data-pk-src="https://prodsens.live/wp-content/uploads/2024/09/27160-popular-next-js-tricks-380x250.png" data-pk-srcset="https://prodsens.live/wp-content/uploads/2024/09/27160-popular-next-js-tricks-380x250.png 380w, https://prodsens.live/wp-content/uploads/2024/09/27160-popular-next-js-tricks-230x150.png 230w, https://prodsens.live/wp-content/uploads/2024/09/27160-popular-next-js-tricks-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/2024/09/02/popular-next-js-tricks/#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/2024/09/02/popular-next-js-tricks/" 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/2024/09/02/popular-next-js-tricks/">Popular Next.js Tricks</a></h2> <div class="cs-entry__excerpt"> Here is the 9 popular Next.js tricks you may need to know. 💨 Fast Page Loads with Static… </div> <div class="cs-entry__details "> <div class="cs-entry__details-data"> <a class="cs-author-avatar" href="https://prodsens.live/author/jane-evgeniya-kubryak/"><img alt='' src='https://secure.gravatar.com/avatar/142b306f47e2e2951dd6876338434cf5891b8d489bfc733ff49c06cdd779d520?s=40&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/142b306f47e2e2951dd6876338434cf5891b8d489bfc733ff49c06cdd779d520?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/jane-evgeniya-kubryak/">Jane Evgeniya Kubryak</a></div><div class="cs-entry__post-meta" ><div class="cs-meta-date">September 2, 2024</div></div> </div> </div> <div class="cs-entry__read-more"> <a href="https://prodsens.live/2024/09/02/popular-next-js-tricks/"> Read More </a> </div> </div> </div> </div> </article> <article class="cs-entry-default post-33777 post type-post status-publish format-standard has-post-thumbnail category-software tag-prodsens-live tag-software 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="three-martech-solutions-putting-generative-ai-in-marketing" decoding="async" loading="lazy" data-pk-sizes="auto" data-ls-sizes="auto, (max-width: 380px) 100vw, 380px" data-pk-src="https://prodsens.live/wp-content/uploads/2025/04/33777-three-martech-solutions-putting-generative-ai-in-marketing-380x250.png" data-pk-srcset="https://prodsens.live/wp-content/uploads/2025/04/33777-three-martech-solutions-putting-generative-ai-in-marketing-380x250.png 380w, https://prodsens.live/wp-content/uploads/2025/04/33777-three-martech-solutions-putting-generative-ai-in-marketing-230x150.png 230w, https://prodsens.live/wp-content/uploads/2025/04/33777-three-martech-solutions-putting-generative-ai-in-marketing-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/2025/04/16/google-martech-solutions-putting-generative-ai-in-marketing/#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/2025/04/16/google-martech-solutions-putting-generative-ai-in-marketing/" 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/2025/04/16/google-martech-solutions-putting-generative-ai-in-marketing/">Three MarTech solutions putting generative AI in marketing</a></h2> <div class="cs-entry__excerpt"> Three generative AI-powered MarTech solutions from Google designed to help developers streamline marketing material creation, personalize campaigns, and… </div> <div class="cs-entry__details "> <div class="cs-entry__details-data"> <a class="cs-author-avatar" href="https://prodsens.live/author/admin123/"><img alt='' src='https://secure.gravatar.com/avatar/fe245fe4d73b34fb906279a041314476b3e98887539c7d02691afeaecad8de7b?s=40&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/fe245fe4d73b34fb906279a041314476b3e98887539c7d02691afeaecad8de7b?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/admin123/">admin123</a></div><div class="cs-entry__post-meta" ><div class="cs-meta-date">April 16, 2025</div></div> </div> </div> <div class="cs-entry__read-more"> <a href="https://prodsens.live/2025/04/16/google-martech-solutions-putting-generative-ai-in-marketing/"> Read More </a> </div> </div> </div> </div> </article> <article class="cs-entry-default post-5046 post type-post status-publish format-standard has-post-thumbnail category-software tag-opensource tag-productivity tag-showdev 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="easter-eggs-in-hacktoberfest-🪺" decoding="async" loading="lazy" data-pk-sizes="auto" data-ls-sizes="auto, (max-width: 380px) 100vw, 380px" data-pk-src="https://prodsens.live/wp-content/uploads/2022/10/5046-easter-eggs-in-hacktoberfest-1419-380x250.png" data-pk-srcset="https://prodsens.live/wp-content/uploads/2022/10/5046-easter-eggs-in-hacktoberfest-1419-380x250.png 380w, https://prodsens.live/wp-content/uploads/2022/10/5046-easter-eggs-in-hacktoberfest-1419-230x150.png 230w, https://prodsens.live/wp-content/uploads/2022/10/5046-easter-eggs-in-hacktoberfest-1419-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/10/31/easter-eggs-in-hacktoberfest-%f0%9f%aa%ba/#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>2 min</div></div> </div> <a href="https://prodsens.live/2022/10/31/easter-eggs-in-hacktoberfest-%f0%9f%aa%ba/" 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/31/easter-eggs-in-hacktoberfest-%f0%9f%aa%ba/">Easter eggs in Hacktoberfest 🪺</a></h2> <div class="cs-entry__excerpt"> Floating shark 🦈 🎈 Enter the following command in your terminal to see – ascii art of a… </div> <div class="cs-entry__details "> <div class="cs-entry__details-data"> <a class="cs-author-avatar" href="https://prodsens.live/author/cointelegraph-by-brian-newar/"><img alt='' src='https://secure.gravatar.com/avatar/9c9650372ab70c0f8d57249ac366ff46d7223f677bebbad02f89fd686ad618e5?s=40&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/9c9650372ab70c0f8d57249ac366ff46d7223f677bebbad02f89fd686ad618e5?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/cointelegraph-by-brian-newar/">Cointelegraph By Brian Newar</a></div><div class="cs-entry__post-meta" ><div class="cs-meta-date">October 31, 2022</div></div> </div> </div> <div class="cs-entry__read-more"> <a href="https://prodsens.live/2022/10/31/easter-eggs-in-hacktoberfest-%f0%9f%aa%ba/"> Read More </a> </div> </div> </div> </div> </article> </div> </div> </div> </div> </main> <footer data-rocket-location-hash="2c6cbd98bb2d03e13a6ca52edce2d693" 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> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/networker\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <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 data-rocket-location-hash="79966eb1feae7497261e26fa757919a1" class="cli-modal-backdrop cli-fade cli-settings-overlay"></div> <div data-rocket-location-hash="8202117e2b044c4659c14be121bd0f3c" 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 data-rocket-location-hash="e27696f9f27f9766352e7eca75bf6b23" class="pk-mobile-share-overlay"> </div> <div data-rocket-location-hash="0d86fd5afa4658b1f9669ebe1d4f91f1" id="fb-root"></div> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v17.0&appId=&autoLogAppEvents=1" nonce="Ci8te34e"></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/legacy/public/css/cookie-law-info-table.css?ver=3.3.1' media='all' /> <script src="https://prodsens.live/wp-content/plugins/canvas/components/basic-elements/block-alert/public-block-alert.js?ver=2.5.1" 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.5.1" 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.5.1" 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.5.1" 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.5.1" 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.5.1" 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.5.1" id="canvas-slider-gallery-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=3.0.2" id="powerkit-justified-gallery-js"></script> <script src="https://prodsens.live/wp-content/plugins/powerkit/modules/lazyload/public/js/lazysizes.config.js?ver=6.8.3" id="lazysizes.config-js"></script> <script src="https://prodsens.live/wp-content/plugins/powerkit/modules/lazyload/public/js/lazysizes.min.js?ver=6.8.3" id="lazysizes-js"></script> <script src="https://prodsens.live/wp-content/plugins/powerkit/modules/lightbox/public/js/glightbox.min.js?ver=3.0.2" 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=3.0.2" 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.","is_admin":"","server_error":"Server error occurred. Please try again later."}; </script> <script src="https://prodsens.live/wp-content/plugins/powerkit/modules/opt-in-forms/public/js/public-powerkit-opt-in-forms.js?ver=3.0.2" id="powerkit-opt-in-forms-js"></script> <script async="async" defer="defer" src="//assets.pinterest.com/js/pinit.js?ver=6.8.3" 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=3.0.2" 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=3.0.2" 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=3.0.2" 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=3.0.2" 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=3.0.2" 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.8.3" 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":25257,"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.8.6" 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> <script>var rocket_beacon_data = {"ajax_url":"https:\/\/prodsens.live\/wp-admin\/admin-ajax.php","nonce":"b88a142c38","url":"https:\/\/prodsens.live\/2024\/07\/12\/part-2-learning-html","is_mobile":false,"width_threshold":1600,"height_threshold":700,"delay":500,"debug":null,"status":{"atf":true,"lrc":true,"preconnect_external_domain":true},"elements":"img, video, picture, p, main, div, li, svg, section, header, span","lrc_threshold":1800,"preconnect_external_domain_elements":["link","script","iframe"],"preconnect_external_domain_exclusions":["static.cloudflareinsights.com","rel=\"profile\"","rel=\"preconnect\"","rel=\"dns-prefetch\"","rel=\"icon\""]}</script><script data-name="wpr-wpr-beacon" src='https://prodsens.live/wp-content/plugins/clsop/assets/js/wpr-beacon.min.js' async></script></body> </html> <!-- Performance optimized by Redis Object Cache. Learn more: https://wprediscache.com Retrieved 13715 objects (3 MB) from Redis using PhpRedis (v5.3.7). --> <!-- Performance optimized by AccelerateWP. -->