Site structure

Phaeton Restaurant HTML template has 2 HTML pages:

  • index.html – the homepage template
  • login.html – the login popup

The template for all the HTML pages uses the following code structure:

<html>
<head>[...]</head>
<body>
  <div id="page_wrapper">
    <header>[...]</header>
    ...
 <div class="ph-subheader">[...]</div>     ...     sections
    ...
    <footer>[...]</footer>
  </div>
</body>
</html>

Other mentionable HTML markups:

To Top button

Classic “go to top” button. Just make sure not to change the id as it holds the styling but also js click event.

<a href="#" class="totop">
 <i class="fas fa-chevron-up"></i>
 <p class="totop-text">TOP</p>
 </a> <!--/.totop -->

The HTML markup that is used for responsiveness is based on flexbox  Layout and Bootstrap 4