2023-12-15 20:25:23 +00:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
<!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384 - T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
< script src = "https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity = "sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin = "anonymous" > < / script > -->
2023-12-27 22:16:23 +00:00
< link rel = "stylesheet" href = "{{url_for('static', filename='css/style.css')}}" / >
2023-12-15 23:54:45 +00:00
< link href = "http://fonts.cdnfonts.com/css/uk-number-plate" rel = "stylesheet" >
2023-12-15 20:25:23 +00:00
< title > WMGZON< / title >
< / head >
< body >
< nav class = "navbar" >
2023-12-27 22:16:23 +00:00
< img src = "{{url_for('static', filename='assets/img/wmgzon.png')}}" id = "logo" class = "not-required" alt = "WMGZON Logo" >
2023-12-15 20:25:23 +00:00
< form action = "test.html" method = "get" >
2023-12-15 23:54:45 +00:00
< input type = "text" name = "search" placeholder = "Find your favourite products" class = "search-bar" >
2023-12-15 22:53:41 +00:00
< input type = "submit" class = "search-button" >
2023-12-15 20:25:23 +00:00
< / form >
< a href = "login.html" > Login/Signup< / a >
< / nav >
< div class = "container" >
2023-12-15 22:53:41 +00:00
< div class = "categories" >
< a href = "Car Parts" class = "category" > Car Parts< / a >
< a href = "Animals" class = "category" > Animals< / a >
< a href = "Sports" class = "category" > Sports< / a >
< a href = "Books" class = "category" > Books< / a >
< a href = "Phones" class = "category" > Phones< / a >
< a href = "Music" class = "category" > Music< / a >
< / div >
< div class = "filter-pane" >
2023-12-15 23:54:45 +00:00
< form action = "" class = "filter-items" >
2023-12-15 22:53:41 +00:00
< div class = "number-plate" >
2023-12-15 23:54:45 +00:00
< span class = "country-identifier" >
< img src = "https://mycarneedsa.com/assets/flint/img/flag_europe_gb.png" alt = "" >
< / span >
< span class = "vrn" >
< input type = "text" class = "vrn-text" placeholder = "YOUR REG" name = "vrn" >
< / span >
2023-12-15 21:23:28 +00:00
< / div >
2023-12-15 23:54:45 +00:00
< select class = "product-filter not-required" name = "filter" >
< option value = "relevance" > Most Relevant< / option >
< option value = "price-lh" > Price: Low -> High< / option >
< option value = "price-hl" > Price: High -> Low< / option >
< / select >
< / form >
2023-12-15 20:25:23 +00:00
< / div >
2023-12-15 22:53:41 +00:00
2023-12-15 20:25:23 +00:00
< div class = "product-container" >
< div class = "product" >
< div class = "product-title" > 12" Brake Disks< / div >
< div class = "product-information" >
< div class = "product-image" >
2023-12-27 22:16:23 +00:00
< img src = "{{url_for('static', filename='assets/img/products/brake-disks.png')}}" alt = "Brake Disks" / >
2023-12-15 22:53:41 +00:00
< / div >
< div class = "product-details" >
< div class = "product-price" > £64.50< / div >
< div class = "product-description" > Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation< / div >
< / div >
< / div >
< div class = "product-add-to-cart" > < / div >
< / div >
< div class = "product" >
< div class = "product-title" > 12" Brake Disks< / div >
< div class = "product-information" >
< div class = "product-image" >
2023-12-27 22:16:23 +00:00
< img src = "{{url_for('static', filename='assets/img/products/brake-disks.png')}}" alt = "Brake Disks" / >
2023-12-15 22:53:41 +00:00
< / div >
< div class = "product-details" >
< div class = "product-price" > £64.50< / div >
< div class = "product-description" > Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation< / div >
< / div >
< / div >
< div class = "product-add-to-cart" > < / div >
< / div >
2023-12-15 20:25:23 +00:00
< div class = "product" >
< div class = "product-title" > 12" Brake Disks< / div >
< div class = "product-information" >
< div class = "product-image" >
2023-12-27 22:16:23 +00:00
< img src = "{{url_for('static', filename='assets/img/products/brake-disks.png')}}" alt = "Brake Disks" / >
2023-12-15 20:25:23 +00:00
< / div >
< div class = "product-details" >
< div class = "product-price" > £64.50< / div >
< div class = "product-description" > Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation< / div >
< / div >
< / div >
< div class = "product-add-to-cart" > < / div >
< / div >
< / div >
< / div >
2023-12-15 22:53:41 +00:00
<!-- <div style="height: 100rem;"></div> -->
2023-12-15 20:25:23 +00:00
< / body >
< / html >