-
Notifications
You must be signed in to change notification settings - Fork 0
/
lookbook.html
134 lines (131 loc) · 7.29 KB
/
lookbook.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="https://i.pinimg.com/564x/ef/1f/e9/ef1fe940f2c898351068f0af54bcc100.jpg">
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="./css/lookbook.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet"/>
<!-- google fonts link goes here . Get it from Google Fonts after selecting the various weights -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,500;1,400&display=swap" rel="stylesheet">
<!-- link to resposnive JAVASCRIPT used for the burger bar menu . YOu need this to have a menu icon when resposnive -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<!-- Bootstrap --><link href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/5.0.0/mdb.min.css" rel="stylesheet"/>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<title>SPLY-350 | LOOKBOOK</title>
</head>
<body>
<!-- header and navigation section -->
<section class="sub-header">
<nav>
<a href="Index.html"><img src="./images/logo/adidas-group.png" alt="Logo"></a>
<div class="nav-links" id="navLinks">
<i class="fa fa-times" onclick="hideMenu()"></i>
<ul>
<li><a href="./index.html">HOME</a></li>
<li><a href="./about.html">ABOUT</a></li>
<li><a href="./lookbook.html">LOOKBOOK</a></li>
<li><a href="./shop.html">SHOP</a></li>
<li><a href="./contact.html">CONTACT</a></li>
<li><a href="./cart.html"><i class="bi bi-bag" id="cart-icon"></i></a></li>
</ul>
</div>
<i class="fa fa-bars" onclick="showMenu()"></i>
</nav>
<h1 class="headerh1">The Lookbook</h1>
</section>
<!-- Lookbook -->
<section class="container">
<h2 class="trending">Whats Trending</h2>
<div class="row">
<div class="col-lg-4 col-md-12 mb-4 mb-lg-0 ">
<img src="./images/lookbook/end-clothing.jpg" class="img-hover w-100 shadow-1-strong rounded mb-4"
alt="endclothingstore"/>
<div>
<br>
<p>End Clothing Uk has decided to take partnership with South African sneaker brand
The BackDoor. Great things are on the horizen for this street & sneaker culture.
</p>
<br>
<p>AIR MAX 1 PATTA NOISE AQAU - NOW IN STOCK</p>
<br>
</div>
<a href="./shop.html#sneakers"><img src="./images/lookbook/patta-aqua.jpg"
class="img-hover w-100 shadow-1-strong rounded mb-4 " alt="patta-aqau"/></a>
</div>
<div class="col-lg-4 mb-4 mb-lg-0">
<img src="./images/lookbook/newbalance-jfg.jpg" class="img-hover w-100 shadow-1-strong rounded mb-4"
alt="nb-9060-jfg"/>
<div>
<br>
<p>Patta is making waves in the market at the moment with huge support from the sneaker culture .
<br><br> Meanwhile Joe Fresh Goods is doing amazing things with his callab with NB !
</p>
<br>
</div>
<a href="./shop.html#sneaker"><img src="./images/lookbook/newbalance-9060.jpg"
class="img-hover w-100 shadow-1-strong rounded mb-4" alt="nb-9060"/></a>
<h2 class="headingcaps">JOE FRESH GOODS</h2>
<p>Just arrived in stock ... check the store page</p>
</div>
<div class="col-lg-4 mb-4 mb-lg-0">
<img src="./images/lookbook/kayne.jpg" class="img-hover w-100 shadow-1-strong rounded mb-4" alt="Waves at Sea"/>
<img src="./images/lookbook/kim-yeezy-500.jpg" class="img-hover w-100 shadow-1-strong rounded mb-4"
alt="Yosemite National Park"/>
<div>
<br>
<p>Kim spotted wearing the all new Yeezy 500 stone ... coming soon to The BackDoor</p>
<br>
</div>
</div>
</div>
</section>
<section class="container">
<div class="lightbox">
<div class="row">
<div class="col-lg-6">
<div>
<br>
<p>New Stussy merch dropping online soon</p>
<br>
</div>
<a href="./shop.html#apparel"><img src="./images/lookbook/Stussy-Clothing.jpg" alt="stussy clothing" class="img-hover w-100 mb-2 mb-md-4 shadow-1-strong rounded"/></a>
<div>
<p>AIR MAX 1 PATTA MONARCH ! JUST RELEASED & IN STOCK</p>
</div>
<a href="./shop.html#sneakers"><img src="./images/lookbook/patta-monarch.jpg" alt="Coconut with Strawberries" class="img-hover w-100 shadow-1-strong rounded"/></a>
</div>
<div class="col-lg-6">
<img src="./images/lookbook/stussy-outfit.jpg" alt="stussy hoodie" class="img-hover w-100 shadow-1-strong rounded"/>
<br><br>
<h2 class="headingcaps">NEW TRENDS UPDATED WEEKLY . . .</h2>
</div>
</div>
</div>
</section>
<!-------- Footer -------->
<hr>
<section class="footer">
<div class="icons">
<a href="https://www.facebook.com/" target="_blank"><i class="fa fa-facebook"></i></a>
<a href="https://www.twitter.com/" target="_blank"><i class="fa fa-twitter"></i></a>
<a href="https://www.instagram.com/" target="_blank"><i class="fa fa-instagram"></i></a>
<a href="https://www.linkedin.com/in/gareth-williams-rsa/" target="_blank"><i class="fa fa-linkedin"></i></a>
</div>
<p> © Developed <i class="fa fa-heart-o"></i> by Gareth Williams</p>
</section>
<!-- Scripts -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/5.0.0/mdb.min.js"></script>
<script src="./js/script.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/material-ui/5.0.0-beta.5/index.js" integrity="sha512-uKxirna7d5STmVXEMQYBVRW1nERrqHjwOubv4QcK4oYaaifLiEnN/aLIJxVsyK4R1K+awpNIG73RaQfT1DZ8ew==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
</body>
</html>