-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
284 lines (277 loc) · 24 KB
/
index.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
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-RWTNXTD7ST"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-RWTNXTD7ST');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Seldon Tselung's portfolio site">
<title>Seldon's Portfolio</title>
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/youtubeStyle.css">
<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=Oswald:wght@200;300;400;500&family=Playfair+Display:ital,wght@0,600;1,600&family=Quicksand:wght@300;400;500&family=Roboto+Flex:wght@400;600&family=Rubik:wght@300;600&display=swap" rel="stylesheet">
<script src="youtube.js"></script>
</head>
<body>
<div class="wrapper">
<header class="nav">
<div class="logo">
<a id="logo" href="index.html" target="_self">S</a>
</div>
<input type="checkbox" id="toggle">
<label for="toggle">
<div class="menu-btn"></div>
</label>
<ul class="horizontal menu">
<li><a href="#about">About</a></li>
<li><a href="#skills-section">Skills</a></li>
<li><a href="#projects-section">Projects</a></li>
<li><a href="public/resume.pdf" alt="Credits & References" hreflang="en" rel="external" target="_blank">Resume</a></li>
</ul>
</header>
<section class="about" id="about">
<div class="Profile-picture">
<picture>
<source type="image/avif" srcset="public/Profile.avif" />
<img src="public/Profile.jpeg" alt="Profile picture" style="width: 150px; height: 150px; border-radius: 50%;">
</picture>
</div>
<h1> Seldon Tselung </h1>
<pre>
<b>Hi</b>, <b>I</b> <b>a</b>m
<b>a fulls</b>tack
<b>engi</b>neer <b>w</b>ho
<b>enj</b>oys <b>div</b>ing <b>in</b><b>t</b>o
<b>t</b>he <b>ba</b>ck-<b>e</b>nd <b>a</b>s <b>mu</b>ch
<b>a</b>s <b>brainst</b>orming <b>crea</b>tive <b>desi</b>gns <b>f</b>or <b>t</b>he <b>fro</b>nt-<b>e</b>nd.
<b>Grow</b>ing <b>u</b>p <b>i</b>n <b>diffe</b>rent <b>cit</b>ies <b>a</b>nd <b>cult</b>ures, <b>a</b>nd <b>chan</b>ging
<b>care</b>ers <b>fr</b>om <b>mecha</b>nical <b>t</b>o <b>soft</b>ware <b>engine</b>ering <b>ha</b>ve <b>equi</b>pped
<b>m</b>e <b>wi</b>th <b>a uni</b>que <b>s</b>et <b>o</b>f <b>experi</b>ences, <b>whi</b>ch <b>ha</b>ve <b>l</b>ed <b>m</b>e <b>t</b>o <b>deve</b>lop
<b>a</b> <b>mind</b>set <b>th</b>at's <b>op</b>en, <b>curi</b>ous, <b>coura</b>geous, <b>adapt</b>able, <b>a</b>nd <b>optim</b>istic!
<b>I</b>n <b>m</b>y <b>fr</b>ee <b>ti</b>me, <b>I li</b>ke <b>t</b>o
<b>bui</b>ld <b>3</b>D <b>puzz</b>les,
<b>tra</b>vel, <b>dan</b>ce,
<b>medi</b>tate,
& <b>hi</b>ke.</pre>
</section>
<section class="skills-section">
<h2 id="skills-section"> Skills </h2>
<div class="skills-container">
<div class="skill edge">
<h3>Programming Languages</h3>
<ul class="vertical">
<li> SQL </li>
<li> CSS3 </li>
<li> HTML5 </li>
<li> JavaScript(ES6) </li>
</ul>
</div>
<div class="skill">
<h3>Libraries, Frameworks & Systems</h3>
<ul class="vertical">
<li> React </li>
<li> Node.js </li>
<li> Express </li>
<li> MongoDB </li>
<li> PostgreSQL </li>
</ul>
</div>
<div class="skill edge">
<h3>Tools & Platforms</h3>
<ul class="vertical">
<li> Postman </li>
<li> AWS EC2 </li>
<li> Firebase </li>
<li> Git, GitHub</li>
<li> Docker, DockerHub</li>
</ul>
</div>
</div>
</section>
<section class="projects-section" id="projects-section">
<h2> Projects </h2>
<div class="projects-container">
<div class="project NASA-Launch">
<div class="supplement">
<a href="http://44.202.25.46:8000/" hreflang="en" rel="external" target="_blank">
<picture>
<source type="image/avif" srcset="public/Preview.avif" style="width: 100%; height: 100%;"/>
<img src="public/Preview.PNG" alt="NASA Launch Site" style="width: 100%; height: 100%;">
</picture>
</a>
</div>
<div class="description-container">
<div class="heading">
<a class="icon" href="https://github.com/SeldonTselung/NASA-Launch-App" hreflang="en" rel="external" target="_blank">
<img id="Layer_1" src="public/github-project.svg" alt="github icon">
</a>
<h4>NASA Launch</h4>
<div class="member">
<img class="icon" src="public/solo.svg" alt="solo project icon" style="width: 25px; height: 25px;">
</div>
</div>
<div class="description">
<p> An interactive site that allows users to schedule a rocket launch to a habitable planet. Users select a habitable
planet from NASA's database of habitable planets, select a date of launch, name their rocket and finally schedule a mock launch.
The site was deployed using Docker and AWS EC2 instance.
</p>
<p class="tech-stack"> Tech stack: React, Node, Express, Git, GitHub, Postman, Mongoose, MongoDB, Docker, AWS EC2
</p>
</div>
</div>
</div>
<div class="project OnlyFoods">
<div class="supplement">
<div class="youtube-player" data-id="VGSq_mDjHcE"></div>
</div>
<div class="description-container">
<div class="heading">
<a class="icon" href="https://github.com/2111-Patisserie/2111-OnlyFoods" hreflang="en" rel="external" target="_blank">
<img id="Layer_1" src="public/github-project.svg" alt="github icon">
</a>
<h4>OnlyFoods App</h4>
<div class="member">
<img class="icon" src="public/group.svg" alt="group project icon" style="width: 25px; height: 25px;">
</div>
</div>
<div class="description">
<p> A food lover's social app created following Agile workflow. Users can securely login to post, edit, share and bookmark food recipes.
</p>
<p class="tech-stack"> Tech stack: React Native, Expo, Google Firestore, Google Firebase, Git, GitHub
</p>
</div>
</div>
</div>
<div class="project Campus-Database">
<div class="supplement">
<div class="youtube-player" data-id="-CMMudqSENY"></div>
</div>
<div class="description-container">
<div class="heading">
<a class="icon" href="https://github.com/SeldonTselung/2111-GHP-NY-WEB-FT-JPFP" hreflang="en" rel="external" target="_blank">
<img id="Layer_1" src="public/github-project.svg" alt="github icon">
</a>
<h4>Campus Database</h4>
<div class="member">
<img class="icon" src="public/solo.svg" alt="solo project icon" style="width: 25px; height: 25px;">
</div>
</div>
<div class="description">
<p> My first fullstack project building a campus database website where a user can look up, add or edit information on students and campuses.
</p>
<p class="tech-stack"> Tech Stack: HTML, CSS, React, Redux, NodeJS, PostgreSQL.
</p>
</div>
</div>
</div>
<div class="project Portfolio">
<div class="supplement">
<a href="https://seldontselung.com/" hreflang="en" rel="external" target="_blank">
<picture>
<source type="image/avif" srcset="public/Portfolio Preview.avif" style="width: 100%; height: 100%;"/>
<img src="public/Portfolio Preview.PNG" alt="Seldon's Portfolio Site" style="width: 100%; height: 100%;">
</picture>
</a>
</div>
<div class="description-container">
<div class="heading">
<a class="icon" href="https://github.com/SeldonTselung/Portfolio" hreflang="en" rel="external" target="_blank">
<img id="Layer_1" src="public/github-project.svg" alt="github icon">
</a>
<h4>Portfolio</h4>
<div class="member">
<img class="icon" src="public/solo.svg" alt="solo project icon" style="width: 25px; height: 25px;">
</div>
</div>
<div class="description">
<p> A personal portfolio site that is mobile responsive and hosted through GitHub Pages.
Users can learn about my background, interests, the different projects I have worked on so far, and the skills I have attained in the past year.
Users can also click on the resources link (located in the footer), which will guide them to all the resources and tools that were used to build this site.
</p>
<p class="tech-stack"> Tech stack: HTML, CSS, GitHub
</p>
</div>
</div>
</div>
<div class="project The-GreenHouse">
<div class="description-container">
<div class="heading">
<a class="icon" href="https://github.com/2111-pellow/The-Green-House" hreflang="en" rel="external" target="_blank">
<img id="Layer_1" src="public/github-project.svg" alt="github icon">
</a>
<h4>The GreenHouse</h4>
<div class="member">
<img class="icon" src="public/group.svg" alt="group project icon" style="width: 25px; height: 25px;">
</div>
</div>
<div class="description">
<p> An e-commerce site that features a product catalog for various types of plants, secured login experience, and persistent
user sessions. Users can sign up or log in, read about the company, browse through all plants, view details of a single plant,
choose a quantity, add the item to cart and view cart with the total quantity and item.
</p>
<p class="tech-stack"> Tech stack: HTML, CSS, JavaScript, React, Redux, Node, Express, PostgreSQL, Git, GitHub
</p>
</div>
</div>
</div>
<div class="project Bedtime-stories">
<div class="description-container">
<div class="heading">
<a class="icon" href="https://github.com/Errmess/stackathon" hreflang="en" rel="external" target="_blank">
<img id="Layer_1" src="public/github-project.svg" alt="github icon">
</a>
<h4>Bedtime Stories</h4>
<div class="member">
<img class="icon" src="public/group.svg" alt="group project icon" style="width: 25px; height: 25px;">
</div>
</div>
<div class="description">
<p> A mini project involving a mock site that shares and translates bedtime stories for children at the click of a button.
Stories are displayed in english first and the user can choose to have them translated to spanish.
</p>
<p class="tech-stack"> Tech stack: React Native, Microsoft Azure's Translator API, Git, GitHub
</p>
</div>
</div>
</div>
</div>
</section>
<div class="contact">
<hr>
<ul class="vertical references">
<li><a class="icon" alt="LinkedIn-link" href="https://www.linkedin.com/in/seldontselung/" hreflang="en" rel="external" target="_blank">
<?xml version="1.0" ?><svg style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 -10 480 480" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css">
.st0{display:none;fill:#FDFDFD;}
.st1{fill:rgb(92, 223, 216);}
</style><g/><g><g><path class="st0" d="M0.4,512.4c0-170.7,0-341.3,0-512c170.7,0,341.3,0,512,0c0,170.7,0,341.3,0,512 C341.8,512.4,171.1,512.4,0.4,512.4z"/><path class="st1" d="M277.2,230.1c0.6-0.9,1.2-1.8,1.9-2.7c5.9-8.4,13-15.6,21.7-21.1c7.2-4.5,15-7.3,23.4-8.8 c5-0.9,10-1.4,15-1.4c7.8-0.1,15.6,0.6,23.2,2.5c5.7,1.4,11.3,3.4,16.6,6c5.6,2.8,10.8,6.3,15.4,10.6c5.4,4.9,10,10.5,13.7,16.8 c2.5,4.2,4.6,8.6,6.4,13.2c2.7,7.1,4.6,14.5,5.9,22c1.3,7.8,1.9,15.6,1.9,23.5c-0.1,40.7,0,81.3,0,122c0,0.4,0,0.7,0,1.1 c0.1,1-0.3,1.5-1.4,1.4c-0.4,0-0.7,0-1.1,0c-22,0-44.1,0-66.1,0c-2.4,0-2.7,0.5-2.7-2.7c0-36.6,0-73.1,0-109.7 c0-4.8-0.1-9.5-0.8-14.3c-0.8-6.4-2.1-12.6-5-18.4c-4.7-9.3-12-15.2-22.3-17c-7.1-1.2-14-0.9-20.8,1.6c-6,2.2-11.1,5.8-15.2,10.6 c-2.5,2.9-4.6,6.1-6.4,9.6c-2.3,4.5-3.4,9.3-3.6,14.3c-0.1,3-0.2,6-0.2,9c0,38,0,75.9,0,113.9c0,3.8-0.2,3.1-3.2,3.1 c-21.8,0-43.5,0-65.3,0c-0.3,0-0.6,0-0.9,0c-2.1,0-2.1,0-2.1-2.2c0-11.4,0-22.9,0.1-34.3c0.1-19.3,0.2-38.5,0.2-57.8 c0-34,0.2-68-0.1-102c0-5-0.1-10.1-0.1-15.1c0-0.5,0-1,0-1.5c0-0.8,0.3-1.2,1.2-1.2c0.5,0,1,0,1.5,0c22,0,43.9,0,65.9,0 c2.8,0,2.8,0,2.8,2.8c0,8,0,16.1,0,24.1c0,0.7,0,1.4,0,2.1C276.9,230,277.1,230,277.2,230.1z"/><path class="st1" d="M95,308.1c0-34.8,0-69.5,0-104.3c0-2.9,0-2.9,2.9-2.9c21.9,0,43.8,0,65.7,0c0.4,0,0.7,0,1.1,0 c1.5,0.1,1.6,0.2,1.6,1.6c0,0.5,0,1,0,1.5c0,69.3,0,138.6,0,207.9c0,3.5,0.1,3.1-3.1,3.1c-21.7,0-43.4,0-65.1,0c-0.5,0-1,0-1.5,0 c-1.4-0.1-1.6-0.2-1.7-1.6c0-0.5,0-1,0-1.5C95,377.3,95,342.7,95,308.1z"/><path class="st1" d="M129.1,172.1c-6.3,0-13.6-1.5-20.3-5.4c-9.2-5.3-15-13.2-17.1-23.6c-2-9.9-0.7-19.4,4.8-28 c4.6-7.2,11.1-11.9,19.1-14.6c5.6-1.9,11.4-2.9,17.4-2.6c7.8,0.4,15.2,2.2,21.8,6.5c7.9,5.2,13,12.5,15.1,21.6 c2.7,11.6,0.8,22.3-6.6,31.8c-4.5,5.8-10.4,9.6-17.3,11.9C140.9,171.4,135.8,172.1,129.1,172.1z"/></g></g></svg>
</a></li>
<li><a class="icon" alt="Github-link" href="https://github.com/SeldonTselung" hreflang="en" rel="external" target="_blank">
<?xml version="1.0" ?><svg viewBox="-1 -1 26 26" xmlns="http://www.w3.org/2000/svg"><path d="M10.07031,20.50291a1.00008,1.00008,0,0,0-1.18115-.9834c-1.30908.24024-2.96191.27637-3.40137-.958a5.70754,5.70754,0,0,0-1.83691-2.415,1.20073,1.20073,0,0,1-.1665-.10938,1,1,0,0,0-.93067-.64551H2.54883a.99965.99965,0,0,0-1,.99512c-.00391.81543.811,1.33789,1.1416,1.51465a4.4408,4.4408,0,0,1,.92383,1.35937c.36426,1.02344,1.42285,2.57617,4.46582,2.376.001.03516.00195.06836.00244.09863l.00439.26758a1,1,0,0,0,2,0l-.00488-.31836C10.07715,21.4951,10.07031,21.22068,10.07031,20.50291Zm10.667-15.126c.03174-.125.063-.26367.09034-.41992a6.27792,6.27792,0,0,0-.40821-3.293,1.002,1.002,0,0,0-.61572-.58007c-.356-.12012-1.67041-.35645-4.18408,1.25a13.86918,13.86918,0,0,0-6.354,0C6.76221.751,5.45459.9658,5.10205,1.07908a.99744.99744,0,0,0-.63135.584,6.3003,6.3003,0,0,0-.40332,3.35644c.02442.12793.05078.2461.07813.35449A6.26928,6.26928,0,0,0,2.89014,9.20311a8.42168,8.42168,0,0,0,.04248.92187c.334,4.60254,3.334,5.98438,5.42431,6.459-.04345.125-.083.25878-.11816.40039a1.00023,1.00023,0,0,0,1.94238.47851,1.6784,1.6784,0,0,1,.46778-.87793.99947.99947,0,0,0-.5459-1.74512c-3.4541-.39453-4.95362-1.80175-5.1792-4.89843a6.61076,6.61076,0,0,1-.03369-.73828,4.25769,4.25769,0,0,1,.91943-2.71289,3.022,3.022,0,0,1,.1958-.23145.99988.99988,0,0,0,.188-1.02441,3.3876,3.3876,0,0,1-.15527-.55567A4.09356,4.09356,0,0,1,6.1167,3.06346a7.54263,7.54263,0,0,1,2.415,1.17968,1.00877,1.00877,0,0,0,.82764.13282,11.77716,11.77716,0,0,1,6.17285.001,1.00549,1.00549,0,0,0,.83056-.13769,7.572,7.572,0,0,1,2.40528-1.19043,4.03977,4.03977,0,0,1,.0874,1.57812,3.205,3.205,0,0,1-.16895.60743.9999.9999,0,0,0,.188,1.02441c.07715.08691.1543.18066.22363.26855A4.12186,4.12186,0,0,1,20,9.20311a7.03888,7.03888,0,0,1-.0376.77734c-.22021,3.05566-1.72558,4.46387-5.1958,4.85937a1,1,0,0,0-.54541,1.7461,1.63079,1.63079,0,0,1,.46631.9082,3.06079,3.06079,0,0,1,.09229.81934v2.334C14.77,21.2949,14.77,21.78025,14.77,22.00291a1,1,0,1,0,2,0c0-.2168,0-.69238.00977-1.33984V18.31346a4.8815,4.8815,0,0,0-.15479-1.31153,4.25638,4.25638,0,0,0-.11621-.416,6.51258,6.51258,0,0,0,5.44531-6.42383A8.69677,8.69677,0,0,0,22,9.20311,6.13062,6.13062,0,0,0,20.7373,5.37693Z" fill="rgb(92, 223, 216)"/></svg>
</a></li>
<li><a class="icon" alt="Email-link" href="mailto:[email protected]" hreflang="en" rel="external" target="_blank">
<?xml version="1.0" ?><svg enable-background="new 0 0 512 512" version="1.1" viewBox="0 -50 500 500" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M484.748,96.359H27.439h-3.966h-9.625h-6.63v318.585H505V96.359h-17.218H484.748z M464.837,116.271 L272.529,308.578c-8.769,8.769-24.073,8.769-32.842,0L47.35,116.271H464.837z M27.128,124.203l129.287,129.268L27.128,382.759 V124.203z M43.014,395.029l127.489-127.47l55.106,55.097c8.138,8.148,18.978,12.64,30.499,12.64c11.521,0,22.361-4.492,30.499-12.64 l55.106-55.106l127.479,127.479H43.014z M485.089,382.769L355.801,253.472l129.287-129.297V382.769z" fill="rgb(92, 223, 216)"/></svg>
</a></li>
<li><a class="icon" alt="leetcode" href="https://leetcode.com/Pukudoo/" hreflang="en" rel="external" target="_blank">
<?xml version="1.0" encoding="utf-8"?><svg fill="rgb(92, 223, 216)" viewBox="-1 0 26 26" role="img" xmlns="http://www.w3.org/2000/svg"><title>LeetCode icon</title><path d="M16.102 17.93l-2.697 2.607c-.466.467-1.111.662-1.823.662s-1.357-.195-1.824-.662l-4.332-4.363c-.467-.467-.702-1.15-.702-1.863s.235-1.357.702-1.824l4.319-4.38c.467-.467 1.125-.645 1.837-.645s1.357.195 1.823.662l2.697 2.606c.514.515 1.365.497 1.9-.038.535-.536.553-1.387.039-1.901l-2.609-2.636a5.055 5.055 0 0 0-2.445-1.337l2.467-2.503c.516-.514.498-1.366-.037-1.901-.535-.535-1.387-.552-1.902-.038l-10.1 10.101c-.981.982-1.494 2.337-1.494 3.835 0 1.498.513 2.895 1.494 3.875l4.347 4.361c.981.979 2.337 1.452 3.834 1.452s2.853-.512 3.835-1.494l2.609-2.637c.514-.514.496-1.365-.039-1.9s-1.386-.553-1.899-.039zM20.811 13.01H10.666c-.702 0-1.27.604-1.27 1.346s.568 1.346 1.27 1.346h10.145c.701 0 1.27-.604 1.27-1.346s-.569-1.346-1.27-1.346z"/></svg>
</a></li>
<li><a class="icon" alt="Resources" href="resources.html" hreflang="en" rel="external" target="_self">
<?xml version="1.0" ?><svg data-name="Layer 1" viewBox="0 3 30 30" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:rgb(92, 223, 216);}</style></defs><title/><path class="cls-1" d="M16,7a8.36,8.36,0,0,0-8,8,8.4,8.4,0,0,0,2.29,5.7A4.56,4.56,0,0,1,12,24a1,1,0,0,0,1,1h6a1,1,0,0,0,1-1,4.46,4.46,0,0,1,1.69-3.28A7.87,7.87,0,0,0,24,15a8.17,8.17,0,0,0-2.44-5.83A7.67,7.67,0,0,0,16,7Zm4.34,12.28A6.87,6.87,0,0,0,18.09,23H13.91a7,7,0,0,0-2.2-3.71A6.41,6.41,0,0,1,10,15a6.29,6.29,0,0,1,6-6,5.63,5.63,0,0,1,4.13,1.6A6.16,6.16,0,0,1,22,15,5.93,5.93,0,0,1,20.31,19.28Z"/><path class="cls-1" d="M19,26H13a1,1,0,0,0,0,2h6a1,1,0,0,0,0-2Z"/><path class="cls-1" d="M18,29H14a1,1,0,0,0,0,2h4a1,1,0,0,0,0-2Z"/><path class="cls-1" d="M16,5a1,1,0,0,0,1-1V2a1,1,0,0,0-2,0V4A1,1,0,0,0,16,5Z"/><path class="cls-1" d="M5,14H3a1,1,0,0,0,0,2H5a1,1,0,0,0,0-2Z"/><path class="cls-1" d="M29,14H27a1,1,0,0,0,0,2h2a1,1,0,0,0,0-2Z"/><path class="cls-1" d="M25.9,5.1a1,1,0,0,0-1.41,0L23.07,6.51a1,1,0,0,0,0,1.42,1,1,0,0,0,.71.29,1,1,0,0,0,.71-.29L25.9,6.51A1,1,0,0,0,25.9,5.1Z"/><path class="cls-1" d="M8.93,7.93a1,1,0,0,0,0-1.42L7.51,5.1A1,1,0,0,0,6.1,6.51L7.51,7.93a1,1,0,0,0,.71.29A1,1,0,0,0,8.93,7.93Z"/></svg>
</a></li>
</ul>
</div>
<footer>
<p>© 2023 seldontselung.com | All Rights Reserved <br>
Designed & Built by Seldon Tselung
</p>
</footer>
</div>
</body>
</html>