-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.html
153 lines (137 loc) · 5.83 KB
/
main.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
<html>
<head>
<title>Wifi Power | What AirPower wanted to be</title>
<link rel="icon" href="images/icon.png">
</head>
<header>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<!-- CSS -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-139128802-1"></script>
<!-- Scripts-->
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="js/materialize.js"></script>
<script src="js/init.js"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-139128802-1');
</script>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-7422791457858994",
enable_page_level_ads: true
});
</script>
</header>
<style>
.parallax-container
{
height: 700;
}
.brand-img img
{
padding-left: 5px; /* Fix a little issue of the logo "sticking" to the left side of the screen too much */
height: 100%;
position:relative;
}
.icon-black
{
color: black;
}
</style>
<body>
<nav class="blue-grey lighten-2" role="navigation">
<div class="nav-wrapper container">
<a href="#" class="brand-img img-responsive">
<img src="images/WifiPower.png">
</a>
<a href="#" data-target="mobile-demo" class="sidenav-trigger right"><i class="material-icons icon-black">menu</i></a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="https://www.uberprints.com/designs/shared/861381/4uinohroir9mjqiydgnu?ref=email">Order the Black Shirt</a></li>
<li><a href="https://www.uberprints.com/designs/shared/861380/3jwafjwsbnfdv1c0afkm?ref=email">Order the White Shirt</a></li>
<li><a href="about.html">About Us</a></li>
</ul>
</div>
</nav>
<ul class="sidenav" id="mobile-demo">
<li><a href="https://www.uberprints.com/designs/shared/861381/4uinohroir9mjqiydgnu?ref=email">Order the Black Shirt</a></li>
<li><a href="https://www.uberprints.com/designs/shared/861380/3jwafjwsbnfdv1c0afkm?ref=email">Order the White Shirt</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="https://github.com/EliVerbrugge/WifiPower">See our code on Github!</a></li>
</ul>
<div id="index-banner" class="parallax-container">
<div class="section">
<div class="container">
<br><br>
<div class="row center s12">
<h2 class="header center black-text">Wireless Charging for All</h2>
</div>
<div class="row center s12">
<h5 class="header col s12 black-text">A new technology that employs wireless charging standards to charge your phone.</h5>
</div>
<div class="row center s12"></div>
<div class="row center s12"></div>
<div class="row center s12"></div>
<div class="row center s12"></div>
<div class="row center s12"></div>
<div class="row center s12"></div>
<div class="row center s12"></div>
<div class="row center s12"></div>
<div class="row center s12"></div>
<div class="row center s12"></div>
<div class="row center s12"></div>
<div class="row center s12">
<a href="./charge_page.html" id="download-button" class="btn-large waves-effect waves-light black lighten-1">Start Charging</a>
</div>
<br><br>
</div>
</div>
<div class="parallax"><img src="images/background_landing.jpg" alt="Unsplashed background img 1"></div>
</div>
<div class="container">
<div class="section">
<!-- Icon Section -->
<div class="row">
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center grey-text"><i class="material-icons">flash_on</i></h2>
<h5 class="center">Charging</h5>
<p class="light">Charge from any WifiPower Charging point, our technologies will ping the supported charger and will allow any wireless charging supporting phone to be charged simply by accessing our embedded web app.</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center grey-text"><i class="material-icons">group</i></h2>
<h5 class="center">User Driven</h5>
<p class="light">This project is funded by a core group of investors, but WifiPower is a free technology that is built for it's users.</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center grey-text"><i class="material-icons">settings</i></h2>
<h5 class="center">Continous Development</h5>
<p class="light">We are keeping up to date with emerging technologies in the field. We are continously expanding the efficiency of the charging points, and are working tirelessly to support other browsers as well as increase out charging speeds.</p>
</div>
</div>
</div>
</div>
</div>
<footer class="page-footer black">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">Company Bio</h5>
<p class="grey-text text-lighten-4">We are an experienced team of developers from a variety of programming and computer engineering backgrounds working together to build the next-generation charging solution to empower users globally.</p>
<li><a href="https://github.com/EliVerbrugge/WifiPower">See our code on Github! <br> <br></a></li>
</div>
</div>
</div>
</footer>
</html>