├── p2.jpg ├── p3.jpg ├── p4.jpg ├── p5.jpg ├── s.png ├── s1.png ├── s2.png ├── s3.png ├── s4.png ├── s5.png ├── s6.png ├── s7.png ├── s8.png ├── s9.png ├── s10.png ├── s11.png ├── s12.png ├── s13.png ├── s14.png ├── s15.png ├── s16.png ├── s17.png ├── s18.png ├── s19.png ├── s20.png ├── s21.png ├── s22.png ├── s23.png ├── bodyimg.png ├── index.html └── style.css /p2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kavinbalasubramani/Simple-Our-product-category-in-responsive/HEAD/p2.jpg -------------------------------------------------------------------------------- /p3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kavinbalasubramani/Simple-Our-product-category-in-responsive/HEAD/p3.jpg -------------------------------------------------------------------------------- /p4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kavinbalasubramani/Simple-Our-product-category-in-responsive/HEAD/p4.jpg -------------------------------------------------------------------------------- /p5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kavinbalasubramani/Simple-Our-product-category-in-responsive/HEAD/p5.jpg -------------------------------------------------------------------------------- /s.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kavinbalasubramani/Simple-Our-product-category-in-responsive/HEAD/s.png -------------------------------------------------------------------------------- /s1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kavinbalasubramani/Simple-Our-product-category-in-responsive/HEAD/s1.png -------------------------------------------------------------------------------- /s2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kavinbalasubramani/Simple-Our-product-category-in-responsive/HEAD/s2.png -------------------------------------------------------------------------------- /s3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kavinbalasubramani/Simple-Our-product-category-in-responsive/HEAD/s3.png -------------------------------------------------------------------------------- /s4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kavinbalasubramani/Simple-Our-product-category-in-responsive/HEAD/s4.png -------------------------------------------------------------------------------- /s5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kavinbalasubramani/Simple-Our-product-category-in-responsive/HEAD/s5.png -------------------------------------------------------------------------------- /s6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kavinbalasubramani/Simple-Our-product-category-in-responsive/HEAD/s6.png -------------------------------------------------------------------------------- /s7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kavinbalasubramani/Simple-Our-product-category-in-responsive/HEAD/s7.png -------------------------------------------------------------------------------- /s8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kavinbalasubramani/Simple-Our-product-category-in-responsive/HEAD/s8.png -------------------------------------------------------------------------------- /s9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kavinbalasubramani/Simple-Our-product-category-in-responsive/HEAD/s9.png -------------------------------------------------------------------------------- /s10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kavinbalasubramani/Simple-Our-product-category-in-responsive/HEAD/s10.png -------------------------------------------------------------------------------- /s11.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kavinbalasubramani/Simple-Our-product-category-in-responsive/HEAD/s11.png -------------------------------------------------------------------------------- /s12.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kavinbalasubramani/Simple-Our-product-category-in-responsive/HEAD/s12.png -------------------------------------------------------------------------------- /s13.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kavinbalasubramani/Simple-Our-product-category-in-responsive/HEAD/s13.png -------------------------------------------------------------------------------- /s14.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kavinbalasubramani/Simple-Our-product-category-in-responsive/HEAD/s14.png -------------------------------------------------------------------------------- /s15.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kavinbalasubramani/Simple-Our-product-category-in-responsive/HEAD/s15.png -------------------------------------------------------------------------------- /s16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kavinbalasubramani/Simple-Our-product-category-in-responsive/HEAD/s16.png -------------------------------------------------------------------------------- /s17.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kavinbalasubramani/Simple-Our-product-category-in-responsive/HEAD/s17.png -------------------------------------------------------------------------------- /s18.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kavinbalasubramani/Simple-Our-product-category-in-responsive/HEAD/s18.png -------------------------------------------------------------------------------- /s19.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kavinbalasubramani/Simple-Our-product-category-in-responsive/HEAD/s19.png -------------------------------------------------------------------------------- /s20.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kavinbalasubramani/Simple-Our-product-category-in-responsive/HEAD/s20.png -------------------------------------------------------------------------------- /s21.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kavinbalasubramani/Simple-Our-product-category-in-responsive/HEAD/s21.png -------------------------------------------------------------------------------- /s22.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kavinbalasubramani/Simple-Our-product-category-in-responsive/HEAD/s22.png -------------------------------------------------------------------------------- /s23.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kavinbalasubramani/Simple-Our-product-category-in-responsive/HEAD/s23.png -------------------------------------------------------------------------------- /bodyimg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kavinbalasubramani/Simple-Our-product-category-in-responsive/HEAD/bodyimg.png -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Saaraa Global 10 | 11 | 12 | 13 | 14 |
15 | 40 | 41 |
42 | 43 | 44 | 68 |



69 |
70 |
71 |

SAARAA GLOBAL

72 |
73 |
74 |

YOUR PREMIER SOURCE FOR
QUALITY HOME TEXTILE EXPORTS

75 |
76 |

77 |



78 |
79 | Welcome to Saaraa Global, your ultimate destination for exquisite home textiles that redefine comfort, style, and functionality. Based in
the heart of Karur, India, we are dedicated to crafting premium quality textiles that enrich your everyday living experiences.


80 | At Saaraa Global, we believe that home is not just a place, but a reflection of your unique lifestyle and personality. That’s why we
meticulously curate our collections to offer an extensive range of products tailored to meet diverse needs and preferences.


81 | Our journey began with a vision to combine traditional craftsmanship with modern innovation, resulting in timeless designs that stand
the test of time. With a passion for excellence and a commitment to sustainability, we source the finest materials and collaborate with
skilled artisans to bring our creations to life.


82 |
83 |

84 |
85 |
86 |
87 |
88 |

ABOUT

89 |
90 |
91 | 92 |
93 |
94 |
95 |

ABOUT US

96 |
ELEVATING HOMES WORLDWIDE
97 |
98 |


99 |
100 |
101 |

From the warmth of our Kapok bedding to the charm of our Christmas collection, each of our products is thoughtfully designed to enhance every corner of your home. Whether you’re revamping your kitchen, transforming your living space, or creating a cozy oasis outdoors, Saaraa Global has everything you need to make your vision a reality.


102 |

But our dedication doesn’t end there. We understand that your furry friends and little ones deserve the best, which is why we offer specialized textiles for pets, kids, and babies, crafted with care and attention to detail.


103 |

Beyond providing premium products, we are committed to building lasting relationships with our customers. With a focus on transparency, integrity, and customer satisfaction, we strive to exceed your expectations at every step of the journey.


104 |
105 |
106 | 107 |
108 |
109 |
110 |
111 |
112 | 113 |
114 |
115 | 116 |
117 |

WHY CHOOSE US

118 |
119 | Choose Saaraa Global for unparalleled quality, innovation, and style in home textiles. With a diverse range of meticulously crafted products, including kitchen, living, outdoor, and specialized categories like sauna and Christmas, Saaraa Global offers something for every space and occasion. Our commitment to sustainability, ethical practices, and community engagement ensures that your purchase not only enhances your home but also makes a positive impact on society and the environment. Experience exceptional service, timely delivery, and customer satisfaction at the heart of everything we do. Choose Saaraa Global and elevate your living experience today. 120 |
121 |
122 |
123 |
124 |
125 | 126 |
127 | 128 |
129 | 130 |
131 |

OUR HISTORY

132 |


133 |

Saaraa Global’s journey began with a vision to merge traditional craftsmanship with contemporary innovation, redefining the standards of home textiles. Founded in the vibrant textile hub of Karur, India, our story is one of passion, perseverance, and a relentless pursuit of excellence. From humble beginnings, we have evolved into a globally recognized brand, renowned for our uncompromising commitment to quality, style, thread woven with care and every stitch crafted with precision, Saaraa Global has become synonymous with and elegance in homes around the world. As we continue to write our history, our dedication to innovation, ethical practices, and community engagement remains unwavering, ensuring that every chapter is a testament to our enduring legacy of excellence

134 |
135 |
136 |
137 |
138 |
139 | 140 |
141 | 142 |
143 |
144 |

OUR GOALS

145 |
GO BEYOND
146 |
147 |

Our primary goal is to maintain and enhance the exceptional quality of our products. We are committed to sourcing the finest materials and employing skilled artisans to ensure that every item that bears the Saaraa Global name meets the highest standards of craftsmanship and durability. Build long-lasting relationships with our customers based on trust, reliability, and mutual respect. Our goal is to stay ahead of the curve by continuously exploring new trends, technologies, and materials.We are committed to innovating our product offerings and business practices to better meet the evolving needs and preferences of our customers.

148 |
149 |
150 |
151 |


152 |
153 |
154 |
155 |

CATEGORIES

156 |
157 |
158 | 159 |
160 |
161 |

OUR PRODUCT CATEGORIES

162 |
163 |

Transform your home with Saaraa Global’s exquisite categories of home textiles. Dive into unparalleled comfort with our Kapok
collection, boasting the finest natural fibers for a luxurious sleep experience. Elevate your kitchen aesthetics with our Kitchen
collection, offering stylish aprons, tablecloths, and napkins. Infuse your living spaces with warmth and elegance using our Living
collection’s curated selection of decorative cushions and throws. Step outdoors in style with our Outdoor collection, featuring durable
cushions, rugs, and picnic blankets for alfresco relaxation. Indulge in the ultimate relaxation with our Sauna collection, crafted from
high-quality, heat-resistant materials for a spa-like experience. Celebrate the holiday season with our festive Christmas collection,
adorned with timeless designs. Embrace the cozy charm of knitted textiles with our Knit collection, perfect for snuggling up on chilly
nights. Treat your furry friends to comfort and style with our Pets collection, and create magical spaces for your kids and babies with
our vibrant Kids and Babies collections. Saaraa Global brings you quality, style, and versatility for every corner of your home.

164 |
165 | 166 |
167 |
168 |
169 |
170 |
171 |

172 |
173 | KAPOK 174 |
175 |

176 |

International Quality Kapok filling

177 |
178 |
179 |
180 |
181 |

182 |
183 | KITCHEN 184 |
185 |

186 |

Aprons, Towels, Napkins, Oven mittens, Pot holders, Placemats,
Table runners, Tote bags, Dish towels etc

187 |
188 |
189 |
190 |
191 |
192 |
193 |
194 |
195 |

196 |
197 | LIVING 198 |
199 |

200 |

Blankets, Curtains, Throws, Quilts, Cushions and Pillows

201 |
202 |
203 |
204 |
205 |

206 |
207 | OUTDOOR 208 |
209 |

210 |

Box cushions, seat pads, beach bags, beach towels,
hammam towels, slippers etc

211 |
212 |
213 |
214 |
215 |
216 |
217 |
218 |
219 |

220 |
221 | SAUNA 222 |
223 |

224 |

Bench cover, Seat cover, Pillow, Bathrobe, Wash bag, Slippers, Sauna
hat, Sauna cap, Wrap towel, Bath towel small, Bath towel large,
Ponchos etc

225 |
226 |
227 |
228 |
229 |

230 |
231 | CHRISTMAS 232 |
233 |

234 |

Coated Table cloths, Runners, Placemats, X-mas
Sacks, X-mas Calenders and Decorative items.

235 |
236 |
237 |
238 |
239 |
240 |
241 |
242 |
243 |

244 |
245 | KNIT 246 |
247 |

248 |

Knitted dish cloths and blankets.

249 |
250 |
251 |
252 |
253 |

254 |
255 | PETS 256 |
257 |

258 |

Pet beds, blankets and playmats.

259 |
260 |
261 |
262 |
263 |
264 |
265 |
266 |
267 |

268 |
269 | KIDS 270 |
271 |

272 |

Duvet covers, Pillows, Play mats, Storage baskets, Bags, Fabric
books and activity blankets..

273 |
274 |
275 |
276 |
277 |

278 |
279 | BABIES 280 |
281 |

282 |

Changing pads, Nursing pillows, Baby nest, Bed bumpers, Pacificers,
Changing mats, Muslin wash cloths, Soft toys etc

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 |

CONTACT

352 |
353 |
354 | 355 |


356 |



384 |
385 |
386 |
387 |
388 |

PAY US A VISIT

389 |
390 |

Saaraa Global, No:22, Thirunagar, 3rd Street,
Kamarajapuram, Karur. 639002.
Tamilnadu. India.

391 |
392 |
393 |
394 | 395 |
396 |
397 |
398 |
399 |

Copyright©SAARAA GLOBAL | Made by We Touch Technologies | All Rights Reserved

400 |
401 | 402 |
403 |
404 | 405 |
406 |
407 | 408 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | body 2 | { 3 | font-family: sans-serif, 'open sans'; 4 | background: url(badyimg.png); 5 | z-index: -1; 6 | position: absolute; 7 | } 8 | * 9 | { 10 | margin: 0; 11 | padding: 0; 12 | list-style: none; 13 | text-decoration: none; 14 | box-sizing: border-box; 15 | } 16 | html 17 | { 18 | scroll-behavior: smooth; 19 | } 20 | nav 21 | { 22 | height: 100px; 23 | background: white; 24 | position: sticky; 25 | top: 0; 26 | left: 0; 27 | z-index: 100; 28 | } 29 | nav h1 30 | { 31 | font-size: 20px; 32 | top: 38px; 33 | left: 12%; 34 | color: rgba(196, 32, 32, 1); 35 | position: absolute; 36 | } 37 | nav ul 38 | { 39 | float: right; 40 | margin-right: 140px; 41 | } 42 | nav ul li 43 | { 44 | display: inline-block; 45 | line-height: 20px; 46 | margin: 15px 10px 20px ; 47 | border: 1px solid none ; 48 | font-weight: bold; 49 | } 50 | nav ul li a 51 | { 52 | color: black; 53 | position: relative; 54 | font-size: 15px; 55 | padding: 5px; 56 | text-decoration: none; 57 | } 58 | nav ul li a:before 59 | { 60 | position: absolute; 61 | content: ''; 62 | left: 0; 63 | bottom: 0; 64 | height: 3px; 65 | width: 100%; 66 | background: rgba(196, 32, 32, 1); 67 | transform: scaleX(0); 68 | transform-origin: right; 69 | transition: transform 1s linear; 70 | } 71 | nav ul li a:hover:before 72 | { 73 | transform: scaleX(1); 74 | transform-origin: left; 75 | 76 | } 77 | label #btn, 78 | label #cancel 79 | { 80 | color: black; 81 | font-size: 25px; 82 | right: 0; 83 | line-height: 60px; 84 | margin-right: 40px; 85 | cursor: pointer; 86 | display: none; 87 | 88 | } 89 | #check 90 | { 91 | display: none; 92 | } 93 | .carouselcontainer 94 | { 95 | height: 700px; 96 | width: 100%; 97 | overflow: hidden; 98 | 99 | } 100 | .carousel-inner img 101 | { 102 | width: 100%; 103 | 104 | } 105 | .saaraglobal 106 | { 107 | height: 1000px; 108 | text-align: center; 109 | border: 1px solid none; 110 | 111 | } 112 | .saaraglobal h3 113 | { 114 | font-size: 17px; 115 | letter-spacing: 2px; 116 | font-weight: 500; 117 | } 118 | .saaraglobal h2 119 | { 120 | font-size: 45px; 121 | font-weight: 200; 122 | 123 | } 124 | .saaraglobal hr 125 | { 126 | height: 3.5px; 127 | width: 7%; 128 | margin-right: auto; 129 | margin-left: auto; 130 | background: black; 131 | border: 0 none; 132 | } 133 | 134 | .img 135 | { 136 | height: 450px; 137 | background: url(s4.png); 138 | background-repeat: no-repeat; 139 | object-fit: cover; 140 | background-position: center; 141 | 142 | } 143 | .letter span 144 | { 145 | font-size: 19px; 146 | text-align: center; 147 | font-weight: 400; 148 | color: gray; 149 | 150 | } 151 | .transparant-title 152 | { 153 | height: 400px; 154 | width: 100%; 155 | } 156 | .about-content , .about-section2 { 157 | position: relative; 158 | width: 100%; 159 | height: 350px; 160 | background-image: url('p5.jpg'); 161 | background-size: cover; 162 | object-fit: cover; 163 | background-position: center; 164 | clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%); 165 | display: flex; 166 | justify-content: center; 167 | align-items: center; 168 | color: white; 169 | text-align: center; 170 | } 171 | .about-section:hover 172 | { 173 | transform: skew(40deg); 174 | transition: all 1s linear; 175 | } 176 | .about-section2:hover 177 | { 178 | transform: skew(40deg); 179 | transition: all 1s linear; 180 | } 181 | 182 | .about-section h1 183 | { 184 | font-size: 6em; 185 | letter-spacing: 5px; 186 | font-weight: 400; 187 | } 188 | .about-section2 h1 189 | { 190 | font-size: 6em; 191 | letter-spacing: 5px; 192 | font-weight: 400; 193 | } 194 | .container 195 | { 196 | height:vh; 197 | } 198 | .ABOUT-US h1 199 | { 200 | font-size: 35px; 201 | font-weight: 200; 202 | color: black; 203 | 204 | } 205 | .ABOUT-US h6 206 | { 207 | font-size: 14px; 208 | letter-spacing: 1.4px; 209 | font-weight 210 | color: black; 211 | line-height: 20px; 212 | 213 | } 214 | .ABOUT-US .harizondal 215 | { 216 | margin-left: 0; 217 | 218 | } 219 | .container p 220 | { 221 | line-height: 35px; 222 | font-size: 19px; 223 | font-weight: 400; 224 | color: gray; 225 | } 226 | .container-fluid h4 227 | { 228 | font-size: 35px; 229 | font-weight: 200; 230 | 231 | } 232 | .grayright 233 | { 234 | height: 500px; 235 | border: 1px solid none; 236 | background: rgba(0, 0, 0, 0.08); 237 | } 238 | .grayimg img 239 | { 240 | height: auto; 241 | width: 50%; 242 | border: 1px solid none; 243 | float: left; 244 | 245 | } 246 | .grayright div 247 | { 248 | 249 | height: auto; 250 | width: 50%; 251 | padding: 20px; 252 | float: right; 253 | } 254 | .grayright h4 255 | { 256 | font-weight: 200; 257 | font-size: 30px; 258 | } 259 | .grayright p 260 | { 261 | line-height: 30px; 262 | } 263 | .redleft 264 | { 265 | height: 500px; 266 | border: 1px solid none; 267 | background: rgba(251, 69, 69, 0.77); 268 | color: white; 269 | } 270 | 271 | .redleft div 272 | { 273 | 274 | height: auto; 275 | width: 50%; 276 | padding: 20px; 277 | left: 0; 278 | position: absolute; 279 | text-align: right; 280 | display: inline-block; 281 | 282 | } 283 | .redleft h4 284 | { 285 | font-weight: 200; 286 | font-size: 30px; 287 | } 288 | .redleft p 289 | { 290 | line-height: 30px; 291 | font-size: 16px; 292 | } 293 | .redimg img 294 | { 295 | height: auto; 296 | width: 50%; 297 | border: 1px solid none; 298 | float: right; 299 | 300 | } 301 | .brownright 302 | { 303 | height: 500px; 304 | border: 1px solid ; 305 | background: rgba(22, 14, 22, 0.88); 306 | color: white; 307 | } 308 | .brownimg img 309 | { 310 | height: auto; 311 | width: 50%; 312 | border: 1px solid none; 313 | float: left; 314 | 315 | } 316 | .brownright div 317 | { 318 | 319 | height: auto; 320 | width: 50%; 321 | padding: 20px; 322 | float: right; 323 | } 324 | .brownright h4 325 | { 326 | font-weight: 200; 327 | font-size: 30px; 328 | } 329 | .brownright p 330 | { 331 | line-height: 30px; 332 | } 333 | .container-fluid 334 | { 335 | height: vh; 336 | width: 100%; 337 | border: 1px solid none; 338 | } 339 | .h 340 | { 341 | height: 3px; 342 | width: 7%; 343 | border: 0 none; 344 | margin-right: auto; 345 | margin-left: auto; 346 | background: black; 347 | 348 | } 349 | .container-fluid h1 350 | { 351 | text-align: center; 352 | font-weight: 200; 353 | } 354 | .container-fluid p 355 | { 356 | text-align: center; 357 | font-size: 19px; 358 | font-weight: 400; 359 | color: gray; 360 | line-height: 35px; 361 | } 362 | .KAPOK-KITCHEN 363 | { 364 | height: vh; 365 | border: 1px solid none; 366 | margin-top: 50px; 367 | } 368 | 369 | .KAPOK-KITCHEN img 370 | { 371 | 372 | height: 350px; 373 | width: auto; 374 | } 375 | .KAPOK img 376 | { 377 | background: red; 378 | } 379 | .KAPOK img:hover 380 | { 381 | border: 5px solid darkred; 382 | transition: 1s; 383 | } 384 | .KAPOK img:hover 385 | { 386 | transform: scale(1.05); 387 | transition:transform 1s linear; 388 | } 389 | 390 | .KAPOK-KITCHEN .KAPOK 391 | { 392 | 393 | height: 580px; 394 | padding: 20px 20px 20px 25px; 395 | border: 1px solid gray; 396 | border-radius: 5px; 397 | 398 | } 399 | .text 400 | { 401 | color: red; 402 | text-align: center; 403 | font-size: 20px; 404 | font-weight: bold; 405 | } 406 | .text hr 407 | { 408 | height: 3px; 409 | width: 10%; 410 | border: 0 none; 411 | margin-right: auto; 412 | margin-left: auto; 413 | background: black; 414 | } 415 | .KAPOK p 416 | { 417 | font-size: 16px; 418 | color: black; 419 | font-weight: bold; 420 | line-height: 20px; 421 | } 422 | .all 423 | { 424 | border: 1px solid none; 425 | padding: 10px 100px 10px 100px; 426 | display: inline-block; 427 | 428 | } 429 | .allpic img 430 | { 431 | height: vh; 432 | width:260px; 433 | border: 1px solid none; 434 | object-fit: cover; 435 | } 436 | .allpic img:hover 437 | { 438 | transform: scale(1.1); 439 | transition:transform 1s linear; 440 | } 441 | .footer div 442 | { 443 | text-align: center; 444 | } 445 | .footer t 446 | { 447 | font-size: 18px; 448 | font-weight: 400; 449 | color: black; 450 | } 451 | .footer h1 452 | { 453 | font-weight: 200; 454 | } 455 | 456 | .footer hr 457 | { 458 | height: 3px; 459 | width: 8%; 460 | border: 0 none; 461 | margin-right: auto; 462 | margin-left: auto; 463 | background: black; 464 | 465 | } 466 | .footer .i 467 | { 468 | height: 300px; 469 | border: 1px solid none; 470 | 471 | } 472 | .footer i 473 | { 474 | 475 | font-size: 60px; 476 | padding: 30px; 477 | } 478 | .po 479 | { 480 | 481 | letter-spacing: 1px; 482 | font-size: 19px; 483 | font-weight: 400; 484 | color: gray; 485 | 486 | } 487 | .footer span 488 | { 489 | color: rgba(169, 12, 12, 0.8); 490 | font-size: 20px; 491 | font-weight: bold; 492 | } 493 | .footer .button 494 | { 495 | font-size: 12px; 496 | color: white; 497 | padding: 12px; 498 | border-radius: 20px; 499 | background: rgba(169, 12, 12, 0.8); 500 | } 501 | .lastfooter h1 502 | { 503 | font-weight: 200; 504 | } 505 | .lastfooter hr 506 | { 507 | height: 3px; 508 | width: 10%; 509 | border: 0 none; 510 | margin-right: auto; 511 | margin-left: auto; 512 | background: black; 513 | } 514 | .last 515 | { 516 | background: rgba(0, 0, 0, 0.18); 517 | padding: 50px; 518 | } 519 | .padding 520 | { 521 | padding: 80px 0 0 0 ; 522 | border: 1px solid none; 523 | } 524 | 525 | iframe 526 | { 527 | height: 300px; 528 | width: vh; 529 | 530 | } 531 | 532 | .lastfooter2 p 533 | { 534 | font-size: 18px; 535 | color: gray; 536 | font-weight:500; 537 | height: 70px; 538 | padding: 20px; 539 | text-align: center; 540 | 541 | } 542 | .target 543 | { 544 | height: 60px; 545 | width: 60px; 546 | border-radius: 60px; 547 | background: gray; 548 | border: 1px solid none; 549 | display: flex; 550 | align-items: center; 551 | justify-content: center; 552 | float: right; 553 | margin-top: -80px; 554 | top: 0; 555 | left: 0; 556 | z-index: 100; 557 | 558 | 559 | } 560 | .target:hover 561 | { 562 | background: rgba(0, 0, 0, 0.6); 563 | } 564 | .target i 565 | { 566 | font-size: 30px; 567 | color:white; 568 | 569 | } 570 | 571 | 572 | 573 | 574 | 575 | @media (max-width:1500px) 576 | { 577 | nav h1 578 | { 579 | left: 6%; 580 | position: absolute; 581 | } 582 | nav ul 583 | { 584 | margin-right: 50px; 585 | } 586 | .brownimg img 587 | { 588 | float: left; 589 | } 590 | iframe 591 | { 592 | width: 100%; 593 | } 594 | 595 | 596 | } 597 | @media (max-width:1330px) 598 | { 599 | nav h1 600 | { 601 | left: 2%; 602 | position: absolute; 603 | } 604 | nav ul 605 | { 606 | margin-right: 50px; 607 | } 608 | .saaraglobal 609 | { 610 | height: 100%; 611 | width: 100%; 612 | } 613 | 614 | .redimg img 615 | { 616 | right: 0; 617 | position: absolute; 618 | } 619 | .redleft p 620 | { 621 | line-height: 22px; 622 | } 623 | .KAPOK img 624 | { 625 | width: 100%; 626 | } 627 | .all 628 | { 629 | border: 1px solid none; 630 | padding: 10px 10px 10px 10px; 631 | 632 | } 633 | .OUR 634 | { 635 | margin-top: 50px; 636 | } 637 | 638 | } 639 | 640 | @media (max-width:1220px) 641 | { 642 | label #btn 643 | { 644 | display: block; 645 | } 646 | nav ul li a 647 | { 648 | font-size: 20px; 649 | } 650 | ul 651 | { 652 | 653 | position: fixed; 654 | width: 100%; 655 | height: 100vh; 656 | background: white; 657 | top: 100px; 658 | left:-100%; 659 | text-align: center; 660 | transition: all .8s; 661 | } 662 | nav ul li 663 | { 664 | display: block; 665 | margin: 30px 0; 666 | line-height: 30px; 667 | } 668 | .carouselcontainer 669 | { 670 | 671 | z-index: -1; 672 | position: absolute; 673 | } 674 | label #btn, 675 | label #cancel 676 | { 677 | position: absolute; 678 | z-index: 1; 679 | } 680 | #check:checked ~ ul 681 | { 682 | left:0; 683 | } 684 | #check:checked ~ label #btn 685 | { 686 | display: none; 687 | } 688 | #check:checked ~ label #cancel 689 | { 690 | display: block; 691 | } 692 | .saaraglobal 693 | { 694 | height: 100%; 695 | width: 100%; 696 | } 697 | .harizondal 698 | { 699 | display: none; 700 | } 701 | .saaraglobal 702 | { 703 | margin-top: 500px; 704 | } 705 | .ABOUT-US h2 706 | { 707 | font-size: 20px; 708 | font-weight: 200; 709 | } 710 | .ABOUT-US h5 711 | { 712 | font-size: 16px; 713 | font-weight: 200; 714 | } 715 | .container-fluid 716 | { 717 | height: vh; 718 | width: 100%; 719 | border: 1px solid none; 720 | } 721 | .KAPOK img 722 | { 723 | width: 100%; 724 | } 725 | .KAPOK-KITCHEN 726 | { 727 | margin-top: 100px; 728 | } 729 | .allpic img 730 | { 731 | height: vh; 732 | width:220px; 733 | border: 1px solid none; 734 | padding: 5ppx; 735 | object-fit: cover; 736 | } 737 | .all 738 | { 739 | padding: 10px 0px 10px 0px; 740 | 741 | } 742 | iframe 743 | { 744 | width: 450px; 745 | } 746 | .OUR 747 | { 748 | margin-top: 50px; 749 | } 750 | 751 | } 752 | 753 | 754 | 755 | 756 | @media (max-width:1000px) 757 | { 758 | .saaraglobal 759 | { 760 | margin-top: 400px; 761 | 762 | } 763 | ul 764 | { 765 | 766 | position: fixed; 767 | width: 100%; 768 | height: 100vh; 769 | background: white; 770 | top: 100px; 771 | left:-100%; 772 | text-align: center; 773 | transition: all .8s; 774 | } 775 | nav ul li 776 | { 777 | display: block; 778 | margin: 30px 0; 779 | line-height: 30px; 780 | } 781 | .grayimg img 782 | { 783 | float: none; 784 | width: 100%; 785 | margin-top:330px; 786 | position: absolute; 787 | } 788 | .grayright 789 | { 790 | background: none; 791 | } 792 | .grayright div 793 | { 794 | width: 100%; 795 | height: vh; 796 | background: rgba(0, 0, 0, 0.08); 797 | } 798 | .redimg img 799 | { 800 | float: none; 801 | width: 100%; 802 | margin-top:346px; 803 | position: absolute; 804 | 805 | } 806 | .redleft 807 | { 808 | background: none; 809 | } 810 | .redleft div 811 | { 812 | width: 100%; 813 | height: vh; 814 | margin: 0; 815 | background: rgba(251, 69, 69, 0.77); 816 | } 817 | .redleft 818 | { 819 | margin-top: 438px; 820 | } 821 | .brownright 822 | { 823 | background: none; 824 | } 825 | .brownright div 826 | { 827 | width: 100%; 828 | height: vh; 829 | margin: 0; 830 | background: rgba(22, 14, 22, 0.88); 831 | } 832 | .brownimg img 833 | { 834 | float: none; 835 | width: 100%; 836 | margin-top:330px; 837 | position: absolute; 838 | 839 | } 840 | .brownright 841 | { 842 | margin-top: 450px; 843 | } 844 | .KAPOK img 845 | { 846 | width: 100%; 847 | } 848 | .allpic img 849 | { 850 | height: vh; 851 | width:160px; 852 | 853 | } 854 | .all 855 | { 856 | border: 1px solid none; 857 | padding: 10px; 858 | } 859 | 860 | .about-section2 861 | { 862 | margin-top: 450px; 863 | } 864 | 865 | 866 | } 867 | @media (max-width:800px) 868 | { 869 | .saaraglobal 870 | { 871 | margin-top: 300px; 872 | 873 | } 874 | ul 875 | { 876 | 877 | position: fixed; 878 | width: 100%; 879 | height: 100vh; 880 | background: white; 881 | top: 100px; 882 | left:-100%; 883 | text-align: center; 884 | transition: all .8s; 885 | } 886 | nav ul li 887 | { 888 | display: block; 889 | margin: 30px 0; 890 | line-height: 30px; 891 | } 892 | .grayimg img 893 | { 894 | float: none; 895 | width: 100%; 896 | margin-top:400px; 897 | 898 | } 899 | .grayright div 900 | { 901 | width: 100%; 902 | height: 100%; 903 | font-size: 20px; 904 | display: inline-block; 905 | 906 | } 907 | .red 908 | { 909 | margin-top:-35px; 910 | } 911 | .redimg img 912 | { 913 | float: none; 914 | width: 100%; 915 | margin-top:450px; 916 | position: absolute; 917 | } 918 | .redleft div 919 | { 920 | width: 100%; 921 | height: vh; 922 | margin-top: 0px; 923 | display: inline-block; 924 | 925 | } 926 | .red p 927 | { 928 | font-size: 20px; 929 | } 930 | .brown 931 | { 932 | margin-top: 40px; 933 | } 934 | .brownimg img 935 | { 936 | float: none; 937 | width: 100%; 938 | margin-top:450px; 939 | 940 | } 941 | .brownright div 942 | { 943 | width: 100%; 944 | height: 100%; 945 | font-size: 20px; 946 | margin-top:00px; 947 | display: inline-block; 948 | 949 | } 950 | .redleft p 951 | { 952 | line-height: 30px; 953 | 954 | } 955 | .KAPOK img 956 | { 957 | width: 100%; 958 | } 959 | .KAPOK-KITCHEN .col-sm-12 960 | { 961 | width: 100%; 962 | } 963 | .allpic img 964 | { 965 | height: vh; 966 | width:100%; 967 | 968 | } 969 | .footer div 970 | { 971 | width: 100%; 972 | } 973 | iframe 974 | { 975 | width: 100%; 976 | } 977 | 978 | .about-section2 979 | { 980 | margin-top: 500px; 981 | } 982 | .target 983 | { 984 | margin-top: -150px; 985 | } 986 | 987 | 988 | } 989 | @media (max-width:600px) 990 | { 991 | .saaraglobal 992 | { 993 | margin-top: 300px; 994 | 995 | } 996 | .about p 997 | { 998 | font-size: 22px; 999 | width: 100%; 1000 | 1001 | } 1002 | ul 1003 | { 1004 | 1005 | position: fixed; 1006 | width: 100%; 1007 | height: 100vh; 1008 | background: white; 1009 | top: 100px; 1010 | left:-100%; 1011 | text-align: center; 1012 | transition: all .8s; 1013 | } 1014 | nav ul li 1015 | { 1016 | display: block; 1017 | margin: 30px 0; 1018 | line-height: 30px; 1019 | } 1020 | .about img 1021 | { 1022 | width: auto; 1023 | margin-right: 0; 1024 | float: none; 1025 | } 1026 | .OUR 1027 | { 1028 | margin-top: 50px; 1029 | } 1030 | 1031 | .grayimg img 1032 | { 1033 | float: none; 1034 | width: 100%; 1035 | margin-top:500px; 1036 | } 1037 | .grayright div 1038 | { 1039 | width: 100%; 1040 | height: 100%; 1041 | font-size: 20px; 1042 | display: inline-block; 1043 | 1044 | } 1045 | .red 1046 | { 1047 | margin-top: 450px; 1048 | border: 1px solid; 1049 | } 1050 | .red p 1051 | { 1052 | font-size: 20px; 1053 | } 1054 | .redimg img 1055 | { 1056 | float: none; 1057 | width: 100%; 1058 | margin-top:530px; 1059 | 1060 | } 1061 | .redleft div 1062 | { 1063 | width: 100%; 1064 | height: vh; 1065 | margin-top: -430px; 1066 | font-size: 20px; 1067 | display: inline-block; 1068 | 1069 | } 1070 | .brown 1071 | { 1072 | 1073 | border: 1px solid; 1074 | } 1075 | .brownright div 1076 | { 1077 | height: 100%; 1078 | margin-top: -450px; 1079 | font-size: 20px; 1080 | } 1081 | .brownimg img 1082 | { 1083 | margin-top: 500px; 1084 | } 1085 | .allpic img 1086 | { 1087 | width: 100%; 1088 | margin-top: 10px; 1089 | object-fit: cover; 1090 | } 1091 | .lastfooter2 p 1092 | { 1093 | height:vh ; 1094 | font-size: 25px; 1095 | color: gray; 1096 | font-weight:500; 1097 | 1098 | } 1099 | iframe 1100 | { 1101 | width: 100%; 1102 | } 1103 | .about-section2 1104 | { 1105 | margin-top: 0px; 1106 | } 1107 | .target 1108 | { 1109 | margin-top: -130px; 1110 | } 1111 | 1112 | 1113 | 1114 | } 1115 | 1116 | 1117 | 1118 | 1119 | --------------------------------------------------------------------------------