-
Notifications
You must be signed in to change notification settings - Fork 0
/
helloworld.html
193 lines (170 loc) · 7.41 KB
/
helloworld.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
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
<!DOCTYPE HTML>
<!--
Photon by HTML5 UP
html5up.net | @n33co
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Flexciton</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta content="flexciton.com -
" name="Description"/>
<meta content="energy, electricity" name="keywords"/>
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
</head>
<body>
<!-- Header -->
<section id="header">
<div class="inner">
<!-- <span class="icon major fa-cloud"></span> -->
<img src="images/Logo_NodeX4-01.png" alt="" style="width:220px;height:auto;"/>
<h1>Welcome to the place <br />with the smartest solutions for <br /> your
<strong>energy needs</strong>.</h1>
<!-- <a href="http://html5up.net">HTML5 UP</a>.</h1> -->
<p>The platfrom for personalized energy management<br />
and energy procurement.</p>
<ul class="actions">
<li><a href="#one" class="button scrolly">Discover >> </a></li>
</ul>
</div>
</section>
<!-- One -->
<section id="one" class="main style1">
<div class="container">
<div class="row 150%">
<div class="6u 12u$(medium)">
<header class="major">
<h2>How can technology help for<br />
our personal energy needs?</h2>
</header>
<p> We are buidling the most advanced integrated platform to help
companies to understand their energy usage and take the
best decisions. <br /> </p>
<p> Everything is automated. Everything is simplified.
Our platfrom is built on deep artificial intelligence and
optimization.
</p>
</div>
<div class="6u$ 12u$(medium) important(medium)">
<span class="image fit"><img src="images/IntegrationV2.png" alt="" /></span>
</div>
</div>
</div>
</section>
<!-- Two -->
<section id="two" class="main style2">
<div class="container">
<div class="row 150%">
<div class="6u 12u$(medium)">
<ul class="major-icons">
<li><span class="icon style1 major fa fa-line-chart"></span></li>
<li><span class="icon style2 major fa-bolt"></span></li>
<li><span class="icon style3 major fa fa-gbp"></span></li>
<li><span class="icon style4 major fa fa-calculator"></span></li>
<!-- <li><span class="icon style5 major fa-desktop"></span></li> -->
<!-- <li><span class="icon style6 major fa-calendar"></span></li> -->
</ul>
</div>
<div class="6u$ 12u$(medium)">
<header class="major">
<h2>Do you have these problems?<br />
..then we have the solution.</h2>
</header>
<p> Small and medium businesses do not have a formalized strategy for their energy procurement.
Many businesses do not know where they consume their energy and
the energy pricing is too complex and too time-consuming to understand. Our software can assist
you at all levels, simply and effectively.</p>
<p> The small and medium businesses would like to become more efficient, so to reduce energy
consumption and cost. We can help to achieve your goals with personalized information
and best practices.
<p> Utilities and businesses should collaborate to achieve a smarter way to supply and consume energy.
What is missing is a smart software to fill the gap. Our expertise and our unique technology
can achieve this goal. </p>
</div>
</div>
</div>
</section>
<!-- Three -->
<section id="three" class="main style1 special">
<div class="container">
<header class="major">
<h2>Realise your potential</h2>
</header>
<!-- <p>How do you perform at this moment?</p> -->
<div class="row 150%">
<!-- <div class="4u 12u$(medium)">
<span class="image fit"><img src="images/pic02.jpg" alt="" /></span>
<h3>Magna feugiat lorem</h3>
<p>Adipiscing a commodo ante nunc magna lorem et interdum mi ante nunc lobortis non amet vis sed volutpat et nascetur.</p>
<ul class="actions">
<li><a href="#" class="button">More</a></li>
</ul>
</div> -->
<div id="dennisx"class="4u 12u$(medium)">
<span class="image fit"><img src="images/graph3.jpg" alt="" /></span>
<h3>Online energy and cost assessment</h3>
<p>Use our free online benchmarking test soon!</p>
<!-- <ul class="actions">
<li><a href="#" class="button">SOON</a></li>
</ul> -->
</div>
<!-- <div class="4u$ 12u$(medium)">
<span class="image fit"><img src="images/pic04.jpg" alt="" /></span>
<h3>Magna feugiat lorem</h3>
<p>Adipiscing a commodo ante nunc magna lorem et interdum mi ante nunc lobortis non amet vis sed volutpat et nascetur.</p>
<ul class="actions">
<li><a href="#" class="button">More</a></li>
</ul>
</div> -->
</div>
</div>
</section>
<!-- Four -->
<section id="four" class="main style2 special">
<div class="container">
<header class="major">
<h2>Do you want to try our technology first?</h2>
</header>
<!-- <p>Sign up now</p> -->
<ul class="actions uniform">
<li><a href="https://docs.google.com/a/flexciton.com/forms/d/1lycqeq9o0qPWmpbfcIVckXdUACweBURlYhnqENJ4zH8/viewform" class="button special">Sign Up</a></li>
<!-- <li><a href="#" class="button">Learn More</a></li> -->
</ul>
</div>
</section>
<!-- Footer -->
<section id="footer">
<ul class="icons">
<!-- <li><a href="#" class="icon alt fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon alt fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon alt fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon alt fa-github"><span class="label">GitHub</span></a></li> -->
<li>Contact us:</li>
<li><a href="mailto:[email protected]" class="icon alt fa-envelope"><span class="label">Email</span></a></li>
</ul>
<ul class="copyright">
<li>© Flexciton 2016</li> <li> 100 Clements Road, SE16 4DG, London, UK</li>
</ul>
</section>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
<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','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-76979834-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>