-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
122 lines (117 loc) · 3.66 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
<!DOCTYPE html>
<html>
<head>
<title>Yarosh Kristina</title>
<link rel="stylesheet" media="all" href="css/style.css" />
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" />
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
<meta content="images/background.jpg" property="og:image"/>
<meta content="https://yaroshkristina.com" property="og:url"/>
<meta content="Yarosh Kristina" property="og:title"/>
<meta content="Yarosh Kristina creates works in the technique of etching, lithography, linocut." property="og:description"/>
<link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
</head>
<body>
<section id='intro'>
<div class='overlay'></div>
<div class='about'>
<span id='my-name-is'>Yarosh Kristina</span>
<hr>
<p id='biography'>Born in 1994 in Kyiv, Ukraine. Lives and works in Kyiv, Ukraine. Studying at the National Technical University of Ukraine “Kyiv Polytechnic Institute” at Publishing and Printing Faculty (department of graphics). Creates works
in the technique of etching, lithography, linocut.</p>
<hr>
<div id='menu'>
<a href='index.html#portfolio'>Portfolio</a>
<a href='index.html#contacts'> Contacts</a>
</div>
</hr>
</hr>
</div>
</section>
<section id='portfolio'>
<div class='masonry'>
<div class='item'>
<img src="gallery/1.jpg" />
</div>
<div class='item'>
<img src="gallery/2.jpg" />
</div>
<div class='item'>
<img src="gallery/3.jpg" />
</div>
<div class='item'>
<img src="gallery/4.jpg" />
</div>
<div class='item'>
<img src="gallery/5.jpg" />
</div>
<div class='item'>
<img src="gallery/6.jpg" />
</div>
<div class='item'>
<img src="gallery/7.jpg" />
</div>
<div class='item'>
<img src="gallery/8.jpg" />
</div>
<div class='item'>
<img src="gallery/9.jpg" />
</div>
<div class='item'>
<img src="gallery/10.jpg" />
</div>
<div class='item'>
<img src="gallery/11.jpg" />
</div>
<div class='item'>
<img src="gallery/12.jpg" />
</div>
<div class='item'>
<img src="gallery/13.jpg" />
</div>
<div class='item'>
<img src="gallery/14.jpg" />
</div>
<div class='item'>
<img src="gallery/15.jpg" />
</div>
<div class='item'>
<img src="gallery/16.jpg" />
</div>
<div class='item'>
<img src="gallery/17.jpg" />
</div>
<div class='item'>
<img src="gallery/18.jpg" />
</div>
<div class='item'>
<img src="gallery/19.jpg" />
</div>
<div class='item'>
<img src="gallery/20.jpg" />
</div>
<div class='item'>
<img src="gallery/21.jpg" />
</div>
</div>
</section>
<section id='contacts'>
<a href='mailto:[email protected]' target='_blank'>
</a>
<a href='tel:+380935115676'>
+380 93 511 56 76
</a>
<div class="social-links">
<a href='https://www.facebook.com/yarosh.kristina' target='_blank'>
<img src="images/facebook.svg" alt="Facebook" />
</a>
<a href='https://instagram.com/yarosh_kristina/' target='_blank'>
<img src='images/instagram.svg' alt='Instagram' />
</a>
</div>
<span class="dev">developed by <a href="https://tseivo.com/b/n1ckbren">mykyta</a></span>
</section>
</body>
</html>