-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathcode.html
More file actions
340 lines (268 loc) · 15.6 KB
/
code.html
File metadata and controls
340 lines (268 loc) · 15.6 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
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css/code.css">
<link rel="stylesheet" href="css/grid.css">
<title>Document</title>
</head>
<body>
<header>
<ul class="main-nav">
<li><a href="#">Home</a></li>
<li><a href="#">services</a></li>
<li><a href="#">about</a></li>
<li><a href="#">sample</a></li>
<li><a href="#">for agencies</a></li>
<li><a href="#">reviews</a></li>
<li><a href="#">labs</a></li>
<li><a href="#">order now</a></li>
</ul>
<div class="header__text">
<span class="initial">Agency-to-Agency</span>
<h1 class="header__text-primary">Coding</h1>
<h1 class="header__text-secondary">Service</h1>
</div>
<p class="paragraph">
<span class="paragraph1"> We are focused on delivering high-class HTML/CSS markup, WordPress development and</span> <br>
<span class="paragraph2"> implementing E-commerce solutions such as WooCommerce and Shopify</span>
</p>
</header>
<section class="section-feature">
<div class="row">
<h1 class="header__text-tertiary">Our Core Services</h1>
<p1 class="section-paragraph">
<span class="paragraph3">Every line of code and every pixel we deliver is carefully crafted by our in-house team. While constantly looking for new horizons,</span> <br>
<span class="paragraph4">challenges and opportunities in the programming field, we have focused our attention on these core areas:</span>
</p>
</div>
</section>
<section class="section-feature-box">
<div class="feature-first">
<div class="col span-1-of-3">
<img src="img/index.png" alt="html5" class="tag">
<h6 class="small">PSD to HTML a.k.a.</h6>
<h1 class="headings">Front-End Coding</h1>
<p2 class="paragraph5">We convert any design file: PSD, Sketch, Ai, Adobe XD to pixel perfect, semantic and standard compliant HTML/CSS template.</p> <br>
<div class="details">
<a href="#" class="btn btn-full">More details</a>
</div>
</div>
<div class="col span-1-of-3">
<img src="img/index3.png" alt="wordpress" class="tag">
<h6 class="small">PSD to WordPress a.k.a.</h6>
<h1 class="headings">WordPress Development</h1>
<p2 class="paragraph5">We turn designs into high-quality, fully functional CMS driven websites based on WordPress.</p> <br>
<div class="details">
<a href="#" class="btn btn-full">More details</a>
</div>
</div>
<div class="col span-1-of-3">
<img src="img/index4.png" alt="email" class="tag">
<h6 class="small">PSD to HTML Email a.k.a.</h6>
<h1 class="headings">Email Template Coding</h1>
<p2 class="paragraph5">High class HTML coding for responsive email marketing templates, coming with integration into email marketing software.</p> <br>
<div class="details">
<a href="#" class="btn btn-full">More details</a>
</div>
</div>
</div>
<div class="feature-second">
<div class="col span-1-of-3">
<img src="img/index5.png" alt="WooCommerce" class="tag">
<h6 class="small">PSD to WooCommerce a.k.a.</h6>
<h1 class="headings">WooCommerce Development</h1>
<p2 class="paragraph5">We know the ins and outs of WooCommerce and we can help you get your eCommerce site running in a matter of weeks.</p> <br>
<div class="details">
<a href="#" class="btn btn-full">More details</a>
</div>
</div>
<div class="col span-1-of-3">
<img src="img/images1.jpeg" alt="html5" class="tag">
<h6 class="small">PSD to Shopify a.k.a.</h6>
<h1 class="headings">Shopify Development</h1>
<p2 class="paragraph5">We can turn design mock-ups from any format (PSD, Ai, Sketch, Adobe XD, etc.) into a fully functional, responsive Shopify site.</p> <br>
<div class="details">
<a href="#" class="btn btn-full">More details</a>
</div>
</div>
<div class="col span-1-of-3">
<img src="img/index2.png" alt="html5" class="tag">
<h6 class="small">React and Vue.js a.k.a.</h6>
<h1 class="headings">Single page APPs</h1>
<p2 class="paragraph5">Performance, Scalability, Reusable Components, One Way Data Flow - the perfect ingredients for single-page applications.</p> <br>
<div class="details">
<a href="#" class="btn btn-full">More details</a>
</div>
</div>
</div>
</section>
<section class="section-person">
<div class="row">
<div class="col span-1-of-3">
<div class="image-set">
<div class="image1"> </div>
</div>
</div>
<div class="col span-2-of-3">
<h1 class="headings1">Justin Baloun </h1>
<h5 class="headings2">Founder</h5>
<h6 class="headings2">Wheat Creative </h6>
<img src="img/15.png" alt="Double quotes" class="quotes">
<blockquote>We've consistently received the best support, account management, and expert insight you would hope to have from a great web partner. </blockquote>
<cite>Read more</cite>
</div>
</div>
</section>
<section class="section-buy">
<div class="row">
<div class="col span-1-of-2">
<div class="image2"> </div>
</div>
<div class="col span-1-of-2">
<h1 class="heading-fourth">Try Before You Buy </h1>
<div class="risk-free">
Risk-free test of our services.
</div>
<div class="line"> </div>
<p3 class="paragraph7">
We are prepared to handle part of your project without any obligations. If you are happy with the process, we then move forward after the initial upfront payment. If you are not satisfied with the first steps, and you do not wish to proceed. No payment is required.
</p3>
</div>
</div>
</section>
<section class="section-promice">
<div class="row">
<h1 class="header__text-tertiary">Our Promice</h1>
<p1 class="paragraph8">
As part of our high quality service, we'd like to offer something extra too
</p1>
</div>
<div class="feature-third">
<div class="col span-1-of-3">
<img src="img/4.png" alt="quality" class="icons">
<h1 class="headings9">Top Code Quality</h1>
<p2 class="paragraph9">What we promise is not simply code but rather a solution. You get a W3C fully compliant markup with no compromise on quality.</p>
</div>
<div class="col span-1-of-3">
<img src="img/5.png" alt="responsive" class="icons">
<h1 class="headings9">Friendly and Responsive</h1>
<p2 class="paragraph9">We know you look for positive attitude, timely reactions, and flexibility. We are here to listen and give the utmost of our capabilities.</p>
</div>
<div class="col span-1-of-3">
<img src="img/6.png" alt="team" class="icons">
<h1 class="headings9">Rockstar Team</h1>
<p2 class="paragraph9">Expertise is our USP. You get an all-star squad of experienced geeks, fully at your service and armed with coding skills to die for.</p>
</div>
</div>
<div class="feature-forth">
<div class="col span-1-of-3">
<img src="img/7.png" alt="quality" class="icons">
<h1 class="headings9">Fast Turn-arounds</h1>
<p2 class="paragraph9">Speed matters no less than quality. We are fast, agile and capable of delivering top notch quality code in a timeframe chosen by you.</p>
</div>
<div class="col span-1-of-3">
<img src="img/8.png" alt="responsive" class="icons">
<h1 class="headings9">Life-time support</h1>
<p2 class="paragraph9">The ultimate proof of our code quality: you get our non-expiring support. If any bugs happen to appear in the future, just write us a line.</p>
</div>
<div class="col span-1-of-3">
<img src="img/9.png" alt="team" class="icons">
<h1 class="headings9">Non-Disclosure Agreement</h1>
<p2 class="paragraph9">Your artwork is fully yours and we would never claim otherwise. You get our word and our full willingness to sign an NDA.</p>
</div>
</div>
</section>
<section class="coding-company">
<div class="col span-1-of-2">
<div class="office"> ;</div>
</div>
<div class="col span-1-of-2">
<h1 class="headings10">We Are Not Just Another <br> Coding Company.</h1>
<div class="paragraph10">
<span class="part1">We are an ambitious bunch of creatives who simply want to make a difference with their work. Giving it all we’ve got while genuinely having fun is the formula helping us face every challenge with a smile.</span><br>
<span class="part2">Here is some information about htmlBurger in numbers:</span>
</div>
<div class="paragraph11">
<p1> <span class="num1">12 </span><p2 class="style-1"> Years Of Experience</p2></p>
<p2> <span class="num2"> 25,000 </span> <p2 class="style-2">Projects completed</p2></p>
<p3 class="num3"> <span class="num3">100 </span> <p2 class="style-3">Talented developers</p2></p>
</div>
</div>
</section>
<section class="section-match">
<h1 class="heading11">Think We'd <span class="match">Be a Match?</span></h1>
<span><a href="#" class="project project-full">Start yours project</a></span>
<a href="#" class="project-ghost"><span> </span></a>
</section>
<section class="section-last">
<div class="main">
<div class="col span-1-of-4">
<h1 class="heading12">Quick Links</h1>
<div class="set">
<ul class="link2">
<li class="content">Home</li>
<li class="content">Samples</li>
<li class="content">about</li>
<li class="content">For Agencies</li>
<li class="content">How It Works</li>
<li class="content">Pricing & Services</li>
<li class="content">Reviews</li>
</ul>
<ul class="link1">
<li class="content">Blogs</li>
<li class="content">Labs</li>
<li class="content">FAQ</li>
<li class="content">Our Polices</li>
<li class="content">Sitemap</li>
<li class="content">Client Area</li>
</ul>
</div>
</div>
<div class="col span-1-of-4">
<h1 class="heading12">Services</h1>
<ul class="link1">
<li class="content">Front-End-Coding</li>
<li class="content">Wordpress Development</li>
<li class="content">Email Template Coding</li>
<li class="content">WooCommerce Development</li>
<li class="content">Shopify Development</li>
<li class="content">CraftCMS Development</li>
<li class="content">Single Page APPs</li>
<li class="content">Design Services</li>
</ul>
</div>
<div class="col span-1-of-4">
<h1 class="heading12">Get in Touch</h1>
<ul class="link1">
<li class="content">Order Now</li>
<li class="content">Get a quick Quote</li>
<li class="content">Contact Us</li>
</ul>
<ul class="link1">
<li class="content">US:+1844 224 1228</li>
<li class="content">UK:+44 203 637 5848</li>
<li class="content">info@htmlburger.com</li>
</ul>
</div>
<div class="col span-1-of-4">
<img src="img/13.jpeg" alt="quality" class="burger">
<h2 class="heading13">Html <span class="span1">burger</span></h2>
<div class="social">
<img src="img/17.png" alt="facebook" class="social-link">
<img src="img/18.png" alt="instagram" class="social-link">
<img src="img/19.png" alt="twitter" class="social-link">
</div>
<div class="copyright">
<p1>
©Copyright 2008-2019 htmlBurger.com
</p1>
</div>
</div>
</div>
</div>
</section>
</body>
</html>