This repository has been archived by the owner on Aug 19, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
245 lines (197 loc) · 8.81 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
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
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hall Technologies</title>
<meta name="description" content="Hall Technologies">
<meta name="subject" content="Hall Technologies">
<meta name="robots" content="index,follow,noodp"><!-- All Search Engines -->
<meta name="googlebot" content="index,follow"><!-- Google Specific -->
<meta name="google" content="notranslate"><!-- Disable Translation -->
<meta name="google" content="nositelinkssearchbox"><!-- No Site Search -->
<link rel="shortcut icon" href="dist/res/footer_logo.png">
<!-- CSS -->
<link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Rubik" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Merriweather|Source+Sans+Pro:700i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Muli:400,600,800" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="dist/lib/balloon.css">
<link rel="stylesheet" type="text/css" href="dist/style/main.css">
</head>
<body>
<!-- Begin Popups -->
<header id="flat">
<div class="left">
<div class="tab" id="close">||</div>
<a href="#team" class="desktop"><div class="tab">TEAM</div></a>
<a href="#portfolio" class="desktop"><div class="tab">PORTFOLIO</div></a>
<a href="#team" class="mobile"><i class="material-icons tab">account_circle</i></a>
<a href="#portfolio" class="mobile"><i class="material-icons tab">dashboard</i></a>
</div>
<div class="right">
<div class="tab" id="contact">
<button class="header" id="button">CONTACT</button>
</div>
</div>
</header>
<section id="contact-form">
<form method="post" action="contact.php" id="form">
<h2 class="form">Contact</h2>
<div id="info">+1 937 846 4465 - [email protected]</div>
<div class="row">
<input type="text" class="normal" id="name" name="name" placeholder="Full Name" required></input>
<input type="email" class="normal" id="email" name="email" placeholder="Email" required></input>
</div>
<div class="row">
<input type="tel" class="normal" id="phone" name="phone" placeholder="Phone Number"></input>
<input type="text" class="normal" id="budget" name="budget" placeholder="Budget"></input>
</div>
<div class="row">
<textarea class="normal big" id="message" name="message" id="message" class="input" placeholder="What do you want to ask us?" required></textarea>
</div>
<div class="card-container">
<button class="green" id="submit" name="submit" type="submit">Get a Quote</button>
</div>
</form>
<div id="blackout"></div>
</section>
<section id="profile">
<div class="profile-popup"></div>
<div id="profileBlackout"></div>
</section>
<!-- End popups -->
<section id="splash" class="full-height">
<div class="splash-row">
<div id="logo"></div>
<h1 class="splash">HALL TECH</h1>
</div>
</section>
<div id="splashdrop"></div>
<main>
<section id="intro" class="">
<h3 class="small">Who we are</h3>
<div class="card-container full-width flex fl-center">
<article>Hall Tech started off as just an idea. A hope in the minds of a few independent web developers to provide people with professional, high quality websites. Now it is a reality. Spanning two continents, we work to give our clients what they need. Whether it be a family business, a school, or a large corporation, we will always put our best foot forward in ensuring the quality you deserve.</article>
</div>
</section>
<section id="team">
<h3 class="small">Team</h3>
<div class="card-container full-width flex fl-center">
<div class="card daniel" id="profile-card">
<div class="card-image" id="n1"></div>
<h2>Daniel Oltmanns</h2>
<p>Full-Stack Developer</p>
<p><i class="material-icons small">room</i>Germany</p>
<div>
<a href="https://github.com/oltmannsdaniel" target="_blank">
<i class="fa fa-github" aria-hidden="true"></i>
</a>
<a href="https://twitter.com/_danieloltmanns" target="_blank">
<i class="fa fa-twitter" aria-hidden="true"></i>
</a>
</div>
<button class="small uniqueJavaScriptName" id="nameDaniel">More</button>
</div>
<div class="card peter" id="profile-card">
<div class="card-image" id="n2"></div>
<h2>Peter Hall</h2>
<p>Systems Engineer</p>
<p><i class="material-icons small">room</i>USA</p>
<div>
<a href="https://github.com/peterhall16" target="_blank">
<i class="fa fa-github" aria-hidden="true"></i>
</a>
<a href="https://twitter.com/ThePeterHall" target="_blank">
<i class="fa fa-twitter" aria-hidden="true"></i>
</a>
</div>
<button class="small uniqueJavaScriptName" id="namePeter">More</button>
</div>
<div class="card matt" id="profile-card">
<div class="card-image" id="n3"></div>
<h2>Matthew Hall</h2>
<p>Technical Lead</p>
<p><i class="material-icons small">room</i>USA</p>
<div>
<a href="https://github.com/mh15" target="_blank">
<i class="fa fa-github" aria-hidden="true"></i>
</a>
<a href="https://twitter.com/matthew349hall" target="_blank">
<i class="fa fa-twitter" aria-hidden="true"></i>
</a>
</div>
<button class="small uniqueJavaScriptName" id="nameMatthew">More</button>
</div>
<div class="card ryan" id="profile-card">
<div class="card-image" id="n4"></div>
<h2>Ryan Wolf</h2>
<p>Front-End Developer</p>
<p><i class="material-icons small">room</i>USA</p>
<div>
<a href="https://github.com/bigwolfden" target="_blank">
<i class="fa fa-github" aria-hidden="true"></i>
</a>
<a href="https://twitter.com/ryantwolf" target="_blank">
<i class="fa fa-twitter" aria-hidden="true"></i>
</a>
</div>
<button class="small uniqueJavaScriptName" id="nameRyan">More</button>
</div>
</div>
</section>
<section id="intro" class="">
<h3 class="small">Who We Work For</h3>
<div class="card-container full-width flex fl-center">
<div class="card">
<div class="card-image" id="n5"></div>
<h1 class="note">Small Businesses</h1>
</div>
<div class="card">
<div class="card-image" id="n6"></div>
<h1 class="note">Big Businesses</h1>
</div>
<div class="card">
<div class="card-image" id="n7"></div>
<h1 class="note">Startups</h1>
</div>
</div>
</section>
<section id="content" class="">
<h3 class="small">What We Do</h3>
<div class="card-container full-width flex fl-center">
<article>We specialize in both front and back end web development. We are experienced in multiple languages, namely HTML, CSS, LESS, JavaScript, node.js, PHP, C++, Java, and Python. We use this knowledge to craft websites that are not just beautiful, but productive, secure, and interactive as well. With a combined 15 years of experience, we will make this process as efficent and easy for you as possible when delivering your request.</article>
</div>
</section>
<h3 class="small" id="portfolio">Portfolio</h3>
<section id="portfolio2">
<div class="wrapper">
<div class="article">
<div class="image" id="n1"></div>
<a class="link">GAMES</a>
<a href="http://apps.halltechnologies.co/Cube%20World/index.html" class="dark" target="_blank"><h2 class="display">Cube World</h2></a>
<p class="body">Cube World is a great 2D game coded entirely in HTML5. It was one of Matthew and Peter's earlier projects that produced a fun and original game. It was created in early 2015.</p>
</div>
<div class="article">
<div class="image" id="n2"></div>
<a class="link">LIBRARIES</a>
<a href="http://apps.halltechnologies.co/Cube%20World/index.html" class="dark" target="_blank"><h2 class="display">Skeleton Plus</h2></a>
<p class="body">Skeleton-plus is the advanced version if the famous Skeleton CSS framework, that will be kept up to date. There is also an SCSS version that it supports.</p>
</div>
<div class="article">
<div class="image" id="n4"></div>
<a class="link">MATHEMATICS</a>
<a href="https://mh15.github.io/rad/" class="dark" target="_blank"><h2 class="display">Interactive Unit Circle</h2></a>
<p class="body">The interactive unit circle is a mathematics tool made in JS to show the realtionship between angles, sine, tangent, and cosine.</p>
</div>
</div>
</section>
<footer>© 2017 Hall Tech</footer>
</main>
<script type="text/javascript" src="dist/lib/mustache.js"></script>
<script type="text/javascript" src="data/profileData.js"></script>
<script type="text/javascript" src="dist/js/main.js"></script>
<script src="https://use.fontawesome.com/c230e8bc28.js"></script>
</body>