<body><!-- Main Container --> <div class="container"><!-- Header --> <header><!-- Navigation --> <nav> <ul> <li><a href="#hero">shop</a></li> <li><a href="#about">makers</a></li> <li><a href="#contact">info</a></li> <li><a href="#contact">journal</a></li> </ul> </nav> <!-- Branding --> <section class="branding"> <figure class="logo"><a href=""> <img src="images/IHT-Canada-Black.svg" alt="Armet logo" class="logo" /> </a></figure> </section> <!-- Price? --> <section class="pricing-container"> <h1 id="total-price">CAD $0.00</h1> </section> </header> <main> <!-- Where the primary part of the app will reside, also photos for calculator --> <section class="builder"></section> <!-- The sidebar used for selecting and calculating pendant costs --> <section class="calculator"> <ul id="parts-index"></ul> <div class="calc-total"></div> </section> </main> <!-- Main Container Ends --></div> <script src="js/calc.js"></script></body>