HTML Structure
Be sure to have your pages set up with the latest design and development standards. That means using an HTML5 doctype and including a viewport meta tag for proper responsive behaviors. Put it all together and your pages should look like the following code:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content=""> <meta name="keywords" content=""> <title>TheSaaS — HTML Structure</title> <!-- Styles --> <link href="assets/css/page.min.css" rel="stylesheet"> <link href="assets/css/style.css" rel="stylesheet"> <!-- Favicons --> <link rel="apple-touch-icon" href="assets/img/apple-touch-icon.png"> <link rel="icon" href="assets/img/favicon.png"> </head> <body> <nav class="navbar navbar-expand-lg navbar-light navbar-stick-dark" data-navbar="sticky"></nav> <header class="header"></header> <!-- Main Content --> <main class="main-content"> <section class="section"></section> <section class="section"></section> <section class="section"></section> </main><!-- /.main-content --> <footer class="footer"></footer> <!-- Scripts --> <script src="assets/js/page.min.js"></script> <script src="assets/js/script.js"></script> </body> </html>