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:
<html>
<head>[...]</head>
<body>
<div id="page_wrapper">
<header>[...]</header>
...
<div class="mm-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="#" 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.