-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
95 lines (91 loc) · 7.73 KB
/
index.html
File metadata and controls
95 lines (91 loc) · 7.73 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Techhive.IO Rocket Animation</title>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link href="css/general.css" type="text/css" rel="stylesheet" />
<link href="css/rocket.css" type="text/css" rel="stylesheet" />
</head>
<body>
<main>
<h1>Techhive.IO Rocket Animation</h1>
<div class="rocket-container">
<div id="js-rocket">
<?xml version="1.0" encoding="UTF-8"?>
<svg width="477px" height="549px" viewBox="0 0 477 549" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 52.3 (67297) - http://www.bohemiancoding.com/sketch -->
<title>Rocket Illustration</title>
<desc>Created with Sketch.</desc>
<defs>
<linearGradient x1="0%" y1="50%" x2="100%" y2="50%" id="linearGradient-1">
<stop stop-color="#0CB2E2" offset="0%"></stop>
<stop stop-color="#4FC0B0" offset="100%"></stop>
</linearGradient>
<linearGradient x1="50%" y1="0%" x2="50%" y2="99.6929191%" id="linearGradient-2">
<stop stop-color="#11B3DE" offset="0%"></stop>
<stop stop-color="#D8D8D8" stop-opacity="0" offset="100%"></stop>
</linearGradient>
<linearGradient x1="100%" y1="100%" x2="100%" y2="0%" id="linearGradient-3">
<stop stop-color="#0CB2E2" offset="0%"></stop>
<stop stop-color="#4FC0B0" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Landing-Page" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Landing" transform="translate(-1022.000000, -1486.000000)">
<g id="Rocket-Illustration" transform="translate(1022.000000, 1486.000000)">
<g id="rocket-01" transform="translate(171.000000, 0.000000)">
<path d="M79.7266842,0 C21.0677259,70.8293925 7.03751832,168.40158 48.352602,259.447674 L108.633142,259.447674 C147.480601,163.648882 135.706507,59.8343441 79.7266842,0 Z"
id="Path" stroke="#E2E2E2" fill="#F3F3F3"></path>
<ellipse id="Oval" fill="url(#linearGradient-1)" cx="77.1789474" cy="92.248062" rx="24.6315789"
ry="24.7093023"></ellipse>
<path d="M127.785996,191.908915 C124.395386,211.396638 119.874571,230.102007 113.305263,247.776091 C131.282564,255.919683 141.419077,273.913822 153.674722,314.631783 C159.290421,247.74053 156.21768,218.082207 127.785996,191.908915 Z"
id="Path" fill="url(#linearGradient-1)"></path>
<path d="M27.3587209,191.908915 C30.3837149,211.224427 35.6950415,229.899646 42.6947368,247.756713 C24.7909935,255.902665 14.6959555,273.902019 2.49045665,314.631783 C-3.1374391,247.685569 -0.956629496,218.054221 27.3587209,191.908915 Z"
id="Path" fill="url(#linearGradient-1)"></path>
<path d="M51.7263158,259.447674 L104.273684,259.447674 L101.04374,267.871788 C85.8664765,271.908343 71.0365186,272.118946 56.5885971,267.871788 L51.7263158,259.447674 Z"
id="Path" fill="#444444"></path>
<path d="M74.6128466,191.933831 C69.9017068,234.60055 70.9643699,275.594761 78.7218105,314.631783 C84.2476586,271.609212 85.8062311,230.40149 82.0514882,191.684735 C80.7054483,182.041131 76.8444391,182.076716 74.6128466,191.933831 Z"
id="Path" fill="url(#linearGradient-1)"></path>
<path d="M59.194048,272.827586 C73.8345836,275.255963 87.4861812,275.371971 100,272.827586 L95,439.039005 L64.194048,439.039005 L59.194048,272.827586 Z"
id="flame" fill="url(#linearGradient-2)"></path>
</g>
<g id="particles" transform="translate(0.000000, 168.000000)" fill="url(#linearGradient-1)">
<ellipse id="Oval" cx="89.6431034" cy="50.2915361" rx="5.75689655" ry="5.77115987"></ellipse>
<ellipse id="Oval-Copy" cx="78.1293103" cy="103.056426" rx="5.75689655" ry="5.77115987"></ellipse>
<ellipse id="Oval-Copy-10" cx="4.93448276" cy="187.974922" rx="4.93448276" ry="4.94670846"></ellipse>
<ellipse id="Oval-Copy-11" cx="358.572414" cy="152.523511" rx="4.93448276" ry="4.94670846"></ellipse>
<ellipse id="Oval-Copy-14" cx="159.548276" cy="207.761755" rx="4.93448276" ry="4.94670846"></ellipse>
<ellipse id="Oval-Copy-12" cx="342.946552" cy="4.94670846" rx="4.93448276" ry="4.94670846"></ellipse>
<ellipse id="Oval-Copy-13" cx="419.431034" cy="144.278997" rx="4.93448276" ry="4.94670846"></ellipse>
<ellipse id="Oval-Copy-5" cx="86.7646552" cy="138.920063" rx="2.87844828" ry="2.88557994"></ellipse>
<ellipse id="Oval-Copy-9" cx="121.306034" cy="223.014107" rx="2.87844828" ry="2.88557994"></ellipse>
<ellipse id="Oval-Copy-6" cx="134.464655" cy="85.330721" rx="2.87844828" ry="2.88557994"></ellipse>
<ellipse id="Oval-Copy-7" cx="383.656034" cy="191.684953" rx="2.87844828" ry="2.88557994"></ellipse>
<ellipse id="Oval-Copy-8" cx="474.121552" cy="260.11442" rx="2.87844828" ry="2.88557994"></ellipse>
<ellipse id="Oval-Copy-2" cx="467.953448" cy="84.9184953" rx="5.75689655" ry="5.77115987"></ellipse>
<ellipse id="Oval-Copy-4" cx="467.953448" cy="183.028213" rx="5.75689655" ry="5.77115987"></ellipse>
<ellipse id="Oval-Copy-3" cx="386.534483" cy="56.0626959" rx="5.75689655" ry="5.77115987"></ellipse>
</g>
<g id="speed" transform="translate(137.000000, 31.000000)" fill="url(#linearGradient-3)">
<rect id="Rectangle" opacity="0.65" x="0" y="-395" width="7" height="252" rx="3.5"></rect>
<rect id="Rectangle-Copy-4" opacity="0.148277" x="233" y="-395" width="7" height="362"
rx="3.5"></rect>
<rect id="Rectangle-Copy-3" opacity="0.6" x="168" y="-395" width="7" height="362"
rx="3.5"></rect>
<rect id="Rectangle-Copy-5" opacity="0.6" x="18" y="-395" width="7" height="362" rx="3.5"></rect>
<rect id="Rectangle-Copy-6" opacity="0.4" x="150" y="-395" width="7" height="362"
rx="3.5"></rect>
</g>
</g>
</g>
</g>
</svg>
</div>
</div>
</main>
</body>
</html>