-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathcustomers.html
82 lines (77 loc) · 3.04 KB
/
customers.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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
<title>Helio Portal</title>
<!-- 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"/>
</head>
<body>
<a id="logo-container" href="index.html" class="brand-logo"><img src="logos/banner-logo.png" width=100% height=100%</a>
<div class="nav-wrapper container">
<ul class="right hide-on-med-and-down">
<li><a href="#"><!--Navbar Link--></a></li>
</ul>
<ul id="nav-mobile" class="side-nav">
<li><a href="index.html">Navbar Link</a></li>
</ul>
<a href="index.html" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
</div>
<div class="container">
<h1>Welcome back, Joe!</h1>
<!-- <img src=""> LOGO GOES HERE -->
<h3>Select the date you're interested in:</h3>
<form>
<input type="date" name="date" placeholder="enter date MM/DD/YYYY" class="datepicker">
<input type="submit" value="search">
</form>
<h3> Weather Conditions </h3>
<div> Select a weather condition to receive weather alerts:
<p>
<input type="checkbox" id="cbox1" value="first_checkbox">
<label style='color:green' for="cbox1">Excellent</label>
<input type="checkbox" id="cbox2" value="second_checkbox">
<label style='color:blue' for="cbox2">Fair</label>
<input type="checkbox" id="cbox3" value="third_checkbox">
<label style='color:orange' for="cbox3">Inadequate</label>
<input type="checkbox" id="cbox4" value="fourth_checkbox">
<label style='color:red' for="cbox4">Hazardous</label>
</p>
<!-- <ul>
<li style='color:green'>Excellent</li>
<li style='color:blue'>Fair</li>
<li style='color:orange'>inadequate</li>
<li style='color:red'>Hazard</li>
</ul> -->
</div>
<h3> PV System Statistics</h3>
<!-- <div>Solar production</div> -->
<table class="striped">
<tr>
<th scope="col">Consumption:</th><td>29.88 kw/h </td>
</tr>
<tr>
<th scope="col">Production:</th><td>2.95 kw/h </td>
</tr>
<tr>
<th scope="col">SelfConsumption:</th><td>0</td>
</tr>
<tr>
<th scope="col">Feedin(export):</th><td>0</td>
</tr>
<tr>
<th scope="col">Purchased(Import):</th><td>0</td>
</tr>
</table>
<h3>Total savings over time period:</h3>
<div style='color:green'>$100</div>
<h3>Estimated savings for next month:</h3>
<div>$120</div>
<h3>Average savings in your zip code:</h3>
<div>$75</div>
</div>
</body>
</html>