This repository has been archived by the owner on Nov 28, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
121 lines (105 loc) · 4.74 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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if IE 9]> <html class="no-js ie9" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-js" lang="en" itemscope itemtype="http://schema.org/Product"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Thundera - The only cloud that survives planetary destruction.</title>
<link rel="shortcut icon" href="favicon.png" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
<link rel="stylesheet" href="css/gumby.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/component.css">
<link rel="stylesheet" href="css/animate.css">
<script src="js/modernizr-2.6.2.min.js"></script>
</head>
<body>
<div id="preloader">
<div id="loading-animation"> </div>
</div>
<div class="cbp-af-header">
<nav class="row">
<!-- Logo -->
<div id="logo">
<a href="#"><img alt="Thundera" src="img/logo.png"></a>
</div>
</nav>
</div>
<section class="page1">
<div class="huge-title">
<div class="logo-phone centered"><img alt="YOURLOGO" src="img/logo-phone.png"></div>
<h2>You've never seen a cloud like this.</h2>
</div>
<!-- Little text on bottom with arrow -->
<div class="go-down">
<p>Oh, I like this! Yes, this is for me!</p>
<img src="img/go-down.png" alt="Go Down">
</div>
</section>
<div id="container" class="container">
<section id="testimonial">
<div class="row">
<div class="four columns testblock flexslider make-it-appear-left" id="slider1" >
<ul class="slides">
<li><img src="img/jason-dixon.jpg" alt="Jason Dixon"></li>
<li><img src="img/mike-moore.jpg" alt="Mike More"></li>
<li><img src="img/barry-gibb.jpg" alt="Barry Gibb"></li>
</ul>
</div>
<div class="eight columns flexslider make-it-appear-right" id="slider2">
<ul class="slides">
<li>
<h5 class="title">Jason Dixon</h5>
<div class="sub">via secret</div>
<div class="textblock">
<p>I don't always use graphite, but when I do it's on Thundera Cloud Enterprise. Nothing scales like Thundera.</p>
</div>
</li>
<li>
<h5 class="title">Mike Moore</h5>
<div class="sub">via ICQ 42 days ago</div>
<div class="textblock">
<p>When it came to our concerns about the inevitable heat death of Earth and how that might impact our apps performance, the choice was clear. Thundera Cloud is the best and only choice.</p>
</div>
</li>
<li>
<h5 class="title">Barry Gibb</h5>
<div class="sub">via Mail 18 days ago</div>
<div class="textblock">
<p>The Bee Gees' can't just use any cloud for our systems. We take "stayin' alive" quite literal.</p>
</div>
</li>
</ul>
</div>
</div>
</section>
<section class="cbp-so-section page5">
<div id="signup" class="row">
<div class="article twelve columns centered make-it-appear-top">
<h4>Subscribe to our newsletter and stay updated on the release</h4>
<form action="#" method="post">
<div class="seven columns">
<input name="email" class="email" type="text" placeholder="Your E-Mail">
</div>
<div class="five columns">
<button name="send" type="submit" class="button">Notify Me</button>
</div>
</form>
<p class="spam">This is fake. We don't actually have a mailing list.</p>
</div>
</div>
</section>
</div>
<!-- Grab Google CDN's jQuery, fall back to local if offline -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/main.js" type="text/javascript"></script> <!-- Main Javascript File -->
<script src="js/plugins.js" type="text/javascript"></script> <!-- Plugins File for Contact Form -->
<script src="js/classie.js" type="text/javascript"></script> <!-- Scroll from left & right -->
<script src="js/jquery.flexslider.js" type="text/javascript"></script> <!-- FlexSlider -->
<script src="js/waypoints.min.js" type="text/javascript"></script> <!-- Waypoints -->
<script src="js/mediaCheck.js" type="text/javascript"></script> <!-- MediaCheck -->
</body>
</html>