Site structure

Creative Agency HTML template has 8 HTML pages:

  • index.html – the homepage template
  • article.html – the blog article page
  • blog.html – the blog page
  • cart.html – the cart page
  • checkout.html – the checkout page
  • shop.html – the shop page with sortable product items
  • product.html – the product page
  • membership-levels.html – the membership levels page
  • membership-checkout.html – the membership checkout page
  • add-to-cart.html – add to cart popup window
  • contact.html – the login popup window

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

  <div id="page_wrapper">
 <div class="mm-subheader">[...]</div>     ...     sections

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="#" id="totop"></a>

The HTML markup that is used for responsiveness is based on flexbox Layout and bootstrap 3 grid system


These examples don’t necessarily mean it has to be this exact pattern, however, it’s the most commonly used.