HTML Structure
Canvas follows a simple coding structure that is easy to understand and implement. Make sure that you follow some of the Important Rules to avoid unexpected errors:
Always enclose all the Content inside the #wrapper
.Never use nested .container
s. Close the Previous .container and then open a New . Otherwise, it will cause Formatting Issues.Validate your HTML Codes for errors on https://validator.w3.org/. Follow these rules:
Check and Fix Unclosed HTML Tags.
Check and Fix Duplicate IDs.
Ignore Google Fonts,
typeAttribute unnecessary or not needed related errors.
Usage
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<!-- Stylesheets & Title
============================================= -->
...
</head>
<body>
<!-- The Main Wrapper
============================================= -->
<div id="wrapper">
<!-- Header
============================================= -->
<header id="header">
...
</header>
<!-- Site Content
============================================= -->
<section id="content">
<div class="content-wrap">
<div class="container">
...
</div>
</div>
</section>
<!-- Footer
============================================= -->
<footer id="footer" class="dark">
<div class="container">
...
</div>
<!-- Copyrights
============================================= -->
<div id="copyrights">
<div class="container">
...
</div>
</div>
</footer>
</div>
<!-- Scripts
============================================= -->
</body>
</html>