-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
273 lines (252 loc) · 31.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Iaroslava Finta</title>
<link rel="stylesheet" href="styles.css" />
<link
href="https://fonts.googleapis.com/css?family=Plus Jakarta Sans"
rel="stylesheet"
/>
</head>
<body>
<div>
<header id="header">
<div id="header-2" class="logo">
<a class="logo-sign">Iaroslava Finta</a>
</div>
<nav class="nav-list">
<ul>
<li>
<a href="#section-separate-1">About Me</a>
</li>
<li>
<a href="#section-separate-2">My Works</a>
</li>
<li>
<a href="#section-separate-3">Work Process</a>
</li>
</ul>
</nav>
<button id="contact-me">Contact Me</button>
</header>
<section class="page-section" id="section-separate-1">
<div class="text-example">
Here is my text
</div>
<!-- Self closing tags don't have second part -->
<img src="img/people.jpeg" alt="people" />
<!-- Self closing tags don't have second part -->
<div class="description">
<h1>Iaroslava Finta</h1>
<h2>- web developer</h2>
<p>
Hello! As a passionate web developer I specialize in creating
dynamic, user-friendly web applications that bring ideas to life
</p>
<button id="get-touch">Let's get in touch</button>
</div>
</section>
<section class="page-section" id="section-separate-2">
<h2>My Works</h2>
<div class="cards">
<div class="card">
<img
class="card-image"
src="data:image/jpeg;base64,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"
alt=""
/>
<div class="inside-card">
<h3>Project One</h3>
<h4>My Project One</h4>
<button id="proj-1" class="button-learn">Learn more</button>
</div>
</div>
<div class="card">
<img
class="card-image"
src="data:image/jpeg;base64,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"
alt=""
/>
<div class="inside-card">
<h3>Project Two</h3>
<h4>My Project Two</h4>
<button id="proj-2" class="button-learn">Learn more</button>
</div>
</div>
<div class="card">
<img
class="card-image"
src="data:image/jpeg;base64,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"
alt=""
/>
<div class="inside-card">
<h3>Project Three</h3>
<h4>My Project Three</h4>
<button id="proj-3" class="button-learn">Learn more</button>
</div>
</div>
</div>
</section>
<section
class="page-section"
id="section-separate-3"
style="background-color: #716d6d; border-radius: 12px"
>
<h2>Work Process</h2>
<div id="step-separate">
<table>
<tr>
<td>
<h3 style="font-size: 40px; margin: 0px;">Briefing</h3>
</td>
<td id="number-circle">
1
</td>
</tr>
<th>
<p id="step-describe">
A concise meeting or communication that ensures team members are
informed, aligned, and prepared to execute their tasks
effectively
</p>
</th>
<tr>
<td>
<h3 style="font-size: 40px; margin: 0px;">Analysis</h3>
</td>
<td id="number-circle">
2
</td>
</tr>
<th>
<p id="step-describe">
Involves examining data and information to understand performance, identify issues, and make informed decisions to improve efficiency and outcomes
</p>
</th>
<tr>
<td>
<h3 style="font-size: 40px; margin: 0px;">Prototype</h3>
</td>
<td id="number-circle">
3
</td>
</tr>
<th>
<p id="step-describe">
An early model or sample built to test and validate concepts, designs, and functionalities before final production
</p>
</th>
<tr>
<td>
<h3 style="font-size: 40px; margin: 0px;">Design</h3>
</td>
<td id="number-circle">
4
</td>
</tr>
<th>
<p id="step-describe">
Involves creating detailed plans and specifications to guide the development and implementation of a product, system, or solution
</p>
</th>
</table>
</div>
<!-- testing here different layout wor works -->
<div class="work-process-item">
<div class="item-top">
<div class="item-heading">Art Briefing</div>
<div class="item-number">1</div>
</div>
<p class="item-para">
A concise meeting or communication that ensures team members are informed,
aligned, and prepared to execute their tasks effectively
</p>
</div>
<div class="work-process-item">
<div class="item-top">
<div class="item-heading">Art Analysis</div>
<div class="item-number">2</div>
</div>
<p class="item-para">
nvolves examining data and information to understand performance, identify issues,
and make informed decisions to improve efficiency and outcomes
</p>
</div>
<div class="work-process-item">
<div class="item-top">
<div class="item-heading">Art Prototype</div>
<div class="item-number">3</div>
</div>
<p class="item-para">
An early model or sample built to test and validate concepts, designs,
and functionalities before final production
</p>
</div>
<div class="work-process-item">
<div class="item-top">
<div class="item-heading">Art Design</div>
<div class="item-number">4</div>
</div>
<p class="item-para">
Involves creating detailed plans and specifications to guide the development
and implementation of a product, system, or solution
</p>
</div>
</section>
<section
class="page-section"
id="section-separate-4"
style="
background-color: #2a2a2a;
border-radius: 12px;
padding: 80px 0px 0px 0px;
"
>
<h2 style="font-size: 56px; color: white; padding-bottom: 40px">
Get in touch
</h2>
<p style="font-size: 16px; color: white; padding-bottom: 40px">
Fill out a form below to send me a message
</p>
<form style="padding-bottom: 100px; padding-left: 120px;">
<label for="name" style="display: none">Your Name</label>
<input type="text" id="name" name="name" placeholder="your name" />
<label for="name" style="display: none">Your Email</label>
<input
type="text"
id="email"
name="email"
placeholder="your e-mail"
/>
<label for="message" style="display: none">Message</label>
<textarea
id="message"
name="message"
placeholder="your message"
></textarea>
<input id="button-sendmessage" type="button" value="Send message" />
</form>
</section>
<footer id="footer">
<div class="logo">
<a class="logo-sign">Iaroslava Finta</a>
</div>
<div class="link-list">
<ul>
<li>
<a href="https://www.linkedin.com/in/iaroslavafinta/">LinkedIn</a>
</li>
<li>
<a href="https://github.com/IaroslavaFinta">GitHub</a>
</li>
<li>
<a href="https://www.instagram.com/yaroslava.os/?hl=en">Instagram</a>
</li>
</ul>
</div>
</footer>
</div>
</body>
</html>