Untitled
html
a month ago
9.2 kB
1
Indexable
Never
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="styles.css"> <link href="https://fonts.googleapis.com/css2?family=Handjet:wght@300&family=Rubik+Iso&family=Syne+Mono&family=VT323&display=swap" rel="stylesheet"> <title>Your Product Page</title> </head> <body> <header> <div class="logo-bar"> <h1>Website Name</h1> </div> <nav> <div class="hamburger-menu"> <img src="https://assets.stickpng.com/images/588a64e7d06f6719692a2d11.png" alt="Hamburger Menu"> </div> <ul> <li><a href="#">Breaking Bad</a></li> <li><a href="#">The Office</a></li> <li><a href="#">Modern Family</a></li> <li><a href="#">Back To The Future</a></li> <li><a href="#">Harry Potter</a></li> <li><a href="#">The Flash</a></li> </ul> </nav> </header> <main> <div class="layout"> <!---Left--> <div class="left"> <div class="title-index">Product Index</div> <div class="list"> <h3> Breaking Bad</h3> <li>Crystal Meth- Smoker Pack</li> <li>Los Pollos Hermanos T Shirt</li> <li>Saul Goodman's Legal Services</li> <li>Green tea</li> <br> <h3> The Office</h3> <li>Dunder Mifflin A4 Sheet pack</li> <li>Schrute Farms Products</li> <li>Kevins Famous Chilli</li> <li>Creeds Mystery Merch</li> </div> </div> <!----------------> <div class="right"> <div class="info"> <div class="image"> <img src="https://media.gettyimages.com/id/1366843909/photo/sandcastle-on-beach-in-weston-super-mare.jpg?s=612x612&w=gi&k=20&c=X_qWCMAQpgYBxSrplosS_0eBp3iapsFanAtiTVuv3wo=" /> </div> <div class="right-align"> <div class="title-index">Product Info</div> <div class="list"> <h3> Breaking Bad</h3> <li>Crystal Meth- Smoker Pack</li> <li>Los Pollos Hermanos T Shirt</li> <li>Saul Goodman's Legal Services</li> <li>Green tea</li> <br> <h3> The Office</h3> <li>Dunder Mifflin A4 Sheet pack</li> <li>Schrute Farms Products</li> <li>Kevins Famous Chilli</li> <li>Creeds Mystery Merch</li> </div> </div> </div> <div class="info"> <div class="image"> <img src="https://media.gettyimages.com/id/1366843909/photo/sandcastle-on-beach-in-weston-super-mare.jpg?s=612x612&w=gi&k=20&c=X_qWCMAQpgYBxSrplosS_0eBp3iapsFanAtiTVuv3wo="> </div> <div class="right-align"> <div class="title-index">Product Info</div> <div class="list"> <h3> Breaking Bad</h3> <li>Crystal Meth- Smoker Pack</li> <li>Los Pollos Hermanos T Shirt</li> <li>Saul Goodman's Legal Services</li> <li>Green tea</li> <br> <h3> The Office</h3> <li>Dunder Mifflin A4 Sheet pack</li> <li>Schrute Farms Products</li> <li>Kevins Famous Chilli</li> <li>Creeds Mystery Merch</li> </div> </div> </div> <div class="info"> <div class="image"> <img src="https://media.gettyimages.com/id/1366843909/photo/sandcastle-on-beach-in-weston-super-mare.jpg?s=612x612&w=gi&k=20&c=X_qWCMAQpgYBxSrplosS_0eBp3iapsFanAtiTVuv3wo="> </div> <div class="right-align"> <div class="title-index">Product Info</div> <div class="list"> <h3> Breaking Bad</h3> <li>Crystal Meth- Smoker Pack</li> <li>Los Pollos Hermanos T Shirt</li> <li>Saul Goodman's Legal Services</li> <li>Green tea</li> <br> <h3> The Office</h3> <li>Dunder Mifflin A4 Sheet pack</li> <li>Schrute Farms Products</li> <li>Kevins Famous Chilli</li> <li>Creeds Mystery Merch</li> </div> </div> </div> <div class="info"> <div class="image"> <img src="https://media.gettyimages.com/id/1366843909/photo/sandcastle-on-beach-in-weston-super-mare.jpg?s=612x612&w=gi&k=20&c=X_qWCMAQpgYBxSrplosS_0eBp3iapsFanAtiTVuv3wo="> </div> <div class="right-align"> <div class="title-index">Product Info</div> <div class="list"> <h3> Breaking Bad</h3> <li>Crystal Meth- Smoker Pack</li> <li>Los Pollos Hermanos T Shirt</li> <li>Saul Goodman's Legal Services</li> <li>Green tea</li> <br> <h3> The Office</h3> <li>Dunder Mifflin A4 Sheet pack</li> <li>Schrute Farms Products</li> <li>Kevins Famous Chilli</li> <li>Creeds Mystery Merch</li> </div> </div> </div> <div class="info"> <div class="image"> <img src="https://media.gettyimages.com/id/1366843909/photo/sandcastle-on-beach-in-weston-super-mare.jpg?s=612x612&w=gi&k=20&c=X_qWCMAQpgYBxSrplosS_0eBp3iapsFanAtiTVuv3wo="> </div> <div class="right-align"> <div class="title-index">Product Info</div> <div class="list"> <h3> Breaking Bad</h3> <li>Crystal Meth- Smoker Pack</li> <li>Los Pollos Hermanos T Shirt</li> <li>Saul Goodman's Legal Services</li> <li>Green tea</li> <br> <h3> The Office</h3> <li>Dunder Mifflin A4 Sheet pack</li> <li>Schrute Farms Products</li> <li>Kevins Famous Chilli</li> <li>Creeds Mystery Merch</li> </div> </div> </div> <div class="info"> <div class="image"> <img src="https://media.gettyimages.com/id/1366843909/photo/sandcastle-on-beach-in-weston-super-mare.jpg?s=612x612&w=gi&k=20&c=X_qWCMAQpgYBxSrplosS_0eBp3iapsFanAtiTVuv3wo="> </div> <div class="right-align"> <div class="title-index">Product Info</div> <div class="list"> <h3> Breaking Bad</h3> <li>Crystal Meth- Smoker Pack</li> <li>Los Pollos Hermanos T Shirt</li> <li>Saul Goodman's Legal Services</li> <li>Green tea</li> <br> <h3> The Office</h3> <li>Dunder Mifflin A4 Sheet pack</li> <li>Schrute Farms Products</li> <li>Kevins Famous Chilli</li> <li>Creeds Mystery Merch</li> </div> </div> </div> <!----Right--> </div> <!---Right--> <!--Layout--> </div> <!-----> </main> <script src="script.js"></script> </body> </html>