-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
155 lines (153 loc) · 5.79 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
<link href="https://fonts.googleapis.com/css?family=RobotoRoboto+CondensedRoboto+Slab&display=swap" rel="stylesheet">
</head>
<body>
<header>
<div id="slideout-menu">
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="prvproj.html">Previous projects</a>
</li>
<li>
<a href="gallery.html">Gallery</a>
</li>
<li>
<a href="options.html">Options</a>
</li>
</ul>
</div>
<nav>
<div id="logo-img">
<a href="index.html">
<img src="images/logo.png" alt="alt image">
</a>
</div>
<div id="menu-icon">
<i class="fas fa-bars"></i>
</div>
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="prvproj.html">Previous projects</a>
</li>
<li>
<a href="gallery.html">Gallery</a>
</li>
<li>
<a href="options.html">Options</a>
</li>
</ul>
</nav>
<div id="banner"></div>
</header>
<div id="mainbody">
<div class="row justify-content-center">
<h3 class="header col-md-8">About Us</h3>
<p>
we offer many solutions for installing automatic hydroponics system.
We have worked with many well known companies around the world. We also service the system we have installed. Bellow you can see our main base of operations.
and in this site you can see all our previous projects, our gallery and our currently avialable options. If you wish to get something setup for yourself feel free
to contact us.
</p>
</div>
<div id="map"></div>
<script>
function initMap() {
var rvt = {lat: 56.953, lng: 24.103};
var map = new google.maps.Map(
document.getElementById('map'), {zoom: 10, center: rvt});
var marker = new google.maps.Marker({position: rvt, map: map});
}
</script>
</div>
<div class="row col-md-12 justify-content-center"><h3 class="header">These are our previous clients</h3></div>
<table class="table table-striped">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Firstname/company name</th>
<th scope="col">last name</th>
<th scope="col">Review</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>Very good product, have my own personal hydroponics garden now!</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Local pizza shop</td>
<td>-</td>
<td>Helped us make a company garden for our pizza shop. Great service.</td>
</tr>
<tr>
<th scope="row">3</th>
<td>John</td>
<td>Billy</td>
<td>Asked for a lettuce hydroponics setup for my farm. They not only delivered that but did even more.</td>
</tr>
</tbody>
</table>
<footer>
<div id="left-footer">
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="prvproj.html">Previous projects</a>
</li>
<li>
<a href="gallery.html">Gallery</a>
</li>
<li>
<a href="options.html">Options</a>
</li>
</ul>
</div>
<div id="right-footer">
<h3>Follow us</h3>
<div id="social-media-footer">
<ul>
<li>
<a href="#">
<i class="fab fa-twitter"></i>
</a>
</li>
<li>
<a href="#">
<i class="fab fa-facebook"></i>
</a>
</li>
<li>
<a href="#">
<i class="fab fa-instagram"></i>
</a>
</li>
</ul>
</div>
</div>
<script src="https://kit.fontawesome.com/5d2eb5be19.js" crossorigin="anonymous"></script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD4XLWmW0ZmCr6yznaGlaLQ1Rwl97PyERA&callback=initMap"> </script>
<script src="js/main.js"></script>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
</footer>
</body>
</html>