-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
61 lines (51 loc) · 2.26 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Alex Likhachov - Web Developer</title>
<link rel="stylesheet" href="css/style.css">
<link rel="shortcut icon" href="favicon.png">
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script&family=Merriweather:wght@300&family=Montserrat:wght@100&display=swap" rel="stylesheet">
</head>
<body>
<div class="top_container">
<img class="top_cloud" src="pics/cloud.png" alt="cloud_pic" height="150">
<h1 class='name'>I'm Alex</h1>
<h2 id="named_title">a Fullstack Web Developer.</h2>
<img class="bottom_cloud" src="pics/cloud.png" alt="cloud_pic" , height="150">
<img class="mountain" src="pics/mountain.png" alt="">
</div>
<div class="middle-container">
<div class="profile">
<img id="my_pic" src="pics/my_pic.png" alt="my_pic">
<h2>Hello.</h2>
<p class="greeting">I am a Fullstack Web Developer, based in Odessa, Ukraine. I have passion to create new exciting things that might change the future.</p>
</div>
<hr>
<div class="skills">
<h2>What I can do.</h2>
<div class="skill-row">
<img class="what_i_can_do" src="pics/what_i_can_do.png" alt="skills_pic" >
<h3>A solution for your project</h3>
<p class="code_skill_desc_1">I like to keep things simple. I focus on light design and wide functionality.
I prefer the result over the process.</p>
</div>
<div class="skill-row">
<img class="tools" src="pics/tools.png" alt="" >
<h3>Fullstack Web Development</h3>
<p class="code_skill_desc_2">As a Developer I can create your Website or a Web application to run across devices using the latest technologies available.</p>
</div>
</div>
<hr>
<div class="contact-me">
<h2>Get In Touch</h2>
<h3>If you want to create something - I am available for project work.</h3>
<p>If you have a project to get started, need my help with something, or want to chat - contact me.</p>
<a href="mailto:[email protected]" class="BUTTON_QCL">CONTACT ME</a>
</div>
</div>
<div class="bottom-container">
<p class="copyright">© 2020 Alex Likhachov</p>
</div>
</body>
</html>