forked from GoogleChromeLabs/ui-element-samples
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathcontacts.html
64 lines (59 loc) · 5.37 KB
/
contacts.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
<!doctype html>
<html>
<head>
<meta charset='utf-8'>
<meta name='author' content='Artem Marochkanych' />
<meta name='viewport' content='width=device-width,minimum-scale=1'>
<title>Контактна інформація</title>
<link href='https://fonts.googleapis.com/icon?family=Material+Icons' rel='stylesheet'>
<link href='dist/css/normalize.css' rel='stylesheet'>
<link href='dist/css/main.css' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
</head>
<body>
<div class='header'>
<button class='js-menu-show header__menu-toggle material-icons'>menu</button>
</div>
<aside class='js-side-nav side-nav'>
<nav class='js-side-nav-container side-nav__container'>
<button class='js-menu-hide side-nav__hide material-icons'>close</button>
<header class='side-nav__header'>
Назар Маланка
</header>
<ul class='side-nav__content'>
<li><a href='index.html'>Головна сторінка</a></li>
<li><a href='fifa.html'>FIFA</a></li>
<li><a href='contacts.html'>Контактна інформація</a></li>
</ul>
</nav>
</aside>
<div class='contacts-wrapper'>
<a target='_blank' href='https://new.vk.com/id194270694'>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112.196 112.196'>
<circle cx='56.098' cy='56.098' r='56.098' fill='#4d76a1' />
<path d='M53.979 80.702h4.403s1.33-.146 2.009-.878c.625-.672.605-1.934.605-1.934s-.086-5.908 2.656-6.778c2.703-.857 6.174 5.71 9.853 8.235 2.782 1.911 4.896 1.492 4.896 1.492l9.837-.137s5.146-.317 2.706-4.363c-.2-.331-1.421-2.993-7.314-8.463-6.168-5.725-5.342-4.799 2.088-14.702 4.525-6.031 6.334-9.713 5.769-11.29-.539-1.502-3.867-1.105-3.867-1.105l-11.076.069s-.821-.112-1.43.252c-.595.357-.978 1.189-.978 1.189s-1.753 4.667-4.091 8.636c-4.932 8.375-6.904 8.817-7.71 8.297-1.875-1.212-1.407-4.869-1.407-7.467 0-8.116 1.231-11.5-2.397-12.376-1.204-.291-2.09-.483-5.169-.514-3.952-.041-7.297.012-9.191.94-1.26.617-2.232 1.992-1.64 2.071.732.098 2.39.447 3.269 1.644 1.135 1.544 1.095 5.012 1.095 5.012s.652 9.554-1.523 10.741c-1.493.814-3.541-.848-7.938-8.446-2.253-3.892-3.954-8.194-3.954-8.194s-.328-.804-.913-1.234c-.71-.521-1.702-.687-1.702-.687l-10.525.069s-1.58.044-2.16.731c-.516.611-.041 1.875-.041 1.875s8.24 19.278 17.57 28.993c8.555 8.907 18.27 8.322 18.27 8.322z'
fill-rule='evenodd' clip-rule='evenodd' fill='#fff' />
</svg>
</a>
<a target='_blank' href='https://twitter.com/nazarmlnk'>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112.197 112.197'>
<circle cx='56.099' cy='56.098' r='56.098' fill='#55acee' />
<path d='M90.461 40.316a26.753 26.753 0 0 1-7.702 2.109 13.445 13.445 0 0 0 5.897-7.417 26.843 26.843 0 0 1-8.515 3.253 13.396 13.396 0 0 0-9.79-4.233c-7.404 0-13.409 6.005-13.409 13.409 0 1.051.119 2.074.349 3.056-11.144-.559-21.025-5.897-27.639-14.012a13.351 13.351 0 0 0-1.816 6.742c0 4.651 2.369 8.757 5.965 11.161a13.314 13.314 0 0 1-6.073-1.679l-.001.17c0 6.497 4.624 11.916 10.757 13.147a13.362 13.362 0 0 1-3.532.471c-.866 0-1.705-.083-2.523-.239 1.706 5.326 6.657 9.203 12.526 9.312a26.904 26.904 0 0 1-16.655 5.74c-1.08 0-2.15-.063-3.197-.188a37.929 37.929 0 0 0 20.553 6.025c24.664 0 38.152-20.432 38.152-38.153 0-.581-.013-1.16-.039-1.734a27.192 27.192 0 0 0 6.692-6.94z'
fill='#f1f2f2' />
</svg>
</a>
<a target='_blank' href='https://plus.google.com/101946935884959850986'>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112.196 112.196'>
<circle cx='56.098' cy='56.097' r='56.098' fill='#dc4e41' />
<path d='M19.531 58.608c-.199 9.652 6.449 18.863 15.594 21.867 8.614 2.894 19.205.729 24.937-6.648 4.185-5.169 5.136-12.06 4.683-18.498-7.377-.066-14.754-.044-22.12-.033-.012 2.628 0 5.246.011 7.874 4.417.122 8.835.066 13.252.155-1.115 3.821-3.655 7.377-7.51 8.757-7.443 3.28-16.94-1.005-19.282-8.813-2.827-7.477 1.801-16.5 9.442-18.675 4.738-1.667 9.619.21 13.673 2.673 2.054-1.922 3.976-3.976 5.864-6.052-4.606-3.854-10.525-6.217-16.61-5.698-11.939.142-22.387 11.164-21.934 23.091zM79.102 48.668c-.022 2.198-.045 4.407-.056 6.604-2.209.022-4.406.033-6.604.044v6.582c2.198.011 4.407.022 6.604.045.022 2.198.022 4.395.044 6.604 2.187 0 4.385-.011 6.582 0 .012-2.209.022-4.406.045-6.615l6.604-.033v-6.582c-2.197-.011-4.406-.022-6.604-.044-.012-2.198-.033-4.407-.045-6.604l-6.57-.001z'
fill='#dc4e41' />
<g fill='#fff'>
<path d='M19.531 58.608c-.453-11.927 9.994-22.949 21.933-23.092 6.085-.519 12.005 1.844 16.61 5.698-1.889 2.077-3.811 4.13-5.864 6.052-4.054-2.463-8.935-4.34-13.673-2.673-7.642 2.176-12.27 11.199-9.442 18.675 2.342 7.808 11.839 12.093 19.282 8.813 3.854-1.38 6.395-4.936 7.51-8.757-4.417-.088-8.835-.033-13.252-.155-.011-2.628-.022-5.246-.011-7.874 7.366-.011 14.743-.033 22.12.033.453 6.439-.497 13.33-4.683 18.498-5.732 7.377-16.322 9.542-24.937 6.648-9.143-3.003-15.792-12.214-15.593-21.866zM79.102 48.668h6.57c.012 2.198.033 4.407.045 6.604 2.197.022 4.406.033 6.604.044v6.582l-6.604.033c-.022 2.209-.033 4.406-.045 6.615-2.197-.011-4.396 0-6.582 0-.021-2.209-.021-4.406-.044-6.604-2.197-.023-4.406-.033-6.604-.045v-6.582c2.198-.011 4.396-.022 6.604-.044.011-2.196.033-4.405.056-6.603z'
/>
</g>
</svg>
</a>
</div>
<script src="dist/scripts/main.min.js"></script>
</body>
</html>