Head and Body in HTML are the two main sections inside a standard HTML document. The head stores document level information for the browser and related systems, while the body stores the visible page content that users actually interact with. Understanding the difference between these two sections is one of the most important early HTML concepts because it helps you place information in the correct part of the document from the beginning.
Many HTML problems come from mixing these responsibilities. If visible content is placed where metadata should go, or if document settings are treated as body content, the file quickly becomes harder to understand. The head and body split is simple, but it creates a strong structural rule that makes pages more readable and more predictable for both developers and browsers.
What the head section does
The `
` section contains metadata about the document. Most of this information is not displayed directly inside the main visible page area. Instead, it helps define how the browser should interpret the page, what title should appear in the tab, how the character encoding should work, how responsive behavior should be handled, and which external resources such as stylesheets or icons should be loaded.<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Webpage</title>
</head>This example shows a very common head setup. The browser uses it to understand document encoding, responsive behavior, and tab title. None of these items are part of the visible article content, yet they are essential to how the page works and how it is presented by the browser environment.
What the body section does
The `
` section contains the content that appears in the main browser window. Headings, paragraphs, links, forms, images, lists, tables, and semantic page sections all belong here. If a user can directly read, click, submit, or navigate it as page content, it usually belongs in the body rather than the head.<body>
<h1>Welcome to the Site</h1>
<p>This text appears in the browser window.</p>
</body>This visible content is what most beginners think of first when they hear “webpage,” but a well-formed document needs both sections. The body may hold the main content, yet the head provides the supporting instructions that help the browser handle that content correctly.
Why the separation matters
Separating head and body keeps the document organized by responsibility. The head is about document setup, metadata, and external resources. The body is about content and interaction. When developers maintain this separation, files become easier to scan, easier to debug, and easier to extend later with additional meta tags, stylesheets, scripts, or semantic layout sections.
This separation also improves team collaboration. Another developer can quickly open the file and know where to look for page title settings, linked assets, or visible content blocks. Predictability reduces friction, which is one reason clean HTML structure matters even on projects that later become large or automated.
Common items inside the head
- The `
` element for the browser tab title.</li><li>Meta tags for charset, viewport, and search related metadata.</li><li>Links to CSS files, favicons, or other resources.</li><li>Script references when needed for document setup.</li><li>Language or metadata related support for the page.</li></ul> <h2 class='wp-block-heading'>Common items inside the body</h2> <ul class="wp-block-list"><li>Headings and paragraphs.</li><li>Images, audio, and video.</li><li>Links and navigation structures.</li><li>Forms and interactive fields.</li><li>Sections, articles, sidebars, and footers.</li></ul> <h2 class='wp-block-heading'>A full example with both sections</h2> <pre class='wp-block-code'><code lang='html' class='language-html'><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>About Our Team</title> </head> <body> <h1>About Our Team</h1> <p>We write tutorials on programming and embedded systems.</p> </body> </html></code></pre> <p class="wp-block-paragraph">This example makes the distinction easy to see. The head defines supporting document information, while the body presents the page content. Both sections are necessary, but their jobs are clearly different.</p> <h2 class='wp-block-heading'>Head and body in real projects</h2> <p class="wp-block-paragraph">In small beginner files, the head may look short, but in real projects it often becomes very important. SEO metadata, social sharing tags, stylesheet links, icon references, and other document level resources often live there. The body then holds the visible page structure that users browse. As the project grows, this distinction becomes even more useful, not less.</p> <p class="wp-block-paragraph">Frameworks and CMS tools may generate some of this automatically, but the browser still expects the same conceptual split underneath. Developers who understand head and body directly are usually much better at debugging generated output or customizing templates correctly.</p> <h2 class='wp-block-heading'>Common mistakes</h2> <ul class="wp-block-list"><li>Placing visible page paragraphs or headings inside the head.</li><li>Forgetting to include important head metadata such as charset or title.</li><li>Treating the body as if it should contain document setup information.</li><li>Using the sections without understanding their different responsibilities.</li><li>Letting generated templates hide the meaning of these sections completely.</li></ul> <h2 class='wp-block-heading'>Best practices</h2> <p class="wp-block-paragraph">Think of the head as the document control center and the body as the content space. Keep metadata and linked resources where they belong, and keep visible content inside the body. If you follow that rule consistently, the file stays cleaner and later topics such as SEO tags, responsive settings, stylesheets, and scripts become easier to place correctly.</p> <p class="wp-block-paragraph">Head and body in HTML may seem basic, but they shape the whole page structure. Once you understand what belongs in each section and why, the rest of document organization becomes much easier to handle with confidence.</p> <h2 class='wp-block-heading'>FAQ</h2> <details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>What is the difference between head and body in HTML?</summary><p>The head stores metadata and document setup information, while the body contains the visible content shown to users.</p></details> <details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>Does the head section display normal page content?</summary><p>No. Most head content supports the browser and document behavior rather than appearing in the main visible page area.</p></details> <details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>Why is the head and body separation important?</summary><p>It keeps document configuration and visible content organized in clear, predictable sections.</p></details> <h2 class='wp-block-heading'>How the browser benefits from this split</h2> <p class="wp-block-paragraph">The browser benefits from the head and body split because it can process different kinds of information at the right time. Metadata and linked resources in the head help the browser prepare the page correctly before or while it renders visible content. The body then provides the actual structure to display. This is a practical division of labor inside the document, and it is one reason the HTML page model has remained stable and effective for so long.</p> <p class="wp-block-paragraph">For developers, this split becomes even more valuable as pages grow. A tiny page may only need a title and a paragraph, but real pages often include viewport configuration, encoding rules, social metadata, stylesheets, icons, scripts, and structured page content. Without a clear place for each type of information, the file would become harder to manage very quickly. The head and body split prevents that confusion by making the document easier to reason about from the start.</p> <p class="wp-block-paragraph">This also helps when moving between hand-written HTML and generated systems. A CMS theme, static site generator, or frontend framework may automate part of the document, but the developer still benefits from knowing which pieces belong in the head and which belong in the body. That knowledge makes customization safer because changes can be made with structural intent rather than trial and error.</p> <p class="wp-block-paragraph">In practical terms, understanding head and body gives a developer a cleaner mental model for the entire page. Instead of seeing one long file full of mixed tags, you start seeing a document with clear layers: setup information at the top and visible content below. That shift improves both code quality and debugging speed.</p> <h2 class='wp-block-heading'>Why this matters beyond beginner HTML</h2> <p class="wp-block-paragraph">Even experienced developers keep running into head and body decisions. SEO metadata, preloaded assets, third-party scripts, performance hints, tracking tags, and social sharing information all depend on the head. At the same time, semantics, accessibility, navigation, and interface layout depend on what happens in the body. That means this topic is not just a beginner rule to memorize. It remains part of real frontend architecture much later as well.</p> <p class="wp-block-paragraph">Another useful way to think about the head and body split is that it separates page meaning at two levels. The head explains the document to the browser environment, while the body explains the content to the user. That distinction helps keep HTML files from becoming chaotic because each section has a clear responsibility. When a developer respects that distinction, even larger pages remain easier to read and extend.</p> <p class="wp-block-paragraph">This separation also supports better debugging discipline. If a page title, viewport rule, icon, or linked stylesheet is wrong, the head is the natural place to inspect first. If the issue is with visible text, images, forms, or layout structure, the body becomes the focus. These patterns save time because the file already reflects the way the document is supposed to be organized.</p> <p class="wp-block-paragraph">That is the real value of understanding head and body clearly. It turns the HTML document from a long list of tags into a structured system with distinct layers and predictable responsibilities.</p> <p class="wp-block-paragraph">That clarity is why the head and body division remains one of the most useful early ideas in HTML. It teaches developers to keep document setup and user-facing content in distinct places, which improves both browser interpretation and human maintainability.</p> <p class="wp-block-paragraph">When this habit becomes automatic, HTML files become easier to scale. New metadata can be added without disturbing visible content, and new visible sections can be added without turning document configuration into a mess. That practical separation is one of the reasons the head and body structure remains such a durable foundation in web development.</p> <p class="wp-block-paragraph">That is exactly what makes the head and body split so practical in everyday HTML.</p> <p class="wp-block-paragraph">That steady separation of responsibilities is what makes the document easier to scale and easier to debug. Once a developer understands that the head prepares the page and the body presents the page, the markup stops feeling arbitrary. It starts feeling like a logical structure with two major layers that support each other in a predictable way.</p> <!-- nds-topic-nav:start --> <hr class="wp-block-separator has-alpha-channel-opacity"/> <div class="wp-block-group nds-topic-nav has-background" style="border-radius:14px;background-color:#f8fafc;margin-top:32px;padding-top:18px;padding-right:18px;padding-bottom:18px;padding-left:18px"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"> <style>.nds-topic-nav .wp-block-button__link,.nds-topic-nav .wp-block-button__link:visited,.nds-topic-nav .wp-block-button__link:hover,.nds-topic-nav .wp-block-button__link:focus{color:#fff!important}.nds-topic-nav .wp-block-button__link:hover,.nds-topic-nav .wp-block-button__link:focus{filter:brightness(.94)}</style> <p class="wp-block-paragraph"><strong>Continue learning HTML in order</strong><br>Follow the topic sequence with the previous and next lesson.</p> <div class="wp-block-buttons is-content-justification-space-between is-layout-flex wp-container-core-buttons-is-layout-b14186be wp-block-buttons-is-layout-flex"> <div class="wp-block-button has-custom-width wp-block-button__width-50"><a class="wp-block-button__link has-white-color has-text-color wp-element-button" style="border-radius:3px;color:#fff" href="https://nerdsdostuff.com/html_programming/html-attributes/">Previous: HTML Attributes</a></div> <div class="wp-block-button has-custom-width wp-block-button__width-50"><a class="wp-block-button__link has-white-color has-text-color wp-element-button" style="border-radius:3px;color:#fff" href="https://nerdsdostuff.com/html_programming/headings-in-html/">Next: Headings in HTML</a></div> </div> </div></div> <!-- nds-topic-nav:end --> </div><!-- .entry --> </article> </div><!-- #content --> </div><!-- #primary --> <aside id="right-sidebar" class="sidebar-container widget-area sidebar-primary" itemscope="itemscope" itemtype="https://schema.org/WPSideBar" role="complementary" aria-label="Primary Sidebar"> <div id="right-sidebar-inner" class="clr"> </div><!-- #sidebar-inner --> </aside><!-- #right-sidebar --> </div><!-- #content-wrap --> </main><!-- #main --> <footer itemtype="https://schema.org/WPFooter" itemscope="itemscope" id="colophon" role="contentinfo"> <div class='footer-width-fixer'><style>.elementor-572 .elementor-element.elementor-element-7de5484{--display:flex;--min-height:1px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-572 .elementor-element.elementor-element-7de5484:not(.elementor-motion-effects-element-type-background), .elementor-572 .elementor-element.elementor-element-7de5484 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6E6FA;}.elementor-572 .elementor-element.elementor-element-205e0b7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:080px;--padding-bottom:060px;--padding-left:0px;--padding-right:0px;}.elementor-572 .elementor-element.elementor-element-19af2bb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-572 .elementor-element.elementor-element-3b46c90 > .elementor-widget-container{margin:0px 0px 15px 0px;}.elementor-572 .elementor-element.elementor-element-3b46c90{text-align:start;}.elementor-widget-hfe-search-button input[type="search"].hfe-search-form__input,.elementor-widget-hfe-search-button .hfe-search-icon-toggle{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-hfe-search-button .hfe-search-form__input{color:var( --e-global-color-text );}.elementor-widget-hfe-search-button .hfe-search-form__input::placeholder{color:var( --e-global-color-text );}.elementor-widget-hfe-search-button .hfe-search-form__container, .elementor-widget-hfe-search-button .hfe-search-icon-toggle .hfe-search-form__input,.elementor-widget-hfe-search-button .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input{border-color:var( --e-global-color-primary );}.elementor-widget-hfe-search-button .hfe-search-form__input:focus::placeholder{color:var( --e-global-color-text );}.elementor-widget-hfe-search-button .hfe-search-form__container button#clear-with-button, .elementor-widget-hfe-search-button .hfe-search-form__container button#clear, .elementor-widget-hfe-search-button .hfe-search-icon-toggle button#clear{color:var( --e-global-color-text );}.elementor-572 .elementor-element.elementor-element-573ddfc .hfe-search-form__container{min-height:50px;}.elementor-572 .elementor-element.elementor-element-573ddfc .hfe-search-submit{min-width:50px;}.elementor-572 .elementor-element.elementor-element-573ddfc .hfe-search-form__input{padding-left:calc(50px / 5);padding-right:calc(50px / 5);color:#292929;}.elementor-572 .elementor-element.elementor-element-573ddfc .hfe-search-form__container button#clear i:before, .elementor-572 .elementor-element.elementor-element-573ddfc .hfe-search-icon-toggle button#clear i:before, .elementor-572 .elementor-element.elementor-element-573ddfc .hfe-search-form__container button#clear-with-button i:before{font-size:20px;}.elementor-572 .elementor-element.elementor-element-573ddfc input[type="search"].hfe-search-form__input,.elementor-572 .elementor-element.elementor-element-573ddfc .hfe-search-icon-toggle{font-family:"Roboto", Sans-serif;font-weight:300;}.elementor-572 .elementor-element.elementor-element-573ddfc .hfe-search-form__input::placeholder{color:#292929;}.elementor-572 .elementor-element.elementor-element-573ddfc .hfe-search-form__input, .elementor-572 .elementor-element.elementor-element-573ddfc .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input{background-color:#FFFFFF;}.elementor-572 .elementor-element.elementor-element-573ddfc .hfe-search-icon-toggle .hfe-search-form__input{background-color:transparent;}.elementor-572 .elementor-element.elementor-element-573ddfc .hfe-search-form__container ,.elementor-572 .elementor-element.elementor-element-573ddfc .hfe-search-icon-toggle .hfe-search-form__input,.elementor-572 .elementor-element.elementor-element-573ddfc .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input{border-style:solid;}.elementor-572 .elementor-element.elementor-element-573ddfc .hfe-search-form__container, .elementor-572 .elementor-element.elementor-element-573ddfc .hfe-search-icon-toggle .hfe-search-form__input,.elementor-572 .elementor-element.elementor-element-573ddfc .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input{border-color:#292929;border-width:1px 1px 1px 1px;border-radius:3px;}.elementor-572 .elementor-element.elementor-element-573ddfc .hfe-input-focus .hfe-search-form__input:focus, .elementor-572 .elementor-element.elementor-element-573ddfc .hfe-search-button-wrapper input[type=search]:focus{color:#F5F5F5;}.elementor-572 .elementor-element.elementor-element-573ddfc .hfe-search-form__input:focus::placeholder{color:#7A7A7A;}.elementor-572 .elementor-element.elementor-element-573ddfc .hfe-search-form__container button#clear-with-button, .elementor-572 .elementor-element.elementor-element-573ddfc .hfe-search-form__container button#clear, .elementor-572 .elementor-element.elementor-element-573ddfc .hfe-search-icon-toggle button#clear{color:#7a7a7a;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-572 .elementor-element.elementor-element-d7854e5 > .elementor-widget-container{margin:2px 0px 16px 0px;}.elementor-572 .elementor-element.elementor-element-d7854e5 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:20px;font-weight:800;line-height:35px;color:#273171;}.elementor-572 .elementor-element.elementor-element-a034ecd{--grid-template-columns:repeat(0, auto);--icon-size:22px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-572 .elementor-element.elementor-element-a034ecd .elementor-widget-container{text-align:left;}.elementor-572 .elementor-element.elementor-element-a034ecd .elementor-social-icon{background-color:#292929;}.elementor-572 .elementor-element.elementor-element-a034ecd .elementor-social-icon i{color:#FFFFFF;}.elementor-572 .elementor-element.elementor-element-a034ecd .elementor-social-icon svg{fill:#FFFFFF;}.elementor-572 .elementor-element.elementor-element-a034ecd .elementor-social-icon:hover{background-color:#5560E9;}.elementor-572 .elementor-element.elementor-element-a034ecd .elementor-social-icon:hover i{color:#FFFFFF;}.elementor-572 .elementor-element.elementor-element-a034ecd .elementor-social-icon:hover svg{fill:#FFFFFF;}.elementor-572 .elementor-element.elementor-element-66ecdcb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-572 .elementor-element.elementor-element-7037f67 > .elementor-widget-container{margin:2px 0px 16px 0px;}.elementor-572 .elementor-element.elementor-element-7037f67 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:20px;font-weight:800;line-height:35px;color:#273171;}.elementor-572 .elementor-element.elementor-element-929162a .ekit_page_list_content{flex-direction:row;}.elementor-572 .elementor-element.elementor-element-929162a .elementor-icon-list-icon{display:flex;align-items:center;justify-content:center;width:6px;}.elementor-572 .elementor-element.elementor-element-929162a .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#ea5356;}.elementor-572 .elementor-element.elementor-element-929162a .elementor-icon-list-item:hover .elementor-icon-list-icon svg path{stroke:#ea5356;fill:#ea5356;}.elementor-572 .elementor-element.elementor-element-929162a .elementor-icon-list-icon i{font-size:6px;}.elementor-572 .elementor-element.elementor-element-929162a .elementor-icon-list-icon svg{max-width:6px;}.elementor-572 .elementor-element.elementor-element-929162a .elementor-icon-list-text{color:#111111;padding-left:8px;}.elementor-572 .elementor-element.elementor-element-929162a .elementor-icon-list-item:hover .elementor-icon-list-text{color:#3881E0;}.elementor-572 .elementor-element.elementor-element-929162a .elementor-icon-list-item{font-family:"Lato", Sans-serif;font-size:15px;font-weight:400;line-height:40px;}.elementor-572 .elementor-element.elementor-element-929162a .ekit_menu_label{align-self:center;}.elementor-572 .elementor-element.elementor-element-a502fbb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-572 .elementor-element.elementor-element-2ddbcc8 > .elementor-widget-container{margin:2px 0px 12px 0px;}.elementor-572 .elementor-element.elementor-element-2ddbcc8 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:20px;font-weight:800;line-height:35px;color:#273171;}.elementor-572 .elementor-element.elementor-element-b8949af .ekit_page_list_content{flex-direction:row;}.elementor-572 .elementor-element.elementor-element-b8949af .elementor-icon-list-icon{display:flex;align-items:center;justify-content:center;width:6px;}.elementor-572 .elementor-element.elementor-element-b8949af .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#ea5356;}.elementor-572 .elementor-element.elementor-element-b8949af .elementor-icon-list-item:hover .elementor-icon-list-icon svg path{stroke:#ea5356;fill:#ea5356;}.elementor-572 .elementor-element.elementor-element-b8949af .elementor-icon-list-icon i{font-size:6px;}.elementor-572 .elementor-element.elementor-element-b8949af .elementor-icon-list-icon svg{max-width:6px;}.elementor-572 .elementor-element.elementor-element-b8949af .elementor-icon-list-text{color:#111111;padding-left:8px;}.elementor-572 .elementor-element.elementor-element-b8949af .elementor-icon-list-item:hover .elementor-icon-list-text{color:#3881E0;}.elementor-572 .elementor-element.elementor-element-b8949af .elementor-icon-list-item{font-family:"Lato", Sans-serif;font-size:15px;font-weight:400;line-height:40px;}.elementor-572 .elementor-element.elementor-element-b8949af .ekit_menu_label{align-self:center;}.elementor-572 .elementor-element.elementor-element-4fb57f1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-572 .elementor-element.elementor-element-8c78df3 > .elementor-widget-container{margin:2px 0px 16px 0px;}.elementor-572 .elementor-element.elementor-element-8c78df3 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:20px;font-weight:800;line-height:35px;color:#273171;}.elementor-572 .elementor-element.elementor-element-0d9dff0 .ekit_page_list_content{flex-direction:row;}.elementor-572 .elementor-element.elementor-element-0d9dff0 .elementor-icon-list-icon{display:flex;align-items:center;justify-content:center;width:6px;}.elementor-572 .elementor-element.elementor-element-0d9dff0 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#ea5356;}.elementor-572 .elementor-element.elementor-element-0d9dff0 .elementor-icon-list-item:hover .elementor-icon-list-icon svg path{stroke:#ea5356;fill:#ea5356;}.elementor-572 .elementor-element.elementor-element-0d9dff0 .elementor-icon-list-icon i{font-size:6px;}.elementor-572 .elementor-element.elementor-element-0d9dff0 .elementor-icon-list-icon svg{max-width:6px;}.elementor-572 .elementor-element.elementor-element-0d9dff0 .elementor-icon-list-text{color:#111111;padding-left:8px;}.elementor-572 .elementor-element.elementor-element-0d9dff0 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#3881E0;}.elementor-572 .elementor-element.elementor-element-0d9dff0 .elementor-icon-list-item{font-family:"Lato", Sans-serif;font-size:15px;font-weight:400;line-height:40px;}.elementor-572 .elementor-element.elementor-element-0d9dff0 .ekit_menu_label{align-self:center;}.elementor-572 .elementor-element.elementor-element-518e140a:not(.elementor-motion-effects-element-type-background), .elementor-572 .elementor-element.elementor-element-518e140a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6E6FA;}.elementor-572 .elementor-element.elementor-element-518e140a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:20px;padding:16px 0px 16px 0px;}.elementor-572 .elementor-element.elementor-element-518e140a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-572 .elementor-element.elementor-element-affaed .elementskit-section-title-wraper .elementskit-section-title{color:#000000;margin:0px 0px 0px 0px;font-size:16px;}.elementor-572 .elementor-element.elementor-element-affaed .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-572 .elementor-element.elementor-element-affaed .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-572 .elementor-element.elementor-element-2701be2 .ekit_page_list_content{flex-direction:row;}.elementor-572 .elementor-element.elementor-element-2701be2 .elementor-icon-list-icon{display:flex;align-items:center;justify-content:center;width:14px;}.elementor-572 .elementor-element.elementor-element-2701be2 .elementor-icon-list-icon i{font-size:14px;}.elementor-572 .elementor-element.elementor-element-2701be2 .elementor-icon-list-icon svg{max-width:14px;}.elementor-572 .elementor-element.elementor-element-2701be2 .elementor-icon-list-text{color:#000000;}.elementor-572 .elementor-element.elementor-element-2701be2 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#0B4FA9;}.elementor-572 .elementor-element.elementor-element-2701be2 .elementor-icon-list-item{font-family:"Lato", Sans-serif;font-size:16px;font-weight:400;line-height:26px;}.elementor-572 .elementor-element.elementor-element-2701be2 .ekit_menu_label{align-self:center;}@media(min-width:768px){.elementor-572 .elementor-element.elementor-element-19af2bb{--width:25%;}.elementor-572 .elementor-element.elementor-element-66ecdcb{--width:25%;}.elementor-572 .elementor-element.elementor-element-a502fbb{--width:25%;}.elementor-572 .elementor-element.elementor-element-4fb57f1{--width:25%;}}</style> <div data-elementor-type="wp-post" data-elementor-id="572" class="elementor elementor-572"> <div class="elementor-element elementor-element-7de5484 e-flex e-con-boxed e-con e-parent" data-id="7de5484" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}"> <div class="e-con-inner"> </div> </div> <div class="elementor-element elementor-element-205e0b7 e-flex e-con-boxed e-con e-parent" data-id="205e0b7" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-19af2bb e-con-full e-flex e-con e-child" data-id="19af2bb" data-element_type="container" data-e-type="container"> <div class="elementor-element elementor-element-3b46c90 elementor-widget elementor-widget-image" data-id="3b46c90" data-element_type="widget" data-e-type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <a href="https://wpmet.com/plugin/elementskit/"> <img width="925" height="270" src="https://nerdsdostuff.com/wp-content/uploads/2023/07/nerds-do-stuff-logo-6.png" class="elementor-animation-shrink attachment-full size-full wp-image-84" alt="Nerds Do Stuff Logo" srcset="https://nerdsdostuff.com/wp-content/uploads/2023/07/nerds-do-stuff-logo-6.png 925w, https://nerdsdostuff.com/wp-content/uploads/2023/07/nerds-do-stuff-logo-6-300x88.png 300w, https://nerdsdostuff.com/wp-content/uploads/2023/07/nerds-do-stuff-logo-6-768x224.png 768w" sizes="(max-width: 925px) 100vw, 925px" /> </a> </div> </div> <div class="elementor-element elementor-element-573ddfc hfe-search-layout-text elementor-widget elementor-widget-hfe-search-button" data-id="573ddfc" data-element_type="widget" data-e-type="widget" data-settings="{"size":{"unit":"px","size":50,"sizes":[]},"size_tablet":{"unit":"px","size":"","sizes":[]},"size_mobile":{"unit":"px","size":"","sizes":[]},"close_icon_size":{"unit":"px","size":"20","sizes":[]},"close_icon_size_tablet":{"unit":"px","size":"","sizes":[]},"close_icon_size_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="hfe-search-button.default"> <div class="elementor-widget-container"> <form class="hfe-search-button-wrapper" role="search" action="https://nerdsdostuff.com/" method="get"> <div class="hfe-search-form__container"> <input placeholder="Search..." class="hfe-search-form__input" type="search" name="s" title="Search" value=""> <button id="clear" type="reset"> <i class="fas fa-times clearable__clear" aria-hidden="true"></i> </button> </div> </form> </div> </div> <div class="elementor-element elementor-element-d7854e5 elementor-widget elementor-widget-heading" data-id="d7854e5" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Follow Us</h2> </div> </div> <div class="elementor-element elementor-element-a034ecd e-grid-align-left elementor-shape-rounded elementor-grid-0 elementor-widget elementor-widget-social-icons" data-id="a034ecd" data-element_type="widget" data-e-type="widget" data-widget_type="social-icons.default"> <div class="elementor-widget-container"> <div class="elementor-social-icons-wrapper elementor-grid"> <span class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon-discord elementor-repeater-item-c5140f4" target="_blank"> <span class="elementor-screen-only">Discord</span> <svg aria-hidden="true" class="e-font-icon-svg e-fab-discord" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M297.216 243.2c0 15.616-11.52 28.416-26.112 28.416-14.336 0-26.112-12.8-26.112-28.416s11.52-28.416 26.112-28.416c14.592 0 26.112 12.8 26.112 28.416zm-119.552-28.416c-14.592 0-26.112 12.8-26.112 28.416s11.776 28.416 26.112 28.416c14.592 0 26.112-12.8 26.112-28.416.256-15.616-11.52-28.416-26.112-28.416zM448 52.736V512c-64.494-56.994-43.868-38.128-118.784-107.776l13.568 47.36H52.48C23.552 451.584 0 428.032 0 398.848V52.736C0 23.552 23.552 0 52.48 0h343.04C424.448 0 448 23.552 448 52.736zm-72.96 242.688c0-82.432-36.864-149.248-36.864-149.248-36.864-27.648-71.936-26.88-71.936-26.88l-3.584 4.096c43.52 13.312 63.744 32.512 63.744 32.512-60.811-33.329-132.244-33.335-191.232-7.424-9.472 4.352-15.104 7.424-15.104 7.424s21.248-20.224 67.328-33.536l-2.56-3.072s-35.072-.768-71.936 26.88c0 0-36.864 66.816-36.864 149.248 0 0 21.504 37.12 78.08 38.912 0 0 9.472-11.52 17.152-21.248-32.512-9.728-44.8-30.208-44.8-30.208 3.766 2.636 9.976 6.053 10.496 6.4 43.21 24.198 104.588 32.126 159.744 8.96 8.96-3.328 18.944-8.192 29.44-15.104 0 0-12.8 20.992-46.336 30.464 7.68 9.728 16.896 20.736 16.896 20.736 56.576-1.792 78.336-38.912 78.336-38.912z"></path></svg> </a> </span> </div> </div> </div> </div> <div class="elementor-element elementor-element-66ecdcb e-con-full e-flex e-con e-child" data-id="66ecdcb" data-element_type="container" data-e-type="container"> <div class="elementor-element elementor-element-7037f67 elementor-widget elementor-widget-heading" data-id="7037f67" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Useful Links</h2> </div> </div> <div class="elementor-element elementor-element-929162a elementor-widget elementor-widget-elementskit-page-list" data-id="929162a" data-element_type="widget" data-e-type="widget" data-widget_type="elementskit-page-list.default"> <div class="elementor-widget-container"> <div class="ekit-wid-con" > <div class="elementor-icon-list-itemsfg "> <div class="elementor-icon-list-item "> <a class="elementor-repeater-item-01d06f0 ekit_badge_left" href="https://nerdsdostuff.com/"> <div class="ekit_page_list_content"> <span class="elementor-icon-list-text"> <span class="ekit_page_list_title_title">Home</span> </span> </div> </a> </div> <div class="elementor-icon-list-item "> <a class="elementor-repeater-item-324f54e ekit_badge_left" href="https://nerdsdostuff.com/courses/"> <div class="ekit_page_list_content"> <span class="elementor-icon-list-text"> <span class="ekit_page_list_title_title">Courses</span> </span> </div> </a> </div> <div class="elementor-icon-list-item "> <a class="elementor-repeater-item-5245ae1 ekit_badge_left" href="https://nerdsdostuff.com/programming/"> <div class="ekit_page_list_content"> <span class="elementor-icon-list-text"> <span class="ekit_page_list_title_title">Programming</span> </span> </div> </a> </div> <div class="elementor-icon-list-item "> <a class="elementor-repeater-item-b8aae02 ekit_badge_left" href="https://nerdsdostuff.com/mcqs/"> <div class="ekit_page_list_content"> <span class="elementor-icon-list-text"> <span class="ekit_page_list_title_title">MCQs</span> </span> </div> </a> </div> <div class="elementor-icon-list-item "> <a class="elementor-repeater-item-c5082d4 ekit_badge_left" href="https://nerdsdostuff.com/blog/"> <div class="ekit_page_list_content"> <span class="elementor-icon-list-text"> <span class="ekit_page_list_title_title">Blog</span> </span> </div> </a> </div> <div class="elementor-icon-list-item "> <a class="elementor-repeater-item-a22a2ac ekit_badge_left" href="https://nerdsdostuff.com/cool-stuff/"> <div class="ekit_page_list_content"> <span class="elementor-icon-list-text"> <span class="ekit_page_list_title_title">Cool Stuff</span> </span> </div> </a> </div> <div class="elementor-icon-list-item "> <a class="elementor-repeater-item-38b150e ekit_badge_left" href="https://nerdsdostuff.com/about-us/"> <div class="ekit_page_list_content"> <span class="elementor-icon-list-text"> <span class="ekit_page_list_title_title">About Us</span> </span> </div> </a> </div> <div class="elementor-icon-list-item "> <a class="elementor-repeater-item-74a9d25 ekit_badge_left" href="https://nerdsdostuff.com/contact/"> <div class="ekit_page_list_content"> <span class="elementor-icon-list-text"> <span class="ekit_page_list_title_title">Contact Us</span> </span> </div> </a> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-a502fbb e-con-full e-flex e-con e-child" data-id="a502fbb" data-element_type="container" data-e-type="container"> <div class="elementor-element elementor-element-2ddbcc8 elementor-widget elementor-widget-heading" data-id="2ddbcc8" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Courses to Learn</h2> </div> </div> <div class="elementor-element elementor-element-b8949af elementor-widget elementor-widget-elementskit-page-list" data-id="b8949af" data-element_type="widget" data-e-type="widget" data-widget_type="elementskit-page-list.default"> <div class="elementor-widget-container"> <div class="ekit-wid-con" > <div class="elementor-icon-list-itemsfg "> <div class="elementor-icon-list-item "> <a class="elementor-repeater-item-01d06f0 ekit_badge_left" href="https://nerdsdostuff.com/engineering/"> <div class="ekit_page_list_content"> <span class="elementor-icon-list-text"> <span class="ekit_page_list_title_title">Engineering</span> </span> </div> </a> </div> <div class="elementor-icon-list-item "> <a class="elementor-repeater-item-324f54e ekit_badge_left" href="https://nerdsdostuff.com/business/"> <div class="ekit_page_list_content"> <span class="elementor-icon-list-text"> <span class="ekit_page_list_title_title">Business</span> </span> </div> </a> </div> <div class="elementor-icon-list-item "> <a class="elementor-repeater-item-38b150e ekit_badge_left" href="https://nerdsdostuff.com/science/"> <div class="ekit_page_list_content"> <span class="elementor-icon-list-text"> <span class="ekit_page_list_title_title">Science</span> </span> </div> </a> </div> <div class="elementor-icon-list-item "> <a class="elementor-repeater-item-74a9d25 ekit_badge_left" href="https://nerdsdostuff.com/contact/"> <div class="ekit_page_list_content"> <span class="elementor-icon-list-text"> <span class="ekit_page_list_title_title">Other</span> </span> </div> </a> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-4fb57f1 e-con-full e-flex e-con e-child" data-id="4fb57f1" data-element_type="container" data-e-type="container"> <div class="elementor-element elementor-element-8c78df3 elementor-widget elementor-widget-heading" data-id="8c78df3" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Programming Languages</h2> </div> </div> <div class="elementor-element elementor-element-0d9dff0 elementor-widget elementor-widget-elementskit-page-list" data-id="0d9dff0" data-element_type="widget" data-e-type="widget" data-widget_type="elementskit-page-list.default"> <div class="elementor-widget-container"> <div class="ekit-wid-con" > <div class="elementor-icon-list-itemsfg "> <div class="elementor-icon-list-item "> <a class="elementor-repeater-item-01d06f0 ekit_badge_left" href="https://nerdsdostuff.com/c-programming/"> <div class="ekit_page_list_content"> <span class="elementor-icon-list-text"> <span class="ekit_page_list_title_title">C</span> </span> </div> </a> </div> <div class="elementor-icon-list-item "> <a class="elementor-repeater-item-324f54e ekit_badge_left" href="https://nerdsdostuff.com/c-plus-plus-programming/"> <div class="ekit_page_list_content"> <span class="elementor-icon-list-text"> <span class="ekit_page_list_title_title">C++</span> </span> </div> </a> </div> <div class="elementor-icon-list-item "> <a class="elementor-repeater-item-5245ae1 ekit_badge_left" href="https://nerdsdostuff.com/c-sharp-programming/"> <div class="ekit_page_list_content"> <span class="elementor-icon-list-text"> <span class="ekit_page_list_title_title">C#</span> </span> </div> </a> </div> <div class="elementor-icon-list-item "> <a class="elementor-repeater-item-b8aae02 ekit_badge_left" href="https://nerdsdostuff.com/r-programming/"> <div class="ekit_page_list_content"> <span class="elementor-icon-list-text"> <span class="ekit_page_list_title_title">R</span> </span> </div> </a> </div> <div class="elementor-icon-list-item "> <a class="elementor-repeater-item-c5082d4 ekit_badge_left" href="https://nerdsdostuff.com/react/"> <div class="ekit_page_list_content"> <span class="elementor-icon-list-text"> <span class="ekit_page_list_title_title">React</span> </span> </div> </a> </div> <div class="elementor-icon-list-item "> <a class="elementor-repeater-item-a22a2ac ekit_badge_left" href="https://nerdsdostuff.com/html-programming/"> <div class="ekit_page_list_content"> <span class="elementor-icon-list-text"> <span class="ekit_page_list_title_title">HTML</span> </span> </div> </a> </div> <div class="elementor-icon-list-item "> <a class="elementor-repeater-item-38b150e ekit_badge_left" href="https://nerdsdostuff.com/css-programming/"> <div class="ekit_page_list_content"> <span class="elementor-icon-list-text"> <span class="ekit_page_list_title_title">CSS</span> </span> </div> </a> </div> <div class="elementor-icon-list-item "> <a class="elementor-repeater-item-74a9d25 ekit_badge_left" href="https://nerdsdostuff.com/javascript-programming/"> <div class="ekit_page_list_content"> <span class="elementor-icon-list-text"> <span class="ekit_page_list_title_title">JS</span> </span> </div> </a> </div> <div class="elementor-icon-list-item "> <a class="elementor-repeater-item-c1b39e9 ekit_badge_left" href="https://nerdsdostuff.com/php-programming/"> <div class="ekit_page_list_content"> <span class="elementor-icon-list-text"> <span class="ekit_page_list_title_title">PHP</span> </span> </div> </a> </div> <div class="elementor-icon-list-item "> <a class="elementor-repeater-item-e8ab259 ekit_badge_left" href="https://nerdsdostuff.com/python-2/"> <div class="ekit_page_list_content"> <span class="elementor-icon-list-text"> <span class="ekit_page_list_title_title">Python</span> </span> </div> </a> </div> <div class="elementor-icon-list-item "> <a class="elementor-repeater-item-4e5bfab ekit_badge_left" href="https://nerdsdostuff.com/sql-2/"> <div class="ekit_page_list_content"> <span class="elementor-icon-list-text"> <span class="ekit_page_list_title_title">SQL</span> </span> </div> </a> </div> </div> </div> </div> </div> </div> </div> </div> <section class="elementor-section elementor-top-section elementor-element elementor-element-518e140a elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="518e140a" data-element_type="section" data-e-type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-4b110861" data-id="4b110861" data-element_type="column" data-e-type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-affaed elementor-widget elementor-widget-elementskit-heading" data-id="affaed" data-element_type="widget" data-e-type="widget" data-widget_type="elementskit-heading.default"> <div class="elementor-widget-container"> <div class="ekit-wid-con" ><div class="ekit-heading elementskit-section-title-wraper text_left ekit_heading_tablet- ekit_heading_mobile-text_center"><p class="ekit-heading--title elementskit-section-title ">©2024. Nerds Do Stuff. All Rights Reserved.</p></div></div> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-3b840d04" data-id="3b840d04" data-element_type="column" data-e-type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-2701be2 elementor-align-right elementor-mobile-align-center elementor-widget elementor-widget-elementskit-page-list" data-id="2701be2" data-element_type="widget" data-e-type="widget" data-widget_type="elementskit-page-list.default"> <div class="elementor-widget-container"> <div class="ekit-wid-con" > <div class="elementor-icon-list-itemsfg elementor-inline-items"> <div class="elementor-icon-list-item "> <a class="elementor-repeater-item-050c974 ekit_badge_left" href="https://nerdsdostuff.com/privacy-policy/"> <div class="ekit_page_list_content"> <span class="elementor-icon-list-text"> <span class="ekit_page_list_title_title">Privacy Policy</span> </span> </div> </a> </div> <div class="elementor-icon-list-item "> <a class="elementor-repeater-item-29e6080 ekit_badge_left" href="https://nerdsdostuff.com/terms-and-conditions/"> <div class="ekit_page_list_content"> <span class="elementor-icon-list-text"> <span class="ekit_page_list_title_title">Terms and Conditions</span> </span> </div> </a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </footer> </div><!-- #wrap --> </div><!-- #outer-wrap --> <a aria-label="Scroll to the top of the page" href="#" id="scroll-top" class="scroll-top-right"><i class=" fa fa-angle-up" aria-hidden="true" role="img"></i></a> <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/oceanwp-child-theme-master/*","/wp-content/themes/oceanwp/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <div id="owp-qv-wrap"> <div class="owp-qv-container"> <div class="owp-qv-content-wrap"> <div class="owp-qv-content-inner"> <a href="#" class="owp-qv-close" aria-label="Close quick preview">×</a> <div id="owp-qv-content" class="woocommerce single-product"></div> </div> </div> </div> <div class="owp-qv-overlay"></div> </div> <div id="oceanwp-cart-sidebar-wrap"><div class="oceanwp-cart-sidebar"><a href="#" class="oceanwp-cart-close">×</a><p class="owp-cart-title">Basket</p><div class="divider"></div><div class="owp-mini-cart"><div class="widget woocommerce widget_shopping_cart"><div class="widget_shopping_cart_content"></div></div></div></div><div class="oceanwp-cart-sidebar-overlay"></div></div> <script> ( () => { const lazyloadRunObserver = () => { const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { entries.forEach( ( entry ) => { if ( entry.isIntersecting ) { let lazyloadBackground = entry.target; if( lazyloadBackground ) { lazyloadBackground.classList.add( 'e-lazyloaded' ); } lazyloadBackgroundObserver.unobserve( entry.target ); } }); }, { rootMargin: '200px 0px 200px 0px' } ); lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { lazyloadBackgroundObserver.observe( lazyloadBackground ); } ); }; const events = [ 'DOMContentLoaded', 'elementor/lazyload/observe', ]; events.forEach( ( event ) => { document.addEventListener( event, lazyloadRunObserver ); } ); } )(); </script> <script> (function () { var c = document.body.className; c = c.replace(/woocommerce-no-js/, 'woocommerce-js'); document.body.className = c; })(); </script> <link rel='stylesheet' id='wc-blocks-style-css' href='https://nerdsdostuff.com/wp-content/plugins/woocommerce/assets/client/blocks/wc-blocks.css?ver=wc-10.8.1' media='all' /> <link rel='stylesheet' id='e-animation-shrink-css' href='https://nerdsdostuff.com/wp-content/plugins/elementor/assets/lib/animations/styles/e-animation-shrink.min.css?ver=4.2.0' media='all' /> <link rel='stylesheet' id='widget-image-css' href='https://nerdsdostuff.com/wp-content/plugins/elementor/assets/css/widget-image.min.css?ver=4.2.0' media='all' /> <link rel='stylesheet' id='elementor-post-553-css' href='https://nerdsdostuff.com/wp-content/uploads/elementor/css/post-553.css?ver=1784828607' media='all' /> <link rel='stylesheet' id='e-animation-grow-css' href='https://nerdsdostuff.com/wp-content/plugins/elementor/assets/lib/animations/styles/e-animation-grow.min.css?ver=4.2.0' media='all' /> <link rel='stylesheet' id='elementor-post-453-css' href='https://nerdsdostuff.com/wp-content/uploads/elementor/css/post-453.css?ver=1784828607' media='all' /> <link rel='stylesheet' id='widget-heading-css' href='https://nerdsdostuff.com/wp-content/plugins/elementor/assets/css/widget-heading.min.css?ver=4.2.0' media='all' /> <link rel='stylesheet' id='widget-social-icons-css' href='https://nerdsdostuff.com/wp-content/plugins/elementor/assets/css/widget-social-icons.min.css?ver=4.2.0' media='all' /> <link rel='stylesheet' id='e-apple-webkit-css' href='https://nerdsdostuff.com/wp-content/plugins/elementor/assets/css/conditionals/apple-webkit.min.css?ver=4.2.0' media='all' /> <style id="core-block-supports-inline-css"> .wp-container-core-buttons-is-layout-b14186be{justify-content:space-between;} /*# sourceURL=core-block-supports-inline-css */ </style> <link rel='stylesheet' id='elementor-icons-ekiticons-css' href='https://nerdsdostuff.com/wp-content/plugins/elementskit-lite/modules/elementskit-icon-pack/assets/css/ekiticons.css?ver=3.10.02' media='all' /> <script id="ekit-widget-scripts-js" src="https://nerdsdostuff.com/wp-content/plugins/elementskit-lite/widgets/init/assets/js/widget-scripts.js?ver=3.10.02"></script> <script id="imagesloaded-js" src="https://nerdsdostuff.com/wp-includes/js/imagesloaded.min.js?ver=5.0.0"></script> <script id="oceanwp-main-js-extra"> var oceanwpLocalize = {"nonce":"3de9cc531c","isRTL":"","menuSearchStyle":"drop_down","mobileMenuSearchStyle":"disabled","sidrSource":null,"sidrDisplace":"1","sidrSide":"left","sidrDropdownTarget":"link","verticalHeaderTarget":"link","customScrollOffset":"0","customSelects":".woocommerce-ordering .orderby, #dropdown_product_cat, .widget_categories select, .widget_archive select, .single-product .variations_form .variations select","loadMoreLoadingText":"Loading...","wooCartStyle":"drop_down","ajax_url":"https://nerdsdostuff.com/wp-admin/admin-ajax.php","cart_url":"https://nerdsdostuff.com/basket/","cart_redirect_after_add":"no","view_cart":"View basket","floating_bar":"on","grouped_text":"View products","multistep_checkout_error":"Some required fields are empty. Please fill the required fields to go to the next step.","oe_mc_wpnonce":"f9a7e8e63c"}; //# sourceURL=oceanwp-main-js-extra </script> <script id="oceanwp-main-js" src="https://nerdsdostuff.com/wp-content/themes/oceanwp/assets/js/theme.min.js?ver=1.0"></script> <script id="oceanwp-drop-down-mobile-menu-js" src="https://nerdsdostuff.com/wp-content/themes/oceanwp/assets/js/drop-down-mobile-menu.min.js?ver=1.0"></script> <script id="oceanwp-drop-down-search-js" src="https://nerdsdostuff.com/wp-content/themes/oceanwp/assets/js/drop-down-search.min.js?ver=1.0"></script> <script id="ow-magnific-popup-js" src="https://nerdsdostuff.com/wp-content/themes/oceanwp/assets/js/vendors/magnific-popup.min.js?ver=1.0"></script> <script id="oceanwp-lightbox-js" src="https://nerdsdostuff.com/wp-content/themes/oceanwp/assets/js/ow-lightbox.min.js?ver=1.0"></script> <script id="ow-flickity-js" src="https://nerdsdostuff.com/wp-content/themes/oceanwp/assets/js/vendors/flickity.pkgd.min.js?ver=1.0"></script> <script id="oceanwp-slider-js" src="https://nerdsdostuff.com/wp-content/themes/oceanwp/assets/js/ow-slider.min.js?ver=1.0"></script> <script id="oceanwp-scroll-effect-js" src="https://nerdsdostuff.com/wp-content/themes/oceanwp/assets/js/scroll-effect.min.js?ver=1.0"></script> <script id="oceanwp-scroll-top-js" src="https://nerdsdostuff.com/wp-content/themes/oceanwp/assets/js/scroll-top.min.js?ver=1.0"></script> <script id="oceanwp-select-js" src="https://nerdsdostuff.com/wp-content/themes/oceanwp/assets/js/select.min.js?ver=1.0"></script> <script id="oceanwp-woocommerce-custom-features-js-extra"> var oceanwpLocalize = {"nonce":"3de9cc531c","isRTL":"","menuSearchStyle":"drop_down","mobileMenuSearchStyle":"disabled","sidrSource":null,"sidrDisplace":"1","sidrSide":"left","sidrDropdownTarget":"link","verticalHeaderTarget":"link","customScrollOffset":"0","customSelects":".woocommerce-ordering .orderby, #dropdown_product_cat, .widget_categories select, .widget_archive select, .single-product .variations_form .variations select","loadMoreLoadingText":"Loading...","wooCartStyle":"drop_down","ajax_url":"https://nerdsdostuff.com/wp-admin/admin-ajax.php","cart_url":"https://nerdsdostuff.com/basket/","cart_redirect_after_add":"no","view_cart":"View basket","floating_bar":"on","grouped_text":"View products","multistep_checkout_error":"Some required fields are empty. Please fill the required fields to go to the next step.","oe_mc_wpnonce":"f9a7e8e63c"}; //# sourceURL=oceanwp-woocommerce-custom-features-js-extra </script> <script id="oceanwp-woocommerce-custom-features-js" src="https://nerdsdostuff.com/wp-content/themes/oceanwp/assets/js/wp-plugins/woocommerce/woo-custom-features.min.js?ver=1.0"></script> <script id="flickr-widget-script-js-extra"> var flickrWidgetParams = {"widgets":[]}; //# sourceURL=flickr-widget-script-js-extra </script> <script id="flickr-widget-script-js" src="https://nerdsdostuff.com/wp-content/plugins/ocean-extra/includes/widgets/js/flickr.min.js?ver=7.0.2"></script> <script id="sourcebuster-js-js" src="https://nerdsdostuff.com/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=10.8.1"></script> <script id="wc-order-attribution-js-extra"> var wc_order_attribution = {"params":{"lifetime":1.0e-5,"session":30,"base64":false,"ajaxurl":"https://nerdsdostuff.com/wp-admin/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}}; //# sourceURL=wc-order-attribution-js-extra </script> <script id="wc-order-attribution-js" src="https://nerdsdostuff.com/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=10.8.1"></script> <script id="hcb-prism-js" src="https://nerdsdostuff.com/wp-content/plugins/highlighting-code-block/assets/js/prism.js?ver=2.2.1"></script> <script id="clipboard-js" src="https://nerdsdostuff.com/wp-includes/js/clipboard.min.js?ver=2.0.11"></script> <script id="hcb-script-js-extra"> var hcbVars = {"showCopyBtn":"1","copyBtnLabel":"Copy code to clipboard"}; //# sourceURL=hcb-script-js-extra </script> <script id="hcb-script-js" src="https://nerdsdostuff.com/wp-content/plugins/highlighting-code-block/build/js/hcb_script.js?ver=2.2.1"></script> <script id="oceanwp-woo-quick-view-js" src="https://nerdsdostuff.com/wp-content/themes/oceanwp/assets/js/wp-plugins/woocommerce/woo-quick-view.min.js?ver=1.0"></script> <script id="oceanwp-woo-mini-cart-js" src="https://nerdsdostuff.com/wp-content/themes/oceanwp/assets/js/wp-plugins/woocommerce/woo-mini-cart.min.js?ver=1.0"></script> <script id="elementor-webpack-runtime-js" src="https://nerdsdostuff.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=4.2.0"></script> <script id="elementor-frontend-modules-js" src="https://nerdsdostuff.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=4.2.0"></script> <script id="jquery-ui-core-js" src="https://nerdsdostuff.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3"></script> <script id="elementor-frontend-js-before"> var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnX":"Share on X","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}}, "hasCustomBreakpoints":false},"version":"4.2.0","is_static":false,"experimentalFeatures":{"e_font_icon_svg":true,"additional_custom_breakpoints":true,"container":true,"e_panel_promotions":true,"nested-elements":true,"global_classes_should_enforce_capabilities":true,"e_variables":true,"e_opt_in_v4_page":true,"e_components":true,"e_interactions":true,"e_widget_creation":true,"import-export-customization":true},"urls":{"assets":"https:\/\/nerdsdostuff.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/nerdsdostuff.com\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/nerdsdostuff.com\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"b1773369f4","atomicFormsSendForm":"620445577b"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":3281,"title":"Head%20and%20Body%20in%20HTML%20-%20Nerds%20Do%20Stuff","excerpt":"","featuredImage":false}}; //# sourceURL=elementor-frontend-js-before </script> <script id="elementor-frontend-js" src="https://nerdsdostuff.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=4.2.0"></script> <script id="ekit-core-js-extra"> var ekit_config = {"ajaxurl":"https://nerdsdostuff.com/wp-admin/admin-ajax.php","nonce":"7070646f1c"}; //# sourceURL=ekit-core-js-extra </script> <script id="ekit-core-js" src="https://nerdsdostuff.com/wp-content/plugins/elementskit-lite/widgets/init/assets/js/widgets/core.js?ver=3.10.02"></script> <script id="ekit-nav-menu-js" src="https://nerdsdostuff.com/wp-content/plugins/elementskit-lite/widgets/init/assets/js/widgets/nav-menu.js?ver=3.10.02"></script> <script id="hfe-frontend-js-js" src="https://nerdsdostuff.com/wp-content/plugins/header-footer-elementor/inc/js/frontend.js?ver=2.9.2"></script> <script id="wp-emoji-settings" type="application/json"> {"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://nerdsdostuff.com/wp-includes/js/wp-emoji-release.min.js?ver=7.0.2"}} </script> <script type="module"> /*! This file is auto-generated */ const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))}); //# sourceURL=https://nerdsdostuff.com/wp-includes/js/wp-emoji-loader.min.js </script> </body> </html> <!-- Page cached by LiteSpeed Cache 7.8.1 on 2026-07-26 04:59:51 -->