9
9
< meta name ="robots " content ="all,follow ">
10
10
<!-- Bootstrap CSS-->
11
11
< link rel ="stylesheet " href ="vendor/bootstrap/css/bootstrap.min.css ">
12
- <!-- Lightbox-->
13
- < link rel ="stylesheet " href ="vendor/lightbox2/css/lightbox.min.css ">
14
- <!-- Range slider-->
15
- < link rel ="stylesheet " href ="vendor/nouislider/nouislider.min.css ">
16
12
<!-- Bootstrap select-->
17
13
< link rel ="stylesheet " href ="vendor/bootstrap-select/css/bootstrap-select.min.css ">
18
- <!-- Owl Carousel-->
19
- < link rel ="stylesheet " href ="vendor/owl.carousel2/assets/owl.carousel.min.css ">
20
- < link rel ="stylesheet " href ="vendor/owl.carousel2/assets/owl.theme.default.css ">
21
14
<!-- Google fonts-->
22
15
< link rel ="stylesheet " href ="https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@300;400;700&display=swap ">
23
16
< link rel ="stylesheet " href ="https://fonts.googleapis.com/css2?family=Martel+Sans:wght@300;400;800&display=swap ">
36
29
< header class ="header bg-white ">
37
30
< div class ="container px-0 px-lg-3 ">
38
31
< nav class ="navbar navbar-expand-lg navbar-light py-3 px-lg-0 ">
39
- < a class ="navbar-brand " href ="index.html ">
40
- < span class ="font-weight-bold text-uppercase text-dark "> TEAM FIERCE</ span > </ a >
32
+ < h2 class ="h5 lined text-dark mb-4 " style ="font-family: Alako-Bold "> Garmenor</ h2 >
41
33
< button class ="navbar-toggler navbar-toggler-right " type ="button " data-toggle ="collapse " data-target ="#navbarSupportedContent " aria-controls ="navbarSupportedContent " aria-expanded ="false " aria-label ="Toggle navigation ">
42
34
< span class ="navbar-toggler-icon "> </ span >
43
35
</ button >
44
36
< div class ="collapse navbar-collapse " id ="navbarSupportedContent ">
45
- < ul class ="navbar-nav mr -auto ">
37
+ < ul class ="navbar-nav ml -auto ">
46
38
< li class ="nav-item ">
47
39
<!-- Link--> < a class ="nav-link " href ="# "> Home</ a >
48
40
</ li >
49
41
< li class ="nav-item ">
50
- <!-- Link--> < a class ="nav-link " href ="# "> Shop</ a >
42
+ <!-- Link--> < a class ="nav-link " href ="# "> About</ a >
43
+ </ li >
44
+ < li class ="nav-item ">
45
+ <!-- Link--> < a class ="nav-link " href ="# "> Contact Us</ a >
46
+ </ li >
47
+ < li class ="nav-item ">
48
+ <!-- Link--> < a class ="nav-link " href ="# "> Men</ a >
49
+ </ li >
50
+ < li class ="nav-item ">
51
+ <!-- Link--> < a class ="nav-link " href ="# "> Unisex</ a >
52
+ </ li >
53
+ < li class ="nav-item ">
54
+ <!-- Link--> < a class ="nav-link " href ="# "> Women</ a >
55
+ </ li >
56
+ < li class ="nav-item ">
57
+ <!-- Link--> < a class ="nav-link " href ="# "> Children</ a >
51
58
</ li >
52
- </ ul >
53
- < ul class ="navbar-nav ml-auto ">
54
- < li class ="nav-item "> < a class ="nav-link " href ="# "> < i class ="fas fa-dolly-flatbed mr-1 text-gray "> </ i > Cart< small class ="text-gray "> (2)</ small > </ a > </ li >
55
- < li class ="nav-item "> < a class ="nav-link " href ="# "> < i class ="far fa-heart mr-1 "> </ i > < small class ="text-gray "> (0)</ small > </ a > </ li >
56
- < li class ="nav-item "> < a class ="nav-link " href ="# "> < i class ="fas fa-user-alt mr-1 text-gray "> </ i > Login</ a > </ li >
57
59
</ ul >
58
60
</ div >
59
61
</ nav >
60
62
</ div >
61
63
</ header >
62
64
< div class ="container ">
63
- <!-- HERO SECTION-->
64
- < section class ="py-5 bg-light ">
65
+ < section class ="py-5 " style ="background-color: #FA9803 ">
65
66
< div class ="container ">
66
67
< div class ="row px-4 px-lg-5 py-lg-4 align-items-center ">
67
68
< div class ="col-lg-6 ">
68
69
< h1 class ="h2 text-uppercase mb-0 "> Cart</ h1 >
69
70
</ div >
70
- < div class ="col-lg-6 text-lg-right ">
71
- < nav aria-label ="breadcrumb ">
72
- < ol class ="breadcrumb justify-content-lg-end mb-0 px-0 ">
73
- < li class ="breadcrumb-item "> < a href ="# "> Home</ a > </ li >
74
- < li class ="breadcrumb-item active " aria-current ="page "> Cart</ li >
75
- </ ol >
76
- </ nav >
77
- </ div >
78
71
</ div >
79
72
</ div >
80
73
</ section >
@@ -147,7 +140,7 @@ <h2 class="h5 text-uppercase mb-4">Shopping cart</h2>
147
140
<!-- CART NAV-->
148
141
< div class ="bg-light px-4 py-3 ">
149
142
< div class ="row align-items-center text-center ">
150
- < div class ="col-md-6 mb-3 mb-md-0 text-md-left "> < a class ="btn btn-link p-0 text- dark btn-sm " href ="# "> < i class ="fas fa-long-arrow-alt-left mr-2 "> </ i > Continue shopping</ a > </ div >
143
+ < div class ="col-md-6 mb-3 mb-md-0 text-md-left "> < a class ="btn btn-outline- dark btn-md " href ="# " style =" background-color:#FA9803 "> < i class ="fas fa-long-arrow-alt-left mr-2 "> </ i > Continue shopping</ a > </ div >
151
144
< div class ="col-md-6 text-md-right "> < a class ="btn btn-outline-dark btn-sm " href ="# "> Procceed to checkout< i class ="fas fa-long-arrow-alt-right ml-2 "> </ i > </ a > </ div >
152
145
</ div >
153
146
</ div >
@@ -165,7 +158,7 @@ <h5 class="text-uppercase mb-4">Cart total</h5>
165
158
< form action ="# ">
166
159
< div class ="form-group mb-0 ">
167
160
< input class ="form-control " type ="text " placeholder ="Enter your coupon ">
168
- < button class ="btn btn-dark btn-sm btn-block " type ="submit "> < i class ="fas fa-gift mr-2 "> </ i > Apply coupon</ button >
161
+ < button class ="btn btn-dark btn-sm btn-block " type ="submit " style =" background-color: #FA9803 " > < i class ="fas fa-gift mr-2 "> </ i > Apply coupon</ button >
169
162
</ div >
170
163
</ form >
171
164
</ li >
@@ -175,48 +168,74 @@ <h5 class="text-uppercase mb-4">Cart total</h5>
175
168
</ div >
176
169
</ div >
177
170
</ section >
178
- </ div >
179
- < footer class ="bg-dark text-white ">
171
+ </ div >
172
+ < footer class ="text-white " style =" background-color: #FA9803 ">
180
173
< div class ="container py-4 ">
181
174
< div class ="row py-5 ">
182
-
175
+ < div class ="col-lg-3 mb-4 mb-lg-0 ">
176
+ < h2 class ="h5 lined text-white mb-4 " style ="font-family: Alako-Bold "> Garmenor</ h2 >
177
+ </ div >
178
+ < div class ="col-lg-3 text-white mb-4 mb-lg-0 ">
179
+ < h2 class ="h5 text-white lined mb-4 "> COMPANY</ h2 >
180
+ < div class ="d-flex ">
181
+ < ul class ="list-unstyled d-inline-block mr-4 mb-0 ">
182
+ < li class ="mb-2 "> < a class ="footer-link " href ="# "> About Us</ a > </ li >
183
+ < li class ="mb-2 "> < a class ="footer-link " href ="# "> Contact Us</ a > </ li >
184
+ < li class ="mb-2 "> < a class ="footer-link " href ="# "> Services</ a > </ li >
185
+ </ ul >
186
+ </ div >
187
+ </ div >
188
+ < div class ="col-lg-3 mb-4 mb-lg-0 ">
189
+ < h2 class ="h5 text-white lined mb-4 "> SERVICES</ h2 >
190
+ < div class ="d-flex ">
191
+ < ul class ="list-unstyled d-inline-block mr-4 mb-0 ">
192
+ < li class ="mb-2 "> < a class ="footer-link " href ="# "> Mens Wears</ a > </ li >
193
+ < li class ="mb-2 "> < a class ="footer-link " href ="# "> Female Wears</ a > </ li >
194
+ < li class ="mb-2 "> < a class ="footer-link " href ="# "> Unisex Wears</ a > </ li >
195
+ < li class ="mb-2 "> < a class ="footer-link " href ="# "> Children</ a > </ li >
196
+ </ ul >
197
+ </ div >
198
+ </ div >
199
+ < div class ="col-lg-3 mb-4 mb-lg-0 ">
200
+ < h2 class ="h5 text-white lined mb-4 "> SERVICES</ h2 >
201
+ < div class ="d-flex ">
202
+ < ul class ="list-unstyled d-inline-block mr-4 mb-0 ">
203
+ < li class ="mb-2 "> < a class ="footer-link " href ="# "> Mens Wears</ a > </ li >
204
+ < li class ="mb-2 "> < a class ="footer-link " href ="# "> Female Wears</ a > </ li >
205
+ < li class ="mb-2 "> < a class ="footer-link " href ="# "> Unisex Wears</ a > </ li >
206
+ < li class ="mb-2 "> < a class ="footer-link " href ="# "> Children</ a > </ li >
207
+ </ ul >
208
+ </ div >
209
+ </ div >
183
210
</ div >
211
+ < ul class ="list-inline mb-0 ">
212
+ < li class ="list-inline-item ">
213
+ < a class ="social-link " href ="# ">
214
+ < i class ="fab fa-facebook-f "> </ i >
215
+ </ a >
216
+ </ li >
217
+ < li class ="list-inline-item ">
218
+ < a class ="social-link " href ="# ">
219
+ < i class ="fab fa-twitter "> </ i >
220
+ </ a >
221
+ </ li >
222
+ < li class ="list-inline-item ">
223
+ < a class ="social-link " href ="# ">
224
+ < i class ="fab fa-google-plus "> </ i >
225
+ </ a >
226
+ </ li >
227
+ < li class ="list-inline-item ">
228
+ < a class ="social-link " href ="# ">
229
+ < i class ="fab fa-instagram "> </ i >
230
+ </ a >
231
+ </ li >
232
+ </ ul >
184
233
</ div >
185
234
</ footer >
186
235
<!-- JavaScript files-->
187
236
< script src ="vendor/jquery/jquery.min.js "> </ script >
188
237
< script src ="vendor/bootstrap/js/bootstrap.bundle.min.js "> </ script >
189
- < script src ="vendor/lightbox2/js/lightbox.min.js "> </ script >
190
- < script src ="vendor/nouislider/nouislider.min.js "> </ script >
191
238
< script src ="vendor/bootstrap-select/js/bootstrap-select.min.js "> </ script >
192
- < script src ="vendor/owl.carousel2/owl.carousel.min.js "> </ script >
193
- < script src ="vendor/owl.carousel2.thumbs/owl.carousel2.thumbs.min.js "> </ script >
194
- < script src ="js/front.js "> </ script >
195
- < script >
196
- // ------------------------------------------------------- //
197
- // Inject SVG Sprite -
198
- // see more here
199
- // https://css-tricks.com/ajaxing-svg-sprite/
200
- // ------------------------------------------------------ //
201
- function injectSvgSprite ( path ) {
202
-
203
- var ajax = new XMLHttpRequest ( ) ;
204
- ajax . open ( "GET" , path , true ) ;
205
- ajax . send ( ) ;
206
- ajax . onload = function ( e ) {
207
- var div = document . createElement ( "div" ) ;
208
- div . className = 'd-none' ;
209
- div . innerHTML = ajax . responseText ;
210
- document . body . insertBefore ( div , document . body . childNodes [ 0 ] ) ;
211
- }
212
- }
213
- // this is set to BootstrapTemple website as you cannot
214
- // inject local SVG sprite (using only 'icons/orion-svg-sprite.svg' path)
215
- // while using file:// protocol
216
- // pls don't forget to change to your domain :)
217
- injectSvgSprite ( 'https://bootstraptemple.com/files/icons/orion-svg-sprite.svg' ) ;
218
-
219
- </ script >
220
239
<!-- FontAwesome CSS - loading as last, so it doesn't block rendering-->
221
240
< link rel ="stylesheet " href ="https://use.fontawesome.com/releases/v5.7.1/css/all.css " integrity ="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr " crossorigin ="anonymous ">
222
241
</ div >
0 commit comments