-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
162 lines (162 loc) · 7.05 KB
/
contact.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
161
162
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Web Studio - Contact</title>
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<!-- ============================================================ -->
<!-- MENU -->
<!-- ============================================================ -->
<nav class="menu" role="navigation">
<div class="l-container">
<div class="menu__close-btn js-menu-toggle">
<div class="menu__line menu__line--left"></div>
<div class="menu__line menu__line--right"></div>
</div>
<ul class="menu__list" role="menu">
<li class="menu__item">
<a class="menu__link" href="index.html">
<div class="menu__dot menu__dot--portfolio"></div>
Portfolio
</a>
</li>
<li class="menu__item">
<a class="menu__link" href="studio.html">
<div class="menu__dot menu__dot--studio"></div>
Studio
</a>
</li>
<li class="menu__item">
<a class="menu__link" href="price.html">
<div class="menu__dot menu__dot--price"></div>
Prices
</a>
</li>
<li class="menu__item">
<a class="menu__link" href="contact.html">
<div class="menu__dot menu__dot--contacts menu__dot--current"></div>
Contact
</a>
</li>
<li class="menu__item menu__item--contact menu__item--email">
<a class="menu__link menu__link--contact"
href="mailto:webstudio@gmail.com">
webstudio@gmail.com
</a>
</li>
<li class="menu__item menu__item--contact">
<a class="menu__link menu__link--contact" href="tel:+79071239876">
+7 907 123 9876
</a>
</li>
</ul>
</div>
</nav>
<!-- ============================================================ -->
<!-- END MENU -->
<!-- ============================================================ -->
<!-- ============================================================ -->
<!-- HEADER -->
<!-- ============================================================ -->
<div class="header">
<div class="l-container">
<div class="l-left">
<div class="header__logo header__logo--contacts">Web Studio</div>
</div>
<div class="l-right">
<div class="header__menu-btn js-menu-toggle">
<div class="header__line header__line01 header__line--contacts"></div>
<div class="header__line header__line02 header__line--contacts"></div>
<div class="header__line header__line03 header__line--contacts"></div>
<div class="header__line header__line04 header__line--contacts"></div>
</div>
</div>
</div>
</div>
<!-- ============================================================ -->
<!-- END HEADER -->
<!-- ============================================================ -->
<!-- ============================================================ -->
<!-- GRID -->
<!-- ============================================================ -->
<div class="grid">
<div class="l-container">
<div class="grid__item grid__item--left grid__7">
<div class="description__header">contact-</div>
<div class="description__body">
Lorem ipsum dolor sit amet, pro ei dicam nonumes maluisset, qui ne
justo veritus instructior. At feugait delicata duo, et cum blandit
adolescens. Eum praesent gloriatur rationibus ad, id fabulas blandit
copiosae sed. Graeci indoctum pri ea. In cum persius accusata, ad
invidunt convenire tractatos mea.
</div>
</div>
<div class="grid__item grid__item--right grid__5">
<div class="description__header">details-</div>
<a class="description__link" href="#">webstudio@gmail.com</a>
</br><a class="description__link" href="#">+7 908 321 9876</a>
</br><a class="description__link">City One</a>
</br><a class="description__link">City Two</a>
</div>
</div>
</div>
<!-- ============================================================ -->
<!-- END GRID -->
<!-- ============================================================ -->
<!-- ============================================================ -->
<!-- GRID -->
<!-- ============================================================ -->
<div class="grid">
<div class="l-container">
<div class="grid__item grid__12">
<img src="http://placehold.it/1100x400" alt="" class="grid__image"></div>
</div>
</div>
</div>
<!-- ============================================================ -->
<!-- END GRID -->
<!-- ============================================================ -->
<!-- ============================================================ -->
<!-- FOOTER -->
<!-- ============================================================ -->
<div class="footer">
<div class="l-container">
<div class="l-left">
<div class="footer__social-line footer__social-line--dribbble">
<img class="footer__social-img" src="assets/img/dribbble.png"
alt="dribbble">
<a class="footer__social-link "
href="https://dribbble.com/webstudio">
dribbble/webstudio
</a>
</div>
<div class="footer__social-line footer__social-line--vk">
<img class="footer__social-img" src="assets/img/vk.png" alt="vk">
<a class="footer__social-link"
href="https://vk.com/webstudio">
vk/webstudio
</a>
</div>
<div class="footer__social-line footer__social-line--instagram">
<img class="footer__social-img" src="assets/img/instagram.png"
alt="instagram">
<a class="footer__social-link"
href="https://www.instagram.com/webstudio/">
instagram/webstudio
</a>
</div>
</div>
<div class="l-right"></div>
</div>
</div>
<!-- ============================================================ -->
<!-- END FOOTER -->
<!-- ============================================================ -->
<script src="assets/js/jquery-2.1.4.min.js"></script>
<script src="assets/js/menu.js"></script>
<script src="assets/js/header.js"></script>
<script src="assets/js/footer.js"></script>
</body>
</html>