Code:
<div> <img class="imagesidebar" src="https://bytes.com/images/paperSide.jpg"> <div class="main"> <section id="whoWeAre" class="top-content"> <center><h1>Who We Are</h1></center> <h2>I created, founded, and esablished The Michael Scott Paper Company in 2009. I am Michael Gary Scott! I consider my employees as my family. Therefore, I can say that my entire family is in the paper businness and when my family has grandchildren they will eventually find their way into some aspect of our company! No matter if they are the Regional Manager, salesman, receptionist, or the driver - they will take care of you! This assures all of out clients that our customers willl remain with us for generations to come.</h2> <h3><b>"The most sacred thing I do is care and provide for my workers, my family. I give them money. I give them food. Not directly, but through the money. I heal them."</b> <br>- Michael Scott</h3> </div> <div class="main"> <section id="shoppingCart" class="top-content"> <center><h1>Shopping Cart</h1></center> <div class="container-grid"> <div class="section1"> <a class="add-to-cart" ='#' data-name="Paper1"= data-price?="$15.99"> <p><b>One Ream of White Paper $15.99</b></p> <img src="https://bytes.com/images/1Ream.jpg"> </div> <div class="section2"> <a class="add-to-cart" ='#' data-name="Papers5"= data-price="$74.99"> <p><b>Five Reams of White Paper $74.99</b></p> <img src="https://bytes.com/images/1Ream.jpg"> <img src="https://bytes.com/images/1Ream.jpg"> <img src="https://bytes.com/images/1Ream.jpg"> <img src="https://bytes.com/images/1Ream.jpg"> <img src="https://bytes.com/images/1Ream.jpg"> </div> <div class="section3"> <a class="add-to-cart" ='#' data-name="Papers10"= data-price="$139.99"> <p><b>Ten Reams of White Paper $139.99</b></p> <img src="https://bytes.com/images/1box.jpg"> </div> <div class="section4"> <a class="add-to-cart" ='#' data-name="Papers50"= data-price="$699.99"> <p><b>Fifty Reams of White Paper $699.99</b></p> <img src="https://bytes.com/images/1box.jpg"> <img src="https://bytes.com/images/1box.jpg"> <img src="https://bytes.com/images/1box.jpg"> <img src="https://bytes.com/images/1box.jpg"> <img src="https://bytes.com/images/1box.jpg"> </div> <div class="section5"> <a class="add-to-cart" ='#' data-name="Papers100"= data-price="$1349.99"> <p><b>One-Hundred Reams of White Paper $1349.99</b></p> <img src="https://bytes.com/images/1box.jpg"> <img src="https://bytes.com/images/1box.jpg"> <img src="https://bytes.com/images/1box.jpg"> <img src="https://bytes.com/images/1box.jpg"> <img src="https://bytes.com/images/1box.jpg"> <img src="https://bytes.com/images/1box.jpg"> <img src="https://bytes.com/images/1box.jpg"> <img src="https://bytes.com/images/1box.jpg"> <img src="https://bytes.com/images/1box.jpg"> <img src="https://bytes.com/images/1box.jpg"> </div> <div class="section6"> <a class="add-to-cart" ='#' data-name="NoteBook1"= data-price="$9.99"> <p><b>One Notebook $9.99</b></p> <img src="https://bytes.com/images/notebook.jpg"> </div> <div class="section7"> <a class="add-to-cart" ='#' data-name="Notebooks5"= data-price="$32.99"> <p><b>Five Notebooks $32.99</b></p> <img src="https://bytes.com/images/notebook.jpg"> <img src="https://bytes.com/images/notebook.jpg"> <img src="https://bytes.com/images/notebook.jpg"> <img src="https://bytes.com/images/notebook.jpg"> <img src="https://bytes.com/images/notebook.jpg"> </div> <div class="section8"> <a class="add-to-cart" ='#' data-name="Sticker"= data-price="$5.99"> <p><b>One Bumper Stickers $5.99</b></p> <img src="https://bytes.com/images/sticker.jpg"> </div> <div class="section9"> <a class="add-to-cart" ='#' data-name="Printer"= data-price="$399.99"> <p><b>Sabre Printer $399.99</b></p> <img src="https://bytes.com/images/printer.jpg"> </div> <div class="section10"> <a class="add-to-cart" ='#' data-name="Gift"= data-price="$179.99"> <p><b>Gift Set $179.99</b></p> <img src="https://bytes.com/images/gift.jpg"> </div> </div>