-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
133 lines (133 loc) · 4.51 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=970">
<title>Free Landing Page</title>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<header>
<div class="head-links">
<p><a href="#home" title="Home">Home</a>
<a class="link-between" href="#about" title="About me">About me</a>
<a href="#skills" title="Skills">Skills</a>
<a class="link-between" href="#portfolio" title="Portfolio">Portfolio</a>
<a href="#contacts" title="Contacts">Contacts</a></p>
</div>
</header>
<section id="home">
<div class="DN-main">
<div class="DN-inline">
<div class="DN-name">
Denis<br>Novik
</div>
<div class="DN-prof">
<div class="prof-txt">
UX | UI designer<br>24 years old, Minsk
</div>
</div>
<!-- <div class="DN-lang"> -->
<div class="lang-txt">
RU <span class="text-bold">| ENG</span>
<!-- </div> -->
</div>
</div>
<div class="DN-img">
<img src="img/Novik.png" alt="Denis Novik" width="940">
</div>
</div>
</section>
<section id="about">
<h1>About me</h1>
<div class="about-text">
<p>Hi, I'm Denis – UX/UI designer from Minsk. <br>I'm interested in design and everything connected with it.<br><br>I'm studying at courses "Web and mobile design <br>interfaces" in IT-Academy. <br><br>Ready to implement excellent projects <br>with wonderful people.</p>
</div>
</section>
<section id="skills">
<h1>Skills</h1>
<div class="skills-text">
<p>I work in such programs as</p>
</div>
<div class="skills-icons">
<div class="prog-icon">
<p><span class="icon-text-padding"><img src="img/ps.png" alt="Adobe Photoshop"></span>
<br>
Adobe<br>Photoshop<br>
<div style="padding-top: 40px">
<img src="img/blackstar.svg" alt="star">
<img src="img/blackstar.svg" alt="star">
<img src="img/blackstar.svg" alt="star">
<img src="img/blackstar.svg" alt="star">
<img src="img/star.svg" alt="star">
</div>
</p>
</div>
<div class="prog-icon">
<p><span class="icon-text-padding"><img src="img/ai.png" alt="Adobe Illustrator"></span>
<br>
Adobe<br>Illustrator<br>
<div style="padding-top: 40px">
<img src="img/blackstar.svg" alt="star">
<img src="img/blackstar.svg" alt="star">
<img src="img/blackstar.svg" alt="star">
<img src="img/star.svg" alt="star">
<img src="img/star.svg" alt="star">
</div>
</p>
</div>
<div class="prog-icon">
<p><span class="icon-text-padding"><img src="img/ae.png" alt="Adobe After Effects"></span>
<br>
Adobe<br>After Effects<br>
<div style="padding-top: 40px">
<img src="img/blackstar.svg" alt="star">
<img src="img/blackstar.svg" alt="star">
<img src="img/blackstar.svg" alt="star">
<img src="img/blackstar.svg" alt="star">
<img src="img/star.svg" alt="star">
</div>
</p>
</div>
<div class="prog-icon">
<p><span class="icon-text-padding"><img src="img/figma.png" alt="Figma"></span>
<br>
Figma<br><br>
<div style="padding-top: 40px">
<img src="img/blackstar.svg" alt="star">
<img src="img/blackstar.svg" alt="star">
<img src="img/blackstar.svg" alt="star">
<img src="img/blackstar.svg" alt="star">
<img src="img/star.svg" alt="star">
</div>
</p>
</div>
</div>
</section>
<section id="portfolio">
<h1>Portfolio</h1>
<img src="img/portfolio.png" alt="Portfolio">
<p><a href="#">Online fashion store - Homepage</a></p>
<img src="img/reebok.png" alt="Reebok Store">
<p><a href="#">Reebok Store - Concept</a></p>
<img src="img/braun.png" alt="Braun Landing Page">
<p><a href="#">Braun Landing Page - Concept</a></p>
</section>
<footer id="contacts">
<h1>Contacts</h1>
<p>Want to know more or just chat? <br>You are welcome!</p>
<a href="https://google.com/">
<button type="button">
Send Message
</button>
</a>
<p class="contacts-icons">
<a href="#"><img src="img/in.svg" alt="LinkedIn"></a>
<a href="#"><img src="img/instagram.svg" alt="Instagram"></a>
<a href="#"><img src="img/be.svg" alt="Behance"></a>
<a href="#"><img src="img/ball.svg" alt="Dribble"></a>
</p>
<p>Like me on <br>LinkedIn, Instagram, Behance, Dribble</p>
</footer>
</body>
</html>