-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
311 lines (311 loc) · 11.3 KB
/
index.html
File metadata and controls
311 lines (311 loc) · 11.3 KB
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
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
<!DOCTYPE html>
<html>
<head>
<title>Sitecraft. We build awesome websites</title>
<link rel="icon" type="img/x-icon" href="images/favicon.ico">
<link rel="stylesheet" type="text/css" href="css/button.css">
<link rel="stylesheet" type="text/css" href="css/header.css">
<link rel="stylesheet" type="text/css" href="css/body.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<link rel="stylesheet" type="text/css" href="css/footer.css">
<style>
@font-face{font-family: handwriting_draft; src: url('fonts/handwriting_draft.woff2');}
@font-face{font-family: Montserrat; src: url('fonts/montserrat-light-webfont.woff2');}
</style>
</head>
<body>
<div class="wrapper">
<header id="header">
<div class="container">
<strong class="logo"></strong>
<nav id="navigation">
<div class="holder">
<ul>
<li>
<a href="#">
Services
</a>
</li>
<li>
<a href="#">
Why Us
</a>
</li>
<li>
<a href="#">
Testimonials
</a>
</li>
<li>
<a href="#">
About
</a>
</li>
<li>
<a href="#">
Contact Us
</a>
</li>
</ul>
</div>
</nav>
</div>
</header>
<main id="main">
<div class="main-holder">
<section class="intro">
<div class="container">
<img src="images/xrobots.png.pagespeed.ic.gL0I6i0zZ8.webp" alt="Intro">
<div class="intro-text">
<div class="holder">
<h1>WE BUILD WEBITES</h1>
<p>From elegant handcrafted pages to enterprise <br>solutions - a team of passionate coders can’t wait to <br>fully immerse themselves in your project</p>
<div class="btn-holder">
<a href="#" class="btn" data-text="Contact Us">Contact Us</a>
</div>
</div>
</div>
</div>
</section>
<section id="services" class="section">
<h2>Services</h2>
<div class="services">
<div class="services-holder">
<div class="box">
<img src="images/92xNxicon-service01.png.pagespeed.ic.n2RkmsTXwf.webp" width="92">
<h3>Front - End Development</h3>
<p>We create valid HTML5/CSS3 with<br>rich JS animation and<br>functionality</p>
</div>
<div class="box">
<img src="images/92xNxicon-service02.png.pagespeed.ic.zfs2IRKsA3.webp" width="92">
<h3>Back - End<br>Development</h3>
<p>We code server side solutions<br>based on popular PHP frameworks<br>and CMS</p>
</div>
<div class="box">
<img src="images/92xNxicon-service03.png.pagespeed.ic.ppiXHZt-Xd.webp" width="92">
<h3>IT<br>Consulting</h3>
<p>We'll help you to increase your<br>efficiency with technology-driven<br> transformation of your IT</p>
</div>
<div class="box">
<img src="images/92xNxicon-service04.png.pagespeed.ic.09QdU09k7b.webp" width="92">
<h3>Dedicated<br>Teams</h3>
<p>We'll offer you an accurate solution<br>tailored to your specific<br> development needs</p>
</div>
</div>
</div>
</section>
<section id="reasons" class="section reasons">
<div class="container">
<h2>Five reasons<br>to work with us</h2>
<div class="reason-box">
<img src="images/93xNxicon-reason01.png.pagespeed.ic.__7VZDiOnZ.webp" width="93">
<h3>We love you!</h3>
<p>Seriously, every new request you send our way, every project we do together helps us to get better and stronger. Thanks so much for this opportunity!
</p>
</div>
<div class="reason-box">
<img src="images/93xNxicon-reason02.png.pagespeed.ic.S1YLMM-Nxp.webp" width="93">
<h3>Team</h3>
<p>People matter. That’s why we are a group of like-minded folks who have known each other for quite some time. With the average experience of 8+ years in web-development we are the ultimate solution for your Business!
</p>
</div>
<div class="reason-box">
<img src="images/93xNxicon-reason03.png.pagespeed.ic.vdevyclo46.webp" width="93">
<h3>Expertise</h3>
<p>We don’t promise to build a spaceship for you, although we could actually build one:-) Still there is a lot we could potentially help you with and the list is growing over time!</p>
</div>
<div class="reason-box">
<img src="images/93xNxicon-reason04.png.pagespeed.ic.C09zZXD0KY.webp" width="93">
<h3>Flexibility</h3>
<p>We have standards and workflow of our own. Still we are always open to see how SiteCraft could adjust to your particular process. When in Rome, do as the Romans do!
</p>
</div>
<div class="reason-box">
<img src="images/93xNxicon-reason05.png.pagespeed.ic.C6mgIuiMZf.webp" width="93">
<h3>Quality</h3>
<p>We use all modern testing techniques, both, manual and software enhanced to leave no stone unturned and deliver a product you’ll definitely fall in love with!</p>
</div>
</div>
</section>
<section id="testimonials" class="section testimonials">
<div class="container">
<h2>Testimonials</h2>
<img src="images/ximg-owl.png.pagespeed.ic.3G_fUa9kBr.webp">
<div class="reviews gallery-js-ready autorotation-active">
<div class="slideset">
<div class="slide" style="display: block; opacity: 1;">
<blockquote>
<cite>
<span class="img-place">
<img src="images/xphoto_jason.png.pagespeed.ic.RnzRWFKk7V.webp" width="127">
</span>
Jason Anthony
<span>President, Speak! Agency</span>
<span>
<a href="#" target="_blank" rel="nofollow noopener">speakagency.com</a>
</span>
</cite>
<q>
<span>
“SiteCraft went above and beyond for us, working under very tight time constraints to deliver a wonderful WordPress site. Their project management team was top notch, ensuring every detail was just right. I consider them a true partner and an extension of our team.”
</span>
</q>
</blockquote>
</div>
<div class="slide" style="display: block; opacity: 0;">
<blockquote>
<cite>
<span class="img-place">
<img src="images/xphoto_ehud.png.pagespeed.ic.MII64rNwu6.webp" width="127">
</span>
Ehud Zamir
<span>Founder & CEO</span>
<span>
<a href="#" target="_blank" rel="nofollow noopener">greetingsland.com</a>
</span>
</cite>
<q>
<span>
“SiteCraft is a team of professionals, delivered our project perfectly and on time. Looking forward to work with you again.”
</span>
</q>
</blockquote>
</div>
<div class="slide" style="display: block; opacity: 0;">
<blockquote>
<cite>
<span class="img-place">
<img src="images/xphoto_cem.png.pagespeed.ic.n2o8ecdYXw.webp" width="127">
</span>
Cem Hurturk
<span>Co Founder at Sendloop & Octeth, Inc.</span>
<span>
<a href="#" target="_blank" rel="nofollow noopener">sendloop.com</a>
</span>
</cite>
<q>
<span>
“We are working with SiteCraft for a couple of months and we are quite happy with them. The quality of the work they deliver, their communication, honesty and delivery speed is excellent.”
</span>
</q>
</blockquote>
</div>
<div class="slide" style="display: block; opacity: 0;">
<blockquote>
<cite>
<span class="img-place">
<img src="images/xphoto03.png.pagespeed.ic.KAJIRq00cq.webp" width="127">
</span>
Reserved for you
</cite>
<q>
<span>No fake stuff here</span>
<span>
We would be grateful if you could say a few words about our work to let everyone know how happy you are with us, if you really are
</span>
</q>
</blockquote>
</div>
</div>
<div class="pagination">
<ul>
<li class="active">
<a href="#">1</a>
</li>
<li class>
<a href="#">2</a>
</li>
<li class>
<a href="#">3</a>
</li>
<li class>
<a href="#">4</a>
</li>
</ul>
</div>
</div>
<h2>Our Awards</h2>
<ul class="block-awards">
<li>
<a href="#" class="award" target="_blank" rel="nofollow noopener">
<img src="images/xlogo_1.png.pagespeed.ic.FLdFrMyxbf.webp" width="200" height="184">
</a>
<span>One Page Love Award</span>
</li>
<li>
<a href="#" class="award" target="_blank" rel="nofollow noopener">
<img src="images/xlogo_2.png.pagespeed.ic.2hxOgmXDlj.webp" width="181" height="184">
</a>
<span>Design Nominees "SOTD"</span>
</li>
</ul>
</div>
</section>
<section class="section contact-section">
<div class="container">
<div id="about" class="text-box">
<div class="heading">
<h3>About Us</h3>
</div>
<img src="images/396xNxlogo-footer.png.pagespeed.ic.vqwm2Lp1TF.webp" width="396">
<p>
If you made it this far, you are most likely to know everything about us. So let's make it more personal: we've got four kids, two motorbike riders, four gamers, two travellers, three tattoo fans and one scotch lover:-) The weirdest thing is, we complement each other very well. Want to learn more? Let's make friends!
</p>
</div>
<div id="contact" class="contact-box">
<form name="contact_request" class="js-validation">
<fieldset>
<h3>Contact Us</h3>
<div class="row">
<input type="text" id="contact_request_name" name="contact_request[name]" placeholder="Name">
</div>
<div class="row">
<input type="text" id="contact_request_email" name="contact_request[email]" placeholder="Email">
</div>
<div class="row">
<textarea id="contact_request_message" name="contact_request[message]" placeholder="Message" cols="30" rows="10"></textarea>
</div>
<div class="row">
<div class="attachments-holder">
<div class="attachments-holder-inner">
<div class="file-chooser-holder">
<label for="file-chooser">Click upload or drop files here</label>
<input type="file" id="file-chooser" class="file-chooser validate-uploader" multiple>
</div>
<ul class="attachments-list"></ul>
<input type="hidden" id="contact_request_attachment" name="contact_request[attachments]" class="attachments-data">
</div>
</div>
</div>
<button class="btn" data-text="SEND"></button>
</fieldset>
</form>
</div>
</div>
</section>
</div>
</main>
<footer id="footer">
<div class="container">
<ul class="social-networks">
<li>
<a href="#" class="facebook" target="_blank">
<span>
<img src="images/facebook-logo.svg" alt="facebook" width="20" height="20">
</span>
</a>
</li>
<li>
<a href="#" class="twitter" target="_blank" rel="nofollow noopener">Twitter</a>
</li>
<li>
<a href="#" class="linkedin" target="_blank" rel="nofollow noopener">Linkedin</a>
</li>
</ul>
<span class="copyright">© 2016-2017 SiteCraft.co</span>
<ul class="footer-nav"></ul>
</div>
</footer>
</div>
</body>
</html>