HTML Structure

The general HTML structure is the same throughout the template. Here is the general HTML structure of the template:

<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>

<!-- pt-loader -->
<div  id="pt-loading"> 
     [LOADER CONTENT] 
</div>
<!-- pt-loader-->

<!--header -->
<header id="pt-header">
     [HEADER CONTENT] 
<header>
<!--header -->

<!--Banner--->
<section id="home" class="pt-main-home p-0">
     [BANNER CONTENT]
</section>
<!--Banner-->

<!--pt-content--->
<div class="main-content">
   [MAIN CONTENT]
</div>
<!--pt-content -->

<!--Section 1 -->
<section class="pt-section1">
     [SECTION  CONTENT]
</section>
<!--Section 1 -->

<!--Section 2 -->
<section class="pt-section2">
  [SECTION  CONTENT]
</section>
<!--Section 2 -->
</div>

<!--pt-content -->
<!--footer -->
<footer class="pt-footer">
    [FOOTER_CONTENT]
</footer>
<!--footer -->

<!--back-to-top -->
<div id="back-to-top">
    [BACK TO TOP CONTENT]
</div>
<!--back-to-top -->

<!--footer -->
<!--java-scripts-->
[PAGE JAVASCRIPTS HERE]
<!--java-scripts -->

</body>
</html>

Last updated