Code overview & Page structure

All pages developed based on bootstrap framework 3.xx. Below is overview of page structure.

Page meta information

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your Landing Page Title</title>

<!--pageMeta-->

<!-- Lib CSS -->
<link href="lib/bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="lib/bootstrap-datepicker/css/bootstrap-datepicker.min.css" rel="stylesheet">
<link href="lib/owl-carousel/owl.carousel.css" rel="stylesheet">
<link href="lib/Swiper/css/swiper.min.css" rel="stylesheet">
<link href="lib/vegas/vegas.min.css" rel="stylesheet">
<link href="lib/jquery.mb.YTPlayer/css/jquery.mb.YTPlayer.min.css" rel="stylesheet">
<link href="lib/Magnific-Popup/magnific-popup.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">

<!-- Icon CSS -->
<link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="lib/Icon-font-7-stroke-PIXEDEN/css/pe-icon-7-stroke.css" rel="stylesheet">
<link href="lib/et-line-font/style.css" rel="stylesheet">
<link href="lib/themify-icons/themify-icons.css" rel="stylesheet">


<!-- Theme CSS -->
<link href="css/main.css" rel="stylesheet">
<link href="css/rgen-grids.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">

<!-- Favicons -->
<link rel="icon" href="images/agency1/favicons/favicon.ico">
<link rel="apple-touch-icon" href="images/agency1/favicons/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/agency1/favicons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/agency1/favicons/apple-touch-icon-114x114.png">

Page body structure

<div id="page">
 
    <!-- Navigation -->
    <nav class="nav-wrp nav-1 dark" data-glass="y" data-sticky="y">
        ...
    </nav><!-- /.nav-wrp -->
 
    <!-- All sections -->
    <section class="intro-section" data-bg="images/bg10.png">
        ...
    </section>
    <!-- / All sections -->
 
    <!-- Footer section -->
    <section class="footer-section">
        ...
    </section><!-- ./Footer section -->
 
</div>
<!-- /#page -->
 
<!-- JavaScript -->
ALL JAVASCRIPT FILES USED IN TEMPLATE
...

 

All component

All component folder include all section code snippets to quickly use without builder. All file types are basic PHP to include header and footer section. Below is list of all category of components.

  1. Navigations
  2. Intro section
  3. Slider sections
  4. Feature sections
  5. Content sections
  6. Other custom sections
  7. Banners
  8. Products
  9. All form sections
  10. Client logo sections
  11. Call to action blocks
  12. Counter sections
  13. Portfolio sections
  14. Video sections
  15. Testimonial sections
  16. Team sections
  17. Price blocks
  18. Contact us sections
  19. Download sections
  20. Footer sections

 

Related Articles