How to Code a Website: A Complete Beginner’s Guide

How to Code a Website (Complete Beginner’s Guide)

Introduction

Building your own website from scratch may seem like a daunting task, but with the right guidance and resources, it is completely achievable, even for beginners. This article will provide you with a step-by-step guide on how to code a website, starting from the basics and gradually progressing towards more advanced techniques.

Step 1: HTML

HTML (Hypertext Markup Language) is the foundation of any web page. It is used to structure the content and define the layout of a website. Start by creating a new HTML document and learning the basic structure of HTML tags, such as , , , and . Practice creating headings, paragraphs, lists, and links using HTML tags. Additionally, learn about attributes and how they can be used to add images, tables, and forms to your website.</p> <h2>Step 2: CSS</h2> <p>CSS (Cascading Style Sheets) is used to control the appearance and layout of a website. Once you have a basic understanding of HTML, start learning CSS to enhance the visual design of your website. Understand how to select HTML elements and apply different styles such as colors, fonts, margins, and padding. Explore CSS concepts like classes and IDs to target specific elements and create more complex layouts. Practice using CSS to create simple page structures and experiment with different styles.</p> <h2>Step 3: JavaScript</h2> <p>JavaScript is a popular programming language that adds interactivity and dynamic features to websites. After getting familiar with HTML and CSS, learn the basics of JavaScript to make your website more interactive. Start with simple scripts to validate forms, create pop-up windows, or control multimedia elements. Progress to more advanced concepts like event handling, DOM manipulation, and AJAX to add advanced functionality to your website.</p> <h2>Step 4: Responsive Design</h2> <p>In today’s mobile-oriented world, it is crucial to make your website responsive, meaning it adjusts automatically to different screen sizes and devices. Learn about responsive design principles and techniques using CSS media queries, viewport meta tag, and flexible grid systems. Practice creating websites that look great on both desktop and mobile devices.</p> <h2>Step 5: Web Hosting and Domain</h2> <p>Once you have coded your website, it needs to be hosted on a server and assigned a domain name. Research different web hosting providers and choose one that suits your needs. Register a domain name that is relevant to your website’s content. Learn how to upload your website files to the server and make it live on the internet.</p> <h2>Step 6: Testing and Debugging</h2> <p>Before launching your website, it is crucial to test it thoroughly for any bugs or issues. Use different browsers and devices to ensure your website works correctly across different platforms. Check for broken links, responsiveness, and browser compatibility. Debug any issues that arise during testing to ensure a smooth user experience.</p> <h2>Conclusion</h2> <p>Coding a website may seem overwhelming for beginners, but by following these steps and practicing regularly, you can gain the skills necessary to build your own website. Remember to start with HTML, then progress to CSS and JavaScript. Additionally, learn about responsive design and the process of hosting your website. Lastly, thoroughly test and debug your website before going live. Good luck on your coding journey!</p> <h3>Summary:</h3> <p>This article provides a step-by-step guide on how to code a website, starting from HTML and progressing to CSS, JavaScript, responsive design, web hosting, and testing. It offers beginners the necessary resources and techniques to build their own websites from scratch.</p> </div> <div class="pagination"> <span><a href="https://nviziondesigns.com/how-to-understand-wordpress-website-visitors-intent-7-tips-for-success/" rel="prev">PREVIOUS POST</a></span> <span class="icon"><a href="https://nviziondesigns.com/"><i class="fas fa-th-large"></i></a></span> <span class="text-right"><a href="https://nviziondesigns.com/where-to-find-the-php-ini-file-in-wordpress-a-guide-for-customizing-php-settings/" rel="next">NEXT POST</a></span> </div> </div> </div> </div> <div id="nt-sidebar" class="nt-sidebar col-12 col-lg-4 pl-lg-5"> <div class="blog-sidebar nt-sidebar-inner"> <div class="nt-sidebar-inner-widget blog-sidebar_widget widget_search"><form class="sidebar_search" role="search" method="get" id="widget-searchform" action="https://nviziondesigns.com/" > <input class="sidebar_search_input" type="text" value="" placeholder="Search for..." name="s" id="ws"> <button class="sidebar_search_button btn-curve" id="searchsubmit" type="submit"><span class="fa fa-search"></span></button> </form></div><div class="nt-sidebar-inner-widget blog-sidebar_widget 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://nviziondesigns.com/how-to-get-a-free-email-domain-5-quick-and-easy-methods/">How to Get a Free Email Domain: 5 Quick and Easy Methods</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://nviziondesigns.com/6-expert-tips-to-reduce-time-to-first-byte-ttfb-in-wordpress/">6 Expert Tips to Reduce Time to First Byte (TTFB) in WordPress</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://nviziondesigns.com/using-the-distraction-free-fullscreen-editor-in-wordpress/">Using the Distraction Free Fullscreen Editor in WordPress</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://nviziondesigns.com/how-to-design-a-website-logo-a-simple-guide-for-beginners/">How to Design a Website Logo: A Simple Guide for Beginners</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://nviziondesigns.com/optimize-your-wordpress-site-for-google-answer-boxes-5-strategies-to-increase-visibility-and-traffic/">Optimize Your WordPress Site for Google Answer Boxes: 5 Strategies to Increase Visibility and Traffic</a></li> </ul></div></div></div><div class="nt-sidebar-inner-widget blog-sidebar_widget widget_block"><div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"></div></div></div><div class="nt-sidebar-inner-widget blog-sidebar_widget widget_block"><p><div class="woocommerce columns-1 "><ul class="products columns-1"> <li class="product type-product post-11543 status-publish first instock product_cat-uncategorized has-post-thumbnail virtual purchasable product-type-simple"> <div class="product-content-wrap"> <a href="https://nviziondesigns.com/product/web-design-development/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link"><img fetchpriority="high" decoding="async" width="450" height="450" src="https://nviziondesigns.com/wp-content/uploads/2023/01/14413291_rm355-pf-s73-card-laptop-01-mockup-min-scaled-450x450.jpg" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://nviziondesigns.com/wp-content/uploads/2023/01/14413291_rm355-pf-s73-card-laptop-01-mockup-min-scaled-450x450.jpg 450w, https://nviziondesigns.com/wp-content/uploads/2023/01/14413291_rm355-pf-s73-card-laptop-01-mockup-min-scaled-100x100.jpg 100w, https://nviziondesigns.com/wp-content/uploads/2023/01/14413291_rm355-pf-s73-card-laptop-01-mockup-min-150x150.jpg 150w, https://nviziondesigns.com/wp-content/uploads/2023/01/14413291_rm355-pf-s73-card-laptop-01-mockup-min-500x500.jpg 500w, https://nviziondesigns.com/wp-content/uploads/2023/01/14413291_rm355-pf-s73-card-laptop-01-mockup-min-750x750.jpg 750w" sizes="(max-width: 450px) 100vw, 450px" /><h2 class="woocommerce-loop-product__title">Web Design Service</h2> <span class="price"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>550.00</bdi></span></span> </a><a href="?add-to-cart=11543" aria-describedby="woocommerce_loop_add_to_cart_link_describedby_11543" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="11543" data-product_sku="" aria-label="Add to cart: “Web Design Service”" rel="nofollow" data-success_message="“Web Design Service” has been added to your cart">Buy Now</a> <span id="woocommerce_loop_add_to_cart_link_describedby_11543" class="screen-reader-text"> </span> </div> </li> <li class="product type-product post-12149 status-publish first instock product_cat-web-hosting has-post-thumbnail taxable shipping-taxable purchasable product-type-subscription"> <div class="product-content-wrap"> <a href="https://nviziondesigns.com/product/web-hosting/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link"><img decoding="async" width="450" height="450" src="https://nviziondesigns.com/wp-content/uploads/2024/02/hosting-450x450.jpg" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://nviziondesigns.com/wp-content/uploads/2024/02/hosting-450x450.jpg 450w, https://nviziondesigns.com/wp-content/uploads/2024/02/hosting-150x150.jpg 150w, https://nviziondesigns.com/wp-content/uploads/2024/02/hosting-500x500.jpg 500w, https://nviziondesigns.com/wp-content/uploads/2024/02/hosting-100x100.jpg 100w" sizes="(max-width: 450px) 100vw, 450px" /><h2 class="woocommerce-loop-product__title">Web Hosting</h2> <span class="price"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>15.00</bdi></span> <span class="subscription-details"> / month</span></span> </a><a href="?add-to-cart=12149" aria-describedby="woocommerce_loop_add_to_cart_link_describedby_12149" data-quantity="1" class="button product_type_subscription add_to_cart_button ajax_add_to_cart" data-product_id="12149" data-product_sku="" aria-label="Add to cart: “Web Hosting”" rel="nofollow" data-success_message="“Web Hosting” has been added to your cart">Buy Now</a> <span id="woocommerce_loop_add_to_cart_link_describedby_12149" class="screen-reader-text"> </span> </div> </li> <li class="product type-product post-11546 status-publish first instock product_cat-seo has-post-thumbnail virtual purchasable product-type-subscription"> <div class="product-content-wrap"> <a href="https://nviziondesigns.com/product/seo-service-basic-package/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link"><img decoding="async" width="450" height="450" src="https://nviziondesigns.com/wp-content/uploads/2023/07/Artboard-1SEO-450x450.png" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://nviziondesigns.com/wp-content/uploads/2023/07/Artboard-1SEO-450x450.png 450w, https://nviziondesigns.com/wp-content/uploads/2023/07/Artboard-1SEO-100x100.png 100w, https://nviziondesigns.com/wp-content/uploads/2023/07/Artboard-1SEO-150x150.png 150w, https://nviziondesigns.com/wp-content/uploads/2023/07/Artboard-1SEO-500x500.png 500w, https://nviziondesigns.com/wp-content/uploads/2023/07/Artboard-1SEO-750x750.png 750w" sizes="(max-width: 450px) 100vw, 450px" /><h2 class="woocommerce-loop-product__title">SEO Service Basic Package</h2> <span class="price"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>50.00</bdi></span> <span class="subscription-details"> / month</span></span> </a><a href="?add-to-cart=11546" aria-describedby="woocommerce_loop_add_to_cart_link_describedby_11546" data-quantity="1" class="button product_type_subscription add_to_cart_button ajax_add_to_cart" data-product_id="11546" data-product_sku="" aria-label="Add to cart: “SEO Service Basic Package”" rel="nofollow" data-success_message="“SEO Service Basic Package” has been added to your cart">Buy Now</a> <span id="woocommerce_loop_add_to_cart_link_describedby_11546" class="screen-reader-text"> </span> </div> </li> </ul> </div></p></div> </div> </div> </div> </div> <div class="work-carousel ptb-120 bg-img nt-related-post"> <div class="stories bg-img bg-pattern-custom" data-wavo-background=""></div> <div class="text-bg"></div> <div class="container"> <div class="row justify-content-center"> <div class="col-lg-11"> <div class="section-head"> <h6 class="wow" data-splitting>Blog Posts</h6> <h3 class="wow" data-splitting>Related Posts</h3> </div> </div> </div> </div> <div class="nt-blog-grid ptb-0"> <div class="container-fluid"> <div class="row justify-content-center"> <div class="col-lg-12 no-padding"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="item"> <div class="cont"> <div class="info"> <a href="https://nviziondesigns.com/author/maxo465/">Max O</a> <a href="https://nviziondesigns.com/2023/10/09/">October 9, 2023</a> </div> <h5><a href="https://nviziondesigns.com/how-to-get-a-free-email-domain-5-quick-and-easy-methods/" title="How to Get a Free Email Domain: 5 Quick and Easy Methods">How to Get a Free Email Domain: 5 Quick and Easy Methods</a></h5> <a class="more" href="https://nviziondesigns.com/how-to-get-a-free-email-domain-5-quick-and-easy-methods/" title="How to Get a Free Email Domain: 5 Quick and Easy Methods"><span>Read More<i class="icofont-caret-right"></i></span></a> </div> </div> </div> <div class="swiper-slide"> <div class="item"> <div class="cont"> <div class="info"> <a href="https://nviziondesigns.com/author/maxo465/">Max O</a> <a href="https://nviziondesigns.com/2023/10/06/">October 6, 2023</a> </div> <h5><a href="https://nviziondesigns.com/6-expert-tips-to-reduce-time-to-first-byte-ttfb-in-wordpress/" title="6 Expert Tips to Reduce Time to First Byte (TTFB) in WordPress">6 Expert Tips to Reduce Time to First Byte (TTFB) in WordPress</a></h5> <a class="more" href="https://nviziondesigns.com/6-expert-tips-to-reduce-time-to-first-byte-ttfb-in-wordpress/" title="6 Expert Tips to Reduce Time to First Byte (TTFB) in WordPress"><span>Read More<i class="icofont-caret-right"></i></span></a> </div> </div> </div> <div class="swiper-slide"> <div class="item"> <div class="cont"> <div class="info"> <a href="https://nviziondesigns.com/author/maxo465/">Max O</a> <a href="https://nviziondesigns.com/2023/10/02/">October 2, 2023</a> </div> <h5><a href="https://nviziondesigns.com/using-the-distraction-free-fullscreen-editor-in-wordpress/" title="Using the Distraction Free Fullscreen Editor in WordPress">Using the Distraction Free Fullscreen Editor in WordPress</a></h5> <a class="more" href="https://nviziondesigns.com/using-the-distraction-free-fullscreen-editor-in-wordpress/" title="Using the Distraction Free Fullscreen Editor in WordPress"><span>Read More<i class="icofont-caret-right"></i></span></a> </div> </div> </div> </div> <!-- slider setting --> <div class="swiper-button-next swiper-nav-ctrl next-ctrl"><i class="ion-ios-arrow-right"></i></div> <div class="swiper-button-prev swiper-nav-ctrl prev-ctrl"><i class="ion-ios-arrow-left"></i></div> </div> </div> </div> </div> </div> </div> </div> </div> <!--End single page general div --> <div data-elementor-type="section" data-elementor-id="4650" class="elementor elementor-4650"> <section class="wavo-column-gap-default elementor-section elementor-top-section elementor-element elementor-element-569f6675 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="569f6675" data-element_type="section" id="footer" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-256d5145" data-id="256d5145" data-element_type="column" data-settings="{"animation":"none"}"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-fd33db7 elementor-widget elementor-widget-image" data-id="fd33db7" data-element_type="widget" data-settings="{"_animation":"none"}" data-widget_type="image.default"> <div class="elementor-widget-container"> <img width="1293" height="231" src="https://nviziondesigns.com/wp-content/uploads/2022/08/Asset-5.svg" class="attachment-full size-full wp-image-4797" alt="nvizion-logo-black" /> </div> </div> <div class="elementor-element elementor-element-acdaa22 elementor-widget elementor-widget-shortcode" data-id="acdaa22" data-element_type="widget" data-settings="{"_animation":"none","_animation_delay":200}" data-widget_type="shortcode.default"> <div class="elementor-widget-container"> <div class="elementor-shortcode">Copyright © - 2024 nviziondesigns.com.<br> All rights reserved.</div> </div> </div> </div> </div> <div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-50e63810 elementor-hidden-mobile" data-id="50e63810" data-element_type="column" data-settings="{"animation":"none"}"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-d18c29e animated-slow wavo-transform transform-type-translate elementor-widget elementor-widget-heading" data-id="d18c29e" data-element_type="widget" data-settings="{"_animation":"none","_animation_delay":1100}" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h6 class="elementor-heading-title elementor-size-default">Menu</h6> </div> </div> <div class="elementor-element elementor-element-f4fe551 animated-slow elementor-mobile-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="f4fe551" data-element_type="widget" data-settings="{"_animation":"none","_animation_delay":200}" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="https://nviziondesigns.com/about/"> <span class="elementor-icon-list-text">About</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://nviziondesigns.com/services/"> <span class="elementor-icon-list-text">Services</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://nviziondesigns.com/shop/"> <span class="elementor-icon-list-text">Shop</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://nviziondesigns.com/contact/"> <span class="elementor-icon-list-text">Contact Us</span> </a> </li> </ul> </div> </div> </div> </div> <div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-4a25ed4 elementor-hidden-mobile" data-id="4a25ed4" data-element_type="column" data-settings="{"animation":"none"}"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-31412f0 animated-slow wavo-transform transform-type-translate elementor-widget elementor-widget-heading" data-id="31412f0" data-element_type="widget" data-settings="{"_animation":"none","_animation_delay":1100}" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h6 class="elementor-heading-title elementor-size-default">Links</h6> </div> </div> <div class="elementor-element elementor-element-b4bc2b9 animated-slow elementor-mobile-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="b4bc2b9" data-element_type="widget" data-settings="{"_animation":"none","_animation_delay":200}" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="https://nviziondesigns.com/portfolio"> <span class="elementor-icon-list-text">Portfolio</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://nviziondesigns.com/privacy-policy/"> <span class="elementor-icon-list-text">Privacy Policy</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://nviziondesigns.com/blog/"> <span class="elementor-icon-list-text">Blog</span> </a> </li> </ul> </div> </div> </div> </div> <div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-451e62a elementor-hidden-mobile" data-id="451e62a" data-element_type="column" data-settings="{"animation":"none"}"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-1c4b214 animated-slow wavo-transform transform-type-translate elementor-widget elementor-widget-heading" data-id="1c4b214" data-element_type="widget" data-settings="{"_animation":"none","_animation_delay":1100}" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h6 class="elementor-heading-title elementor-size-default">Contact</h6> </div> </div> <div class="elementor-element elementor-element-10ee8c9 animated-slow elementor-mobile-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="10ee8c9" data-element_type="widget" data-settings="{"_animation":"none","_animation_delay":200}" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="mailto:info@nviziondesigns.com"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-envelope" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"></path></svg> </span> <span class="elementor-icon-list-text">info@nviziondesigns.com</span> </a> </li> <li class="elementor-icon-list-item"> <a href="tel:(916)%20905-4293"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-phone" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z"></path></svg> </span> <span class="elementor-icon-list-text">(916) 905-4293</span> </a> </li> </ul> </div> </div> </div> </div> </div> </section> <section class="wavo-column-gap-default elementor-section elementor-top-section elementor-element elementor-element-b1c1b8c elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="b1c1b8c" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-87cc607" data-id="87cc607" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-34a3612 e-transform e-transform elementor-widget elementor-widget-image" data-id="34a3612" data-element_type="widget" data-settings="{"_transform_flipX_effect":"transform","_transform_flipY_effect":"transform"}" data-widget_type="image.default"> <div class="elementor-widget-container"> <img width="46" height="20" src="https://nviziondesigns.com/wp-content/uploads/2022/08/Asset-1200.svg" class="attachment-1536x1536 size-1536x1536 wp-image-6099" alt="turquoise-black-triangles" /> </div> </div> </div> </div> </div> </section> </div> <div id="cursor1" class="cursor cursor1 cursor-type-1 wavo-cursor"></div><script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/4e64aef1ced130950a3e72b28/5e133f171529b069f744b03cb.js");</script> <script type='text/javascript'> 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 type='text/javascript'> (function () { var c = document.body.className; c = c.replace(/woocommerce-no-js/, 'woocommerce-js'); document.body.className = c; })(); </script> <link rel='stylesheet' id='redux-custom-fonts-css' href='//nviziondesigns.com/wp-content/uploads/redux/custom-fonts/fonts.css?ver=1728861896' type='text/css' media='all' /> <link rel='stylesheet' id='widget-image-css' href='https://nviziondesigns.com/wp-content/plugins/elementor/assets/css/widget-image.min.css?ver=3.24.6' type='text/css' media='all' /> <link rel='stylesheet' id='splitting-css' href='https://nviziondesigns.com/wp-content/themes/wavo/js/plugins/splitting/splitting.css?ver=2e9d9bfc6321eaabb6c2dcfe6b5379db' type='text/css' media='all' /> <link rel='stylesheet' id='splitting-cells-css' href='https://nviziondesigns.com/wp-content/themes/wavo/js/plugins/splitting/splitting-cells.css?ver=2e9d9bfc6321eaabb6c2dcfe6b5379db' type='text/css' media='all' /> <link rel='stylesheet' id='wavo-swiper-css' href='https://nviziondesigns.com/wp-content/themes/wavo/js/plugins/swiper/swiper.min.css?ver=1.0' type='text/css' media='all' /> <link rel='stylesheet' id='widget-heading-css' href='https://nviziondesigns.com/wp-content/plugins/elementor/assets/css/widget-heading.min.css?ver=3.24.6' type='text/css' media='all' /> <link rel='stylesheet' id='widget-icon-list-css' href='https://nviziondesigns.com/wp-content/plugins/elementor/assets/css/widget-icon-list.min.css?ver=3.24.6' type='text/css' media='all' /> <script type="text/javascript" id="mailchimp-woocommerce-js-extra"> /* <![CDATA[ */ var mailchimp_public_data = {"site_url":"https:\/\/nviziondesigns.com","ajax_url":"https:\/\/nviziondesigns.com\/wp-admin\/admin-ajax.php","disable_carts":"","subscribers_only":"","language":"en","allowed_to_set_cookies":"1"}; /* ]]> */ </script> <script type="text/javascript" src="https://nviziondesigns.com/wp-content/plugins/mailchimp-for-woocommerce/public/js/mailchimp-woocommerce-public.min.js?ver=4.4.1.07" id="mailchimp-woocommerce-js"></script> <script type="text/javascript" src="https://nviziondesigns.com/wp-content/themes/wavo/woocommerce/woocommerce-custom.js?ver=1.0" id="wavo-woocommerce-custom-js"></script> <script type="text/javascript" src="https://nviziondesigns.com/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=9.3.3" id="sourcebuster-js-js"></script> <script type="text/javascript" id="wc-order-attribution-js-extra"> /* <![CDATA[ */ var wc_order_attribution = {"params":{"lifetime":1.0000000000000000818030539140313095458623138256371021270751953125e-5,"session":30,"base64":false,"ajaxurl":"https:\/\/nviziondesigns.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"}}; /* ]]> */ </script> <script type="text/javascript" src="https://nviziondesigns.com/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=9.3.3" id="wc-order-attribution-js"></script> <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=6Lc6dfQhAAAAAFZ5lUx7RANQ8iA0annP7ob3h3sN&ver=3.0" id="google-recaptcha-js"></script> <script type="text/javascript" src="https://nviziondesigns.com/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script> <script type="text/javascript" id="wpcf7-recaptcha-js-extra"> /* <![CDATA[ */ var wpcf7_recaptcha = {"sitekey":"6Lc6dfQhAAAAAFZ5lUx7RANQ8iA0annP7ob3h3sN","actions":{"homepage":"homepage","contactform":"contactform"}}; /* ]]> */ </script> <script type="text/javascript" src="https://nviziondesigns.com/wp-content/plugins/contact-form-7/modules/recaptcha/index.js?ver=5.9.8" id="wpcf7-recaptcha-js"></script> <script type="text/javascript" src="https://nviziondesigns.com/wp-content/themes/wavo/js/plugins/cursor/all-cursors.js?ver=1.0" id="all-cursors-js"></script> <script type="text/javascript" src="https://nviziondesigns.com/wp-content/themes/wavo/js/plugins/splitting/splitting.min.js?ver=1.0" id="splitting-js"></script> <script type="text/javascript" src="https://nviziondesigns.com/wp-content/themes/wavo/js/plugins/swiper/swiper.min.js?ver=6.3.8" id="wavo-swiper-js"></script> <script type="text/javascript" src="https://nviziondesigns.com/wp-content/themes/wavo/js/scripts.js?ver=1.0" id="wavo-main-js"></script> <script type="text/javascript" src="https://nviziondesigns.com/wp-content/themes/wavo/js/framework-settings.js?ver=1.0" id="framework-settings-js"></script> <script type="text/javascript" src="https://nviziondesigns.com/wp-includes/js/comment-reply.min.js?ver=2e9d9bfc6321eaabb6c2dcfe6b5379db" id="comment-reply-js" async="async" data-wp-strategy="async"></script> </body> </html>