-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
109 lines (99 loc) · 5.18 KB
/
about.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
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>Stella Motus - High value, custom built spaceships</title>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> <!--Grab Roboto-->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css"> <!--Grab font-awesome-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--Website is responsive-->
<script src="//code.jquery.com/jquery-1.10.2.js"></script> <!--Using jQuery-->
</head>
<body>
<main>
<header> <!--to be loaded using jQuery-->
<!--Or possibly not because of the "id='current'" section which is very useful-->
<a href='index.html'><h1>Stella Motus</h1></a>
<p>Your future, today.</p>
<nav>
<ul>
<li><a id="current" href='about.html'><span>About</span></a></li>
<li><a href='blog.html'><span>Blog</span></a></li>
<li><a id="order" href='order.html'><span>Order</span></a></li>
</ul>
</nav>
</header>
<!--Testimonial script. This works by establishing a "testimonial" class of li and then an additional class "showing".
Testimonials that aren't "testimonial showing" are hidden in style.css and on an interval of 5000ms the next list item
changes to "testimonial showing" and the previous back to "testimonial".-->
<div class="callout">
<ul id="testimonials">
<li class="testimonial"><em>"Fast delivery, fantastic service!"</em></li>
<li class="testimonial"><em>"Arrived within 2 years. Highly recommended!"</em></li>
<li class="testimonial"><em>"Reliability was next to none: jet engines working after 50,000LY"</em></li>
<li class="testimonial"><em>"I've never seen a tractor beam so precisely fitted"</em></li>
<li class="testimonial"><em>"Own-brand discount headlights were better than my STELLARSITE pair at half the price!!"</em></li>
</ul>
</div>
<hr>
<script src="js/testimonial.js"></script> <!--cycle script-->
<article class="fullwidth" id="company">
<i class="fa fa-area-chart fa-4x" aria-hidden="true"></i>
<h2>The Galaxy's #1 Provider</h2>
<p>Established 2168 AD Stella Motus has always been on the forefront of innovation. Offering fairly priced, precisely fitted and extensively tested spacecraft since the very beginning of the Commercial Spacefaring Project.</p>
</article>
<article class="fullwidth" id="aura">
<i class="fa fa-eye fa-4x" aria-hidden="true"></i>
<h2>AURA: Assistance Redefined</h2>
<p>As pioneering investors in the Augmented Realtime Assistance Project (AURA) all of our craft arrive with the latest AURA system installed. She'll navigate, protect and serve you to the ends of the universe, <strong>now with Netflix!</strong></p>
</article>
<article class="fullwidth" id="delivery">
<i class="fa fa-fighter-jet fa-4x" aria-hidden="true"></i>
<h2>Superfast Delivery</h2>
<p>A spacecraft connects you to all corners of the universe. You don't want yours later, you want it <strong>now!</strong>. At Stella Motus we understand this and so offer full delivery tracking and current build information free of charge. All orders are fulfilled within 4 years of their order date, or your money back!</p>
</article>
<!--I might not use this
<div id="icon_section">
<div class="icon"><i class="fa fa-microchip fa-4x" aria-hidden="true"></i><h2>Fitted with AURA</h2><p>All new installations are fitted with AURA, your personal assistant when travelling the stars. AURA can </p></div>
<div class="icon"><i class="fa fa-plane fa-4x" aria-hidden="true"></i><h2>10,000 Lightyear Warranty</h2><p>As one of the leading suppliers of commercial spacecraft we offer a 10,000 lightyear warranty on ALL orders.</div>
<div class="icon"><i class="fa fa-check fa-4x" aria-hidden="true"></i><h2>Federal Space Commission Certified</h2><p>We work to the latest standards set in place by the FSC so that you can be sure your vehicle is legal.</div>
</div> -->
<footer>
<section>
<h2>Stella Motus</h2>
<ul id="sitemap">
<li><a href='index.html'>Home</a></li>
<li><a href='about.html'>About</a></li>
<li><a href='blog.html'>Blog</a></li>
<li><a href='order.html'>Order</a></li>
</ul>
<ul>
<li>© Hyperval Starships Ltd. 2016</li>
<li>No Rights Reserved</li>
</ul>
</section>
<section>
<h2>Contact</h2>
<ul>
<li>Office 764b</li>
<li>MG Industrial Station</li>
<li>Jita</li>
<li>New Eden</li>
<li>#stellamotus</li>
</ul>
</section>
<section>
<h2>Social</h2>
<ul>
<li><a href='#'>Facebook</a></li>
<li><a href='#'>Twitter</a></li>
<li><a href='#'>IRC</a></li>
<li><a href='#'>Email</a></li>
<li><a href='#'>Usenet</a></li>
</ul>
</section>
<p id="copyright">Site design by <a href='http://peb.si'>Thomas Lock</a><br>Computer Science at <a href='http://lincoln.ac.uk'>University of Lincoln</a></p>
</footer>
</main>
</body>
</html>