-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
102 lines (91 loc) · 6.65 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
<!DOCTYPE html>
<html>
<head lang="ru">
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Template</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous">
<link rel="stylesheet" href="css/main.css">
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-31485994-5"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-31485994-5');
</script>
</head>
<body>
<svg class="layer1" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 600 600" enable-background="new 0 0 600 600" xml:space="preserve">
<circle id="circle" cx="300" cy="300" r="50" />
<path id="D" d="M186.937,477.671c-33.418-17.449-59.595-41.677-78.532-72.683C89.468,373.989,80,338.988,80,300
s9.469-73.98,28.405-104.987c18.937-30.998,45.114-55.226,78.532-72.683c33.418-17.449,71.1-26.177,113.063-26.177
c41.955,0,79.646,8.729,113.064,26.177c33.418,17.457,59.595,41.685,78.531,72.683C510.532,226.02,520,261.013,520,300
s-9.469,73.989-28.406,104.987c-18.936,31.007-45.114,55.235-78.531,72.683C379.646,495.12,341.955,503.848,300,503.848
C258.036,503.848,220.354,495.12,186.937,477.671z M344.278,385.494c13.176-7.98,23.671-19.302,31.469-33.975
c7.798-14.664,11.696-31.834,11.696-51.519c0-19.676-3.898-36.847-11.696-51.519c-7.798-14.664-18.293-25.986-31.469-33.975
c-13.184-7.98-27.943-11.975-44.278-11.975c-16.343,0-31.103,3.995-44.278,11.975c-13.184,7.989-23.671,19.311-31.469,33.975
c-7.797,14.672-11.696,31.843-11.696,51.519c0,19.685,3.898,36.855,11.696,51.519c7.798,14.672,18.284,25.994,31.469,33.975
c13.175,7.989,27.935,11.975,44.278,11.975C316.335,397.469,331.094,393.483,344.278,385.494z" />
<path id="E" d="M423,510l-1.2-191.4l-91.2,153.6h-62.4l-91.2-147V510H48V90h116.4l136.8,223.8L434.399,90h116.4l1.2,420H423z"
/>
<path id="V" d="M655.8,90L521.4,510h-151.8L301.8,285.6L230.4,510H78.6L-55.8,90H90l73.2,238.8L240.6,90h130.2L444,331.8L521.4,90H655.8z"
/>
</svg>
<svg class="layer2" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 600 600" enable-background="new 0 0 600 600" xml:space="preserve">
<circle id="circle2" cx="300" cy="300" r="50" />
<path id="D2" d="M186.937,477.671c-33.418-17.449-59.595-41.677-78.532-72.683C89.468,373.989,80,338.988,80,300
s9.469-73.98,28.405-104.987c18.937-30.998,45.114-55.226,78.532-72.683c33.418-17.449,71.1-26.177,113.063-26.177
c41.955,0,79.646,8.729,113.064,26.177c33.418,17.457,59.595,41.685,78.531,72.683C510.532,226.02,520,261.013,520,300
s-9.469,73.989-28.406,104.987c-18.936,31.007-45.114,55.235-78.531,72.683C379.646,495.12,341.955,503.848,300,503.848
C258.036,503.848,220.354,495.12,186.937,477.671z M344.278,385.494c13.176-7.98,23.671-19.302,31.469-33.975
c7.798-14.664,11.696-31.834,11.696-51.519c0-19.676-3.898-36.847-11.696-51.519c-7.798-14.664-18.293-25.986-31.469-33.975
c-13.184-7.98-27.943-11.975-44.278-11.975c-16.343,0-31.103,3.995-44.278,11.975c-13.184,7.989-23.671,19.311-31.469,33.975
c-7.797,14.672-11.696,31.843-11.696,51.519c0,19.685,3.898,36.855,11.696,51.519c7.798,14.672,18.284,25.994,31.469,33.975
c13.175,7.989,27.935,11.975,44.278,11.975C316.335,397.469,331.094,393.483,344.278,385.494z" />
<path id="E2" d="M423,510l-1.2-191.4l-91.2,153.6h-62.4l-91.2-147V510H48V90h116.4l136.8,223.8L434.399,90h116.4l1.2,420H423z"
/>
<path id="V2" d="M655.8,90L521.4,510h-151.8L301.8,285.6L230.4,510H78.6L-55.8,90H90l73.2,238.8L240.6,90h130.2L444,331.8L521.4,90H655.8z"
/>
</svg>
<svg class="layer3" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 600 600" enable-background="new 0 0 600 600" xml:space="preserve">
<circle id="circle3" cx="300" cy="300" r="50" />
<path id="D3" d="M186.937,477.671c-33.418-17.449-59.595-41.677-78.532-72.683C89.468,373.989,80,338.988,80,300
s9.469-73.98,28.405-104.987c18.937-30.998,45.114-55.226,78.532-72.683c33.418-17.449,71.1-26.177,113.063-26.177
c41.955,0,79.646,8.729,113.064,26.177c33.418,17.457,59.595,41.685,78.531,72.683C510.532,226.02,520,261.013,520,300
s-9.469,73.989-28.406,104.987c-18.936,31.007-45.114,55.235-78.531,72.683C379.646,495.12,341.955,503.848,300,503.848
C258.036,503.848,220.354,495.12,186.937,477.671z M344.278,385.494c13.176-7.98,23.671-19.302,31.469-33.975
c7.798-14.664,11.696-31.834,11.696-51.519c0-19.676-3.898-36.847-11.696-51.519c-7.798-14.664-18.293-25.986-31.469-33.975
c-13.184-7.98-27.943-11.975-44.278-11.975c-16.343,0-31.103,3.995-44.278,11.975c-13.184,7.989-23.671,19.311-31.469,33.975
c-7.797,14.672-11.696,31.843-11.696,51.519c0,19.685,3.898,36.855,11.696,51.519c7.798,14.672,18.284,25.994,31.469,33.975
c13.175,7.989,27.935,11.975,44.278,11.975C316.335,397.469,331.094,393.483,344.278,385.494z" />
<path id="E3" d="M423,510l-1.2-191.4l-91.2,153.6h-62.4l-91.2-147V510H48V90h116.4l136.8,223.8L434.399,90h116.4l1.2,420H423z"
/>
<path id="V3" d="M655.8,90L521.4,510h-151.8L301.8,285.6L230.4,510H78.6L-55.8,90H90l73.2,238.8L240.6,90h130.2L444,331.8L521.4,90H655.8z"
/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<defs>
<filter id="goo">
<feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur" />
<feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -6" result="goo" />
<feBlend in="SourceGraphic" in2="goo" />
</filter>
</defs>
</svg>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.4/TweenMax.min.js"></script>
<script src="//s3-us-west-2.amazonaws.com/s.cdpn.io/16327/MorphSVGPlugin.min.js"></script>
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/findShapeIndex.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous"></script>
<script src="js/main.js"></script>
</body>
</html>