Skip to content

HTML Structure & Files

HTML Code

Every file have many comments within HTML code explaining it’s role part by part. Additionally every part of the code is marked by comments. Here is the example:

example preloader code
<!-- ======================================================================= -->
<!--                        DESKTOP NAVIGATION START                         -->
<!-- ======================================================================= -->
<ul
  class="list-unstyled fw-medium d-flex align-items-center
justify-content-end m-0 gap-0"
>
  <li class="has_child">
    <a class="p-2" href="#!">Home</a>
    <ul class="nav_menu_child">
      <li><a href="index-1.html">Home 1</a></li>
      <li><a href="index-2.html">Home 2</a></li>
      <li><a href="index-3.html">Home 3</a></li>
      <li><a href="index-4.html">Home 4</a></li>
      <li><a href="index-5.html">Home 5</a></li>
    </ul>
  </li>
  <li class="has_child">
    <a class="p-2" href="#!">Pages</a>
    <ul class="nav_menu_child">
      <li><a href="about.html">About</a></li>
      <li><a href="events.html">Events</a></li>
      <li><a href="single-event.html">Single Event</a></li>
      <li><a href="contact.html">Contact</a></li>
    </ul>
  </li>
  <li><a class="p-2" href="events.html">Events</a></li>
  <li><a class="p-2" href="contact.html">Contact</a></li>
  <li class="has_child">
    <a class="p-2" href="#!">Blog</a>
    <ul class="nav_menu_child">
      <li><a href="blog.html">Blog Page</a></li>
      <li><a href="single-blog.html">Single Blog</a></li>
    </ul>
  </li>
</ul>
<!-- /.list-unstyled -->
<!-- ======================================================================= -->
<!--                         DESKTOP NAVIGATION END                          -->
<!-- ======================================================================= -->

HTML Files

Here is the list of the HTML files used in this template

  • index-1.html,index-2.html,index-3.html,index-4.html,index-5.html used for Homepage with different styles
  • blog.html used for Blog Page
  • single-blog.html used for Single Blog Page
  • single-event.html used for Single Event
  • events.html used for Events Page
  • about.html used for About Page
  • contact used for Contact Page

PHP File

  • email.php is used for the contact form to send a message
Back to top