2
2
< html lang ="en ">
3
3
4
4
<!-- Head -->
5
+
5
6
< head >
6
- <!-- Page Meta Tags-->
7
- < meta charset ="utf-8 ">
8
- < meta http-equiv ="x-ua-compatible " content ="ie=edge ">
9
- < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
10
- < meta name ="description " content ="">
11
- < meta name ="author " content ="">
12
- < meta name ="keywords " content ="">
7
+ <!-- Page Meta Tags-->
8
+ < meta charset ="utf-8 ">
9
+ < meta http-equiv ="x-ua-compatible " content ="ie=edge ">
10
+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
11
+ < meta name ="description " content ="">
12
+ < meta name ="author " content ="">
13
+ < meta name ="keywords " content ="">
13
14
14
- <!-- Custom Google Fonts-->
15
- < link rel ="preconnect " href ="https://fonts.gstatic.com ">
16
- < link href ="https://fonts.googleapis.com/css2?family=Oswald:wght@500;600&family=Roboto:wght@300;400;700&display=auto "
17
- rel ="stylesheet ">
15
+ <!-- Custom Google Fonts-->
16
+ < link rel ="preconnect " href ="https://fonts.gstatic.com ">
17
+ < link
18
+ href ="https://fonts.googleapis.com/css2?family=Oswald:wght@500;600&family=Roboto:wght@300;400;700&display=auto "
19
+ rel ="stylesheet ">
18
20
19
- <!-- Favicon -->
20
- < link rel ="apple-touch-icon " sizes ="180x180 " href ="./assets/images/favicon/apple-touch-icon.png ">
21
- < link rel ="icon " type ="image/png " sizes ="32x32 " href ="./assets/images/favicon/favicon-32x32.png ">
22
- < link rel ="icon " type ="image/png " sizes ="16x16 " href ="./assets/images/favicon/favicon-16x16.png ">
23
- < link rel ="mask-icon " href ="./assets/images/favicon/safari-pinned-tab.svg " color ="#5bbad5 ">
24
- < meta name ="msapplication-TileColor " content ="#da532c ">
25
- < meta name ="theme-color " content ="#ffffff ">
21
+ <!-- Favicon -->
22
+ < link rel ="apple-touch-icon " sizes ="180x180 " href ="./assets/images/favicon/apple-touch-icon.png ">
23
+ < link rel ="icon " type ="image/png " sizes ="32x32 " href ="./assets/images/favicon/favicon-32x32.png ">
24
+ < link rel ="icon " type ="image/png " sizes ="16x16 " href ="./assets/images/favicon/favicon-16x16.png ">
25
+ < link rel ="mask-icon " href ="./assets/images/favicon/safari-pinned-tab.svg " color ="#5bbad5 ">
26
+ < meta name ="msapplication-TileColor " content ="#da532c ">
27
+ < meta name ="theme-color " content ="#ffffff ">
26
28
27
- <!-- Vendor CSS -->
28
- < link rel ="stylesheet " href ="./assets/css/libs.bundle.css " />
29
+ <!-- Vendor CSS -->
30
+ < link rel ="stylesheet " href ="./assets/css/libs.bundle.css " />
29
31
30
- <!-- Main CSS -->
31
- < link rel ="stylesheet " href ="./assets/css/theme.bundle.css " />
32
+ <!-- Main CSS -->
33
+ < link rel ="stylesheet " href ="./assets/css/theme.bundle.css " />
32
34
33
- <!-- Fix for custom scrollbar if JS is disabled-->
34
- < noscript >
35
- < style >
36
- /**
35
+ <!-- Fix for custom scrollbar if JS is disabled-->
36
+ < noscript >
37
+ < style >
38
+ /**
37
39
* Reinstate scrolling for non-JS clients
38
40
*/
39
- .simplebar-content-wrapper {
40
- overflow : auto;
41
- }
42
- </ style >
43
- </ noscript >
41
+ .simplebar-content-wrapper {
42
+ overflow : auto;
43
+ }
44
+ </ style >
45
+ </ noscript >
44
46
45
- <!-- Page Title -->
46
- < title > OldSkool | Bootstrap 5 HTML Template</ title >
47
+ <!-- Page Title -->
48
+ < title > OldSkool | Bootstrap 5 HTML Template</ title >
47
49
48
50
</ head >
51
+
49
52
< body class ="">
50
53
51
54
<!-- Main Section-->
57
60
< div class ="pe-lg-5 ">
58
61
<!-- Logo-->
59
62
< a class ="navbar-brand fw-bold fs-3 flex-shrink-0 mx-0 px-0 " href ="./index.html ">
60
- < div class ="d-flex align-items-center ">
61
- < svg class ="f-w-7 " xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 77.53 72.26 "> < path d ="M10.43,54.2h0L0,36.13,10.43,18.06,20.86,0H41.72L10.43,54.2Zm67.1-7.83L73,54.2,68.49,62,45,48.47,31.29,72.26H20.86l-5.22-9L52.15,0H62.58l5.21,9L54.06,32.82,77.53,46.37Z " fill ="currentColor " fill-rule ="evenodd "/> </ svg >
62
- </ div >
63
- </ a >
63
+ < div class ="d-flex align-items-center ">
64
+ < svg class ="f-w-7 " xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 77.53 72.26 ">
65
+ < path
66
+ d ="M10.43,54.2h0L0,36.13,10.43,18.06,20.86,0H41.72L10.43,54.2Zm67.1-7.83L73,54.2,68.49,62,45,48.47,31.29,72.26H20.86l-5.22-9L52.15,0H62.58l5.21,9L54.06,32.82,77.53,46.37Z "
67
+ fill ="currentColor " fill-rule ="evenodd " />
68
+ </ svg >
69
+ </ div >
70
+ </ a >
64
71
<!-- / Logo-->
65
72
< nav class ="d-none d-md-block ">
66
- < ul class ="list-unstyled d-flex justify-content-start mt-4 align-items-center fw-bolder small ">
67
- < li class ="me-4 "> < a class ="nav-link-checkout active "
68
- href ="./cart.html "> Your Cart</ a > </ li >
69
- < li class ="me-4 "> < a class ="nav-link-checkout "
70
- href ="./checkout.html "> Information</ a > </ li >
73
+ < ul
74
+ class ="list-unstyled d-flex justify-content-start mt-4 align-items-center fw-bolder small ">
75
+ < li class ="me-4 "> < a class ="nav-link-checkout active " href ="./cart.html "> Your Cart</ a >
76
+ </ li >
77
+ < li class ="me-4 "> < a class ="nav-link-checkout " href ="./checkout.html "> Information</ a >
78
+ </ li >
71
79
< li class ="me-4 "> < a class ="nav-link-checkout "
72
80
href ="./checkout-shipping.html "> Shipping</ a > </ li >
73
81
< li > < a class ="nav-link-checkout nav-link-last "
74
82
href ="./checkout-payment.html "> Payment</ a > </ li >
75
83
</ ul >
76
- </ nav > < div class ="mt-5 ">
84
+ </ nav >
85
+ < div class ="mt-5 ">
77
86
< h3 class ="fs-5 fw-bolder mb-0 border-bottom pb-4 "> Your Cart</ h3 >
78
87
< div class ="table-responsive ">
79
88
< table class ="table align-middle ">
@@ -82,7 +91,9 @@ <h3 class="fs-5 fw-bolder mb-0 border-bottom pb-4">Your Cart</h3>
82
91
< div class ="row mx-0 py-4 g-0 border-bottom ">
83
92
< div class ="col-2 position-relative ">
84
93
< picture class ="d-block border ">
85
- < img class ="img-fluid " src ="./assets/images/products/product-cart-1.jpg " alt ="HTML Bootstrap Template by Pixel Rocket ">
94
+ < img class ="img-fluid "
95
+ src ="/dist/assets/images/products/product-cart-1.jpg "
96
+ alt ="HTML Bootstrap Template by Pixel Rocket ">
86
97
</ picture >
87
98
</ div >
88
99
< div class ="col-9 offset-1 ">
@@ -91,16 +102,19 @@ <h6 class="justify-content-between d-flex align-items-start mb-2">
91
102
Nike Air VaporMax 2021
92
103
< i class ="ri-close-line ms-3 "> </ i >
93
104
</ h6 >
94
- < span class ="d-block text-muted fw-bolder text-uppercase fs-9 "> Size: 9 / Qty: 1</ span >
105
+ < span class ="d-block text-muted fw-bolder text-uppercase fs-9 "> Size:
106
+ 9 / Qty: 1</ span >
95
107
</ div >
96
108
< p class ="fw-bolder text-end text-muted m-0 "> $85.00</ p >
97
109
</ div >
98
- </ div > <!-- / Cart Item-->
110
+ </ div > <!-- / Cart Item-->
99
111
<!-- Cart Item-->
100
112
< div class ="row mx-0 py-4 g-0 border-bottom ">
101
113
< div class ="col-2 position-relative ">
102
114
< picture class ="d-block border ">
103
- < img class ="img-fluid " src ="./assets/images/products/product-cart-2.jpg " alt ="HTML Bootstrap Template by Pixel Rocket ">
115
+ < img class ="img-fluid "
116
+ src ="/dist/assets/images/products/product-cart-2.jpg "
117
+ alt ="HTML Bootstrap Template by Pixel Rocket ">
104
118
</ picture >
105
119
</ div >
106
120
< div class ="col-9 offset-1 ">
@@ -109,11 +123,12 @@ <h6 class="justify-content-between d-flex align-items-start mb-2">
109
123
Nike ZoomX Vaporfly
110
124
< i class ="ri-close-line ms-3 "> </ i >
111
125
</ h6 >
112
- < span class ="d-block text-muted fw-bolder text-uppercase fs-9 "> Size: 11 / Qty: 1</ span >
126
+ < span class ="d-block text-muted fw-bolder text-uppercase fs-9 "> Size:
127
+ 11 / Qty: 1</ span >
113
128
</ div >
114
129
< p class ="fw-bolder text-end text-muted m-0 "> $125.00</ p >
115
130
</ div >
116
- </ div > <!-- / Cart Item-->
131
+ </ div > <!-- / Cart Item-->
117
132
</ tbody >
118
133
</ table >
119
134
</ div >
@@ -137,7 +152,9 @@ <h6 class="justify-content-between d-flex align-items-start mb-2">
137
152
< button class ="btn btn-secondary btn-sm px-4 "> Apply</ button >
138
153
</ div >
139
154
</ div >
140
- < a href ="./checkout.html " class ="btn btn-dark w-100 text-center " role ="button "> Proceed to checkout</ a > </ div >
155
+ < a href ="./checkout.html " class ="btn btn-dark w-100 text-center " role ="button "> Proceed to
156
+ checkout</ a >
157
+ </ div >
141
158
</ div >
142
159
</ div >
143
160
</ div >
@@ -148,7 +165,7 @@ <h6 class="justify-content-between d-flex align-items-start mb-2">
148
165
<!-- Theme JS -->
149
166
<!-- Vendor JS -->
150
167
< script src ="./assets/js/vendor.bundle.js "> </ script >
151
-
168
+
152
169
<!-- Theme JS -->
153
170
< script src ="./assets/js/theme.bundle.js "> </ script >
154
171
</ body >
0 commit comments