-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
173 lines (167 loc) · 7.34 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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-56219843-2', 'auto');
ga('send', 'pageview');
</script>
<!-- BASICS -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>minium - simply a phone</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="img/parallax/minium_favicon.png">
<link rel="stylesheet" type="text/css" href="css/isotope.css" media="screen" />
<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/bootstrap-theme.css">
<link rel="stylesheet" href="css/style.css">
<!-- skin -->
<link rel="stylesheet" href="skin/default.css">
<link href="//cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">
</head>
<body>
<section class="featured">
<div class="container">
<div class="row mar-bot40">
<div class="col-md-6 col-md-offset-3">
<div class="align-center">
<h1 class="slogan">minium</h1>
<h2 class="slogan" style="color: #474747;">simply a phone</h2>
<div class="span4">
<!-- empty, but using spacer to prevent collapse -->
<div class="spacer50"></div>
</div>
<h2 class="slogan" style="color: #ffffff;"><a href="#why" style="text-decoration: none; color: #ffffff;"><i class="fa fa-arrow-circle-down fa"></i></a></p></h2>
</div>
</div>
</div>
</div>
</section>
<section id="why" class="section pad-bot30 bg-white">
<div class="container">
<div class="row mar-bot40">
<div class="col-lg-8 col-centered">
<div class="align-center">
<h3 class="text-bold">Why Minium?</h3>
<div class="span4">
<!-- empty, but using spacer to prevent collapse -->
<div class="spacer30"></div>
<p class="row mar-bot20">At Minium we believe technology should be simple and mindful. We realized that we were constantly distracted and feeling over-connected by our smartphones. To solve this, we decided to build a new phone.</p>
<p class="row mar-bot20">Minium is the first modern minimalist phone, a phone for people that want a phone and nothing more.</p>
<p class="row mar-bot20">
Minium features a crisp e-paper display and lasts up to a month on a single charge. The feature set is minimal, the design is beautiful and the user experience is as delightful as on any modern device.</p>
<div class="spacer20"></div>
</div>
</div>
</div>
</div>
</section>
<section id="featured" class="bg-lt-grey">
<div class="portfolio">
<div class="row">
<div class="col-centered">
<div class="align-center">
<center>
<p><img src="/img/portfolio/minium_site_render.png" width="100%" />
</p>
</center>
</div>
</div>
</div>
</div>
</section>
<section id="#middle" class="section pad-bot30 bg-lt-grey">
<div class="container">
<div class="row mar-bot20"><div class="col-lg-8 col-centered"><div class="align-center"><h3 class="text-bold mar-bot30">Benefits of Minium phone</h3></div></div></div>
<div class="row mar-bot40">
<div class="col-lg-4" >
<div class="align-center">
<i class="fa fa-bullseye fa-5x mar-bot10"></i>
<h4 class="text-bold">Focus</h4>
<p class="mar-bot40">Minium helps you disconnect and reduce mental clutter by removing unecessary distractions
</p>
</div>
</div>
<div class="col-lg-4" >
<div class="align-center">
<i class="fa fa-power-off fa-5x mar-bot10"></i>
<h4 class="text-bold">Unplug</h4>
<p class="mar-bot40">A battery efficient, e-paper display keeps you going for weeks, not days on a single charge
</p>
</div>
</div>
<div class="col-lg-4" >
<div class="align-center">
<i class="fa fa-lock fa-5x mar-bot10"></i>
<h4 class="text-bold">Relax</h4>
<p class="mar-bot40">We fundamentally believe in transparency and give you back full ownership over your data</p>
</div>
</div>
</div>
</div>
</section>
<section id="email" class="section pad-bot20 bg-white">
<div class="container">
<div class="row mar-bot20">
<div class="col-lg-8 col-centered" >
<div class="align-center">
<h3 class="text-bold">Join the waitlist for Minium below.
<div class="span4">
<!-- empty, but using spacer to prevent collapse -->
<div class="spacer30"></div>
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//miniumphone.us8.list-manage.com/subscribe/post?u=d4d45072db7e95b1b7ae47ec8&id=0ac495dfe1" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div class="align-center" id="mc_embed_signup_scroll">
<input class="align-center" type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div class="align-center" style="position: absolute; left: -5000px;"><input type="text" name="b_d4d45072db7e95b1b7ae47ec8_0ac495dfe1" tabindex="-1" value=""></div>
<div class="spacer5"></div>
<div class="align-center"><input type="submit" value="notify me" name="subscribe" id="mc-embedded-subscribe" class="btn"></div>
</div>
</form>
</div>
<!--End mc_embed_signup-->
</div>
</div>
</div>
</div>
</section>
<section id="shoutout" class="section shoutout">
<div class="container">
<div class="row">
<div class="col-sm-12 align-center">
<h3 style="font-size: 42px; color: #FF8B20;">minium</h3>
<center>
<p><a href="https://twitter.com/miniumphone" target="_blank"><img src="https://g.twimg.com/Twitter_logo_blue.png" width="30" /></a><br />
</p>
</center>
</div>
</div>
</div>
</section>
<script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<script src="js/jquery.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.isotope.min.js"></script>
<script src="js/jquery.nicescroll.min.js"></script>
<script src="js/fancybox/jquery.fancybox.pack.js"></script>
<script src="js/skrollr.min.js"></script>
<script src="js/jquery.scrollTo-1.4.3.1-min.js"></script>
<script src="js/jquery.localscroll-1.2.7-min.js"></script>
<script src="js/stellar.js"></script>
<script src="js/jquery.appear.js"></script>
<script src="js/validate.js"></script>
<script src="js/main.js"></script>
</body>
</html>