-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
160 lines (149 loc) · 5.64 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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Berdnikov Bogdan</title>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<div id="outerWrapper">
<div id="innerWrapper" style="left: 0px;">
<div id="enter" style="top: -10%; opacity: 1;">
Для просмтора сайта используйте стрелки или свайп.
</div>
<div class="slide" id="first">
<div id="main-content-wrapper">
<section id="main-content">
<header>
<span class="avatar">
<img src="https://instagram.fkgf1-1.fna.fbcdn.net/t51.2885-15/e35/20213939_1930580273860329_423220648509177856_n.jpg">
</span>
<h1>Berdnikov Bogdan</h1>
<p>Full-stack web developer.</p>
</header>
<footer>
<ul class="icons">
<li><a href="https://vk.com/bogdaaanb" class="fa fa-vk" target="_blank">Twitter</a></li>
<li><a href="https://instagram.com/bogdaaanb" class="fa fa-instagram" target="_blank">Instagram</a></li>
<li><a href="https://github.com/podow" class="fa fa-github" target="_blank">Facebook</a></li>
</ul>
</footer>
</section>
</div>
</div>
<div class="slide" id="second">
<div id="works">
<div class="work">
<img src="img/works/brand.png" alt="">
<div class="desc">
<h2>Brandmaster</h2>
<p>Лендинг графического отдела компании web-master.kz</p>
<a href="http://brandmaster.kz/" target="_blank">Перейти на сайт</a>
</div>
</div>
<div class="work">
<img src="img/works/mindpro.png" alt="">
<div class="desc">
<h2>Mindpro-group</h2>
<p>Сайт рекламного агенства Mindpro</p>
<a href="http://www.mindpro-group.com/" target="_blank">Перейти на сайт</a>
</div>
</div>
<div class="work">
<img src="img/works/ballet.jpg" alt="">
<div class="desc">
<h2>Фонд балета</h2>
<p>Фонд развития и поддержки балета и национального танца.</p>
<a href="http://fondballet.kz/" target="_blank">Перейти на сайт</a>
</div>
</div>
<div class="work">
<img src="img/works/aibyn.jpg" alt="">
<div class="desc">
<h2>Aibyn - Construction Group</h2>
<p>«Aibyn Construction Group» – это стабильная и надежная строительная компания города Астана. Компания работает на рынке недвижимости более 6 лет.</p>
<a href="http://amcg.kz/" target="_blank">Перейти на сайт</a>
</div>
</div>
<div class="work">
<img src="img/works/gpx.jpg" alt="">
<div class="desc">
<h2>Grand Prix</h2>
<p>Сайт мебльной компании на фреймворке Yii2.</p>
<a href="http://gpx.kz/" target="_blank">Перейти на сайт</a>
</div>
</div>
<div class="work">
<img src="img/works/spa.jpg" alt="">
<div class="desc">
<h2>Celebrity spa</h2>
<p>Лендинг VIP спа салона.</p>
<a href="http://celebrityspa.kz/" target="_blank">Перейти на сайт</a>
</div>
</div>
<div class="work">
<img src="img/works/satgroup.jpg" alt="">
<div class="desc">
<h2>Sat Group.</h2>
<p>Создание лендинга сети ресторанов, а так же всех прилегающих к ней лендингов.</p>
<a href="http://http://satgroup.kz/" target="_blank">Перейти на сайт</a>
</div>
</div>
<div class="work">
<img src="img/01.jpg" alt="">
<div class="desc">
<h2>Lorem ipsum dolor.</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, debitis.</p>
<a href="#">Посмотреть</a>
</div>
</div>
<div class="work">
<img src="img/01.jpg" alt="">
<div class="desc">
<h2>Lorem ipsum dolor.</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, debitis.</p>
<a href="#">Посмотреть</a>
</div>
</div>
<div class="work">
<img src="img/01.jpg" alt="">
<div class="desc">
<h2>Lorem ipsum dolor.</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, debitis.</p>
<a href="#">Посмотреть</a>
</div>
</div>
</div>
</div>
<div class="slide" id="third">
<div id="form-content-wrapper">
<section id="form-content">
<h3>Оставьте сообщение</h3>
<form method="post" action="mail.php" id="form">
<div class="field">
<input type="text" name="name" id="name" placeholder="Имя" />
</div>
<div class="field">
<input type="email" name="email" id="email" placeholder="Email" />
</div>
<div class="field">
<textarea name="message" id="message" placeholder="Сообщение"></textarea>
</div>
<div class="field">
<input type="submit" class="button" value="Отправить">
</div>
</form>
</section>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js"></script>
<script>
$("img, a").on("dragstart", function (event) { event.preventDefault(); });
</script>
<script src="js/common.js"></script>
</body>
</html>