This repository has been archived by the owner on Jul 17, 2018. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
services.html
220 lines (197 loc) · 8.59 KB
/
services.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
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
<!DOCTYPE HTML>
<!--
Arcana 1.0 by HTML5 Up!
html5up.net | @nodethirtythree
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Siphon Technologies</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<noscript><link rel="stylesheet" href="css/5grid/core.css" /><link rel="stylesheet" href="css/5grid/core-desktop.css" /><link rel="stylesheet" href="css/5grid/core-1200px.css" /><link rel="stylesheet" href="css/5grid/core-noscript.css" /><link rel="stylesheet" href="css/style.css" /><link rel="stylesheet" href="css/style-desktop.css" /></noscript>
<script src="css/5grid/jquery.js"></script>
<script src="css/5grid/init.js?use=mobile,desktop,1000px&mobileUI=1&mobileUI.theme=none&mobileUI.titleBarHeight=60&mobileUI.openerWidth=52"></script>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<!--[if IE 9]><link rel="stylesheet" href="css/style-ie9.css" /><![endif]-->
</head>
<body>
<!-- Header -->
<div id="header-wrapper">
<header class="5grid-layout" id="site-header">
<div class="row">
<div class="12u">
<div class="mobileUI-site-name" id="logo">
<h1><font color="488fd4">Siphon</font>Technologies</h1>
</div>
<nav class="mobileUI-site-nav" id="site-nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="projects.html">Projects</a></li>
<li class="current_page_item"><a href="services.html">Services</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
</div>
</header>
</div>
<!-- Main -->
<div id="main-wrapper" class="subpage">
<div class="5grid-layout">
<div class="row">
<div class="6u">
<!-- Content -->
<article class="first">
<h2>Three Column #1 (two right-hand sidebars)</h2>
<p>Suspendisse faucibus dictum tellus id posuere. Cras quis eros tellus, id posuere lacus.
Praesent ac est eros. Aliquam eleifend nunc ut neque consequat quis suscipit elit tincidunt.
Fusce interdum gravida tincidunt. Sed et ante nec ligula fringilla condimentum. Mauris vel
sem ac ligula sed lorem vestibulum ornare vel sed nibh. Fusce rhoncus tincidunt ante, non hendrerit
magna vestibulum quis. Integer vel enim sem phasellus tempus lorem.</p>
<p>Maecenas vel mauris sit amet augue accumsan tempor non in sapien. Nulla facilisi. Aliquam
imperdiet sem et orci adipiscing vehicula sagittis metus consectetur. Mauris a dui dolor magna
tristique condimentum nec ut ligula. Sed eu arcu in neque porta iaculis. Mauris fermentum velit
sit amet leo convallis consectetur. Ut vel libero dui, eu vehicula velit. Maecenas et justo
vitae lacus venenatis vehicula. Ut eget posuere arcu dolore blandit.</p>
<p>Aenean nec turpis ac ligula posuere eleifend sed a eros. Integer nec nibh interdum nulla
fringilla ultricies. Integer semper felis eu ante congue dignissim. Praesent rhoncus nulla
sed felis rhoncus et iaculis risus mattis. Nam sed purus dui, a egestas enim. Donec facilisis,
enim id fermentum mattis, tellus libero ultricies massa, eu bibendum augue ipsum sit amet
ligula. Proin porta sagittis erat ac pharetra. Aenean ultricies enim id mi lacinia rhoncus.
Nunc volutpat, turpis vel porta tincidunt, lectus metus fermentum lectus, sed sodales erat
nisi non dolor. Pellentesque vitae felis eget turpis rutrum malesuada in non quam. Mauris
at lorem vel nunc tristique scelerisque sit amet id nisl. Donec at nisi magna, in pretium
ligula. Sed lacus augue, sagittis et gravida viverra, imperdiet eget elit. Morbi malesuada
mauris eu eros rutrum blandit. Cras malesuada rutrum sem, ac vehicula diam volutpat ac.
Vestibulum sed tortor purus. Phasellus in lectus fringilla tellus porttitor vehicula
ut fermentum metus lorem ipsum dolor sit amet lorem ipsum dolor sit amet nullam consequat.</p>
</article>
</div>
<div class="3u">
<!-- Sidebar 1 -->
<section>
<h3>Magna Phasellus</h3>
<ul class="link-list">
<li><a href="#">Sed dolore viverra</a></li>
<li><a href="#">Ligula non varius</a></li>
<li><a href="#">Nec sociis natoque</a></li>
<li><a href="#">Penatibus et magnis</a></li>
<li><a href="#">Dis parturient montes</a></li>
<li><a href="#">Nascetur ridiculus</a></li>
</ul>
</section>
<section>
<h3>Ipsum Dolor</h3>
<p>
Vehicula fermentum ligula at pretium. Suspendisse semper iaculis eros, eu aliquam
iaculis. Phasellus ultrices diam sit amet orci lacinia sed consequat.
</p>
<ul class="link-list">
<li><a href="#">Sed dolore viverra</a></li>
<li><a href="#">Ligula non varius</a></li>
<li><a href="#">Dis parturient montes</a></li>
<li><a href="#">Nascetur ridiculus</a></li>
</ul>
</section>
</div>
<div class="3u">
<!-- Sidebar 2 -->
<section>
<h3>Ipsum Dolor</h3>
<p>
Vehicula fermentum ligula at pretium. Suspendisse semper iaculis eros, eu aliquam
iaculis. Phasellus ultrices diam sit amet orci lacinia sed consequat.
</p>
<ul class="link-list">
<li><a href="#">Sed dolore viverra</a></li>
<li><a href="#">Ligula non varius</a></li>
<li><a href="#">Dis parturient montes</a></li>
<li><a href="#">Nascetur ridiculus</a></li>
</ul>
</section>
<section class="last">
<h3>Magna Phasellus</h3>
<ul class="link-list">
<li><a href="#">Sed dolore viverra</a></li>
<li><a href="#">Ligula non varius</a></li>
<li><a href="#">Nec sociis natoque</a></li>
<li><a href="#">Penatibus et magnis</a></li>
<li><a href="#">Dis parturient montes</a></li>
<li><a href="#">Nascetur ridiculus</a></li>
</ul>
</section>
</div>
</div>
</div>
</div>
<!-- Footer -->
<div id="footer-wrapper">
<footer class="5grid-layout" id="site-footer">
<div class="row">
<div class="3u">
<section class="first">
<h2>Ipsum et phasellus</h2>
<ul class="link-list">
<li><a href="#">Mattis et quis rutrum sed accumsan</a>
<li><a href="#">Suspendisse amet varius nibh</a>
<li><a href="#">Suspenddapibus amet mattis quis</a>
<li><a href="#">Rutrum accumsan eu varius</a>
<li><a href="#">Nibh lorem sed dolore et ipsum.</a>
</ul>
</section>
</div>
<div class="3u">
<section>
<h2>Lorem mattis dolor</h2>
<ul class="link-list">
<li><a href="#">Duis neque nisi dapibus sed</a>
<li><a href="#">Suspenddapibus amet mattis quis</a>
<li><a href="#">Rutrum accumsan eu varius</a>
<li><a href="#">Nibh lorem sed dolore et ipsum.</a>
<li><a href="#">Mattis et quis rutrum sed accumsan</a>
</ul>
</section>
</div>
<div class="3u">
<section>
<h2>Mattis quis tempus</h2>
<ul class="link-list">
<li><a href="#">Suspendisse amet varius nibh</a>
<li><a href="#">Suspenddapibus amet mattis quis</a>
<li><a href="#">Rutrum accumsan eu varius</a>
<li><a href="#">Nibh lorem sed dolore et ipsum.</a>
<li><a href="#">Duis neque nisi dapibus sed</a>
</ul>
</section>
</div>
<div class="3u">
<section class="last">
<h2>Odio et phasellus</h2>
<ul class="link-list">
<li><a href="#">Rutrum accumsan eu varius</a>
<li><a href="#">Nibh lorem sed dolore et ipsum.</a>
<li><a href="#">Duis neque nisi dapibus sed</a>
<li><a href="#">Mattis et quis rutrum sed accumsan</a>
<li><a href="#">Suspendisse amet varius nibh</a>
</ul>
</section>
</div>
</div>
<div class="row">
<div class="12u">
<div class="divider"></div>
</div>
</div>
<div class="row">
<div class="12u">
<div id="copyright">
© 2013 Siphon Technologies. All rights reserved. | Site Design: <a href="http://html5up.net">HTML5 Up!</a>
</div>
</div>
</div>
</footer>
</div>
</body>
</html>