-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
131 lines (106 loc) · 5.39 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
<!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">
<meta name="description" content="Web Developer Porfolio">
<meta name="keywords" content="HTML, CSS, JavaScript, SQL, Web development">
<meta name="author" content="Olesia Mironenko">
<title>Portfolio</title>
<link rel="stylesheet" href="css/index.css">
<link href="https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap" rel="stylesheet">
</head>
<body>
<header>
<nav>
<div class="nav">
<a class="nav-button" href="index.html">Home</a>
<a class="nav-button" href="#About">About</a>
<a class="nav-button" href="#Experience">Experience</a>
<a class="nav-button" href="#Skills">Skills</a>
<a class="nav-button" href="#Projects">Projects</a>
<a class="nav-button" href="#Connect">Connect</a>
<a class="nav-button" href="#LeaveMessage">Leave a Message</a>
</div>
<hr/>
</nav>
</header>
<main>
<h1 class="indie-flower-regular">Olesia Mironenko</h1>
<!-- <img id="Portrait" src="images/portrait.jpg" alt="Portrait" width="300px"> -->
<hr/>
<section id="About">
<h2>About</h2>
<div>
<img id="Portrait" src="images/portrait.jpg" alt="Portrait" width="250px">
<p>I'm an aspiring web developer with a passion for creating engaging and user-friendly websites.</p>
<p>I'm enthusiastic about learning new technologies and exploring the endless possibilities of web development.</p>
</div>
</section>
<section id="Experience">
<h2>Experience</h2>
<div class="job">
<div class="job-xps">
<div class="job-title">Student</div>
<div class="job-dates">January 2024 - Present</div>
</div>
<div class="job-description">
<ul>
<li>Learn HTML</li>
<li>Learn CSS</li>
<li>Learn JavaScript</li>
<li>Learn version conntrol application: Git</li>
<li>Learn code editor: VSCode</li>
<li>Learn wed-based collaboration platfornm: GitHub</li>
<li>Practice new skills</li>
</ul>
</div>
</div>
</section>
<section id="Skills">
<h2>Skills</h2>
<ul></ul>
</section>
<section id="Projects">
<h2>Projects</h2>
</section>
<section class="col" id="Connect">
<h2>Connect</h2>
<div class="list">
<div class="item"><a class="sm-button" href="mailto:[email protected]" target="_blank" rel="noopener noreferrer"><img src="images/smi-email.png" alt="Email" width="50px"></a></div>
<div class="item"><a class="sm-button" href="https://github.com/olesiamironenko" target="_blank" rel="noopener noreferrer"><img src="images/smi-github.png" alt="GitHub" width="50px"></a></div>
<div class="item"><a class="sm-button" href="https://www.linkedin.com/in/olesia-a-mironenko" target="_blank" rel="noopener noreferrer"><img src="images/smi-linkedin.png" alt="LinkedIn" width="50px"></a></div>
<div class="item"><a class="sm-button" href="https://www.fiverr.com/users/omironaleksa/seller_dashboard" target="_blank" rel="noopener noreferrer"><img src="images/smi-fiverr.png" alt="Fiverr" width="50px"></a></div>
<div class="item"><a class="sm-button" href="https://www.upwork.com/freelancers/~0174e87009f1a8be8d" target="_blank" rel="noopener noreferrer"><img src="images/smi-upwork.png" alt="Upwork" width="50px"></a></div>
<div class="item"><a class="sm-button" href="https://www.facebook.com/share/kZdXATXB8EB4LL33/?mibextid=qi2Omg" target="_blank" rel="noopener noreferrer"><img src="images/smi-facebook.png" alt="Facebook" width="50px"></a></div>
<div class="item"><a class="sm-button" href="https://www.instagram.com/olesyamironenko?igsh=MThocmNwcTlhaGM5OQ==" target="_blank" rel="noopener noreferrer"><img src="images/smi-instagram.png" alt="Instagram" width="50px"></a></div>
</div>
</section>
<hr>
<section>
<h2 id="LeaveMessage">Leave a Message</h2>
<form name="leave_message">
<div class="container">
<label for="name">Name: </label><input type="text" id="name" name="usersName" required>
</div>
<div class="container">
<label for="email">Email: </label><input type="email" id="email" name="usersEmail" required>
</div>
<div class="container">
<label for="message">Message: </label><textarea id="message" name="usersMessage" required></textarea>
</div>
<div class="container">
<button type="submit" id="submitBtn">Submit</button>
</div>
</form>
</section>
<section id="messages">
<h2>Messages</h2>
<ul></ul>
</section>
</main>
<script src="js/index.js">
</script>
</body>
</html>