-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
142 lines (123 loc) · 5.74 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title>My Portfolio</title>
<link rel="stylesheet" href="css/style.css" />
<link rel="shortcut icon" type="images/x-icon" href="favicon.ico" />
</head>
<body>
<header>
<div class="wrapper">
<div class="header_wrapper">
<div> <img class="header_photo" src="./images/myphoto.jpg" alt="my_photo"></div>
<div class="header_info">
<h1>Hanna Huzava</h1>
<h2>Frontend developer</h2>
<p class="header_about">
I am a certified Frontend Developer with Epam Systems and the Rolling Scopes School. I am seeking an
entry-level position in frontend development and React. I am proficient in Javascript and HTML and I am
looking for a suitable environment to put my skills to use in a way that benefits both parties.</p>
</div>
</div>
</div>
</header>
<main>
<div class="wrapper">
<h2>My projects</h2>
<div class="cards_container">
<div class="card">
<a href="https://rolling-scopes-school.github.io/anutaguzova-JSFE2021Q1/english-for-kids/" target="_blank">
<img class="card_photo" src="./images/englishforkids.png" alt="english-for-kids">
<div class="card_info">
<p class="card_tools">HTML CSS JS</p>
<h3 class="card_name">English for kids</h3>
<p class="card_description"> .......Add info</p>
</div>
</a>
</div>
<div class="card">
<a href="https://rolling-scopes-school.github.io/anutaguzova-JSFE2021Q1/wildlife/" target="_blank">
<img class="card_photo" src="./images/wildlife.png" alt="wildlife">
<div class="card_info">
<p class="card_tools">HTML CSS</p>
<h3 class="card_name">Wildlife</h3>
<p class="card_description"> The simple web page, according to functional requirements</p>
</div>
</a>
</div>
<div class="card">
<a href="https://anutaguzova.github.io/shelter/pages/main/" target="_blank">
<img class="card_photo" src="./images/shelter.png" alt="shelter">
<div class="card_info">
<p class="card_tools">HTML CSS JS</p>
<h3 class="card_name">SHELTER</h3>
<p class="card_description"> A two page project, responsive and interactive</p>
</div>
</a>
</div>
<div class="card">
<a href="https://rolling-scopes-school.github.io/anutaguzova-JSFE2021Q1/online-zoo/pages/main/main.html"
target="_blank">
<img class="card_photo" src="./images/onlinezoo.png" alt="onlinezoo">
<div class="card_info">
<p class="card_tools">HTML CSS JS</p>
<h3 class="card_name">Online zoo</h3>
<p class="card_description"> A multi page project, responsive and interactive</p>
</div>
</a>
</div>
<div class="card">
<a href="https://rolling-scopes-school.github.io/anutaguzova-JSFE2021Q1/photo-filter/index.html"
target="_blank">
<img class="card_photo" src="./images/photofilter.png" alt="photo-filter">
<div class="card_info">
<p class="card_tools">HTML CSS JS</p>
<h3 class="card_name">Photo filter</h3>
<p class="card_description"> A two page project, responsive and interactive</p>
</div>
</a>
</div>
<div class="card">
<a href="https://rolling-scopes-school.github.io/anutaguzova-JSFE2021Q1/virtual-piano/index.html"
target="_blank">
<img class="card_photo" src="./images/virtualpiano.png" alt="virtual piano">
<div class="card_info">
<p class="card_tools">HTML CSS JS</p>
<h3 class="card_name">Virtual piano</h3>
<p class="card_description"> The application in which, when clicking on interactive elements, ....
</p>
</div>
</a>
</div>
</div>
</div>
</main>
<footer>
<div class="wrapper">
<h2 class="footer_name">GET IN TOUCH WITH ME</h2>
<p class="line"></p>
<nav>
<ul class="contacts">
<li> Barcelona, Spain</li>
<li><a href="tel:+34664824063">+34664824063</a></li>
<li><a href="mailto:[email protected]">[email protected]</a></li>
<li>
<a href="https://github.com/anutaguzova" target="_blank"><svg aria-hidden="true"
class="octicon octicon-mark-github" height="24" version="1.1" viewBox="0 0 16 16" width="24">
<path fill-rule="evenodd"
d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z">
</path>
</svg></a>
</li>
<li>
<a href="https://www.linkedin.com/in/guzovaanna/" target="_blank">
<img class="linkedin" src="https://cdn3.iconfinder.com/data/icons/capsocial-round/500/linkedin-512.png"
alt="linkedin logo"></a>
</li>
</ul>
</div>
</footer>
</body>
</html>