-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
124 lines (115 loc) · 4.58 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Main</title>
<link rel="stylesheet" href="style.css">
<link type="image/x-icon" href="./favicon.ico" rel="shortcut icon">
</head>
<body>
<section id="section-one">
<img src="./image/main2.png" alt="" class="image-slide" srcset="">
<p class="f">Made with love by <a class="gradient" target="_blank" href="https://www.instagram.com/ruazios">@ruazios</a></p>
<div class="title">
<p class="name-designer">ГОЛЫШЕВА МИРОСЛАВА.</p>
<p>UI/UX DESIGNER / FRONTEND DEVELOPER</p>
</div>
<div class="Project">
<!-- https://brisseaux.tumblr.com/post/91018371936 -->
<img src="https://45.media.tumblr.com/263e52c5f30e213c099a62a245242289/tumblr_n8bsno0htg1qmzbpoo1_1280.gif" alt="" class="imgMasked" />
<div class="Project-hail"></div>
<div class="Project-hail2"></div>
<p class="Project-name">Project name </p>
</div>
</section>
<section class="section-two">
<div class="section-two-text title-work">
<div class="item-section">
<p>hard skills frontend </p>
</div>
<div class="item-section">
<p>html, css, JavaScript.</p>
<p>Sass/LESS</p>
<p>React, Redux</p>
<p>Foundation, Bootstrap</p>
<p>github, gitlab</p>
<p>React Native</p>
</div>
<div class="item-section">
<p>VK - middle frontend react </p>
<p> Газпромнефть - middle frontend react</p>
<p>Agency - продуктовый дизайнер (проектная работа) </p>
<p>Electrostandart - веб дизайнер </p>
<p>Werkel - веб дизайнер </p>
</div>
</div>
<div class="section-two-text company-test">
<div class="item-section">
<p>hard skills designer </p>
</div>
<div class="item-section">
<p>Figma, Adobe Xd, Axure RP</p>
<p>Adobe Animate</p>
<p>Photoshop, Illustrator</p>
<p>After Effects</p>
<p>QuarkXPress</p>
<p>HTML5 & CSS3</p>
<p>Tilda, Canva, InVision</p>
<p>Jira, WordPress</p>
<p>figJam</p>
</div>
</div>
</section>
<section class="section-three">
<div class="gallery">
<div class="gallery-item">
<a href="./portfolio.html#name=makeup">
<img src="./image/makeupPreview.png" alt="makeupPreview">
</a>
</div>
<div class="gallery-item">
<a href="./portfolio.html#name=sandra">
<img src="./image/weddingPreview.png" alt="">
</a>
</div>
<div class="gallery-item">
<a href="./portfolio.html#name=jewelry">
<img src="./image/jewelryPreview.png" alt="">
</a>
</div>
<div class="gallery-item">
<a href="./portfolio.html#name=sofa">
<img src="./image/sofaPreview.png" alt="">
</a>
</div>
<div class="gallery-item">
<a href="./portfolio.html#name=homify" target="_blank">
<img src="./image/homifyPreview.png" alt="">
</a>
</div>
<div class="gallery-item">
<a href="./portfolio.html#name=seadream" target="_blank">
<img src="./image/seaPreview.png" alt="">
</a>
</div>
<div class="gallery-item">
<a href="https://farfor.ru/referral/" target="_blank">
<img src="./image/eatPreview.png" alt="">
</a>
</div>
<div class="gallery-item">
<a href="./portfolio.html#name=cosmetics" target="_blank">
<img src="./image/cosmeticPreview.png" alt="">
</a>
</div>
<div class="gallery-item">
<a href="https://freshauto.ru/" target="_blank">
<img src="./image/autoPreview.png" alt="">
</a>
</div>
</div>
</section>
<script src="./index.js"></script>
</body>
</html>