-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
610 lines (584 loc) · 34.1 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
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
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
<!DOCTYPE html>
<html lang="en">
<head>
<title>Luxury Carpets and Custom Rugs Contempary in Haryana IN. - Home - Colors-International & Luxury Carpets</title>
<meta charset="UTF-8">
<meta name="description" content="With almost 10 years experience in the Panipat carpet business, Colors-International is proud to provide the highest quality luxury Carpets at an affordable price for your home or office.">
<meta name="keywords" content="Luxury Carpets in Panipat, carpet in Panipat, Panipat tile and carpet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="resources/common/css/common.css">
<link rel="stylesheet" href="resources/css/homepage.css">
<script src="venders/jquery/jquery-3.2.1.min.js" type="text/javascript"></script>
<script src="venders/jquery/jquery.easing.1.3.js" type="text/javascript"></script>
</head>
<body id="top">
<div id="header-container">
<header id="main-header">
<a href="mailto:[email protected]" class="facebook-link">
<img src="resources/images/fb.png" class="white-link"> [email protected]
</a>
<a href="index.html" class="header-logo lg">
<img src="resources/images/logo1.png" alt="American Carpet and Flooring">
</a>
<span class="phone-number">
<img src="resources/images/phone.png" alt="Call us at +91-9802004003">
<a style="color: #ffffff" href="tel:+91-9802004003">+91-9802004003</a>
</span>
<span id="mobile-menu-toggle">
<span></span>
<span></span>
<span></span>
<span></span>
</span>
</header>
<div id="mobile-menu">
<ul>
<li class="mobile-dropdown layer1">COLLECTION
<img class="dropdown-arrow-mobile" src="resources/images/arrow_down.png" alt="">
<ul class="mobile-submenu">
<li><a href="Hand Tufted.html">Hand-Tufted</a></li>
<li><a href="Handloom.html">Handloom</a></li>
<li><a href="Flat Weaves.html">Flat-Weaves</a></li>
<li><a href="Wall to Wall.html">Wall To Wall</a></li>
</ul>
</li>
<li class="mobile-dropdown layer1">Design Creation
<img class="dropdown-arrow-mobile" src="resources/images/arrow_down.png" alt="">
<ul class="mobile-submenu">
<li><a href="kitchen-design.html">Theme</a></li>
<li><a href="bath-design.html">Rendering</a></li>
</ul>
</li>
<li class="layer1"><a href="gallery.html">Gallery</a></li>
<li class="layer1"><a href="locations.html">Locations</a></li>
<li class="layer1"><a class="scroll-to-contact" href="#contact-from">Contact Us</a></li>
<li class="layer1"><a href="about.html">About Us</a></li>
<li class="layer1"><a href="index.html">Home</a></li>
</ul>
<a href="tel:+91-9802004003" id="mobile-menu-phone-number">+91-9802004003</a>
</div>
</div>
<nav id="main-nav">
<ul>
<li class="menu">
Collection
<div class="sub-menu flooring">
<ul>
<li>
<a href="Hand%20Tufted.html">
Hand Tufted <img src="resources/images/hover_ribbon.png" alt="">
</a>
</li>
<li>
<a href="Handloom.html">
Handloom <img src="resources/images/hover_ribbon.png" alt="">
</a>
</li>
<li>
<a href="Flat%20Weaves.html">
Flat Weaves <img src="resources/images/hover_ribbon.png" alt="">
</a>
</li>
<li>
<a href="Wall%20To%20Wall.html">
Wall To Wall <img src="resources/images/hover_ribbon.png" alt="">
</a>
</li>
</ul>
</div>
</li>
<li class="menu">
Design
<div class="sub-menu home-design">
<ul>
<li>
<a href="kitchen-design.html">
Theme <img src="resources/images/hover_ribbon.png" alt="">
</a>
</li>
<li>
<a href="bath-design.html">
Rendering <img src="resources/images/hover_ribbon.png" alt="">
</a>
</li>
</ul>
</div>
</li>
<li>
<a href="gallery.html">Gallery</a>
</li>
<li>
<a class="scroll-to-contact" href="#">Contact Us</a>
</li>
<li>
<a href="locations.html">Locations</a>
</li>
<li>
<a href="about.html">About Us</a>
</li>
</ul>
</nav>
<div id="main">
<div class="landing">
<div class="landing-info-container">
<h1>We at Colors International can <span class="red-text">help</span> <span class="underlined">you</span> make the <span class="red-text">best</span> first impression</h1>
<h4>With almost 15 years of experience manufacturing bespoke rugs and creating lasting impressions, you can depend on us
to get the job done right the first time.</h4>
<div class="button-container">
<span class="custom-button red-button scroll-to-products">What we offer</span>
<span class="custom-button red-button">About us</span>
</div>
</div>
</div>
<section class="why-choose-us">
<header class="header-intro">
<h1>Why Choose Colors International?</h1>
<span class="underline"></span>
</header>
<div class="benefits-container">
<ul class="benefits-list">
<li class="benefit">
<img class="icon" src="resources/images/knowledge.png" alt="We have the knowledge">
<h4 class="benefit-heading">Our Expertise</h4>
<p class="benefit-description">
We have done numerous high end, high rise projects in Middle-East, Far East, and Europe including the Historical
Grand Lofts and Sky Lofts, among others.
</p>
<img class="dots" src="resources/images/dot-01.png" alt="dots">
</li>
<li class="benefit">
<img class="icon" src="resources/images/samples.png" alt="We can help you with your design">
<h4 class="benefit-heading">Help with your design</h4>
<p class="benefit-description">
With so many styles and brands to choose from it can feel daunting. We can help you find exactly what you're looking for.
</p>
<img class="dots" src="resources/images/dot-02.png" alt="dots">
</li>
<li class="benefit">
<img class="icon" src="resources/images/cabinets.png" alt="We do more than just flooring">
<h4 class="benefit-heading">More Than Flooring</h4>
<p class="benefit-description">
Why go through 3 different companies to get your Luxury Carpets, flooring, and Handloom? We do all this, with multiple discounts
to help you gain peace of mind.
</p>
<img class="dots" src="resources/images/dot-03.png" alt="dots">
</li>
</ul>
</div>
</section>
<section id="quote">
<div class="quote-container">
<blockquote>
"They helped me take my idea from chicken scratch on a piece of paper to a beautiful finished product. Thank you so much."
</blockquote>
<span class="quote-by">This One Guy</span>
</div>
</section>
<section id="products" class="products">
<div class="products-inner">
<header class="products-header">
<h1>Product Gallery</h1>
<p>Our <span class="accent-color-text"><a target="_blank" href="https://www.go07748,-118.3537027,17z/data=!3m1!4b1!4m5!3m4!1s0x80dd4b1c8xd6592db4a566dbed!8m2!3d33.807748!4d-118.351514">showroom</a></span> offers all types of luxurious Carpets, a wide range of Hand Tufted, Handloom and even Wall to Wall Carpets, Bespoke Rugs. So that you can be confident that you'll find the perfect match amongst our selection.
</p>
</header>
<div class="product-container">
<ul class="products-list">
<li id="product-carpet">
<div class="product-picture">
</div>
<div class="product-details">
<span class="card-title">Hand Tufted</span>
<p>The process for creating a hand-tufted rug differs greatly. It is made by punching strands of wool into a canvas that is stretched on a frame with the help of a hand-operated tool.
</p>
</div>
</li>
<li id="product-hardwood">
<div class="product-picture">
</div>
<div class="product-details">
<span class="card-title">Handloom</span>
<p>A handloom is a simple machine used for weaving. So that raising the shaft raises half the threads (those passing through the heddles), and lowering the shaft lowers the same threads.
</p>
</div>
</li>
<li id="product-laminate">
<div class="product-picture">
</div>
<div class="product-details">
<span class="card-title">Hand-Knotted</span>
<p>
Weaving a hand-knotted rug requires a great deal of skill and often a lot of time to produce. The quality and very often the cost of a hand-knotted rug is determined by the number of knots per square inch.
</p>
</div>
</li>
<li id="product-tile">
<div class="product-picture">
</div>
<div class="product-details">
<span class="card-title">Flat Weaves</span>
<p>Flatweaves and pile-knot refer to the way the rug is woven on the warp. The warp is the foundation for every rug and consists of the strings (often white cotton) that run the length of a rug.
</p>
</div>
</li>
<li id="product-countertop">
<div class="product-picture"></div>
<div class="product-details">
<span class="card-title">Bespoke Rugs</span>
<p> Bespoke products are designed to be tailor-made to the client’s desires. Our bespoke range is the ideal choice for a sophisticated, lavish finish to any room which can serve as a truly eye-catching addition to your home.
</p>
</div>
</li>
<li id="product-cabinets">
<div class="product-picture"></div>
<div class="product-details">
<span class="card-title">Wall to Wall</span>
<p>Wall to wall carpets is a carpet intended to cover a floor entirely. originally woven to the dimensions of the specific area they were covering.
</p>
</div>
</li>
</ul>
</div>
</div>
</section>
<section class="serving-torrence">
<img id="birds-bg" src="resources/images/birds.png" alt="">
<div class="serving-torrence-description">
<h1>Carpeting Middle-East and the surrounding areas for over 5 years.</h1>
<p>With almost 15 years experience in the carpet business, Colors International is proud to provide the highest quality
flooring at an affordable price for your home or office. Whether you are looking for Area Rugs, Wall to Wall Carpets, Hand Tufted, Hand Woven, Hand Knotted or
Handloom in New-Zealand Wool, Viscose, Tensel, Real Silk or any other special yarn in any shape or any size, We will help you find the perfect style for you so you can continue
enjoying the comforts and elegance of brand new flooring.
</p>
</div>
</section>
<div id="more-than-flooring-container">
<section class="more-than-flooring">
<svg id="cabinet-svg" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="500"
viewBox="0 0 500.00001 500.00001" width="500" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
<g id="g6450" transform="translate(0 -552.4)">
<rect id="rect6452" fill-opacity="0" ry="23.27" height="500" width="500" y="552.4" x="0" />
</g>
<g id="stove" transform="translate(0, 500)">
<rect id="rect6492" height="68.02" width="142.1" y="311.2" x="202.1" fill="#bdc1b5" />
<rect id="rect6494" ry="0" height="128.1" width="142.1" y="342.9" x="202.1" fill="#b5baad" />
<rect id="rect6496" ry="4.127" height="99.08" width="116.8" stroke="#a2a2a2" stroke-linecap="round" y="353.6" x="214.8" stroke-width="6.761"
fill="none" />
<rect id="rect6500" ry="0" height="15.3" width="142.1" y="295.9" x="202.1" fill="#dde2e8" />
<rect id="rect6502" ry="4.127" height="99.08" width="116.8" y="353.6" x="214.8" fill="#252525" />
<g id="g6504" transform="matrix(.4508 0 0 .4508 -68.17 37.49)">
<g id="g6506" transform="translate(-38.33 1.578)">
<circle id="circle6508" cy="640.7" cx="756.3" r="14.8" fill="#6f6f6f" />
<rect id="rect6510" height="33.29" width="5.087" y="624.1" x="753.7" fill="#4c4c4c" />
</g>
<g id="g6512" transform="translate(40.5 1.578)">
<circle id="circle6514" cy="640.7" cx="756.3" r="14.8" fill="#6f6f6f" />
<rect id="rect6516" height="33.29" width="5.087" y="624.1" x="753.7" fill="#4c4c4c" />
</g>
<g id="g6518" transform="translate(119.3 1.578)">
<circle id="circle6520" cy="640.7" cx="756.3" r="14.8" fill="#6f6f6f" />
<rect id="rect6522" height="33.29" width="5.087" y="624.1" x="753.7" fill="#4c4c4c" />
</g>
<g id="g6524" transform="translate(-117.2 1.578)">
<circle id="circle6526" cy="640.7" cx="756.3" r="14.8" fill="#6f6f6f" />
<rect id="rect6528" height="33.29" width="5.087" y="624.1" x="753.7" fill="#4c4c4c" />
</g>
</g>
<rect id="rect6530" ry="1.474" height="9.433" width="127.5" y="348.9" x="209.5" fill="#fff" />
<rect id="rect6532" ry="0" height="4.377" width="116.8" y="416.6" x="214.8" fill="#343434" />
<rect id="rect6534" ry="0" height="4.377" width="116.8" y="387.4" x="214.8" fill="#343434" />
</g>
<g id="pan" class="appliance" transform="translate(0, -300)">
<path id="path6560" style="color-rendering:auto;text-decoration-color:#000000;color:#000000;isolation:auto;mix-blend-mode:normal;shape-rendering:auto;solid-color:#000000;block-progression:tb;text-decoration-line:none;image-rendering:auto;white-space:normal;text-indent:0;text-transform:none;text-decoration-style:solid"
fill="#3e3e3e" d="m244.1 262.3c-3.066 0-5.572 2.506-5.572 5.572s2.506 5.572 5.572 5.572 5.572-2.506 5.572-5.572-2.506-5.572-5.572-5.572zm0 1.937c2.019 0 3.635 1.616 3.635 3.635s-1.616 3.635-3.635 3.635-3.635-1.616-3.635-3.635 1.616-3.635 3.635-3.635z"
/>
<rect id="rect6562" ry="2.256" height="27.99" width="39.89" y="267.8" x="224.2" fill="#4a4953" />
<rect id="rect6564" ry="0" height="3.167" width="43.94" y="266.3" x="222.2" fill="#34343b" />
<path id="path6566" style="color-rendering:auto;text-decoration-color:#000000;color:#000000;isolation:auto;mix-blend-mode:normal;shape-rendering:auto;solid-color:#000000;block-progression:tb;text-decoration-line:none;image-rendering:auto;white-space:normal;text-indent:0;text-transform:none;text-decoration-style:solid"
fill-opacity=".1116" d="m244.1 262.3v1.937c1.45 0 2.688.8349 3.273 2.052h-3.273v29.58h17.69c1.25 0 2.255-1.006 2.255-2.256v-23.48c0-.2343-.0349-.4604-.1006-.6726h2.128v-3.167h-16.63c-.6864-2.3-2.823-3.989-5.339-3.989z"
/>
</g>
<g id="tea" class="appliance" transform="translate(0, -300)">
<path id="path6542" style="color-rendering:auto;text-decoration-color:#000000;color:#000000;isolation:auto;mix-blend-mode:normal;shape-rendering:auto;solid-color:#000000;block-progression:tb;text-decoration-line:none;image-rendering:auto;white-space:normal;text-indent:0;text-transform:none;text-decoration-style:solid"
fill-rule="evenodd" fill="#1c1c1c" d="m334.9 274.9c-1.114.0485-2.018.2178-2.81.8073-.7922.5896-1.13 1.604-1.182 2.202-.034.3852-.0206.4743-.0167.6374-.2277.0574-.9279.2348-1.734.2139-.9244-.024-1.698-.1514-1.698-.1514l-1.792-.3011-.6022 3.584 1.792.3011s.9964.1694 2.206.2007c1.21.0314 2.662.1028 4.098-.8549.8125-.5417 1.247-1.549 1.328-2.19.054-.4321.0326-.5657.0264-.7545.0497-.0135.1180-.0141.4129-.0475.0122.0122.00044.003.0387.0431.1524.1586.4081.5478.6101 1.084.4040 1.072.6081 2.692.368 4.165s-.8646 2.75-1.965 3.58c-1.1.8293-2.803 1.358-5.7.8927l-1.794-.2879-.5767 3.588 1.794.2879c3.584.5759 6.458-.0674 8.463-1.579 2.005-1.511 3.014-3.743 3.366-5.898.3513-2.155.1044-4.283-.5547-6.032-.3295-.8744-.7587-1.663-1.39-2.321-.6315-.6573-1.583-1.219-2.687-1.171z"
/>
<path id="path6544" style="color-rendering:auto;text-decoration-color:#000000;color:#000000;isolation:auto;mix-blend-mode:normal;shape-rendering:auto;solid-color:#000000;block-progression:tb;text-decoration-line:none;image-rendering:auto;white-space:normal;text-indent:0;text-transform:none;text-decoration-style:solid"
fill-rule="evenodd" fill="#1a1a1a" d="m289.3 272.7-1.875 1.781c3.092 2.332 4.946 10.92 9.29 12.14 4.344 1.223 10.12 1.585 10.12 1.585l.8480-9.357s-4.058 2.195-8.246 1.016c-5.221-.3689-10.14-7.163-10.14-7.163z"
/>
<path id="path6546" fill="#474747" d="m313.9 272.4a16.41 11.76 0 0 0 -16.41 11.77 16.41 11.76 0 0 0 6.433 9.321v2.398h8.701a16.41 11.76 0 0 0 1.282 .0459 16.41 11.76 0 0 0 1.352 -.0459h8.631v-2.39a16.41 11.76 0 0 0 6.433 -9.329 16.41 11.76 0 0 0 -16.42 -11.77z"
/>
<ellipse id="ellipse6548" rx="10.48" ry="3.81" cy="272.4" cx="313.9" fill="#343434" />
<circle id="circle6550" cy="268.6" cx="313.9" r="2.353" fill="#474747" />
<circle id="circle6552" cy="267.5" cx="313.1" r=".562" fill="#afafaf" />
<path id="path6554" stroke-linejoin="round" d="m306.2 276.6s-4.263 1.268-5.55 5.862" stroke="#d7d7d7" stroke-linecap="round"
stroke-width="1.803" fill="none" />
<path id="path6556" style="color-rendering:auto;text-decoration-color:#000000;color:#000000;isolation:auto;mix-blend-mode:normal;shape-rendering:auto;solid-color:#000000;block-progression:tb;text-decoration-line:none;image-rendering:auto;white-space:normal;text-indent:0;text-transform:none;text-decoration-style:solid"
d="m313.9 266.2v29.69a16.41 11.76 0 0 0 1.351 -.0458h8.631v-2.39a16.41 11.76 0 0 0 2.602 -1.8l1.294.2078c3.583.5759 6.458-.0674 8.463-1.579 2.005-1.511 3.014-3.743 3.366-5.898.3513-2.155.1044-4.283-.5547-6.032-.3295-.8744-.7587-1.663-1.39-2.321-.6315-.6573-1.583-1.219-2.687-1.171-1.114.0485-2.018.2178-2.81.8073-.7922.5896-1.13 1.604-1.182 2.202-.034.3853-.0206.4743-.0167.6374-.2277.0574-.9279.2348-1.734.2139-.2924-.008-.5559-.0257-.7985-.0467a16.41 11.76 0 0 0 -5.526 -4.38 10.48 3.81 0 0 0 1.468 -1.936 10.48 3.81 0 0 0 -8.129 -3.709 2.353 2.353 0 0 0 .005 -.1004 2.353 2.353 0 0 0 -2.353 -2.353zm21.1 12.31c.0122.0122.00045.003.0387.0431.1524.1586.4081.5478.6101 1.084.4040 1.072.6081 2.692.368 4.165s-.8646 2.75-1.965 3.58c-.9906.7466-2.478 1.242-4.876.9957a16.41 11.76 0 0 0 1.136 -4.251 16.41 11.76 0 0 0 -.2042 -1.756c.9801-.0134 2.057-.1553 3.126-.8681.8125-.5417 1.247-1.549 1.328-2.19.054-.4321.0326-.5657.0264-.7545.0497-.0135.1180-.0141.4129-.0475z"
fill-opacity=".08252" fill-rule="evenodd" fill="#1c1c1c" />
</g>
<g id="toaster" class="appliance" transform="translate(0, -300)">
<g id="toast" stroke-linejoin="round" transform="translate(0,10.5)" stroke="#6f4e00" stroke-linecap="round" stroke-width=".9286">
<rect id="rect6610" ry="4.158" height="20.57" width="17.62" y="251.1" x="379.1" fill="#eddd9f" />
<rect id="rect6612" ry="4.158" height="20.57" width="17.62" y="254.4" x="393.4" fill="#e7d17e" />
</g>
<rect id="rect6608" ry="0" height="1.641" width="55.81" y="276.7" x="365.5" fill="#45404b" />
<path id="path6614" fill="#bcc1c9" d="m378.4 259.1h30.09c5.092 0 9.192 4.1 9.192 9.192v17.07h-48.48v-17.07c0-5.092 4.1-9.192 9.192-9.192z"
/>
<rect id="rect6616" ry="0" height="3.174" width="51.21" y="284.7" x="367.8" fill="#2c2930" />
<path id="path6618" fill-opacity=".07767" d="m393.4 259.1v28.82h25.61v-3.173h-1.368v-6.347h3.666v-1.642h-3.666v-8.463c0-5.092-4.1-9.192-9.192-9.192h-15.05z"
/>
</g>
<g id="blender" class="appliance" transform="translate(0, -300)">
<path id="path6620" fill="#dedede" d="m447.6 215.1h29.03c.5111 0 1.381 11.24.9226 16.85-1.008 12.34-8.021 36.25-8.021 36.25-.032-.3314-.1972-.6027-.4433-.6027h-13.95c-.2456 0-.4114.2713-.4432.6027 0 0-7.013-23.92-8.021-36.25-.4582-5.607.4114-16.85.9226-16.85z"
/>
<rect id="rect6622" fill-opacity=".9412" ry="5.536" height="30.24" width="31.46" y="257.7" x="446.4" fill="#f8671f" />
<ellipse id="ellipse6624" rx="11.05" ry="4.425" cy="211.9" cx="462.1" fill="#d15e25" />
<rect id="rect6626" ry="1.128" height="5.012" width="32.9" y="211.9" x="445.7" fill="#f8671f" />
<g id="g6628" fill="#fbfbfb" transform="matrix(.06638 0 0 .06638 410.8 216.1)">
<circle id="circle6630" cy="734" cx="643.4" r="32.47" />
<circle id="circle6632" cy="734" cx="773.3" r="32.47" />
<circle id="circle6634" cy="734" cx="903.2" r="32.47" />
</g>
<g id="g6636" transform="matrix(.07219 0 0 .07219 405.4 197.5)">
<circle id="circle6638" stroke-linejoin="round" stroke-width="11.05" stroke-linecap="round" stroke="#d8d8d8" cy="1099" cx="786.2"
r="95.88" fill="#fbfbfb" />
<rect id="rect6640" ry="10.13" height="116.9" width="24.61" y="1041" x="773.9" fill="#e3e3e3" />
</g>
</g>
<g id="cabinet-top" transform="translate(0, -200)">
<rect id="rect6604" height="113.8" width="30.18" y="46.32" x="33.76" fill="#5a514a" />
<path id="path6572" fill="#3c4747" d="m195.2 126.1h151.2v37.29h-151.2z" />
<rect id="rect6574" height="3.686" width="151.2" y="159.7" x="195.2" fill="#6c81ac" />
<g id="g6578" transform="matrix(.3187 .3187 -.3187 .3187 147.4 -234.8)">
<circle id="circle6580" cy="285" cx="878" r="13.61" fill="#91aac2" />
<rect id="rect6582" height="33.59" width="6.364" y="268.2" x="874.9" fill="#767c86" />
</g>
<circle id="circle6584" cy="147.7" cx="341.2" r="1.634" fill="#ff2d2d" />
<circle id="circle6586" cy="152.6" cx="341.2" r="1.634" fill="#faffab" />
<rect id="rect6576" fill-opacity=".07767" ry="0" height="37.29" width="75.58" y="126.1" x="270.8" />
<path id="path6570" fill="#5a514a" d="m63.57 43.47v116.7h131.6v-33.6h151.2v33.6h131.6v-116.7h-414.4z" />
<rect id="rect6588" height="101.7" width="101.6" y="50.45" x="78.6" fill="#866e5b" />
<rect id="rect6590" height="101.7" width="101.6" y="50.45" x="361.4" fill="#866e5b" />
<rect id="rect6592" height="68.1" width="147.6" y="50.45" x="195.2" fill="#866e5b" />
<rect id="rect6594" ry="1" height="23.29" width="3.537" y="89.66" x="161.6" fill="#c5c5c5" />
<rect id="rect6596" ry="1" transform="scale(-1,1)" height="23.29" width="3.537" y="89.66" x="-379.9" fill="#c5c5c5" />
<rect id="rect6598" ry="1" transform="matrix(0,-1,-1,0,0,0)" height="23.29" width="3.537" y="-280.6" x="-108.2" fill="#c5c5c5"
/>
<path id="path6600" fill="#b5b5b5" d="m27.08 38.93h456.6c2.216 0 4 1.784 4 4s-1.784 4-4 4h-456.6c-2.216 0-4-1.784-4-4s1.784-4 4-4z"
/>
<path id="path6602" fill="#c3c3c3" d="m27.08 38.93c-1.642 0-3.046.9809-3.663 2.39h463.9c-.6176-1.409-2.021-2.39-3.663-2.39z"
/>
<rect id="rect6652" transform="scale(-1,1)" ry="2.397" height="5.896" width="9.873" y="70.63" x="-83.54" fill="#c5c5c5" />
<circle id="circle6654" transform="scale(-1,1)" cy="73.58" cx="-76.52" r="1.563" fill="#797979" />
<rect id="rect6656" transform="scale(-1,1)" ry="2.397" height="5.896" width="9.873" y="126.1" x="-83.54" fill="#c5c5c5" />
<circle id="circle6658" transform="scale(-1,1)" cy="129" cx="-76.52" r="1.563" fill="#797979" />
<rect id="rect6660" ry="2.397" height="5.896" width="9.873" y="70.63" x="458" fill="#c5c5c5" />
<circle id="circle6662" cy="73.58" cx="465" r="1.563" fill="#797979" />
<rect id="rect6664" ry="2.397" height="5.896" width="9.873" y="126.1" x="458" fill="#c5c5c5" />
<circle id="circle6666" cy="129" cx="465" r="1.563" fill="#797979" />
</g>
<g id="cabinet-bottom" transform="translate(0, 500)">
<rect id="rect6454" ry="5.427" height="191.8" width="164.1" y="295.7" x="35.81" fill="#5a514a" />
<rect id="rect6456" ry="5.427" height="191.8" width="136.1" y="295.7" x="65.87" fill="#5a514a" />
<path id="path6458" fill="#b5b5b5" d="m21.96 287.9c-4.313 0-7.784 3.472-7.784 7.784 0 4.313 3.472 7.784 7.784 7.784h180v-15.57h-180z"
/>
<rect id="rect6460" ry="0" height="113.1" width="91.03" y="350.2" x="80.9" fill="#866e5b" />
<rect id="rect6462" height="31.69" width="91.03" y="311" x="80.9" fill="#866e5b" />
<rect id="rect6464" ry="1" height="23.29" width="3.537" y="365.3" x="153.4" fill="#c5c5c5" />
<rect id="rect6466" ry="1" transform="rotate(90)" height="23.29" width="3.537" y="-138.1" x="321.3" fill="#c5c5c5" />
<rect id="rect6468" transform="scale(-1,1)" ry="2.397" height="5.896" width="9.873" y="376.1" x="-85.84" fill="#c5c5c5" />
<circle id="circle6470" transform="scale(-1,1)" cy="379" cx="-78.82" r="1.563" fill="#797979" />
<rect id="rect6472" transform="scale(-1,1)" ry="2.397" height="5.896" width="9.873" y="431.5" x="-85.84" fill="#c5c5c5" />
<circle id="circle6474" transform="scale(-1,1)" cy="434.5" cx="-78.82" r="1.563" fill="#797979" />
<rect id="rect6456-5" ry="5.427" height="191.8" width="136.1" y="295.6" x="348.6" fill="#5a514a" />
<rect id="rect6476" transform="scale(-1,1)" ry="0" height="113.1" width="91.03" y="350.2" x="-465.2" fill="#866e5b" />
<rect id="rect6478" transform="scale(-1,1)" height="31.69" width="91.03" y="311" x="-465.2" fill="#866e5b" />
<rect id="rect6480" ry="1" transform="scale(-1,1)" height="23.29" width="3.537" y="365.3" x="-392.8" fill="#c5c5c5" />
<rect id="rect6482" ry="1" transform="matrix(0,1,1,0,0,0)" height="23.29" width="3.537" y="408.1" x="321.3" fill="#c5c5c5"
/>
<rect id="rect6484" ry="2.397" height="5.896" width="9.873" y="376.1" x="460.3" fill="#c5c5c5" />
<circle id="circle6486" cy="379" cx="467.3" r="1.563" fill="#797979" />
<rect id="rect6488" ry="2.397" height="5.896" width="9.873" y="431.5" x="460.3" fill="#c5c5c5" />
<circle id="circle6490" cy="434.5" cx="467.3" r="1.563" fill="#797979" />
<path id="path6498" fill="#b5b5b5" d="m344.1 287.9v15.57h144.2c4.313 0 7.784-3.472 7.784-7.784 0-4.313-3.472-7.784-7.784-7.784h-144.2z"
/>
<rect id="rect6536" height="182.9" width="4.512" y="287.9" x="197.5" fill="#b5b5b5" />
<rect id="rect6538" height="182.9" width="4.512" y="287.9" x="344.1" fill="#b5b5b5" />
<path id="path6568" fill="#d3d3d3" d="m21.96 287.9c-2.775 0-5.195 1.442-6.573 3.616h186.6v-3.616h-180zm322.2 0v3.616h150.8c-1.378-2.174-3.798-3.616-6.573-3.616h-144.2z"
/>
<rect id="rect6642" ry="1.283" height="55.36" width="2.566" y="314.1" x="488.9" fill="#f8f8f8" />
<rect id="rect6644" ry="1.283" height="44.76" width="2.566" y="314.1" x="493.1" fill="#f8f8f8" />
<rect id="rect6646" ry="2.47" height="5.1" width="15.49" y="312.4" x="480.9" fill="#c0c2d1" />
<circle id="circle6648" cy="314.9" cx="492.5" r="2.085" fill="#fff" />
<rect id="rect6650" ry="0" height="9.466" width="3.719" y="310.2" x="480.2" fill="#4c454f" />
<rect id="rect6456-2" ry=".4765" height="16.84" width="170.7" y="470.6" x="189.2" fill="#5a514a" />
</g>
</svg>
<div class="more-then-flooring-right">
<h1>We do more than just carpeting.</h1>
<p>We know that it can be stressful remodeling/building a home or office. We can help ease the stress by providing you
with all of your flooring and luxurious carpeting needs. Gone are the days of juggling multiple companies with overlapping
schedules and multiple quotes. We can help you choose the perfect carpet designs, wall carpets, and flooring for your home
or office.</p>
</div>
</section>
</div>
<div class="scroll-follow-breakpoint"></div>
<section class="design-help">
<img id="design-help-img" src="resources/images/design-help.jpeg" alt="">
<div id="design-description" class="design-help-description-container" style="transform: matrix(1, 0, 0, 1, 0, 0)">
<div class="design-help-description">
<h1>We Can Help You With Your Design.</h1>
<p>From customised carpets to bespoke rugs to wall to wall carpets and everything in between Colors International is the comprehensive source for all of your design needs. We are your destination source for the best in both custom carpets and luxurious carpeting design. Your vision is our guide and inspiration.
</p>
<a class="card-link" href="kitchen-design.html">Read More</a>
</div>
</div>
</section>
<section id="next-steps" class="steps">
<div class="steps-bottom-container">
<h1>YOUR NEXT STEPS</h1>
<div id="steps-choose-options">
<h4>Select An Option</h4>
<span id="warehouse" class="primary-button-no-link" href="#next-steps">STOP BY OUR SHOWROOM</span>
<span class="fancy-or">OR</span>
<span id="in-home" class="primary-button-no-link" href="#next-steps">VISIT US</span>
</div>
<ul id="warehouse-list">
<li>
<div id="w-step-01" class="step">
<img class="circle" src="resources/images/step-circle.png" alt="">
<img class="step-graphic" src="resources/images/store-front.png" alt="Showroom">
<h4>Stop by our showroom</h4>
</div>
</li>
<li>
<div id="w-step-02" class="step">
<img class="circle" src="resources/images/step-circle.png" alt="">
<img class="step-graphic" src="resources/images/step-magnifying-glass.png" alt="Find what your looking for.">
<h4>Browse Around and Ask Questions</h4>
</div>
</li>
<li>
<div id="w-step-03" class="step">
<img class="circle" src="resources/images/step-circle.png" alt="">
<img class="step-graphic" src="resources/images/shop-cart.png" alt="Shop at our showroom">
<h4>Shop and Save</h4>
</div>
</li>
<li>
<div id="w-step-04" class="step">
<img class="circle" src="resources/images/step-circle.png" alt="">
<img class="step-graphic" src="resources/images/step-worker.png" alt="Install Crew">
<h4>Schedule A Date For The Install Crew</h4>
</div>
</li>
<div class="ul-next">
<h4 class="subheader">Let's get started</h4>
<span><a class="accent-button" target="_blank" href="hhttps://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3474.285434800922!2d76.97452221480903!3d29.449674353378413!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390dd9bda1044e35%3A0xb7b79725a81b3270!2sColors+International!5e0!3m2!1sen!2sin!4v1524504246897">Directions</a></span>
</div>
</ul>
<ul id="in-home-list">
<li>
<div id="h-step-01" class="step">
<img class="circle" src="resources/images/step-circle.png" alt="">
<img class="step-graphic" src="resources/images/step-phone-email.png" alt="Email">
<h4>Call Us Or Send Us An Email</h4>
</div>
</li>
<li>
<div id="h-step-02" class="step">
<img class="circle" src="resources/images/step-circle.png" alt="">
<img class="step-graphic" src="resources/images/step-calendar.png" alt="Calendar">
<h4>Schedule An Appointment With A Design Consultant</h4>
</div>
</li>
<li>
<div id="h-step-03" class="step">
<img class="circle" src="resources/images/step-circle.png" alt="">
<img class="step-graphic" src="resources/images/step-magnifying-glass.png" alt="Magnifying Glass">
<h4>Preview The Samples and Decide On A Design</h4>
</div>
</li>
<li>
<div id="h-step-04" class="step">
<img class="circle" src="resources/images/step-circle.png" alt="">
<img class="step-graphic" src="resources/images/step-worker.png" alt="Install Crew">
<h4>Schedule A Date For The Install Crew</h4>
</div>
</li>
<div class="ul-next">
<h4 class="subheader">Let's get started</h4>
<span><a class="accent-button scroll-to-contact" href="tel:+91 9802004003">CALL US</a></span>
</div>
</ul>
</div>
</section>
<!-- The inline class is relative to the rest of the content.
The popup class is used so the form 'popups' from the top of the screen (USED ON THE REST OF THE SITE).
-->
</div>
<span id="scroll-to-top" class="float-button">↑</span>
<section id="footer">
<div id="footer-container">
<div id="footer-learn">
<span class="footer-heading">COLLECTION</span>
<ul>
<li><a href="Hand%20Tufted.html">Hand Tufted</a></li>
<li><a href="Handloom.html">Handloom</a></li>
<li><a href="Flat%20Weaves.html">Flat-Weaves</a></li>
<li><a href="Wall%20To%20Wall.html">Wall-To-Wall</a></li>
</ul>
</div>
<div id="footer-design">
<span class="footer-heading">DESIGN CREATION</span>
<ul>
<li><a href="kitchen-design.html">Theme</a></li>
<li><a href="bath-design.html">Rendering</a></li>
</ul>
<span class="footer-heading"><a href="locations.html" style="color: #fff">Locations</a></span>
<ul>
<li><a target="_blank" href="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3474.285434800922!2d76.97452221480903!3d29.449674353378413!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390dd9bda1044e35%3A0xb7b79725a81b3270!2sColors+International!5e0!3m2!1sen!2sin!4v1524504246897">Showroom</a></li>
<li><a target="_blank" href="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3474.285434800922!2d76.97452221480903!3d29.449674353378413!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390dd9bda1044e35%3A0xb7b79725a81b3270!2sColors+International!5e0!3m2!1sen!2sin!4v1524504246897">Warehouse</a></li>
</ul>
</div>
<div id="footer-contact">
<span class="footer-heading">CONTACT</span>
<ul>
<li>E-1/9 Sector 4 Eldeco Estate Panipat Haryana IN</li>
<li>Monday - Saturday, 9 AM- 8 PM</li>
<li>+91 9802004003</li>
<div class="multi-button-container">
<a class="scroll-to-contact" href="#contact-form">Contact Us</a>
<a target="_blank" href="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3474.285434800922!2d76.97452221480903!3d29.449674353378413!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390dd9bda1044e35%3A0xb7b79725a81b3270!2sColors+International!5e0!3m2!1sen!2sin!4v1524504246897">Get Directions</a>
</div>
</ul>
</div>
</div>
<div id="footer-bottom">
<div id="footer-legal">
<ul>
<li><a href="privacy-policy.html">Privacy Policy</a></li>
</ul>
</div>
<span id="copywrite">© 2018 Colors International Inc.</span>
</div>
</section>
<script>
$(function () {
$('.scroll-to-contact').on('click', function () {
$('html, body').animate({
scrollTop: $('#contact-form').offset().top
}, 800)
})
$('.scroll-to-products').on('click', function () {
$('html, body').animate({
scrollTop: $('#products').offset().top
}, 800)
})
});
</script>
<script src="resources/common/js/validate.js" type="text/javascript"></script>
<script src="resources/common/js/common.js" type="text/javascript"></script>
<script src="resources/js/homepage.js" type="text/javascript"></script>
</body>
</html>