Adjusted styling on main page to make the product listings span to just below the bottom of the page
This commit is contained in:
@ -13,32 +13,31 @@
|
||||
<img src="assets/img/WMGZON.png" id="logo" class="not-required" alt="WMGZON Logo">
|
||||
<form action="test.html" method="get">
|
||||
<input type="text" name="search" placeholder="Find your favourite products" class="textbox">
|
||||
<input type="submit" class="button">
|
||||
<input type="submit" class="search-button">
|
||||
</form>
|
||||
<a href="login.html">Login/Signup</a>
|
||||
</nav>
|
||||
|
||||
<div class="container">
|
||||
<div class="sticky">
|
||||
|
||||
<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">
|
||||
<div class="number-plate-filter">
|
||||
<div class="number-plate">
|
||||
<div class="number-plate-identifier"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="product-ordering not-required"></div>
|
||||
</div>
|
||||
<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">
|
||||
<div class="number-plate-filter">
|
||||
<div class="number-plate">
|
||||
<div class="number-plate-identifier"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="product-ordering not-required"></div>
|
||||
</div>
|
||||
|
||||
<div class="product-container">
|
||||
<div class="product">
|
||||
<div class="product-title">12" Brake Disks</div>
|
||||
@ -70,6 +69,134 @@
|
||||
</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 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">
|
||||
@ -86,7 +213,7 @@
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div style="height: 100rem;"></div>
|
||||
<!-- <div style="height: 100rem;"></div> -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user