-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathreadmore1.html
262 lines (175 loc) · 9.79 KB
/
readmore1.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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
<!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">
<title>Urban Outfitters</title>
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400&family=Roboto:wght@300;400&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
integrity="sha512-Fo3rlrZj/k7ujTnHg4CGR2D7kSs0v4LLanw2qksYuRlEzO+tcaEPQogQ0KaoGN26/zrn20ImR1DfuLWnOo7aBA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="./styles/navbar.css">
<link rel="stylesheet" href="./styles/footer.css">
<link rel = "stylesheet" href="./styles/readmore1.css">
<link rel="shortcut icon"
href="https://img.search.brave.com/aNSlvq_0L22JXvZF-X4H5gzLjBhs27qZHoYlp3apefo/rs:fit:474:225:1/g:ce/aHR0cHM6Ly90c2Uy/Lm1tLmJpbmcubmV0/L3RoP2lkPU9JUC5p/MmRqRnQxWVRZal9j/Z1JObmFYQmpnSGFI/YSZwaWQ9QXBp"
alt="logo">
</head>
<body>
<div id="nav"></div>
<!--Navbar-->
<!--Read more page-1-->
<!--Img1-->
<div>
<img class="poster_img" src="https://images.ctfassets.net/q602vtcuu3w3/1xPJhphbwtVvc4wdYOEmwb/de434bd28e4c492dea89b78e135d4e08/22-UO-COMMUNITY-JAN-WEEK3-NM-Slices3.jpg?w=1955&q=80&fm=webp" alt="Love Shop">
</div>
<div class="commentbox" style="text-align: center;">
<p class="para_text">Treat yourself this month with something special from the UO Love Shop and get to know the cast of creatives who helped bring it to life and share what love means to them.
</p>
</div>
<!--Img2-->
<div>
<img class="poster_img" src="https://images.ctfassets.net/q602vtcuu3w3/mLpCqxOGLmoV5AKht6AkW/31c1150818ea860241a9c11d139c1786/22-UO-COMMUNITY-JAN-WEEK3-NM-Slices5.jpg?w=1955&q=80&fm=webp" alt="Love Shop">
</div>
<div class="commentbox">
<h1 class="h1">Meet Torrey and Paola</h1>
<p class="ques">What does love mean to you?</p>
<p class="para_text">Paola: Its hard to define what love means to me — its an intuitive feeling that words cant begin to describe. But in a few words: acceptance, understanding, affection, butterflies!
</p>
<p class="para_text">Torrey: Love means to me what being alive means to me. Its such a strong gesture to share the same moment with someone. Out of the 7 billion people on earth, those you love are the people you chose to share your fleeting moments with.
</p>
<br>
<p class="ques">How do you like to show someone you love them?</p>
<p class="para_text">Paola: My love language is gifts and acts of service. I am constantly listening to see if theres anything my boyfriend or friends want or need that I can surprise them with!
</p>
<p class="para_text">Torrey: I like to show someone I love them with physical touch and affirmations. Whether it be hugs, kisses or reminders of how much they mean to me.
</p>
</div>
<!--Img3-->
<div>
<img class="poster_img" src="https://images.ctfassets.net/q602vtcuu3w3/2FQiRpEFmoFlldhkuyK0el/1b196279086f3d4a1bdfa5f92fbac0ee/22-UO-COMMUNITY-JAN-WEEK3-NM-Slices6.jpg?w=1955&q=80&fm=webp" alt="Love Shop">
</div>
<div class="commentbox">
<h1 class="h1">Meet Alvina</h1>
<p class="ques">How do you like to show yourself love?</p>
<p class="para_text">Taking care of myself mentally and physically, allowing my body to rest and reset or challenging it by exercising and learning.</p>
<br>
<p class="ques">How do you like to show someone you love them?</p>
<p class="para_text">Acts of service, especially with food. I insist on sharing everything off my plate or I will randomly give cut up fruits to my loved ones.</p>
</div>
<!--Img4-->
<div>
<img class="poster_img" src="https://images.ctfassets.net/q602vtcuu3w3/9Qf3Z2GSw5Yv1lhWsl8rP/8c8799a5ebbff5a4f11368d2879739f8/22-UO-COMMUNITY-JAN-WEEK3-NM-Slices7.jpg?w=1955&q=80&fm=webp" alt="Love Shop">
</div>
<div class="commentbox">
<h1 class="h1">Meet Mairo</h1>
<p class="ques">How do you like to show someone you love them?</p>
<p class="para_text">I personally like to express my love for someone through music. Sharing my favorite songs with them, having them share their favorites with me and create playlists of songs that remind me of them.</p>
<br>
<p class="ques">How do you like to show yourself love?</p>
<p class="para_text">I like to show myself love by taking myself out. I enjoy visiting museums, parks, cafes and restaurants on my own mostly because I really enjoy shutting up and letting the world around me sing so that I can listen intently to the noise every once in a while.</p>
</div>
<!--Img5-->
<div>
<img class="poster_img" src="https://images.ctfassets.net/q602vtcuu3w3/4GYJ4eFTFp8ugObcRTbom5/1fd040f740af7b0b90e80f5b5f523e2d/22-UO-COMMUNITY-JAN-WEEK3-NM-Slices8.jpg?w=1955&q=80&fm=webp" alt="Love Shop">
</div>
<div class="commentbox">
<h1 class="h1">Denzell and Jordan</h1>
<p class="ques">How do you like to show someone you love them?</p>
<p class="para_text">Denzell: I like to make sure that they feel heard and feel appreciated. Also by giving them attention.</p>
<p class="para_text">Jordan: By telling them I love them. Giving them special gifts and spending quality time with them.</p>
<br>
<p class="ques">What does love mean to you?</p>
<p class="para_text">Denzell: Love is understanding, it's meeting each other halfway forever, it's being comfortable, it's laughing, it's trust.</p>
<p class="para_text">Jordan: Love should be easy and shouldn't be complicated. Love is forever growing. Love is being free, open and honest.</p>
<br>
</div>
<div>
<h1 class="commentbox" style="margin-left: 250px;"><i><bold><u>Shop The Love Shop</u></bold></i></h1>
</div>
<!--5 ImageBox-->
<div class="image-long">
<div style="display: flex;" class="img5Box">
<div>
<img style="margin-left: 40px;" class="img5box" src="https://images.urbndata.com/is/image/UrbanOutfitters/57537995_068_d?$medium$&qlt=80&fit=constrain">
</div>
<div>
<img class="img5box" src="https://images.urbndata.com/is/image/UrbanOutfitters/64988926_068_d?$medium$&qlt=80&fit=constrain">
</div>
<div>
<img class="img5box" src="https://images.urbndata.com/is/image/UrbanOutfitters/65570152_009_d?$medium$&qlt=80&fit=constrain">
</div>
<div>
<img class="img5box" src="https://images.urbndata.com/is/image/UrbanOutfitters/66451287_010_d?$medium$&qlt=80&fit=constrain">
</div>
<div>
<img class="img5box" src="https://images.urbndata.com/is/image/UrbanOutfitters/64571532_010_d?$medium$&qlt=80&fit=constrain">
</div>
</div>
</div>
<br><br>
<div>
<h1 style="margin-left: 40px;" class="h1">Explore More Stories</h1>
</div>
<!--3 Imagebox-->
<div class="img3Box">
<div class="img3box">
<div class="imgbox21">
<img class="imageurl" src="https://images.ctfassets.net/q602vtcuu3w3/42ZMwGFmnrN8DEC9INQCi1/26682507eff2f130e07aadf26da473ba/22-UO-COMMUNITY-JAN-WEEK3-NM-Slices154.jpg?w=670&q=80&fm=webp">
</div>
<div class="txt3box">
<h3>UO on You: Buenos Aires with Sophia and Sofia</h3>
<a href="url" class="readmore" style="color: black;">Read more</a>
</div>
</div>
<div class="img3box">
<div class="imgbox21">
<img class="imageurl" src="https://images.ctfassets.net/q602vtcuu3w3/6axytVZ124h4B9cGrkgoyy/b3cc84d1d40a2f2beec28b0f7fa1435c/21-UO-COMMUNITY-DEC-WEEK3-NM_sliced.jpg?w=670&q=80&fm=webp">
</div>
<div class="txt3box">
<h3>UO Summer Class: Meet Jalen</h3>
<a href="url" class="readmore" style="color: black;">Read more</a>
</div>
</div>
<div class="img3box">
<div class="imgbox21">
<img class="imageurl" src="https://images.ctfassets.net/q602vtcuu3w3/4ZojiukbRZ1wkAwJ8n9gGQ/7d194c07973b71893d8fb66b88c684fb/21-UO-COMMUNITY-DEC-WEEK3-NM_sliced3.jpg?w=670&q=80&fm=webp">
</div>
<div class="txt3box">
<h3>UO Summer Class: Meet Janae</h3>
<a href="url" class="readmore" style="color: black;">Read more</a>
</div>
</div>
</div><br><br>
<div>
<button class="button">See All Stories</button>
</div>
<div id="footer"> </div>
</body>
</html>
<script type="module">
// localStorage.setItem("cart", JSON.stringify("cart"))
import navbar from './components/navbar.js'
import footer from './components/footer.js'
let nav = document.getElementById("nav");
nav.innerHTML = navbar()
let cart = JSON.parse(localStorage.getItem("cart")) || []
document.querySelector(".fa-shopping-bag").innerHTML = cart.length;
let foot = document.getElementById("footer");
foot.innerHTML = footer()
let ws1 = document.querySelector("#ws1");
console.log(ws1);
ws1.addEventListener("click", function () {
window.location.href = "productpage.html"
})
let bag = document.querySelector(".fa-shopping-bag");
console.log(bag);
bag.addEventListener("click", function () {
window.location.href = "cart.html";
});
document.getElementById("back").addEventListener("click", function () {
window.location.href = "index.html"
})
</script>