sample html code for homepage with code examples

Sure, here's a sample article on "Sample HTML Code for Homepage with Code Examples".

Creating a homepage is a crucial step for building any website. A homepage is the first impression a visitor gets about your website, so it's essential to make it visually appealing and informative. In this article, we'll provide you with a sample HTML code for a homepage, along with code examples, to help you create an impressive and effective homepage for your website.

HTML Code for Homepage




My Website

Welcome to My Website

About Us

We are a team of web developers who specialize in creating beautiful and functional websites for businesses and individuals.

Our Services

  • Website Design
  • Website Development
  • SEO Optimization

© My Website 2023. All Rights Reserved.


Let's examine the code and its components.

– This line defines the document type and version of HTML used in the code.
– The HTML tag encloses the entire document, indicating that it’s an HTML document.
– The head tag contains information about the document, such as the title.
– This tag defines the title of the document, which is displayed in the browser’s title bar.<br /> <body> – The body tag contains the visible content of the page.</p> <header> – The header tag typically contains the main heading or logo of the website, along with the navigation menu.</p> <nav> – The nav tag is used to define the navigation links for the website.</p> <ul> – The unordered list tag is used to create a bullet-point list of navigation links.</p> <li> – This tag defines each item in the list.<br /> <main> – The main tag contains the main content of the website.</p> <section> – The section tag is used to divide the content into sections.</p> <h2> – This tag defines the heading of the section.</p> <p> – This tag defines a paragraph of text.</p> <ul> – This tag creates an unordered list of items.</p> <li> – This tag defines each item in the list.<br /> <footer> – The footer tag typically contains copyright information and other legal information.</p> <p> – This tag defines a paragraph of text.</p> <p>Code Examples</p> <p>Let's take a look at some code examples that you can use to customize the sample HTML code for your own website.</p> <p>Changing the Background Color</p> <p>To change the background color of the homepage, you can add the following code to the head section of your HTML code:</p> <style> body { background-color: #f2f2f2; } </style> <p>Replace the hexadecimal color code with the color of your choice.</p> <p>Adding an Image</p> <p>To add an image to the homepage, you can use the following code:</p> <section> <h2>Our Team</h2> <p> <img decoding="async" src="team.jpg" alt="Our Team"><br /> </section> <p>Replace "team.jpg" with the filename of your image,and add an appropriate alt tag to provide a text description of the image.</p> <p>Adding a Video</p> <p>To add a video to the homepage, you can use the following code:</p> <section> <h2>Watch Our Video</h2> <p> <video width="320" height="240" controls><source src="video.mp4" type="video/mp4"><source src="video.ogg" type="video/ogg">Your browser does not support the video tag.</video><br /> </section> <p>Replace "video.mp4" and "video.ogg" with the filenames of your video files, and adjust the width and height as needed.</p> <p>Conclusion</p> <p>We hope this sample HTML code for a homepage, along with code examples, has given you a better understanding of how to create an effective homepage for your website. By using this code as a starting point, you can customize it to fit your specific needs and make your website stand out from the crowd. Remember, a well-designed homepage can make a significant impact on your website's success, so take the time to make it visually appealing and informative. Happy coding!<br /> Sure, here are some adjacent topics that are related to creating a homepage using HTML code.</p> <p>CSS</p> <p>CSS stands for Cascading Style Sheets and is used to style and layout HTML code. By using CSS, you can change the font, color, and layout of your webpage, making it more visually appealing and easier to read. CSS is used to create responsive designs that adjust to different screen sizes, making your website accessible to all users. By combining HTML and CSS, you can create a professional-looking website that is customized to your needs.</p> <p>JavaScript</p> <p>JavaScript is a programming language that is used to create interactive and dynamic web pages. With JavaScript, you can create pop-up windows, animations, and other effects that make your website more engaging and interactive. JavaScript is also used to add functionality to web pages, such as form validation and user input handling. By using JavaScript along with HTML and CSS, you can create a fully functional and interactive website that meets your needs.</p> <p>Responsive Web Design</p> <p>Responsive web design is a design approach that focuses on creating websites that can adapt to different screen sizes and devices. With more users accessing websites on their mobile devices, it's essential to create websites that are easy to navigate and read on smaller screens. By using responsive web design techniques, you can create a website that looks great on desktops, laptops, tablets, and smartphones, providing a better user experience for all users.</p> <p>Web Accessibility</p> <p>Web accessibility is the practice of designing and developing websites that can be used by people with disabilities. By making your website accessible, you ensure that everyone can access and use your website, regardless of their abilities. Accessibility features can include providing alternative text for images, using descriptive headings, and ensuring that the website can be navigated using only the keyboard. By designing your website with accessibility in mind, you create a more inclusive and user-friendly experience for all users.</p> <p>In conclusion, creating a homepage using HTML code is just the beginning of building a website. By using CSS and JavaScript, you can customize your website and add interactivity and functionality. Additionally, by using responsive web design techniques and ensuring web accessibility, you can create a website that is accessible and user-friendly for all users. These adjacent topics are important to consider when creating a website, as they can significantly impact the user experience and overall success of your website.Search Engine Optimization (SEO)</p> <p>Search Engine Optimization (SEO) is the practice of optimizing your website to improve its visibility and ranking on search engines like Google. By improving your website's SEO, you can increase the amount of traffic to your website and improve your website's overall success. Some of the most important factors for SEO include using relevant keywords, creating quality content, and optimizing your website's metadata. By focusing on SEO, you can help your website to rank higher in search engine results and increase your website's visibility.</p> <p>Content Management Systems (CMS)</p> <p>Content Management Systems (CMS) are software applications that allow you to create, manage, and publish digital content, including websites. CMSs typically provide a user-friendly interface that makes it easy to create and edit content without needing to know HTML or other programming languages. Some popular CMSs include WordPress, Drupal, and Joomla. By using a CMS, you can create and manage your website more efficiently and effectively, allowing you to focus on creating quality content and improving your website's overall success.</p> <p>Web Hosting</p> <p>Web hosting is the process of storing and serving web pages and other digital content on the internet. Web hosting companies provide the necessary infrastructure and support to store and serve your website to users around the world. Some of the most important factors to consider when choosing a web hosting provider include reliability, security, and scalability. By choosing a reliable and secure web hosting provider, you can ensure that your website is always available and that your users can access your website quickly and easily.</p> <p>In conclusion, creating a website is just the beginning of building an effective online presence. By considering adjacent topics like CSS, JavaScript, responsive web design, web accessibility, SEO, CMSs, and web hosting, you can improve your website's functionality, visibility, and overall success. These topics are all interconnected and play a vital role in creating a website that meets your needs and the needs of your users. By staying informed about these topics, you can continue to improve and evolve your website over time, ensuring its ongoing success.</p> <h2>Popular questions</h2> <p>Sure, here are five questions about "Sample HTML Code for Homepage with Code Examples" along with their answers.</p> <ol> <li>What is the purpose of a homepage?</li> </ol> <p>A homepage is the first page that a visitor sees when they visit your website. It serves as an introduction to your website and provides visitors with information about what your website is all about. The purpose of a homepage is to provide an overview of your website and to guide visitors to other pages on your website.</p> <ol start="2"> <li>What is the role of HTML code in creating a homepage?</li> </ol> <p>HTML code is used to create the structure and content of a homepage. HTML code defines the layout, headings, text, images, and links on a webpage. By using HTML code, you can create a basic structure for your homepage and add content that will make it visually appealing and informative.</p> <ol start="3"> <li>How can CSS be used to customize the appearance of a homepage?</li> </ol> <p>CSS is used to style and layout HTML code. By using CSS, you can change the font, color, and layout of your webpage, making it more visually appealing and easier to read. CSS can be used to create responsive designs that adjust to different screen sizes, making your website accessible to all users.</p> <ol start="4"> <li>What is the purpose of JavaScript in creating a homepage?</li> </ol> <p>JavaScript is a programming language that is used to create interactive and dynamic web pages. With JavaScript, you can create pop-up windows, animations, and other effects that make your website more engaging and interactive. JavaScript is also used to add functionality to web pages, such as form validation and user input handling.</p> <ol start="5"> <li>How can web accessibility be achieved on a homepage?</li> </ol> <p>Web accessibility is the practice of designing and developing websites that can be used by people with disabilities. By making your website accessible, you ensure that everyone can access and use your website, regardless of their abilities. Accessibility features can include providing alternative text for images, using descriptive headings, and ensuring that the website can be navigated using only the keyboard. By designing your website with accessibility in mind, you create a more inclusive and user-friendly experience for all users.6. What is the importance of web hosting in creating a homepage?</p> <p>Web hosting is the process of storing and serving web pages and other digital content on the internet. Web hosting companies provide the necessary infrastructure and support to store and serve your website to users around the world. The importance of web hosting in creating a homepage is that it ensures that your website is always available and accessible to your visitors. Choosing a reliable and secure web hosting provider can help you to ensure that your website is up and running 24/7 and that your users can access your website quickly and easily.</p> <ol start="7"> <li>How can search engine optimization (SEO) impact a homepage?</li> </ol> <p>Search Engine Optimization (SEO) is the practice of optimizing your website to improve its visibility and ranking on search engines like Google. By improving your website's SEO, you can increase the amount of traffic to your website and improve your website's overall success. SEO can impact a homepage by helping it to rank higher in search engine results, making it more visible to potential visitors. By using relevant keywords, creating quality content, and optimizing your website's metadata, you can help your homepage to rank higher in search engine results and increase your website's visibility.</p> <ol start="8"> <li>What is a content management system (CMS), and how can it be used to create a homepage?</li> </ol> <p>A Content Management System (CMS) is a software application that allows you to create, manage, and publish digital content, including websites. CMSs typically provide a user-friendly interface that makes it easy to create and edit content without needing to know HTML or other programming languages. CMSs can be used to create a homepage by providing templates and tools for creating a basic structure for your homepage and adding content that will make it visually appealing and informative. By using a CMS, you can create and manage your website more efficiently and effectively, allowing you to focus on creating quality content and improving your website's overall success.</p> <ol start="9"> <li>How can responsive web design impact the success of a homepage?</li> </ol> <p>Responsive web design is a design approach that focuses on creating websites that can adapt to different screen sizes and devices. By using responsive web design techniques, you can create a website that looks great on desktops, laptops, tablets, and smartphones, providing a better user experience for all users. The importance of responsive web design in the success of a homepage is that it ensures that your website is accessible and easy to navigate for all users, regardless of the device they are using. By creating a website that is accessible to all users, you can increase the amount of traffic to your website and improve your website's overall success.</p> <ol start="10"> <li>What is the difference between a header and a footer in HTML code?</li> </ol> <p>In HTML code, a header is a section of the webpage that typically contains the main heading or logo of the website, along with the navigation menu. A footer, on the other hand, typically contains copyright information and other legal information. While the header is usually located at the top of the webpage, the footer is typically located at the bottom of the webpage. The header and footer sections provide important information and help to give structure to your webpage.</p> <h3>Tag</h3> <p>Webdevelopment.</p> </div><!-- .entry-content --> <footer class="entry-footer"> <span class="cat-links">Category: <a href="https://kl1p.com/category/software-dev/" rel="category tag">Software, Development, IT</a></span> </footer><!-- .entry-footer --> <div class="tg-author-box"> <div class="tg-author__avatar"> <img alt='' src='https://secure.gravatar.com/avatar/2b1e726ca085fbde69bdaa7bb2df083a?s=96&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/2b1e726ca085fbde69bdaa7bb2df083a?s=96&d=mm&r=g 2x' class='avatar avatar-96 photo' height='96' width='96' loading='lazy' decoding='async'/> </div><!-- .tg-author-avatar --> <div class="tg-author-info"> <h5 class="tg-author__name"><a href="https://kl1p.com/author/deeksha-sudhakar/" title="Posts by Deeksha Sudhakar" rel="author">Deeksha Sudhakar</a></h5> <div class="tg-author__bio"> As a seasoned software engineer, I bring over 7 years of experience in designing, developing, and supporting Payment Technology, Enterprise Cloud applications, and Web technologies. My versatile skill set allows me to adapt quickly to new technologies and environments, ensuring that I meet client requirements with efficiency and precision. I am passionate about leveraging technology to create a positive impact on the world around us. I believe in exploring and implementing innovative solutions that can enhance user experiences and simplify complex systems. In my previous roles, I have gained expertise in various areas of software development, including application design, coding, testing, and deployment. I am skilled in various programming languages such as Java, Python, and JavaScript and have experience working with various databases such as MySQL, MongoDB, and Oracle. </div><!-- .tg-author-bio --> <div class="tg-author-meta"> <div class="tg-author__website"> <span>Website</span> <a href="https://www.linkedin.com/in/deeksha6/" target="_blank">https://www.linkedin.com/in/deeksha6/</a> </div><!-- .tg-author-website --> <div class="tg-author__post-count"> <span>Posts created</span> <strong>1810</strong> </div><!-- .tg-author-post-count --> </div><!-- .tg-author-meta --> </div><!-- .tg-author-info --> </div><!-- .tg-author-bio --> </article><!-- #post-8492 --> <nav class="navigation post-navigation" aria-label="Posts"> <h2 class="screen-reader-text">Post navigation</h2> <div class="nav-links"><div class="nav-previous"><a href="https://kl1p.com/transforming-text-into-dates-with-php-learn-how-to-convert-strings-into-date-formats-with-real-code-examples/" rel="prev"><span class="nav-links__label">Previous Article</span> Transforming Text into Dates with PHP: Learn how to Convert Strings into Date Formats with Real Code Examples</a></div><div class="nav-next"><a href="https://kl1p.com/never-be-late-again-sync-your-windows-time-with-ease-using-these-bat-script-code-examples/" rel="next"><span class="nav-links__label">Next Article</span> Never Be Late Again: Sync Your Windows Time with Ease Using These Bat Script Code Examples</a></div></div> </nav> <div id="comments" class="comments-area"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/sample-html-code-for-homepage-with-code-examples/#respond" style="display:none;">Cancel reply</a></small></h3><form action="https://kl1p.com/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Your email address will not be published.</span> <span class="required-field-message">Required fields are marked <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Comment <span class="required">*</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Name <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p> <p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p> <p class="comment-form-url"><label for="url">Website</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Save my name, email, and website in this browser for the next time I comment.</label></p> <p class="form-submit"><button name="submit" type="submit" id="submit" class="submit">Post Comment</button> <input type='hidden' name='comment_post_ID' value='8492' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p></form> </div><!-- #respond --> </div><!-- #comments --> </main><!-- #main --> </div><!-- #primary --> <aside id="secondary" class="widget-area"> <section id="block-2" class="widget widget_block widget_search"><form role="search" method="get" action="https://kl1p.com/" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search"><label for="wp-block-search__input-1" class="wp-block-search__label" >Search</label><div class="wp-block-search__inside-wrapper " ><input type="search" id="wp-block-search__input-1" class="wp-block-search__input" name="s" value="" placeholder="" required /><button type="submit" class="wp-block-search__button wp-element-button" >Search</button></div></form></section><section id="block-3" class="widget widget_block"><div class="wp-block-group is-layout-flow"><div class="wp-block-group__inner-container"><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://kl1p.com/unlock-the-power-of-mysql-on-new-macbook-m1-with-docker-images-and-practical-code-illustrations/">Unlock the power of MySQL on new MacBook M1 with Docker images and practical code illustrations.</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://kl1p.com/why-your-code-is-failing-insufficient-array-capacity-for-crucial-values/">Why Your Code is Failing: Insufficient Array Capacity for Crucial Values</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://kl1p.com/unveiling-the-secrets-of-git-discover-the-remote-url-with-these-simple-code-examples/">Unveiling the Secrets of Git: Discover the Remote URL with These Simple Code Examples</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://kl1p.com/discover-the-power-of-retrieving-raw-json-data-with-easy-to-follow-code-examples/">Discover the Power of Retrieving Raw JSON Data with Easy-to-Follow Code Examples</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://kl1p.com/python-json-dump-to-file-with-code-examples/">python json dump to file with code examples</a></li> </ul></div></div></section><section id="block-4" class="widget widget_block"><div class="wp-block-group is-layout-flow"><div class="wp-block-group__inner-container"><h2 class="wp-block-heading">Recent Comments</h2><div class="no-comments wp-block-latest-comments">No comments to show.</div></div></div></section><section id="block-5" class="widget widget_block"><div class="wp-block-group is-layout-flow"><div class="wp-block-group__inner-container"><h2 class="wp-block-heading">Archives</h2><ul class="wp-block-archives-list wp-block-archives"> <li><a href='https://kl1p.com/2023/04/'>April 2023</a></li> <li><a href='https://kl1p.com/2023/03/'>March 2023</a></li> <li><a href='https://kl1p.com/2023/02/'>February 2023</a></li> <li><a href='https://kl1p.com/2023/01/'>January 2023</a></li> <li><a href='https://kl1p.com/2022/12/'>December 2022</a></li> <li><a href='https://kl1p.com/2022/11/'>November 2022</a></li> <li><a href='https://kl1p.com/2022/10/'>October 2022</a></li> </ul></div></div></section><section id="block-6" class="widget widget_block"><div class="wp-block-group is-layout-flow"><div class="wp-block-group__inner-container"><h2 class="wp-block-heading">Categories</h2><ul class="wp-block-categories-list wp-block-categories"> <li class="cat-item cat-item-1"><a href="https://kl1p.com/category/software-dev/">Software, Development, IT</a> </li> </ul></div></div></section></aside><!-- #secondary --> </div><!-- .tg-container --> </div><!-- #content --> <section class="cenote-related-post"> <div class="tg-container"> <h2 class="related-post-title">Related Posts</h2> </div> <!-- /.tg-container --> <!-- /.related-post-title --> <div class="cenote-related-post-container"> <div class="tg-container"> <div class="tg-flex-row tg-flex-container"> <article id="post-10376" class="related-post-item "> <div class="entry-meta"> <span class="cat-links"><a href="https://kl1p.com/category/software-dev/" rel="category tag">Software, Development, IT</a></span><span class="posted-on"><a href="https://kl1p.com/discover-how-to-add-copyright-symbol-to-your-html-pages-with-easy-to-follow-code-examples/" rel="bookmark"><time class="entry-date published updated" datetime="2022-10-11T00:18:42+00:00">October 11, 2022</time></a></span> </div><!-- .entry-meta --> <header class="entry-header"> <h2 class="entry-title"><a href="https://kl1p.com/discover-how-to-add-copyright-symbol-to-your-html-pages-with-easy-to-follow-code-examples/" rel="bookmark">Discover How to Add Copyright Symbol to Your HTML Pages with Easy-to-Follow Code Examples</a></h2> </header><!-- .entry-header --> </article><!-- #post-10376 --> <article id="post-3262" class="related-post-item "> <div class="entry-meta"> <span class="cat-links"><a href="https://kl1p.com/category/software-dev/" rel="category tag">Software, Development, IT</a></span><span class="posted-on"><a href="https://kl1p.com/5-surprising-solutions-for-the-pesky-error-exclusive-to-google-play-store/" rel="bookmark"><time class="entry-date published updated" datetime="2022-11-07T06:03:51+00:00">November 7, 2022</time></a></span> </div><!-- .entry-meta --> <header class="entry-header"> <h2 class="entry-title"><a href="https://kl1p.com/5-surprising-solutions-for-the-pesky-error-exclusive-to-google-play-store/" rel="bookmark">5 Surprising Solutions for the Pesky Error Exclusive to Google Play Store</a></h2> </header><!-- .entry-header --> </article><!-- #post-3262 --> <article id="post-19807" class="related-post-item "> <div class="entry-meta"> <span class="cat-links"><a href="https://kl1p.com/category/software-dev/" rel="category tag">Software, Development, IT</a></span><span class="posted-on"><a href="https://kl1p.com/craft-a-captivating-and-interactive-about-us-page-with-html-code-examples-that-are-fully-responsive/" rel="bookmark"><time class="entry-date published updated" datetime="2023-03-06T21:46:35+00:00">March 6, 2023</time></a></span> </div><!-- .entry-meta --> <header class="entry-header"> <h2 class="entry-title"><a href="https://kl1p.com/craft-a-captivating-and-interactive-about-us-page-with-html-code-examples-that-are-fully-responsive/" rel="bookmark">Craft a Captivating and Interactive About Us Page with HTML Code Examples that are Fully Responsive</a></h2> </header><!-- .entry-header --> </article><!-- #post-19807 --> <article id="post-19575" class="related-post-item "> <div class="entry-meta"> <span class="cat-links"><a href="https://kl1p.com/category/software-dev/" rel="category tag">Software, Development, IT</a></span><span class="posted-on"><a href="https://kl1p.com/quickly-master-the-art-of-parsing-text-in-java-with-powerful-regex-and-scanner-tricks/" rel="bookmark"><time class="entry-date published updated" datetime="2023-03-13T14:51:58+00:00">March 13, 2023</time></a></span> </div><!-- .entry-meta --> <header class="entry-header"> <h2 class="entry-title"><a href="https://kl1p.com/quickly-master-the-art-of-parsing-text-in-java-with-powerful-regex-and-scanner-tricks/" rel="bookmark">Quickly Master the Art of Parsing Text in Java with Powerful Regex and Scanner Tricks</a></h2> </header><!-- .entry-header --> </article><!-- #post-19575 --> </div> <!-- /.tg-flex-row --> </div> <!-- /.tg-container tg-container-flex --> </div> <!-- /.cenote-related-post-container --> </section> <!-- /.cenote-related-post --> <footer id="colophon" class="site-footer tg-site-footer tg-site-footer--default"> <div class="tg-footer-top"> <div class="tg-container"> </div> </div><!-- .tg-footer-top --> <div class="tg-footer-bottom"> <div class="tg-container"> <div class="tg-footer-bottom-container tg-flex-container"> <div class="tg-footer-bottom-left"> <div class="site-info"> Copyright © 2023 <a href="https://kl1p.com/" title="kl1p.com" ><span>kl1p.com</span></a>. All rights reserved.</div><!-- .site-info --> </div><!-- .tg-footer-bottom-left --> <div class="tg-footer-bottom-right"> </div><!-- .tg-footer-bottom-right--> </div><!-- .tg-footer-bootom-container--> </div> </div><!-- .tg-footer-bottom --> </footer><!-- #colophon --> </div><!-- #page --> <nav id="mobile-navigation" class="cenote-mobile-navigation"> <div class="menu-main-menu-container"><ul id="primary-menu" class="menu"><li class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-27"><a href="https://kl1p.com/category/software-dev/">Software, Development, IT</a></li> </ul></div></nav><!-- #mobile-navigation --> <div id="search-form" class="cenote-search-form"> <span class="search-form-close"></span> <div class="tg-container"> <form role="search" method="get" class="search-form" action="https://kl1p.com/"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" placeholder="Search …" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Search" /> </form> <p class="cenote-search-form__description">Begin typing your search term above and press enter to search. Press ESC to cancel.</p> </div> <!-- /.tg-container --> </div> <!-- /.cenote-search-form --> <div id="cenote-back-to-top" class="cenote-back-to-top"> <span> Back To Top <i class="tg-icon-arrow-right"></i> </span> </div> <script type='text/javascript' src='https://kl1p.com/wp-content/themes/cenote/assets/js/skip-link-focus-fix.min.js?ver=20151215' id='cenote-skip-link-focus-fix-js'></script> <script type='text/javascript' src='https://kl1p.com/wp-content/themes/cenote/assets/js/hammer.min.js?ver=2.0.8' id='hammer-js'></script> <script type='text/javascript' src='https://kl1p.com/wp-content/themes/cenote/assets/js/swiper.min.js?ver=4.2.0' id='swiper-js'></script> <script type='text/javascript' src='https://kl1p.com/wp-content/themes/cenote/assets/js/Headroom.min.js?ver=0.9.4' id='headroom-js'></script> <script type='text/javascript' src='https://kl1p.com/wp-content/themes/cenote/assets/js/cenote-custom.min.js?ver=1.0.0' id='cenote-custom-js'></script> <script type='text/javascript' src='https://kl1p.com/wp-includes/js/comment-reply.min.js?ver=6.2' id='comment-reply-js'></script> </body> </html> <!-- Dynamic page generated in 1.330 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2023-05-06 10:54:05 --> <!-- super cache -->