-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
132 lines (121 loc) · 5.97 KB
/
index.html
File metadata and controls
132 lines (121 loc) · 5.97 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Важная техническая информация для браузера -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Информация об Авторе и описание проекта -->
<meta name="description" content="Сайт разработчика Константина Стасенко">
<meta name="auyhor" content="Стасенко Константин">
<!-- Иконка, которая будет на вкладке в браузере -->
<link rel="icon" href="favicon.ico">
<!-- Заголовок на вкладке в браузере -->
<title>Стасенко Константин - создание сайтов</title>
<!-- Шрифты от Google-->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=cyrillic-ext" rel="stylesheet">
<!-- Подключаем наш файл со стилями, который находится в папке css-->
<link rel="stylesheet" href="css/bootstrap-grid.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- Тут будет содержимое будущего сайта -->
<header>
<div id="top" class="container">
<div class="row">
<div class="col-lg-7">
<img class="header-img wow fadeInLeftBig" src="img/main-img.png" alt="Монитор">
</div>
<!-- /.col-7 -->
<div class="col-lg-5">
<p class="header-pretitle wow fadeInRightBig" data-wow-delay="0.1s">Веб-разработчик</p>
<h1 class="header-title wow fadeInRightBig" data-wow-delay="0.2s">Константин Стасенко</h1>
<p class="header-subtitle wow fadeInRightBig" data-wow-delay="0.3s">Верстка на HTML/CSS <br>
Разработка сайтов под ключ</p>
<div class="header-button-block wow fadeInRightBig" data-wow-delay="0.4s">
<a href="https://telegram.me/SDoubleK" class="header-button" target="_blanc">Связаться</a>
<small>*Это бесплатно</small>
</div>
</div>
<!-- /.col-5 -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</header>
<section class="portfolio">
<div class="container">
<div class="portfolio-block wow fadeInUp">
<h2 class="portfolio-title">Портфолио</h2>
<p class="portfolio-subtitle">Мои работы</p>
<div class="row">
<div class="col-md-6">
<div class="portfolio-col-1">
<img class="portfolio-img" src="img/portfolio-img1.jpg" alt="Газпром">
<h3>внутренний университет «Газпром нефти»</h3>
<p class="portfolio-text">У «Газпром нефти» есть внутренний Корпоративный университет для сотрудников. Это настоящий университет, где сотрудники проходят обучение у внутренних тренеров компании или у специально приглашенных лекторов и экспертов....</p>
<a href="#">Смотреть работу</a>
</div>
</div>
<!-- /.col-6 -->
<div class="col-md-6">
<div class="portfolio-col-2">
<img class="portfolio-img" src="img/portfolio-img2.jpg" alt="МИР">
<h3>Сайт платежной системы «Мир»</h3>
<p class="portfolio-text">Обновленная версия сайта знакомит посетителей с компаниями, уже принимающими карты к оплате, и приглашает всех остальных присоединиться к проекту...</p>
<a href="#">Смотреть работу</a>
</div>
</div>
<!-- /.col-6 -->
</div>
</div>
</div>
<!-- /.container -->
</section>
<footer>
<div class="container">
<div class="row">
<div class="col-md-4">
<h4 class="footer-author">Константин Стасенко</h4>
<p class="footer-text">Разработка сайтов под ключ</p>
</div>
<!-- /.col-4 -->
<div class="col-md-4">
<div class="social-block">
<p>Подпишитесь:</p>
<a class="wow bounceInDown" data-wow-delay="0.1s" href="https://www.facebook.com/konstantin.stasenko" target="_blanc"><img src="img/socials/facebook-logo-button.png" alt="Facebook"></a>
<a class="wow bounceInDown" data-wow-delay="0.2s"" href="https://vk.com/stasenko_k_k" target="_blanc"><img src="img/socials/vk-social-logotype.png" alt="Вконтакте"></a>
<a class="wow bounceInDown" data-wow-delay="0.3s" href="https://telegram.me/SDoubleK" target="_blanc"><img src="img/socials/telegram-symbol.png" alt="Telegram"></a>
<a class="wow bounceInDown" data-wow-delay="0.4s" href="https://www.youtube.com/channel/UCpslIg6qm82lvuj03dnUXbg" target="_blanc"><img src="img/socials/youtube-symbol.png" alt="YouTube"></a>
</div>
</div>
<!-- /.col-4 -->
<div class="col-md-4">
<div class="footer-button-up-block">
<a class="footer-button-up" href="javascript:void(0);"><div class="footer-button-up-arrow"></div></a>
</div>
<div class="footer-cta-block">
<p class="footer-cta">Напишите мне:</p>
<a class="footer-button" href="https://telegram.me/SDoubleK" target="_blanc">Написать</a>
</div>
</div>
<!-- /.col-4 -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</footer>
<script src="js/wow.min.js" type=""></script>
<script>
new WOW().init();
</script>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
$(".footer-button-up").click(function() {
$("html, body").animate({ scrollTop: 0 }, "slow");
return false;
});
</script>
</body>
</html>