Turned index page into a template
This commit is contained in:
parent
1c5aa09668
commit
213fc9c503
|
Before Width: | Height: | Size: 8.3 KiB After Width: | Height: | Size: 8.3 KiB |
|
Before Width: | Height: | Size: 36 KiB After Width: | Height: | Size: 36 KiB |
@ -5,13 +5,13 @@
|
|||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<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">
|
<!-- <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> -->
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script> -->
|
||||||
<link rel="stylesheet" href="css/style.css" />
|
<link rel="stylesheet" href="{{url_for('static', filename='css/style.css')}}" />
|
||||||
<link href="http://fonts.cdnfonts.com/css/uk-number-plate" rel="stylesheet">
|
<link href="http://fonts.cdnfonts.com/css/uk-number-plate" rel="stylesheet">
|
||||||
<title>WMGZON</title>
|
<title>WMGZON</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<nav class="navbar">
|
<nav class="navbar">
|
||||||
<img src="assets/img/WMGZON.png" id="logo" class="not-required" alt="WMGZON Logo">
|
<img src="{{url_for('static', filename='assets/img/wmgzon.png')}}" id="logo" class="not-required" alt="WMGZON Logo">
|
||||||
<form action="test.html" method="get">
|
<form action="test.html" method="get">
|
||||||
<input type="text" name="search" placeholder="Find your favourite products" class="search-bar">
|
<input type="text" name="search" placeholder="Find your favourite products" class="search-bar">
|
||||||
<input type="submit" class="search-button">
|
<input type="submit" class="search-button">
|
||||||
@ -54,37 +54,7 @@
|
|||||||
<div class="product-title">12" Brake Disks</div>
|
<div class="product-title">12" Brake Disks</div>
|
||||||
<div class="product-information">
|
<div class="product-information">
|
||||||
<div class="product-image">
|
<div class="product-image">
|
||||||
<img src="assets/img/products/brake-disks.png" alt="Brake Disks"/>
|
<img src="{{url_for('static', filename='assets/img/products/brake-disks.png')}}" alt="Brake Disks"/>
|
||||||
</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">
|
|
||||||
<img src="assets/img/products/brake-disks.png" alt="Brake Disks"/>
|
|
||||||
</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">
|
|
||||||
<img src="assets/img/products/brake-disks.png" alt="Brake Disks"/>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="product-details">
|
<div class="product-details">
|
||||||
<div class="product-price">£64.50</div>
|
<div class="product-price">£64.50</div>
|
||||||
@ -98,7 +68,7 @@
|
|||||||
<div class="product-title">12" Brake Disks</div>
|
<div class="product-title">12" Brake Disks</div>
|
||||||
<div class="product-information">
|
<div class="product-information">
|
||||||
<div class="product-image">
|
<div class="product-image">
|
||||||
<img src="assets/img/products/brake-disks.png" alt="Brake Disks"/>
|
<img src="{{url_for('static', filename='assets/img/products/brake-disks.png')}}" alt="Brake Disks"/>
|
||||||
</div>
|
</div>
|
||||||
<div class="product-details">
|
<div class="product-details">
|
||||||
<div class="product-price">£64.50</div>
|
<div class="product-price">£64.50</div>
|
||||||
@ -112,107 +82,7 @@
|
|||||||
<div class="product-title">12" Brake Disks</div>
|
<div class="product-title">12" Brake Disks</div>
|
||||||
<div class="product-information">
|
<div class="product-information">
|
||||||
<div class="product-image">
|
<div class="product-image">
|
||||||
<img src="assets/img/products/brake-disks.png" alt="Brake Disks"/>
|
<img src="{{url_for('static', filename='assets/img/products/brake-disks.png')}}" alt="Brake Disks"/>
|
||||||
</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">
|
|
||||||
<img src="assets/img/products/brake-disks.png" alt="Brake Disks"/>
|
|
||||||
</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">
|
|
||||||
<img src="assets/img/products/brake-disks.png" alt="Brake Disks"/>
|
|
||||||
</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">
|
|
||||||
<img src="assets/img/products/brake-disks.png" alt="Brake Disks"/>
|
|
||||||
</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">
|
|
||||||
<img src="assets/img/products/brake-disks.png" alt="Brake Disks"/>
|
|
||||||
</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">
|
|
||||||
<img src="assets/img/products/brake-disks.png" alt="Brake Disks"/>
|
|
||||||
</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">
|
|
||||||
<img src="assets/img/products/brake-disks.png" alt="Brake Disks"/>
|
|
||||||
</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">
|
|
||||||
<img src="assets/img/products/brake-disks.png" alt="Brake Disks"/>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="product-details">
|
<div class="product-details">
|
||||||
<div class="product-price">£64.50</div>
|
<div class="product-price">£64.50</div>
|
||||||
@ -222,7 +92,6 @@
|
|||||||
<div class="product-add-to-cart"></div>
|
<div class="product-add-to-cart"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<!-- <div style="height: 100rem;"></div> -->
|
<!-- <div style="height: 100rem;"></div> -->
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user