diff --git a/README.md b/README.md index 20d8fec..7ccb416 100644 --- a/README.md +++ b/README.md @@ -1 +1,74 @@ -# OHT2 \ No newline at end of file +# SmartTrends E-commerce Store Web Application Documentation + +## Table of Contents + +1. [Introduction](#introduction) +2. [Folder Structure](#folder-structure) +3. [File Descriptions](#file-descriptions) +4. [Libraries and Frameworks](#libraries-and-frameworks) +5. [HTML Structure](#html-structure) +6. [CSS Styles](#css-styles) +7. [JavaScript Functions](#javascript-functions) +8. [External Dependencies](#external-dependencies) + +## 1. Introduction + +Welcome to the documentation for SmartTrends, an E-commerce Store Web Application. This documentation provides an overview of the structure, files, and functionality of the web application. + +## 2. Folder Structure + +The project follows a standard folder structure: + +- `img`: Contains images used in the application. +- `styles`: Holds the CSS files (`style.css` and `media_query.css`). +- `scripts`: Includes the JavaScript file (`script.js`). + +## 3. File Descriptions + +- `index.html`: The main HTML file containing the structure of the home page. +- `shop.html`: Page displaying the available products for purchase. +- `blog.html`: Page featuring blog content. +- `about.html`: Page providing information about the company. +- `contact.html`: Page with contact information. +- `login.html`: Page for user login. +- `cart.html`: Page displaying the user's shopping cart. +- `sproduct.html`, `sproduct2.html`, ..., `sproduct12.html`: Pages for specific products. +- `style.css`: Main CSS file for styling. +- `media_query.css`: CSS file containing media queries for responsiveness. +- `script.js`: JavaScript file with functions for preloading and navigation. + +## 4. Libraries and Frameworks + +- [FontAwesome](https://fontawesome.com/): Used for adding scalable vector icons. +- [Bootstrap](https://getbootstrap.com/): Integrated for responsive design components. + +## 5. HTML Structure + +The HTML structure consists of various sections: + +- Loader Section +- Navigation Bar +- Hero Section +- Slider +- Feature Section +- Feature Product Section +- Banner +- New Arrivals Section + +## 6. CSS Styles + +CSS styles are organized in the `style.css` and `media_query.css` files. They provide a visually appealing and responsive design. + +## 7. JavaScript Functions + +- `preLoader()`: Function for handling the loading screen. +- `toggleNavbar()`, `closeNavbar()`: Functions for toggling and closing the navigation bar. +- `toggleSlider()`: Function for expanding and collapsing the slider. + +## 8. External Dependencies + +- [Google Fonts](https://fonts.google.com/): Fonts 'Poppins' and 'Ubuntu' are imported. +- [Font Awesome](https://fontawesome.com/): Icons for enhanced visual appeal. +- [Bootstrap](https://getbootstrap.com/): CSS framework for responsive design. + +Feel free to explore and modify the code to meet the specific needs of your E-commerce Store Web Application. If you have any questions or need further assistance, please refer to the SmartTrends support team. diff --git a/about.html b/about.html new file mode 100644 index 0000000..3f00760 --- /dev/null +++ b/about.html @@ -0,0 +1,343 @@ + + + + + + + + SmartTrends + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+
+
+ + + +
+

#KnowUs

+

To learn about us more read our Story

+
+ + +
+
+
+ +
+
+
+

Who We Are?

+

+ Smart Trends is a team of dedicated professionals who are + passionate about delivering the latest trends and high-quality + products to our customers. We understand that in today's + fast-paced world, time is of the essence, which is why we have + made it our mission to provide our customers with a convenient and + hassle-free shopping experience. Our website is designed to be + user-friendly and easy to navigate, ensuring that you can find + what you are looking for quickly and easily. We have a vast + selection of products, ranging from electronics and home + appliances to fashion and beauty products, all of which are + carefully curated to ensure that we only offer the best to our + customers. At Smart Trends, we believe in offering our customers + excellent value for money, which is why we have some of the most + competitive prices in the market. We are committed to providing + our customers with a shopping experience that is both affordable + and enjoyable. +

+
+
+
+
+ +
+

Download Our App

+
+ +
+
+ + +
+
+
+ +
Free Shipping
+
+
+
+
+ +
Online Order
+
+
+
+
+ +
Save Money
+
+
+ +
+
+ +
Promotions
+
+
+
+
+ +
Happy Sell
+
+
+
+
+ +
Support
+
+
+
+ +
+
+
+
+

Sign Up for Newsletters

+

+ Get E-mail Update about our latest Shop and + Special offer +

+
+
+
+ +
+
+
+ + + + diff --git a/blog.html b/blog.html new file mode 100644 index 0000000..48cb7f5 --- /dev/null +++ b/blog.html @@ -0,0 +1,408 @@ + + + + + + + + SmartTrends + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+
+
+ + + + +
+

#readmore

+

Read all case studies about our products!

+
+ +
+
+
+
+

24/04

+ +
+
+
+
+

Atlantic-Pacific

+

+ Atlantic-Pacific creator Blair Eadie has been in the fashion + industry for several years now. Having worked for companies such + as Tory Burch and Gap, she has the insider’s experience in how + the... +

+
+ CONTINUE READING +
+
+
+
+ +
+
+
+

24/04

+ +
+
+
+
+

The Daileigh

+

+ The Daileigh’s Ashleigh Hutchinson wants her readers to build + their perfect closet. She aims to help women of all ages find or + create a style they love. In particular, Ashleigh wants older + women... +

+
+ CONTINUE READING +
+
+
+
+ +
+
+
+

24/04

+ +
+
+
+
+

Egg Canvas

+

+ Why the name “Egg Canvas”? Erica was inspired by her Korean + childhood nickname, which means egg, while “canvas” is the medium + with which art is created. “Egg Canvas,” therefore, is her + life—... +

+
+ CONTINUE READING +
+
+
+
+
+
+
+

24/04

+ +
+
+
+
+

The Fashion Guitar

+

+ Charlotte had worked with fashion blogs in one of her former jobs + until she decided to create one herself. As a personal style blog, + The Fashion Guitar showcases Charlotte’s own fashion sense... +

+
+ CONTINUE READING +
+
+
+
+
+
+
+

24/04

+ +
+
+
+
+

Girl With Curves

+

+ Let’s face it—the body type of models is far from reality. Slim + people do exist in real life, but there are women with bigger + sizes who can look just as good. People come in all shapes and + sizes, but.. +

+
+ CONTINUE READING +
+
+
+
+
+
+
+

24/04

+ +
+
+
+
+

Harper & Harley

+

+ Fans of the minimalist aesthetic will love Australian blogger Sara + Crampton’s website Harper & Harley. Her “less is more” philosophy + is unmistakable in her posts, from her fashion to her home... +

+
+ CONTINUE READING +
+
+
+
+
+ + +
+ 1 + 2 + +
+ +
+
+
+
+

Sign Up for Newsletters

+

+ Get E-mail Update about our latest Shop and + Special offer +

+
+
+
+ +
+
+
+ + + + diff --git a/cart.html b/cart.html new file mode 100644 index 0000000..d920639 --- /dev/null +++ b/cart.html @@ -0,0 +1,234 @@ + + + + + + + + SmartTrends + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

#Let's_talk

+

LEAVE A MESSAGE, we love to hear from you!

+
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
RemoveImageProductPriceQuantitysubtotal
+ + Cartoon Astronaut T-shirts₹ 1499₹ 1499
+ + Solid Spread Collar Casual Shirt₹ 449₹ 449
+ + Men Regular Fit Printed Casual Shirt/td> + ₹ 399₹ 399
+
+
+
+

Apply Coupon

+
+ + +
+
+
+

Cart Tutorial

+ + + + + + + + + + + + + +
Cart Tutorial₹ 2347
ShippingFree
Total₹ 2347
+ +
+
+ + + + diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..a40fed7 --- /dev/null +++ b/contact.html @@ -0,0 +1,285 @@ + + + + + + + + SmartTrends + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+
+
+ + + + +
+

#let's_talk

+

LEAVE A MESSAGE, We love to hear from you!

+
+ +
+
+
+ GET IN TOUCH +

Visit one of our office location or contact us today

+

Head Office

+
+
  • + +

    SK Plaza, Azad Nagar, Bhilwara (Rajasthan)

    +
    • +
  • + +

    contact@info.com

    +
    • +
  • + +

    01482 25478

    +
    • +
  • + +

    Monday to Saturday: 09.00 AM to 16.00 PM

    +
    • +
    +
    +
    +
    + +
    + +
    +
    +
    + + +
    +
    +
    + LEAVE A MESSAGE +

    We love to hear from you

    + + + + + +
    +
    +
    + +
    +
    + +

    + Deepak Bhatt UI Designer + Frontend
    + Phone: 9664416890
    + Email: db9736912@gmail.com +

    +
    +
    + +

    + Kishan Panchal Testing + Functionality
    + Phone: 6350605152
    + Email: kishanpanchal675@gmail.com +

    +
    +
    + +

    + Tanisha Pal Assistant Tester
    + Phone: 8619541245
    + Email: tanishapal2005@gmail.com +

    +
    +
    + +

    + Sajida Noor Pathan Assistant Functionality
    + Phone: 8852810912
    + Email: shabanapathan830@gmail.com +

    +
    +
    + +
    +
    + +
    +
    +
    +
    +

    Sign Up for Newsletters

    +

    + Get E-mail Update about our latest Shop and Special offer +

    +
    +
    +
    + +
    + +
    +
    + + + + diff --git a/img/about/1.mp4 b/img/about/1.mp4 new file mode 100644 index 0000000..09b69d1 Binary files /dev/null and b/img/about/1.mp4 differ diff --git a/img/about/a1.png b/img/about/a1.png new file mode 100644 index 0000000..1ef33ac Binary files /dev/null and b/img/about/a1.png differ diff --git a/img/about/a2.jpg b/img/about/a2.jpg new file mode 100644 index 0000000..254a937 Binary files /dev/null and b/img/about/a2.jpg differ diff --git a/img/about/a3.png b/img/about/a3.png new file mode 100644 index 0000000..e22808f Binary files /dev/null and b/img/about/a3.png differ diff --git a/img/about/a4.png b/img/about/a4.png new file mode 100644 index 0000000..48e1044 Binary files /dev/null and b/img/about/a4.png differ diff --git a/img/about/a5.jpg b/img/about/a5.jpg new file mode 100644 index 0000000..a693623 Binary files /dev/null and b/img/about/a5.jpg differ diff --git a/img/about/a6.jpg b/img/about/a6.jpg new file mode 100644 index 0000000..f801426 Binary files /dev/null and b/img/about/a6.jpg differ diff --git a/img/about/banner.png b/img/about/banner.png new file mode 100644 index 0000000..3d8abb6 Binary files /dev/null and b/img/about/banner.png differ diff --git a/img/banner/b1.jpg b/img/banner/b1.jpg new file mode 100644 index 0000000..1f9f33e Binary files /dev/null and b/img/banner/b1.jpg differ diff --git a/img/banner/b10.jpg b/img/banner/b10.jpg new file mode 100644 index 0000000..e8436d3 Binary files /dev/null and b/img/banner/b10.jpg differ diff --git a/img/banner/b14.png b/img/banner/b14.png new file mode 100644 index 0000000..53fecf5 Binary files /dev/null and b/img/banner/b14.png differ diff --git a/img/banner/b16.jpg b/img/banner/b16.jpg new file mode 100644 index 0000000..6deb544 Binary files /dev/null and b/img/banner/b16.jpg differ diff --git a/img/banner/b17.jpg b/img/banner/b17.jpg new file mode 100644 index 0000000..8e8a330 Binary files /dev/null and b/img/banner/b17.jpg differ diff --git a/img/banner/b18.jpg b/img/banner/b18.jpg new file mode 100644 index 0000000..f98f205 Binary files /dev/null and b/img/banner/b18.jpg differ diff --git a/img/banner/b19.jpg b/img/banner/b19.jpg new file mode 100644 index 0000000..5ee8c1d Binary files /dev/null and b/img/banner/b19.jpg differ diff --git a/img/banner/b2.jpg b/img/banner/b2.jpg new file mode 100644 index 0000000..c435bc3 Binary files /dev/null and b/img/banner/b2.jpg differ diff --git a/img/banner/b20.jpg b/img/banner/b20.jpg new file mode 100644 index 0000000..68c4f6c Binary files /dev/null and b/img/banner/b20.jpg differ diff --git a/img/banner/b4.jpg b/img/banner/b4.jpg new file mode 100644 index 0000000..cf119e5 Binary files /dev/null and b/img/banner/b4.jpg differ diff --git a/img/banner/b7.jpg b/img/banner/b7.jpg new file mode 100644 index 0000000..5a8ecb0 Binary files /dev/null and b/img/banner/b7.jpg differ diff --git a/img/blog/b1.jpg b/img/blog/b1.jpg new file mode 100644 index 0000000..a908f50 Binary files /dev/null and b/img/blog/b1.jpg differ diff --git a/img/blog/b2.jpg b/img/blog/b2.jpg new file mode 100644 index 0000000..1471e71 Binary files /dev/null and b/img/blog/b2.jpg differ diff --git a/img/blog/b3.jpg b/img/blog/b3.jpg new file mode 100644 index 0000000..58043a0 Binary files /dev/null and b/img/blog/b3.jpg differ diff --git a/img/blog/b4.jpg b/img/blog/b4.jpg new file mode 100644 index 0000000..12067ef Binary files /dev/null and b/img/blog/b4.jpg differ diff --git a/img/blog/b5.jpg b/img/blog/b5.jpg new file mode 100644 index 0000000..83765d5 Binary files /dev/null and b/img/blog/b5.jpg differ diff --git a/img/blog/b6.jpg b/img/blog/b6.jpg new file mode 100644 index 0000000..92f91ae Binary files /dev/null and b/img/blog/b6.jpg differ diff --git a/img/blog/b7.jpg b/img/blog/b7.jpg new file mode 100644 index 0000000..67b7c66 Binary files /dev/null and b/img/blog/b7.jpg differ diff --git a/img/button.png b/img/button.png new file mode 100644 index 0000000..8f2e73b Binary files /dev/null and b/img/button.png differ diff --git a/img/cara_logo.png b/img/cara_logo.png new file mode 100644 index 0000000..a8b9f9d Binary files /dev/null and b/img/cara_logo.png differ diff --git a/img/coupon_image.png b/img/coupon_image.png new file mode 100644 index 0000000..4d27527 Binary files /dev/null and b/img/coupon_image.png differ diff --git a/img/favicon.ico b/img/favicon.ico new file mode 100644 index 0000000..5aa5feb Binary files /dev/null and b/img/favicon.ico differ diff --git a/img/features/f1.png b/img/features/f1.png new file mode 100644 index 0000000..0a35eb0 Binary files /dev/null and b/img/features/f1.png differ diff --git a/img/features/f2.png b/img/features/f2.png new file mode 100644 index 0000000..c524bf3 Binary files /dev/null and b/img/features/f2.png differ diff --git a/img/features/f3.png b/img/features/f3.png new file mode 100644 index 0000000..8366e8d Binary files /dev/null and b/img/features/f3.png differ diff --git a/img/features/f4.png b/img/features/f4.png new file mode 100644 index 0000000..4714ed2 Binary files /dev/null and b/img/features/f4.png differ diff --git a/img/features/f5.png b/img/features/f5.png new file mode 100644 index 0000000..4876146 Binary files /dev/null and b/img/features/f5.png differ diff --git a/img/features/f6.png b/img/features/f6.png new file mode 100644 index 0000000..2525c18 Binary files /dev/null and b/img/features/f6.png differ diff --git a/img/hero-1.jpg b/img/hero-1.jpg new file mode 100644 index 0000000..41891aa Binary files /dev/null and b/img/hero-1.jpg differ diff --git a/img/hero-mobile.jpg b/img/hero-mobile.jpg new file mode 100644 index 0000000..42837e7 Binary files /dev/null and b/img/hero-mobile.jpg differ diff --git a/img/hero4.png b/img/hero4.png new file mode 100644 index 0000000..e929356 Binary files /dev/null and b/img/hero4.png differ diff --git a/img/login page/1login_bg.png b/img/login page/1login_bg.png new file mode 100644 index 0000000..e128d32 Binary files /dev/null and b/img/login page/1login_bg.png differ diff --git a/img/login page/login.png b/img/login page/login.png new file mode 100644 index 0000000..d004b27 Binary files /dev/null and b/img/login page/login.png differ diff --git a/img/login page/login_bg.png b/img/login page/login_bg.png new file mode 100644 index 0000000..4e5e9aa Binary files /dev/null and b/img/login page/login_bg.png differ diff --git a/img/login-logo.jpeg b/img/login-logo.jpeg new file mode 100644 index 0000000..03ead56 Binary files /dev/null and b/img/login-logo.jpeg differ diff --git a/img/logo.png b/img/logo.png new file mode 100644 index 0000000..1193aae Binary files /dev/null and b/img/logo.png differ diff --git a/img/ourteam.jpg b/img/ourteam.jpg new file mode 100644 index 0000000..c033d75 Binary files /dev/null and b/img/ourteam.jpg differ diff --git a/img/pay/app.jpg b/img/pay/app.jpg new file mode 100644 index 0000000..b0c7088 Binary files /dev/null and b/img/pay/app.jpg differ diff --git a/img/pay/pay.png b/img/pay/pay.png new file mode 100644 index 0000000..393b88f Binary files /dev/null and b/img/pay/pay.png differ diff --git a/img/pay/play.jpg b/img/pay/play.jpg new file mode 100644 index 0000000..d67c1ce Binary files /dev/null and b/img/pay/play.jpg differ diff --git a/img/people/deepak.png b/img/people/deepak.png new file mode 100644 index 0000000..4315c68 Binary files /dev/null and b/img/people/deepak.png differ diff --git a/img/people/kishan.png b/img/people/kishan.png new file mode 100644 index 0000000..5eb464b Binary files /dev/null and b/img/people/kishan.png differ diff --git a/img/people/sajidaa.png b/img/people/sajidaa.png new file mode 100644 index 0000000..59bb976 Binary files /dev/null and b/img/people/sajidaa.png differ diff --git a/img/people/tanishaa.png b/img/people/tanishaa.png new file mode 100644 index 0000000..229db00 Binary files /dev/null and b/img/people/tanishaa.png differ diff --git a/img/products/f1.jpg b/img/products/f1.jpg new file mode 100644 index 0000000..7d5f516 Binary files /dev/null and b/img/products/f1.jpg differ diff --git a/img/products/f2.jpg b/img/products/f2.jpg new file mode 100644 index 0000000..a2cbe5b Binary files /dev/null and b/img/products/f2.jpg differ diff --git a/img/products/f3.jpg b/img/products/f3.jpg new file mode 100644 index 0000000..2f95e4d Binary files /dev/null and b/img/products/f3.jpg differ diff --git a/img/products/f4.jpg b/img/products/f4.jpg new file mode 100644 index 0000000..17d6e41 Binary files /dev/null and b/img/products/f4.jpg differ diff --git a/img/products/f5.jpg b/img/products/f5.jpg new file mode 100644 index 0000000..719b18f Binary files /dev/null and b/img/products/f5.jpg differ diff --git a/img/products/f6.jpg b/img/products/f6.jpg new file mode 100644 index 0000000..498d442 Binary files /dev/null and b/img/products/f6.jpg differ diff --git a/img/products/f7.jpg b/img/products/f7.jpg new file mode 100644 index 0000000..93f5881 Binary files /dev/null and b/img/products/f7.jpg differ diff --git a/img/products/f71.jpg b/img/products/f71.jpg new file mode 100644 index 0000000..5468aba Binary files /dev/null and b/img/products/f71.jpg differ diff --git a/img/products/f72.jpg b/img/products/f72.jpg new file mode 100644 index 0000000..1523c4d Binary files /dev/null and b/img/products/f72.jpg differ diff --git a/img/products/f73.jpg b/img/products/f73.jpg new file mode 100644 index 0000000..0a315d8 Binary files /dev/null and b/img/products/f73.jpg differ diff --git a/img/products/f74.jpg b/img/products/f74.jpg new file mode 100644 index 0000000..21fbebb Binary files /dev/null and b/img/products/f74.jpg differ diff --git a/img/products/f8.jpg b/img/products/f8.jpg new file mode 100644 index 0000000..623c885 Binary files /dev/null and b/img/products/f8.jpg differ diff --git a/img/products/f81.jpg b/img/products/f81.jpg new file mode 100644 index 0000000..b8557f4 Binary files /dev/null and b/img/products/f81.jpg differ diff --git a/img/products/f82.jpg b/img/products/f82.jpg new file mode 100644 index 0000000..b3b816c Binary files /dev/null and b/img/products/f82.jpg differ diff --git a/img/products/f83.jpg b/img/products/f83.jpg new file mode 100644 index 0000000..dbce44c Binary files /dev/null and b/img/products/f83.jpg differ diff --git a/img/products/image-removebg-preview.png b/img/products/image-removebg-preview.png new file mode 100644 index 0000000..4a59723 Binary files /dev/null and b/img/products/image-removebg-preview.png differ diff --git a/img/products/n1.jpg b/img/products/n1.jpg new file mode 100644 index 0000000..9afe15c Binary files /dev/null and b/img/products/n1.jpg differ diff --git a/img/products/n2.jpg b/img/products/n2.jpg new file mode 100644 index 0000000..4d1121f Binary files /dev/null and b/img/products/n2.jpg differ diff --git a/img/products/n3.jpg b/img/products/n3.jpg new file mode 100644 index 0000000..b3cf216 Binary files /dev/null and b/img/products/n3.jpg differ diff --git a/img/products/n4.jpg b/img/products/n4.jpg new file mode 100644 index 0000000..b6fe244 Binary files /dev/null and b/img/products/n4.jpg differ diff --git a/img/products/n5.jpg b/img/products/n5.jpg new file mode 100644 index 0000000..84717f2 Binary files /dev/null and b/img/products/n5.jpg differ diff --git a/img/products/n6.jpg b/img/products/n6.jpg new file mode 100644 index 0000000..8364318 Binary files /dev/null and b/img/products/n6.jpg differ diff --git a/img/products/n61.jpg b/img/products/n61.jpg new file mode 100644 index 0000000..4bd1ca6 Binary files /dev/null and b/img/products/n61.jpg differ diff --git a/img/products/n62.jpg b/img/products/n62.jpg new file mode 100644 index 0000000..201df5e Binary files /dev/null and b/img/products/n62.jpg differ diff --git a/img/products/n63.jpg b/img/products/n63.jpg new file mode 100644 index 0000000..ca62526 Binary files /dev/null and b/img/products/n63.jpg differ diff --git a/img/products/n7.jpg b/img/products/n7.jpg new file mode 100644 index 0000000..dbf0fdd Binary files /dev/null and b/img/products/n7.jpg differ diff --git a/img/products/n71.jpg b/img/products/n71.jpg new file mode 100644 index 0000000..0ede48b Binary files /dev/null and b/img/products/n71.jpg differ diff --git a/img/products/n72.jpg b/img/products/n72.jpg new file mode 100644 index 0000000..b83c49a Binary files /dev/null and b/img/products/n72.jpg differ diff --git a/img/products/n73.jpg b/img/products/n73.jpg new file mode 100644 index 0000000..bfeeeda Binary files /dev/null and b/img/products/n73.jpg differ diff --git a/img/products/n74.jpg b/img/products/n74.jpg new file mode 100644 index 0000000..42a4156 Binary files /dev/null and b/img/products/n74.jpg differ diff --git a/img/products/n8.jpg b/img/products/n8.jpg new file mode 100644 index 0000000..f80764b Binary files /dev/null and b/img/products/n8.jpg differ diff --git a/img/products/n81.jpg b/img/products/n81.jpg new file mode 100644 index 0000000..12c3b4c Binary files /dev/null and b/img/products/n81.jpg differ diff --git a/img/products/n82.jpg b/img/products/n82.jpg new file mode 100644 index 0000000..f90caed Binary files /dev/null and b/img/products/n82.jpg differ diff --git a/img/products/n83.jpg b/img/products/n83.jpg new file mode 100644 index 0000000..c4ef68e Binary files /dev/null and b/img/products/n83.jpg differ diff --git a/img/shopping-bag.png b/img/shopping-bag.png new file mode 100644 index 0000000..4c7f9be Binary files /dev/null and b/img/shopping-bag.png differ diff --git a/img/shopping-cart.png b/img/shopping-cart.png new file mode 100644 index 0000000..2fcd171 Binary files /dev/null and b/img/shopping-cart.png differ diff --git a/img/social media/instagram.png b/img/social media/instagram.png new file mode 100644 index 0000000..7f845b3 Binary files /dev/null and b/img/social media/instagram.png differ diff --git a/img/social media/snapchat.png b/img/social media/snapchat.png new file mode 100644 index 0000000..edca2a6 Binary files /dev/null and b/img/social media/snapchat.png differ diff --git a/img/social media/whatsapp.png b/img/social media/whatsapp.png new file mode 100644 index 0000000..43a30da Binary files /dev/null and b/img/social media/whatsapp.png differ diff --git a/img/star.png b/img/star.png new file mode 100644 index 0000000..cfe5694 Binary files /dev/null and b/img/star.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..a6e99cd --- /dev/null +++ b/index.html @@ -0,0 +1,652 @@ + + + + + + + + + SmartTrends + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +
    +
    +
    + + + + +
    +

    Trade-in-offer

    +

    Super Value deals

    +

    On all products

    +

    Save more with coupons & up to 70% off!

    + + + +
    + + +
    +
    +
    +
    + +
    +

    + FLAT ₹ 300 OFF +

    +
    +
    +
    +
    +
    Avail Flat
    +
    ₹ 300 OFF
    +
    + FREE SHOPPING
    +
    +
    + +
    +
    +
    +
    +
    + Coupon Code: + SMARTTRENDS300 +
    +
    + Applicable on your first order +
    +
    + +
    +
    +
    + + + + + + + + + + + + + + + + + Genuine Products +
    +
    + + + + + + + + + + + Try & Buy +
    +
    + + + + + + + + Easy Exchanges & Returns +
    +
    +
    +
    +
    + +
    +
    +
    + +
    Free Shipping
    +
    +
    +
    + +
    + +
    Online Order
    +
    +
    +
    + +
    + +
    Save Money
    +
    +
    + +
    + +
    + +
    Promotions
    +
    +
    +
    + +
    + +
    Happy Sell
    +
    +
    +
    + +
    + +
    Support
    +
    +
    +
    + +
    +

    Featured Products

    +

    Summer Collection New Morden Design

    +
    +
    + +
    + adidas +
    Cartoon Astronaut Shirts
    +
    + + + + + +
    +

    ₹1499

    +
    + +
    +
    + +
    + Sahi Hai +
    Solid Spread Collar Casual Shirt
    +
    + + + + + +
    +

    ₹449

    +
    + +
    +
    + +
    + ASOS +
    Men Regular Fit Printed Casual Shirt
    +
    + + + + + +
    +

    ₹399

    +
    + +
    +
    + +
    + Little Man +
    Floral Print Shirt
    +
    + + + + + +
    +

    ₹899

    +
    + +
    +
    + +
    + Topman +
    Camouflage Print Shirt
    +
    + + + + + +
    +

    ₹1150

    +
    + +
    +
    + +
    + Ralph Lauren +
    Striped Casual Shirts
    +
    + + + + + +
    +

    ₹349

    +
    + +
    +
    + +
    + Dress Berry +
    Girls Flared Plazzos
    +
    + + + + + +
    +

    ₹492

    +
    + +
    +
    + +
    + CutieKins +
    Printed Ruffles Creep Top
    +
    + + + + + +
    +

    ₹685

    +
    + +
    +
    +
    + + + +
    +

    New Arrivals

    +

    Summer Collection New Morden Design

    +
    +
    + +
    + Niko +
    Classic Cotton Button Down With Placket
    +
    + + + + + +
    +

    ₹1499

    +
    + +
    +
    + +
    + Sahi Hai +
    Fine Wool Canvas Shirt
    +
    + + + + + +
    +

    ₹449

    +
    + +
    +
    + +
    + ASOS +
    Haze Boxy Studio Shirt
    +
    + + + + + +
    +

    ₹399

    +
    + +
    +
    + +
    + Bristum +
    1-POCKET SERVICE STRAIGHT SHIRT
    +
    + + + + + +
    +

    ₹1855

    +
    + +
    +
    + +
    + Topman +
    Men's Fleece Pullover Hoodie
    +
    + + + + + +
    +

    ₹1150

    +
    + +
    +
    + +
    + Vasia +
    MEN’S GOLF SHORTS
    +
    + + + + + +
    +

    ₹850

    +
    + +
    +
    + +
    + WORDANS +
    Kustom Kit KK782 - TAILORED FIT STRETCH OXFORD LONG SLEEVE
    +
    + + + + + +
    +

    ₹492

    +
    + +
    +
    + +
    + Nike +
    NOCTA NRG LU JERSEY HOME
    +
    + + + + + +
    +

    ₹1459

    +
    + +
    +
    +
    + +
    +
    + +
    +
    + +
    +      +
    + +
    +
    + + +
    +
    + + +
    +
    + + +
    +
    + +
    +
    +
    +
    +

    Sign Up for Newsletters

    +

    + Get E-mail Update about our latest Shop and Special offer +

    +
    +
    +
    + +
    + +
    +
    + + + + + + \ No newline at end of file diff --git a/loggin.css b/loggin.css new file mode 100644 index 0000000..e390128 --- /dev/null +++ b/loggin.css @@ -0,0 +1,343 @@ +.account_page { + background: radial-gradient(#fff, #e3e6f3); + /* height: 100vh; */ +} + +.container_account .row { + display: flex; + justify-content: center; + align-items: center; + padding: 50px 0; + /* height: 100vh; */ +} + +.form_container { + background: #ffff; + height: 100%; + /* width: 300px; */ + position: relative; + text-align: center; + /* border: 1px solid red; */ + padding: 20px 0; + margin: auto; + box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1); + /* overflow: hidden; */ +} + +.form_container span { + font-weight: bold; + padding: 0 10px; + color: #555; + cursor: pointer; + width: 100px; + display: inline-block; +} + +.form_btn { + display: inline-block; +} + +.form_container form { + max-width: 300px; + padding: 0 20px; + /* position: absolute; */ + top: 130px; + transition: transform 1s; +} + +form input { + width: 100%; + height: 30px; + margin: 10px 0; + padding: 0 10px; + border: 1px solid #ccc; +} + +form .btn { + width: 100%; + border: none; + border-radius: 25px; + cursor: pointer; + margin: 10px 0; + background-color: #088178; + padding: 8px 12px; + font-size: 15px; + color: #fff; +} + +form .btn:focus { + outline: none; +} + +#LoginForm { + left: -200px; +} + +#RegForm { + left: 50px; +} + +form a { + font-size: 12px; +} + +#Indicator { + width: 100px; + border: none; + background-color: #088178; + height: 3px; + margin-top: 8px; + transform: translate(100px); + transition: transform 1s; +} +/* */ +.cycle-tab-container { + margin: 30px auto; + width: 400px; + padding: 20px; + box-shadow: 0 0 10px 2px #ddd; +} + +.cycle-tab-container a { + color: #173649; + font-size: 16px; + font-family: roboto; + text-align: center; +} + +.tab-pane { + text-align: center; + height: 100px !important; + margin: 30px auto; + width: 500px; + max-width: 100%; +} + +.fade { + opacity: 0; + transition: opacity 4s ease-in-out; +} + +.fade.active { + opacity: 1; +} + +.cycle-tab-item { + width: 180px; +} + +.cycle-tab-item:after { + display: block; + content: ""; + border-bottom: solid 3px orange; + transform: scaleX(0); + transition: transform 0ms ease-out; +} +.cycle-tab-item.active:after { + transform: scaleX(1); + transform-origin: 0% 50%; + transition: transform 5000ms ease-in; +} + +.nav-link:focus, +.nav-link:hover, +.cycle-tab-item.active a { + border-color: transparent !important; + color: orange; +} + +/* */ +.main { + width: 80%; + text-align: center; + height: 100%; + padding: 20px 0; + margin: auto; + box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1); + background: white; + border-radius: 5px; + padding: 30px; + position: relative; + display: flex; +} +.main .form_wrapper { + width: 100%; + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; + position: relative; + overflow: hidden; +} +.main .form_wrapper .tile { + text-align: center; + margin-bottom: 20px; + width: 100%; + overflow: hidden; +} +.main .form_wrapper .tile h3 { + font-size: 22px; + margin: 0px; + transition: all 0.3s ease; +} +.main .form_wrapper .radio { + display: none; +} +.main .form_wrapper .tab { + width: 50%; + border: solid 2px #f1f1f1; + height: 40px; + border-radius: 5px; + display: flex; + align-items: center; + justify-content: center; + font-size: 16px; + margin-bottom: 20px; + font-weight: 500; + transition: color 0.3s ease; + user-select: none; +} +.main .form_wrapper .tab.login_tab { + border-right: none; + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; +} +.main .form_wrapper .tab.signup_tab { + border-left: none; + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; +} +.main .form_wrapper .shape { + background-color: #088178; + width: 50%; + height: calc(40px - 1px); + border-radius: 5px; + position: absolute; + top: 47px; + left: 0px; + opacity: 0.9; + transition: all 0.4s ease; +} +.main .form_wrapper .shape:hover { + background-color: #088178; +} +.main .form_wrapper #login:checked ~ .shape { + left: 0px; +} +.main .form_wrapper #login:checked ~ .login_tab { + border-color: transparent; + z-index: 1; + color: white; +} +.main .form_wrapper #login:checked ~ .tile .signup { + display: none; +} +.main .form_wrapper #login:checked ~ .form_wrap { + transform: translateX(0); +} +.main .form_wrapper #login:checked ~ .form_wrap .signup_form { + opacity: 0; +} +.main .form_wrapper #signup:checked ~ .shape { + left: 50%; +} +.main .form_wrapper #signup:checked ~ .signup_tab { + border-color: transparent; + z-index: 1; + color: white; +} +.main .form_wrapper #signup:checked ~ .tile .login { + display: none; +} +.main .form_wrapper #signup:checked ~ .form_wrap { + transform: translateX(-100%); +} +.main .form_wrapper #signup:checked ~ .form_wrap .login_form { + opacity: 0; +} +.main .form_wrapper a { + color: #088178; + text-decoration: none; + transition: all 0.3s linear; +} +.main .form_wrapper a:hover { + color: #088178; +} +.main .form_wrapper .form_wrap { + display: flex; + width: 100%; + flex: 0 0 100%; + transition: transform 0.3s ease, opacity 0.2s ease; +} +.main .form_wrapper .form_wrap .form_fild { + width: 100%; + flex: 0 0 100%; + transition: all 0.5s ease; +} +.main .form_wrapper .form_wrap .form_fild .input_group { + width: 100%; + margin-bottom: 12px; +} +.main .form_wrapper .form_wrap .form_fild .input_group .input { + border: solid #f1f1f1 2px; + border-radius: 5px; + width: 100%; + height: 40px; + padding: 5px 10px; + font-size: 15px; + font-weight: 500; + outline: none; + transition: all 0.3s linear; +} +.main .form_wrapper .form_wrap .form_fild .input_group .input::placeholder { + color: #adadad; +} +.main .form_wrapper .form_wrap .form_fild .input_group .input:hover { + border-color: #088178; +} +.main .form_wrapper .form_wrap .form_fild .input_group .input:focus { + border-color: #088178; +} +.main .form_wrapper .form_wrap .form_fild .forgot { + display: block; + margin-bottom: 15px; + padding: 0px 2px; +} +.main .form_wrapper .form_wrap .form_fild .btn { + width: 100%; + height: 40px; + margin-bottom: 20px; + border: none; + outline: none; + font-size: 16px; + font-weight: 500; + letter-spacing: 0.8px; + color: white; + background-color: #088178; + border-radius: 5px; + display: flex; + align-items: center; + justify-content: center; + transition: all 0.3s linear; +} +.main .form_wrapper .form_wrap .form_fild .btn:hover { + background-color: #088178; +} +.main .form_wrapper .form_wrap .form_fild .btn:active { + transform: scale(0.95); +} +.main .form_wrapper .form_wrap .form_fild .not_mem { + text-align: center; +} +.main .form_wrapper .form_wrap .form_fild .not_mem label { + pointer-events: none; +} +.main .form_wrapper .form_wrap .form_fild .not_mem label span { + pointer-events: all; + color: #088178; + text-decoration: none; + transition: all 0.3s linear; +} +.main .form_wrapper .form_wrap .form_fild .not_mem label span:hover { + color: #088178; +} diff --git a/login.html b/login.html new file mode 100644 index 0000000..66470d0 --- /dev/null +++ b/login.html @@ -0,0 +1,411 @@ + + + + + + + + + + + + + + + + + + + + + + + SmartTrends | Login + + + + + +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    + +
    + +
    +
    +
    + + +
    +
    + +
    + + +
    +
    + + +
    +
    + Don't have an account? + Register +
    +
    +
    + Back to Home + Forgot your + password? +
    +
    +
    +
    +
    +
    +
    +
    +
    + + + + + + + + + diff --git a/media_query.css b/media_query.css new file mode 100644 index 0000000..c93476d --- /dev/null +++ b/media_query.css @@ -0,0 +1,338 @@ +@media(max-width:799px) { + .section-p1 { + padding: 40px 40px; + } + + #navbar { + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: flex-start; + position: fixed; + top: 0; + right: -300px; + height: 100vh; + width: 300px; + background-color: #E3E6F3; + box-shadow: 0 40px 20px rgb(0, 0, 0.1); + padding: 80px 0 0 10px; + transition: 0.3s; + } + + #navbar.active { + right: 0px; + } + + #navbar li { + margin-bottom: 25px; + } + + #mobile { + display: flex; + align-items: center; + } + + #mobile i { + padding-left: 20px; + color: #1a1a1a; + font-size: 24px; + } + + #close { + display: initial; + position: absolute; + top: 30px; + left: 30px; + color: #222; + font-size: 24px; + } + + #lg-bag { + display: none; + } + + .login-btn { + margin-left: 15px; + } + + #hero { + height: 70vh; + padding: 0 80px; + background-position: top 30% right 30%; + background-image: linear-gradient(180deg, rgb(13 15 45 / 50%), rgb(16 18 48 / 80%)), url("https://blogpakistan.pk/wp-content/uploads/2021/02/charcoal.jpg"); + height: 100vh; + /* background-position: center; */ + background-repeat: no-repeat; + background-size: cover; + } + + + + #hero h1 { + color: #088178; + } +#hero h2, #hero h4 ,#hero p { + color: #fff; +} + #hero button { + background-color: #088178; + padding: 10px 20px; + margin-top: 10px; + border-radius: 10px; + color: #fff; + border: none; + } + + #feature { + justify-content: center; + } + + #feature .fe-box { + margin: 15px 15px; + } + + #product1 .pro-container { + justify-content: center; + } + + #product1 .pro { + + margin: 15px; + + } + + #banner { + height: 20vh; + } + + #banner h2 { + font-size: 15px; + } + + #ad-banner .banner-box1 { + min-width: 100%; + height: 30vh; + padding: 90px; + + } + + #ad-banner .banner-box2 { + min-width: 100%; + height: 30vh; + padding: 90px; + + } + + #ad-banner-other { + padding: 0 30px; + + } + + #ad-banner-other .banner-other-1 { + min-width: 38px; + } + + #ad-banner-other .banner-other-2 { + min-width: 38px; + + } + + #ad-banner-other .banner-other-3 { + min-width: 38px; + + } + + #newsletter .form { + + width: 70%; + padding-top: 15px; + } +} + +@media(max-width: 477px) { + + .section-p1 { + padding: 20px; + } + + #header { + + padding: 10px 30px; + + } + + #hero { + padding: 0 20px; + background-position: 55%; + } + + h2 { + font-size: 32px; + } + + h1 { + font-size: 38px; + } + + #feature .fe-box { + margin: 0 0 15px 0; + } + + #feature { + justify-content: space-between; + } + + #product1 .pro { + width: 100%; + + } + + #banner { + height: 40vh; + } + + #banner h2 { + font-size: 15px; + } + + #ad-banner .banner-box1 { + height: 40vh; + } + + #ad-banner .banner-box2 { + margin-top: 20px; + } + + #banner3 { + padding: 0 20px; + } + + #sm-banner .banner-box { + min-width: 100%; + height: 30vh; + margin-bottom: 20px; + } + + #banner3 { + padding: 0 40px; + } + + #banner3 .banner-box { + width: 20px; + } + + + #newsletter .form { + width: 100%; + } + + #newsletter { + padding: 40px 20px; + } + + .copyright { + margin-top: 50px; + } + + /* single product */ + #pro_details { + display: flex; + flex-direction: column; + } + + #pro_details .single_pro_image { + width: 100%; + margin-right: 0px; + } + + #pro_details .single_pro_details { + width: 100%; + + } + + #newsletter .newsletter_form { + width: auto; + } +} + +/* blog page */ + +#blog .blog-box { + display: flex; + flex-direction: column; + align-items: flex-start; + +} + +#blog { + padding: 100px 20px 0 20px; +} + +#blog .blog-image { + width: 100%; + margin-right: 0px; + margin-bottom: 30px; +} + +#blog .blog-detail { + width: 100%; +} + +/* about section*/ +#about-head { + flex-direction: column; +} + +#about-head img { + width: 100%; + margin-bottom: 20px; +} + +#about-head div { + padding-left: 0px; +} + +#about-app .video { + width: 100%; + +} + +/* cart section */ +#cart-add { + flex-direction: column; +} + +#coupon { + width: 100%; +} + +#subtotal { + width: 100%; + padding: 20px; +} + + +/* Our Team */ + +@media (max-width: 950px) { + .ourTeam_Background { + font-size: 3.5rem; + /* margin: 0 20%; */ + } + + .ourTeam_Heading>h1 { + font-size: 3.5rem; + } + + .ourTeam_Body { + flex-direction: column; + } + + .ourTeam_Member1, + .ourTeam_Member2, + .ourTeam_Member3, + .ourTeam_Member4 { + margin-bottom: 10rem; + width: 100%; + } +} \ No newline at end of file diff --git a/ourteam.html b/ourteam.html new file mode 100644 index 0000000..b2eeb85 --- /dev/null +++ b/ourteam.html @@ -0,0 +1,92 @@ + + + + + + + + + Smart-Trends | Team Members + + + + + + + + + + + + + + + + + +
    + Powered by people... +
    +
    +
    +

    Our Team

    +
    +
    +
    +
    +
    Deepak Bhatt
    +
    UI Designer + Frontend
    +
    Myself Deepak Bhatt who loves to do Gaming, Graphic Designing, + Listening Music and learning the aspects of Computer Science
    +
    +
    +
    +
    +
    +
    +
    +
    Kishan Panchal
    +
    Functionality + Testing
    +
    This is Kishan Panchal. He loves Programming, + playing PC games. He has learned C, HTML, CSS,and + still learning more..
    +
    +
    +
    +
    +
    +
    +
    +
    Tanisha Pal
    +
    Code Management
    +
    Tanisha is a Assistant Testor, who love programming by learning and also reading books.She loves to read novels in free time.
    +
    +
    +
    + +
    +
    +
    +
    +
    Sajida Noor Pathan
    +
    Code Management
    +
    Sajida is a Assistant Functionality Checker who loves travelling, gossiping and laughing. She like to cook yummy food for herself.
    +
    +
    +
    + +
    +
    +
    + + \ No newline at end of file diff --git a/privacy_policy.html b/privacy_policy.html new file mode 100644 index 0000000..0bb8abd --- /dev/null +++ b/privacy_policy.html @@ -0,0 +1,595 @@ + + + + + + + + SmartTrends + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +

    Privacy Policy

    +
    +

    Introduction

    +
    + +

    + We value the trust you place in us and recognize the importance of + secure transactions and information privacy. This Privacy Policy + describes how Myntra Designs Private Limited and its affiliates + (collectively "Myntra, we, our, us") collect, use, share, protect or + otherwise process your personal information through Myntra website + https://www.myntra.com. While you may be able to browse certain + sections of the Platform without registering with us, however, please + note we do not offer any product/service under this Platform outside + India. Your personal information will primarily be stored and + processed in India and may have data protection laws that are + different from those that apply in the country in which you are + located. By visiting this Platform, providing your information or + availing any product/service offered on the Platform, you expressly + agree to be bound by the terms and conditions of this Privacy Policy, + the Terms of Use and the applicable service/product terms and + conditions, and agree to be governed by the laws of India including + but not limited to the laws applicable to data protection and privacy. + If you do not agree please do not use or access our Platform +

    +
    +

    Collection

    +
    +

    + Smart Trends We collect your personal information relating to your + identity, demographics and when you use our Platform, services or + otherwise interact with us during the course of our relationship and + related information provided from time to time. Some of the + information that we may collect includes but is not limited to + Information provided to us during sign-up/registering or using our + Platform such as name, date of birth, address, telephone/mobile + number, email ID, occupation and any such information shared as proof + of identity or address. We may also request you to share your PAN, GST + number, Government issued ID cards/number and Know-You-Customer (KYC) + details to check your eligibility for certain products, services or + events including but not limited to credit and payment products. Some + of the sensitive personal information such as your bank account or + credit or debit card or other payment instrument information or + biometric information such as your facial features or physiological + information (in order to enable use of certain features available on + the Platform to assist you with your shopping experience) or password + etc. Some of the information such as your shopping behaviour, + preferences, call data records, device location, voice, your browsing + history, and other information that you may provide to us from time to + time. Our primary goal in doing so is to provide you a safe, + efficient, smooth, and customized experience. This allows us to + provide services and features that most likely meet your needs, and to + customize our Platform to make your experience safer and easier. In + general, you can browse the Platform without telling us who you are or + revealing any personal information about yourself. Once you give us + your personal information, you are not anonymous to us. Where + possible, we indicate which fields are required and which fields are + optional. You always have the option to not provide information, by + choosing not to use a particular service or feature on the Platform. + We may track your buying behaviour, preferences, and other information + that you choose to provide on our Platform. We use this information to + do research on our users' demographics, interests, and behaviour to + better understand and serve our users. This information is compiled + and analysed on an aggregated basis. This information may include the + URL that you just came from (whether this URL is on our Platform or + not), which URL you next go to (whether this URL is on our Platform or + not), your computer browser information, and your IP address. If you + enrol into our loyalty program or participate in third party loyalty + program offered by us, we will collect and store your personal + information such as name, contact number, email address, communication + address, date of birth, gender, zip code, lifestyle information, + demographic and work details which is provided by you to us or a + third-party business partner that operates platforms where you can + earn loyalty points for purchase of goods and services, and/or also + redeem them. We will also collect your information related to your + transactions on Platform and such third-party business partner + platforms. When such a third-party business partner collects your + personal information directly from you, you will be governed by their + privacy policies. We shall not be responsible for the third-party + business partner’s privacy practices or the content of their privacy + policies, and we request you to read their privacy policies prior to + disclosing any information. If you set up an account or transact with + us, we may seek some additional information, such as billing address, + credit/debit card number and a credit/debit card expiration date and/ + or other payment instrument details and tracking information from + cheques or money orders to provide services, enable transactions or to + refund for cancelled transactions. If you choose to post messages on + our message boards, personalised messages, images, photos, gift card + message box, chat rooms or other message areas or leave + feedback/product review or if you use voice commands to shop on the + Platform, we will collect that information you provide to us. Please + note such messages posted by you will be in public domain and can be + read by others as well, please exercise caution while posting such + messages, personal details, photos and reviews. We retain this + information as necessary to resolve disputes, provide customer + support, internal research and troubleshoot problems as permitted by + law. If you send us personal correspondence, such as emails or + letters, or if other users or third parties send us correspondence + about your activities or postings on the Platform, we may collect such + information into a file specific to you. While you can browse some + sections of our Platform without being a registered member, certain + activities (such as placing an order or consuming our online content + or services or participating in any event) requires registration. We + may use your contact information to send you offers based on your + previous orders or preferences and your interests. If you receive an + e-mail, a call from a person/association claiming to be from Myntra + seeking sensitive personal information like debit/credit card PIN, + net-banking or mobile banking password, we request you to never + provide such information. We at Myntra or our affiliate logistics + partner do not at any time connect with you requesting for such + information. If you have already revealed such information, report it + immediately to an appropriate law enforcement agency +

    +
    +

    USE

    +
    +

    + Smart Trends offersWe use personal information to provide the services + you request. To the extent we use your personal information to market + to you, we will provide you the ability to opt-out of such uses. We + use your personal information to assist sellers and business partners + in handling and fulfilling orders; enhancing customer experience; to + resolve disputes; troubleshoot problems; help promote a safe service; + collect money; measure consumer interest in our products and services, + inform you about online and offline offers, products, services, and + updates; customize your experience; detect and protect us against + error, fraud and other criminal activity; enforce our terms and + conditions; conduct marketing research, analysis and surveys; and as + otherwise described to you at the time of collection of information. + We will ask for your permission to allow us access to your text + messages (SMS), instant messages, contacts in your directory, camera, + photo gallery, location and device information: (i) to send commercial + communication regarding your orders or other products and services + (ii) enhance your experience on the platform and provide you access to + the products and services offered on the Platform by sellers, + affiliates, partners or lending partners. You understand that your + access to these products/services may be affected in the event + permission is not provided to us. In our efforts to continually + improve our product and service offerings, we collect and analyse + demographic and profile data about users' activity on our Platform. We + identify and use your IP address to help diagnose problems with our + server, and to administer our Platform. Your IP address is also used + to help identify you and to gather broad demographic information. We + will occasionally ask you to complete surveys conducted either by us + or through a third- party market research agency. These surveys may + ask you for personal information, contact information, gender, date of + birth, demographic information (like pin code, age or income level) + attributes such as your interests, household or lifestyle information, + your purchasing behaviour or history preference and other such + information that you may choose to provide. The survey may involve + collection of voice data or video recordings. Participation in these + surveys are purely voluntary in nature. We use this data to tailor + your experience at our Platform, providing you with content that we + think you might be interested in and to display content according to + your preferences +

    +
    +

    Cookies

    +
    +

    + We use data collection devices such as "cookies" on certain pages of + the Platform to help analyse our web page flow, measure promotional + effectiveness, and promote trust and safety. "Cookies" are small files + placed on your hard drive that assist us in providing our services. + Cookies do not contain any of your personal information. We offer + certain features that are only available through the use of a + "cookie". We also use cookies to allow you to enter your password less + frequently during a session. Cookies can also help us provide + information that is targeted to your interests. Most cookies are + "session cookies," meaning that they are automatically deleted from + your hard drive at the end of a session. You are always free to + decline/delete our cookies if your browser permits, although in that + case you may not be able to use certain features on the Platform and + you may be required to re-enter your password more frequently during a + session. Additionally, you may encounter "cookies" or other similar + devices on certain pages of the Platform that are placed by third + parties. We do not control the use of cookies by third parties. We use + cookies from third-party partners such as Google Analytics for + marketing and analytical purposes. Google Analytics helps us + understand how our customers use the site. You can read more about how + Google uses your Personal Information here: + https://www.google.com/intl/en/policies/privacy/. You can also opt-out + of Google Analytics here:https://tools.google.com/dlpage/gaoptout +

    +
    +

    Sharing

    +
    +

    + Smart TrendsWe may share your personal information internally within + Myntra Group entities, our other corporate entities, and affiliates to + provide you access to the services and products offered by them, such + as the deferred payment options Flipkart Pay Later offered by Flipkart + Advanz Private Limited through its lending partners. These entities + and affiliates may market to you as a result of such sharing unless + you explicitly opt-out. We may disclose personal information to third + parties. This disclosure may be required for us to provide you access + to our services and products offered to you, to comply with our legal + obligations, to enforce our user agreement, to facilitate our + marketing and advertising activities, to prevent, detect, mitigate, + and investigate fraudulent or illegal activities related to our + services. We may disclose personal and sensitive personal information + to government agencies or other authorised law enforcement agencies if + required to do so by law or in the good faith belief that such + disclosure is reasonably necessary to respond to subpoenas, court + orders, or other legal process. We may disclose personal information + to law enforcement offices, third party rights owners, or others in + the good faith belief that such disclosure is reasonably necessary to: + enforce our Terms or Privacy Policy; respond to claims that an + advertisement, posting or other content violates the rights of a third + party; or protect the rights, property or personal safety of our users + or the general public. We and our affiliates will share / sell some or + all of your personal information with another business entity should + we (or our assets) plan to merge with, or be acquired by that business + entity, or re-organization, amalgamation, restructuring of business. + Should such a transaction occur, that other business entity (or the + new combined entity) will be required to follow this privacy policy + with respect to your personal information. +

    +
    +

    Security Precautions

    +
    +

    + To protect your personal information from unauthorised access or + disclosure, loss or misuse we adopt reasonable security practices and + procedures, in line with international standards ISO/IEC 27001:2013 + which is recognised as one of the highest information security + standards. Whenever you access your account information, we offer the + use of a secure server. The transmission of information is not + completely secure for reasons beyond our control. We adopt industry + standard security measures and keep updating our systems from time to + time to protect your personal information against any hacking or virus + dissemination. However, by using the Platform, the users accept the + security implications of data transmission over the internet and the + World Wide Web which cannot always be guaranteed as completely secure, + and therefore, there would always remain certain inherent risks + regarding use of the Platform. Users are responsible for ensuring the + protection of login and password records for their account. +

    +
    +

    Choice/Opt-Out

    +
    +

    + Smart TrendsWe provide all users with the opportunity to opt-out of + receiving non-essential (promotional, marketing-related) + communications from us after setting up an account. If you do not wish + to receive promotional communications from us, then please unsubscribe + by clicking on the unsubscribe link in the email or visit our Help + Center at + https://www.myntra.com/contactus/generic?query=manage-your-account&details=unsubscribe-from-promotions + to unsubscribe/opt-out. +

    +
    +

    Advertisements

    +
    +

    + We use third-party advertising companies to serve ads when you visit + our Platform. These companies may use information (not including your + name, address, email address, or telephone number) about your visits + to this Platform and other websites in order to provide advertisements + about goods and services of interest to you. You have an option to + opt-out from tracking of personalized advertising using the “Opt out + of Ads Personalization” settings using your device’s settings + application. Myntra will have no access to your GAID once you select + this feature. . +

    +

    Use of Children Information

    +
    +

    + Use of our Platform is available only to persons who can form a + legally binding contract under the Indian Contract Act, 1872. We do + not knowingly solicit or collect personal information from children + under the age of 18 years. If you have shared any personal information + of children under the age of 18 years, you represent that you have the + authority to do so and permit us to use the information in accordance + with this Privacy Policy. +

    +
    +

    Data Retention

    +
    +

    + We retain your personal information for a period no longer than is + required for the purpose for which it was collected or as required + under any applicable law. However, we may retain data related to you + if there is a legal obligation to retain the data; if required to + comply with any applicable statutory or regulatory retention + requirement by law; if we believe it may be necessary to prevent fraud + or future abuse; to enable Myntra to exercise its legal rights and/or + defend against legal claims; or for other legitimate purposes. We may + continue to retain your data in anonymised form for analytical and + research purposes. +

    +
    +

    Your Rights

    +
    +

    + We take every reasonable step to ensure that your personal information + that we process is accurate and, where necessary, kept up to date, and + any of your personal information that we process that you inform us is + inaccurate (having regard to the purposes for which they are + processed) is erased or rectified. You may access, correct, and update + your personal information directly through the functionalities + provided on the Platform. You may delete certain non-mandatory + information by logging into our website and visiting Profile and + Settings sections. You can also write to us at the contact information + provided below to assist you with these requests. You have an option + to withdraw your consent that you have already provided by writing to + us at the contact information provided below. Please mention “for + withdrawal of consent” in the subject line of your communication. We + will verify such requests before acting upon your request. Please + note, however, that withdrawal of consent will not be retroactive and + will be in accordance with the terms of this Privacy Policy, related + Terms of Use and applicable laws. In the event you withdraw consent + given to us under this Privacy Policy, such withdrawal may hamper your + access to the Platform or restrict provision of our services to you + for which we consider that information to be necessary. +

    +
    +

    Consent

    +
    +

    + By visiting our Platform or by providing your information, you consent + to the collection, use, storage, disclosure and otherwise processing + of your information (including sensitive personal information) on the + Platform in accordance with this Privacy Policy. If you disclose to us + any personal information relating to other people, you represent that + you have the authority to do so and permit us to use the information + in accordance with this Privacy Policy. You, while providing your + personal information over the Platform or any partner platforms or + establishments, consent to us (including our other corporate entities, + affiliates, lending partners, technology partners, marketing channels, + business partners and other third parties) to contact you through SMS, + instant messaging apps, call and/or e-mail for the purposes specified + in this Privacy Policy. You have an option to withdraw your consent + that you have already provided by writing to the Grievance Officer at + the contact information provided below. Please mention “Withdrawal of + consent for processing personal information” in your subject line of + your communication. We will verify such requests before acting on our + request. Please note, however, that withdrawal of consent will not be + retroactive and will be in accordance with the terms of this Privacy + Policy, related terms of use and applicable laws. In the event you + withdraw consent given to us under this Privacy Policy, we reserve the + right to restrict or deny the provision of our services for which we + consider such information to be necessary. +

    +
    +

    Changes to this Privacy Policy

    +
    +

    + Please check our Privacy Policy periodically for changes. We may + update this Privacy Policy to reflect changes to our information + practices. We will alert you to significant changes by posting the + date our Privacy Policy got last updated, placing a notice on our + Platform, or by sending you an email when we are required to do so by + applicable law. +

    +
    +

    Grievance Officer

    +
    +

    + Mr Mohammed Aleemulla Shariff Designation : Manager - CC - Escalation + Desk Myntra Designs Pvt Ltd., Alyssa, Begonia and Clover situated in + Embassy Tech Village, Outer Ring Road, Devarabeesanahalli Village, + Varthur Hobli, Bengaluru, Karnataka: 560103, India +

    +
    +

    Contact us

    +
    +

    + You can reach our customer support team to address any of your queries + or complaints related to product and services by writing to + customergrievance@myntra.com Phone: +91-80-61561999 Time: Mon - Sat + (9:00 - 18:00) +

    +
    +

    Queries

    +
    +

    + If you have a query, concern, or complaint in relation to collection + or usage of your personal information under this Privacy Policy, + please contact us at the contact information provided above. Last + updated: November 26, 2021. +

    +
    +
    +
    + + + + + diff --git a/redeem_coupon.html b/redeem_coupon.html new file mode 100644 index 0000000..1f4ac92 --- /dev/null +++ b/redeem_coupon.html @@ -0,0 +1,269 @@ + + + + + + + + SmartTrends + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +

    How Do I Redeem My Coupon ?

    +
    +

    +
  • How do I use my coupon?
    • +

    +
    +

    + It’s as simple as snow! Add the products to your ‘Bag’. Make sure that + the products that you add are eligible for the offer. To find that + out, select the product, and just below the price, you will be able to + see the coupons that can be applied on that product. Once they’re all + added to ‘Bag’, click on ‘Apply Coupon’ on the right hand top corner + of the page. +

    +
    +

    +
  • Why am I unable to apply coupon on products in my bag?
    • +

    +
    +

    + Ouch! This might explain why. Coupons are applicable only on selected + merchandise. To find out whether the coupon is applicable on your + shortlisted products or not:
    + i. Select a product.
    + ii. You will be able to see the list of offers applicable on the + product along with Coupon code, discount amount, and minimum purchase + to avail the discount.
    + iii. If you want to view the list of products on which a particular + coupon code is applicable, you may click on 'View All Products' link + as shown below. +

    +
    +

    +
  • + Why am I not getting the complete discount as mentioned in the + offer? +
    • +

    +
    +

    + Yes you are! Here’s how. For every coupon, there is a limit on the + maximum discount that can be availed. That means, existing discount on + the product, plus the coupon discount should be equal to or less than + the maximum discount applicable. +

    +
    +
    +
    + + + + + diff --git a/register.html b/register.html new file mode 100644 index 0000000..0e34970 --- /dev/null +++ b/register.html @@ -0,0 +1,414 @@ + + + + + + + + + + + + + + + + + + + + + + + SmartTrends | Login + + + + + +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    + +
    + +
    +
    +
    + + +
    +
    + +
    + + +
    +
    + + +
    +
    + Don't have an account? + Login +
    +
    +
    + +
    +
    + Back to Home + Forgot your + password? +
    +
    +
    +
    +
    +
    +
    +
    +
    + + + + + + + + + diff --git a/script.js b/script.js new file mode 100644 index 0000000..5520772 --- /dev/null +++ b/script.js @@ -0,0 +1,80 @@ +// Loader Section +$(window).load(function () { + $("#loader").fadeOut(1000, function () { + $("body").removeClass("body"); + }); +}); +function preLoader() { + let loading = document.getElementById("loader"); + loading.style.display = "none"; +} + +// Hamburger + +function toggleNavbar() { + this.state = !this.state; + if (this.state) { + openNavbar(); + } else { + closeNavbar(); + } +} + +function closeNavbar() { + document.getElementById("navbar").style.right = "-30rem" +} + +function openNavbar() { + document.getElementById("navbar").style.right = "0" +} + +// Slidebar + +function toggleSlider() { + this.state = !this.state; + if (this.state) { + openSlider(); + } else { + closeSlider(); + } +} + +function closeSlider() { + document.getElementById("slider_banner_expanded").style.display = "none" +} + +function openSlider() { + document.getElementById("slider_banner_expanded").style.display = "block" +} + + + + +// Login Form + + +function loginToggle() { + var header = document.querySelector('.header'); + header.classList.toggle('active'); + var popup = document.querySelector('.login-form'); + popup.classList.toggle('active'); +} + + +// Product Image Selection + +var Mainimg = document.getElementById("Mainimg"); +var smallimg = document.getElementsByClassName("small_img"); + +smallimg[0].onclick = function () { + Mainimg.src = smallimg[0].src; +} +smallimg[1].onclick = function () { + Mainimg.src = smallimg[1].src; +} +smallimg[2].onclick = function () { + Mainimg.src = smallimg[2].src; +} +smallimg[3].onclick = function () { + Mainimg.src = smallimg[3].src; +} \ No newline at end of file diff --git a/shop.html b/shop.html new file mode 100644 index 0000000..cbcebf8 --- /dev/null +++ b/shop.html @@ -0,0 +1,408 @@ + + + + + + + + SmartTrends + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +
    +
    +
    + + + + +
    +

    #stayhome

    +

    Save more with coupons & up to 70% off!

    +
    + + +
    +
    +
    + +
    + adidas +
    Cartoon Astronaut Shirts
    +
    + + + + + +
    +

    ₹1499

    +
    + +
    +
    + +
    + Sahi Hai +
    Solid Spread Collar Casual Shirt
    +
    + + + + + +
    +

    ₹449

    +
    + +
    +
    + +
    + ASOS +
    Men Regular Fit Printed Casual Shirt
    +
    + + + + + +
    +

    ₹399

    +
    + +
    +
    + +
    + Little Man +
    Floral Print Shirt
    +
    + + + + + +
    +

    ₹899

    +
    + +
    +
    + +
    + Topman +
    Camouflage Print Shirt
    +
    + + + + + +
    +

    ₹1150

    +
    + +
    +
    + +
    + Ralph Lauren +
    Striped Casual Shirts
    +
    + + + + + +
    +

    ₹349

    +
    + +
    +
    + +
    + Dress Berry +
    Girls Flared Plazzos
    +
    + + + + + +
    +

    ₹492

    +
    + +
    +
    + +
    + CutieKins +
    Printed Ruffles Creep Top
    +
    + + + + + +
    +

    ₹685

    +
    + +
    +
    +
    + + +
    + 1 + 2 + +
    + + +
    +
    +
    +
    +

    Sign Up for Newsletters

    +

    + Get E-mail Update about our latest Shop and + Special offer +

    +
    +
    +
    + +
    +
    +
    + + + + diff --git a/sproduct.html b/sproduct.html new file mode 100644 index 0000000..bcef3c7 --- /dev/null +++ b/sproduct.html @@ -0,0 +1,310 @@ + + + + + + + + + SmartTrends + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    +
    +
    Home / Shirts
    +

    Cartoon Astronaut Shirts

    +

    ₹ 1499

    + + + +

    Product Details

    + Introducing the ultimate wardrobe essential - our classic T-shirt. Made from high-quality, soft and + breathable fabric, our T-shirt is the perfect combination of style and comfort. Whether you're lounging at home + or hitting the streets, this versatile piece will keep you looking and feeling great all day long. +
    + +
    + + +
    +

    Featured Products

    +

    Summer Collection New Morden Design

    +
    +
    + +
    + Niko +
    Classic Cotton Button Down With Placket
    +
    + + + + + +
    +

    ₹1499

    +
    + +
    +
    + +
    + Sahi Hai +
    Fine Wool Canvas Shirt
    +
    + + + + + +
    +

    ₹449

    +
    + +
    +
    + +
    + ASOS +
    Haze Boxy Studio Shirt
    +
    + + + + + +
    +

    ₹399

    +
    + +
    +
    + +
    + Bristum +
    1-POCKET SERVICE STRAIGHT SHIRT
    +
    + + + + + +
    +

    ₹1855

    +
    + +
    + +
    +
    + +
    +
    +
    +
    +

    Sign Up for Newsletters

    +

    + Get E-mail Update about our latest Shop and Special offer +

    +
    +
    +
    + +
    + +
    +
    + + + + + + + + + + + + \ No newline at end of file diff --git a/sproduct10.html b/sproduct10.html new file mode 100644 index 0000000..51a23c4 --- /dev/null +++ b/sproduct10.html @@ -0,0 +1,316 @@ + + + + + + + + SmartTrends + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    +
    +
    Home / Shirt
    +

    Fine Wool Canvas Shirt

    +

    ₹ 449

    + + + +

    Product Details

    + Stay cozy and stylish with our fine wool canvas shirt. Made from premium quality wool, this shirt is soft, warm, and perfect for the colder months. The unique wool canvas fabric is not only durable but also provides a comfortable and breathable fit. The classic design features a button-down front and a collared neckline, making it suitable for both casual and formal occasions. The slim fit cut provides a flattering and tailored look, while the long sleeves and buttoned cuffs add a touch of sophistication. Dress it up with slacks for work or keep it casual with jeans for a night out with friends. Our fine wool canvas shirt is a must-have addition to your winter wardrobe. Shop now and discover the perfect shirt to keep you warm and stylish. +
    + +
    + + +
    +

    Featured Products

    +

    Summer Collection New Morden Design

    +
    +
    + +
    + Niko +
    Classic Cotton Button Down With Placket
    +
    + + + + + +
    +

    ₹1499

    +
    + +
    +
    + +
    + Sahi Hai +
    Fine Wool Canvas Shirt
    +
    + + + + + +
    +

    ₹449

    +
    + +
    +
    + +
    + ASOS +
    Haze Boxy Studio Shirt
    +
    + + + + + +
    +

    ₹399

    +
    + +
    +
    + +
    + Bristum +
    1-POCKET SERVICE STRAIGHT SHIRT
    +
    + + + + + +
    +

    ₹1855

    +
    + +
    + +
    +
    + +
    +
    +
    +
    +

    Sign Up for Newsletters

    +

    + Get E-mail Update about our latest Shop and Special offer +

    +
    +
    +
    + +
    + +
    +
    + + + + + + + + + diff --git a/sproduct11.html b/sproduct11.html new file mode 100644 index 0000000..d349928 --- /dev/null +++ b/sproduct11.html @@ -0,0 +1,316 @@ + + + + + + + + SmartTrends + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    +
    +
    Home / Shirt
    +

    Haze Boxy Studio Shirt

    +

    ₹ 399

    + + + +

    Product Details

    + The classic collar and button-front closure add a touch of sophistication, while the loose fit keeps you comfortable all day long. The Haze Boxy Studio Shirt is versatile enough to wear to the office, out to dinner, or just for a casual day out. +
    + +
    + + +
    +

    Featured Products

    +

    Summer Collection New Morden Design

    +
    +
    + +
    + Niko +
    Classic Cotton Button Down With Placket
    +
    + + + + + +
    +

    ₹1499

    +
    + +
    +
    + +
    + Sahi Hai +
    Fine Wool Canvas Shirt
    +
    + + + + + +
    +

    ₹449

    +
    + +
    +
    + +
    + ASOS +
    Haze Boxy Studio Shirt
    +
    + + + + + +
    +

    ₹399

    +
    + +
    +
    + +
    + Bristum +
    1-POCKET SERVICE STRAIGHT SHIRT
    +
    + + + + + +
    +

    ₹1855

    +
    + +
    + +
    +
    + +
    +
    +
    +
    +

    Sign Up for Newsletters

    +

    + Get E-mail Update about our latest Shop and Special offer +

    +
    +
    +
    + +
    + +
    +
    + + + + + + + + + diff --git a/sproduct12.html b/sproduct12.html new file mode 100644 index 0000000..e814b59 --- /dev/null +++ b/sproduct12.html @@ -0,0 +1,316 @@ + + + + + + + + SmartTrends + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    +
    +
    Home / Shirt
    +

    1-Pocket Service Straight Shirt

    +

    ₹ 1855

    + + + +

    Product Details

    + Featuring a convenient 1-pocket design, this shirt allows you to keep your essentials close at hand. The lightweight fabric is breathable and comfortable, making it perfect for all-day wear. The 1-POCKET SERVICE STRAIGHT SHIRT is versatile and can be dressed up or down. Pair it with dress pants and heels for a professional look, or wear it with jeans and sneakers for a more casual vibe.Available in a range of sizes and colors, this shirt is a must-have addition to any wardrobe. Order yours today and experience the perfect blend of style and practicality. +
    + +
    + + +
    +

    Featured Products

    +

    Summer Collection New Morden Design

    +
    +
    + +
    + Niko +
    Classic Cotton Button Down With Placket
    +
    + + + + + +
    +

    ₹1499

    +
    + +
    +
    + +
    + Sahi Hai +
    Fine Wool Canvas Shirt
    +
    + + + + + +
    +

    ₹449

    +
    + +
    +
    + +
    + ASOS +
    Haze Boxy Studio Shirt
    +
    + + + + + +
    +

    ₹399

    +
    + +
    +
    + +
    + Bristum +
    1-POCKET SERVICE STRAIGHT SHIRT
    +
    + + + + + +
    +

    ₹1855

    +
    + +
    + +
    +
    + +
    +
    +
    +
    +

    Sign Up for Newsletters

    +

    + Get E-mail Update about our latest Shop and Special offer +

    +
    +
    +
    + +
    + +
    +
    + + + + + + + + + diff --git a/sproduct13.html b/sproduct13.html new file mode 100644 index 0000000..f0a1ace --- /dev/null +++ b/sproduct13.html @@ -0,0 +1,316 @@ + + + + + + + + SmartTrends + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    +
    +
    Home / Hoodie
    +

    Men's Fleece Pullover Hoodie

    +

    ₹ 1150

    + + + +

    Product Details

    + Featuring a classic pullover design with a cozy hood and a front kangaroo pocket, this hoodie is both stylish and functional. The ribbed cuffs and hem ensure a snug fit, while the relaxed silhouette allows for comfortable movement. This Men's Fleece Pullover Hoodie is perfect for a range of activities, from lounging at home to running errands around town. It's also great for layering, making it a versatile addition to any wardrobe. Available in a range of sizes and colors, this hoodie is a must-have for any fashion-conscious man. Order yours today and experience the perfect combination of warmth, comfort, and style. +
    + +
    + + +
    +

    Featured Products

    +

    Summer Collection New Morden Design

    +
    +
    + +
    + Niko +
    Classic Cotton Button Down With Placket
    +
    + + + + + +
    +

    ₹1499

    +
    + +
    +
    + +
    + Sahi Hai +
    Fine Wool Canvas Shirt
    +
    + + + + + +
    +

    ₹449

    +
    + +
    +
    + +
    + ASOS +
    Haze Boxy Studio Shirt
    +
    + + + + + +
    +

    ₹399

    +
    + +
    +
    + +
    + Bristum +
    1-POCKET SERVICE STRAIGHT SHIRT
    +
    + + + + + +
    +

    ₹1855

    +
    + +
    + +
    +
    + +
    +
    +
    +
    +

    Sign Up for Newsletters

    +

    + Get E-mail Update about our latest Shop and Special offer +

    +
    +
    +
    + +
    + +
    +
    + + + + + + + + + diff --git a/sproduct14.html b/sproduct14.html new file mode 100644 index 0000000..9aa2df6 --- /dev/null +++ b/sproduct14.html @@ -0,0 +1,316 @@ + + + + + + + + SmartTrends + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    +
    +
    Home / Shorts
    +

    Men's Golf Shorts

    +

    ₹ 850

    + + + +

    Product Details

    + Featuring a classic design with a flat front and belt loops, these shorts offer a sleek and stylish look. The lightweight fabric allows for comfortable movement, while the moisture-wicking technology keeps you dry and comfortable during hot, sweaty rounds.The Men's Golf Shorts are also designed with functionality in mind. They feature multiple pockets, including a convenient tee pocket, for all your golfing essentials. The stretch waistband ensures a secure fit, while the 9-inch inseam provides optimal coverage without hindering movement. Available in a range of sizes and colors, these shorts are perfect for both casual and competitive golfers. Order yours today and experience the perfect combination of comfort, style, and performance on the golf course. +
    + +
    + + +
    +

    Featured Products

    +

    Summer Collection New Morden Design

    +
    +
    + +
    + Niko +
    Classic Cotton Button Down With Placket
    +
    + + + + + +
    +

    ₹1499

    +
    + +
    +
    + +
    + Sahi Hai +
    Fine Wool Canvas Shirt
    +
    + + + + + +
    +

    ₹449

    +
    + +
    +
    + +
    + ASOS +
    Haze Boxy Studio Shirt
    +
    + + + + + +
    +

    ₹399

    +
    + +
    +
    + +
    + Bristum +
    1-POCKET SERVICE STRAIGHT SHIRT
    +
    + + + + + +
    +

    ₹1855

    +
    + +
    + +
    +
    + +
    +
    +
    +
    +

    Sign Up for Newsletters

    +

    + Get E-mail Update about our latest Shop and Special offer +

    +
    +
    +
    + +
    + +
    +
    + + + + + + + + + diff --git a/sproduct15.html b/sproduct15.html new file mode 100644 index 0000000..3f6b069 --- /dev/null +++ b/sproduct15.html @@ -0,0 +1,316 @@ + + + + + + + + SmartTrends + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    +
    +
    Home / Shirts
    +

    Kustom Kit KK782 - Tailored Fit Stretch Oxford Long Sleeve

    +

    ₹ 492

    + + + +

    Product Details

    + Featuring a classic button-down design with long sleeves and a tailored fit, this shirt is perfect for both formal and casual occasions. The stretch fabric allows for a full range of motion, making it ideal for active individuals. The Kustom Kit KK782 shirt is also designed with functionality in mind. It features a classic collar, adjustable cuffs, and a chest pocket for added convenience. The modern, minimalist design makes it easy to dress up or down depending on the occasion. +
    + +
    + + +
    +

    Featured Products

    +

    Summer Collection New Morden Design

    +
    +
    + +
    + Niko +
    Classic Cotton Button Down With Placket
    +
    + + + + + +
    +

    ₹1499

    +
    + +
    +
    + +
    + Sahi Hai +
    Fine Wool Canvas Shirt
    +
    + + + + + +
    +

    ₹449

    +
    + +
    +
    + +
    + ASOS +
    Haze Boxy Studio Shirt
    +
    + + + + + +
    +

    ₹399

    +
    + +
    +
    + +
    + Bristum +
    1-POCKET SERVICE STRAIGHT SHIRT
    +
    + + + + + +
    +

    ₹1855

    +
    + +
    + +
    +
    + +
    +
    +
    +
    +

    Sign Up for Newsletters

    +

    + Get E-mail Update about our latest Shop and Special offer +

    +
    +
    +
    + +
    + +
    +
    + + + + + + + + + diff --git a/sproduct16.html b/sproduct16.html new file mode 100644 index 0000000..3569d0a --- /dev/null +++ b/sproduct16.html @@ -0,0 +1,316 @@ + + + + + + + + SmartTrends + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    +
    +
    Home / Shirts
    +

    Nocta NRG LU Jersey Home

    +

    ₹ 1459

    + + + +

    Product Details

    + The Nocta NRG LU Jersey Home is designed with functionality in mind. It features a moisture-wicking fabric that helps keep you dry and comfortable during intense games. The breathable material allows for optimal airflow, helping to regulate your body temperature and keep you cool.The jersey also features a comfortable, regular fit and a classic collar, adding a touch of sophistication to your soccer look. The Nocta logo on the chest adds a stylish finishing touch, making this jersey perfect for both on and off the field. +
    + +
    + + +
    +

    Featured Products

    +

    Summer Collection New Morden Design

    +
    +
    + +
    + Niko +
    Classic Cotton Button Down With Placket
    +
    + + + + + +
    +

    ₹1499

    +
    + +
    +
    + +
    + Sahi Hai +
    Fine Wool Canvas Shirt
    +
    + + + + + +
    +

    ₹449

    +
    + +
    +
    + +
    + ASOS +
    Haze Boxy Studio Shirt
    +
    + + + + + +
    +

    ₹399

    +
    + +
    +
    + +
    + Bristum +
    1-POCKET SERVICE STRAIGHT SHIRT
    +
    + + + + + +
    +

    ₹1855

    +
    + +
    + +
    +
    + +
    +
    +
    +
    +

    Sign Up for Newsletters

    +

    + Get E-mail Update about our latest Shop and Special offer +

    +
    +
    +
    + +
    + +
    +
    + + + + + + + + + diff --git a/sproduct2.html b/sproduct2.html new file mode 100644 index 0000000..d9007ee --- /dev/null +++ b/sproduct2.html @@ -0,0 +1,380 @@ + + + + + + + + SmartTrends + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    +
    +
    Home / Shirts
    +

    Solid Spread Collar Casual Shirt

    +

    ₹ 449

    + + + +

    Product Details

    + Introducing the ultimate wardrobe essential - our classic T-shirt. Made from high-quality, soft and breathable fabric, our T-shirt is the perfect combination of style and comfort. Whether you're lounging at home or hitting the streets, this versatile piece will keep you looking and feeling great all day long. +
    + +
    + + +
    +

    Featured Products

    +

    Summer Collection New Morden Design

    +
    +
    + +
    + Niko +
    Classic Cotton Button Down With Placket
    +
    + + + + + +
    +

    ₹1499

    +
    + +
    +
    + +
    + Sahi Hai +
    Fine Wool Canvas Shirt
    +
    + + + + + +
    +

    ₹449

    +
    + +
    +
    + +
    + ASOS +
    Haze Boxy Studio Shirt
    +
    + + + + + +
    +

    ₹399

    +
    + +
    +
    + +
    + Bristum +
    1-POCKET SERVICE STRAIGHT SHIRT
    +
    + + + + + +
    +

    ₹1855

    +
    + +
    + +
    +
    + +
    +
    +
    +
    +

    Sign Up for Newsletters

    +

    + Get E-mail Update about our latest Shop and + Special offer +

    +
    +
    +
    + +
    +
    +
    + + + + + + + + + diff --git a/sproduct3.html b/sproduct3.html new file mode 100644 index 0000000..5db51ab --- /dev/null +++ b/sproduct3.html @@ -0,0 +1,380 @@ + + + + + + + + SmartTrends + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    +
    +
    Home / Shirts
    +

    Men Regular Fit Printed Casual Shirt

    +

    ₹ 399

    + + + +

    Product Details

    + Introducing the ultimate wardrobe essential - our classic T-shirt. Made from high-quality, soft and breathable fabric, our T-shirt is the perfect combination of style and comfort. Whether you're lounging at home or hitting the streets, this versatile piece will keep you looking and feeling great all day long. +
    + +
    + + +
    +

    Featured Products

    +

    Summer Collection New Morden Design

    +
    +
    + +
    + Niko +
    Classic Cotton Button Down With Placket
    +
    + + + + + +
    +

    ₹1499

    +
    + +
    +
    + +
    + Sahi Hai +
    Fine Wool Canvas Shirt
    +
    + + + + + +
    +

    ₹449

    +
    + +
    +
    + +
    + ASOS +
    Haze Boxy Studio Shirt
    +
    + + + + + +
    +

    ₹399

    +
    + +
    +
    + +
    + Bristum +
    1-POCKET SERVICE STRAIGHT SHIRT
    +
    + + + + + +
    +

    ₹1855

    +
    + +
    + +
    +
    + +
    +
    +
    +
    +

    Sign Up for Newsletters

    +

    + Get E-mail Update about our latest Shop and + Special offer +

    +
    +
    +
    + +
    +
    +
    + + + + + + + + + diff --git a/sproduct4.html b/sproduct4.html new file mode 100644 index 0000000..936ba65 --- /dev/null +++ b/sproduct4.html @@ -0,0 +1,316 @@ + + + + + + + + SmartTrends + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    +
    +
    Home / Shirts
    +

    Floral Print Shirt

    +

    ₹ 899

    + + + +

    Product Details

    + Introducing the ultimate wardrobe essential - our classic T-shirt. Made from high-quality, soft and breathable fabric, our T-shirt is the perfect combination of style and comfort. Whether you're lounging at home or hitting the streets, this versatile piece will keep you looking and feeling great all day long. +
    + +
    + + +
    +

    Featured Products

    +

    Summer Collection New Morden Design

    +
    +
    + +
    + Niko +
    Classic Cotton Button Down With Placket
    +
    + + + + + +
    +

    ₹1499

    +
    + +
    +
    + +
    + Sahi Hai +
    Fine Wool Canvas Shirt
    +
    + + + + + +
    +

    ₹449

    +
    + +
    +
    + +
    + ASOS +
    Haze Boxy Studio Shirt
    +
    + + + + + +
    +

    ₹399

    +
    + +
    +
    + +
    + Bristum +
    1-POCKET SERVICE STRAIGHT SHIRT
    +
    + + + + + +
    +

    ₹1855

    +
    + +
    + +
    +
    + +
    +
    +
    +
    +

    Sign Up for Newsletters

    +

    + Get E-mail Update about our latest Shop and Special offer +

    +
    +
    +
    + +
    + +
    +
    + + + + + + + + + diff --git a/sproduct5.html b/sproduct5.html new file mode 100644 index 0000000..f9fc379 --- /dev/null +++ b/sproduct5.html @@ -0,0 +1,316 @@ + + + + + + + + SmartTrends + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    +
    +
    Home / Shirts
    +

    Camouflage Print Shirt

    +

    ₹ 1150

    + + + +

    Product Details

    + Introducing the ultimate wardrobe essential - our classic T-shirt. Made from high-quality, soft and breathable fabric, our T-shirt is the perfect combination of style and comfort. Whether you're lounging at home or hitting the streets, this versatile piece will keep you looking and feeling great all day long. +
    + +
    + + +
    +

    Featured Products

    +

    Summer Collection New Morden Design

    +
    +
    + +
    + Niko +
    Classic Cotton Button Down With Placket
    +
    + + + + + +
    +

    ₹1499

    +
    + +
    +
    + +
    + Sahi Hai +
    Fine Wool Canvas Shirt
    +
    + + + + + +
    +

    ₹449

    +
    + +
    +
    + +
    + ASOS +
    Haze Boxy Studio Shirt
    +
    + + + + + +
    +

    ₹399

    +
    + +
    +
    + +
    + Bristum +
    1-POCKET SERVICE STRAIGHT SHIRT
    +
    + + + + + +
    +

    ₹1855

    +
    + +
    + +
    +
    + +
    +
    +
    +
    +

    Sign Up for Newsletters

    +

    + Get E-mail Update about our latest Shop and Special offer +

    +
    +
    +
    + +
    + +
    +
    + + + + + + + + + diff --git a/sproduct6.html b/sproduct6.html new file mode 100644 index 0000000..7531f0a --- /dev/null +++ b/sproduct6.html @@ -0,0 +1,316 @@ + + + + + + + + SmartTrends + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    +
    +
    Home / Shirts
    +

    Striped Casual Shirts

    +

    ₹ 349

    + + + +

    Product Details

    + Introducing the ultimate wardrobe essential - our classic T-shirt. Made from high-quality, soft and breathable fabric, our T-shirt is the perfect combination of style and comfort. Whether you're lounging at home or hitting the streets, this versatile piece will keep you looking and feeling great all day long. +
    + +
    + + +
    +

    Featured Products

    +

    Summer Collection New Morden Design

    +
    +
    + +
    + Niko +
    Classic Cotton Button Down With Placket
    +
    + + + + + +
    +

    ₹1499

    +
    + +
    +
    + +
    + Sahi Hai +
    Fine Wool Canvas Shirt
    +
    + + + + + +
    +

    ₹449

    +
    + +
    +
    + +
    + ASOS +
    Haze Boxy Studio Shirt
    +
    + + + + + +
    +

    ₹399

    +
    + +
    +
    + +
    + Bristum +
    1-POCKET SERVICE STRAIGHT SHIRT
    +
    + + + + + +
    +

    ₹1855

    +
    + +
    + +
    +
    + +
    +
    +
    +
    +

    Sign Up for Newsletters

    +

    + Get E-mail Update about our latest Shop and Special offer +

    +
    +
    +
    + +
    + +
    +
    + + + + + + + + + diff --git a/sproduct7.html b/sproduct7.html new file mode 100644 index 0000000..9e44942 --- /dev/null +++ b/sproduct7.html @@ -0,0 +1,316 @@ + + + + + + + + SmartTrends + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    +
    +
    Home / Plazzos
    +

    Girls Flared Plazzos

    +

    ₹ 492

    + + + +

    Product Details

    + Add a touch of flair to your wardrobe with our collection of girls' flared palazzo pants. Designed for comfort and style, these pants feature a wide-leg silhouette that flares out from the waist to create a flowing and flattering look. Made from soft and breathable fabrics, our palazzo pants are perfect for everyday wear, lounging, or dressing up for special occasions. Whether you're pairing them with a crop top, blouse, or a simple t-shirt, our girls' flared palazzo pants are a versatile addition to your closet. Shop now and discover the perfect palazzo pants to elevate your style. +
    + +
    + + +
    +

    Featured Products

    +

    Summer Collection New Morden Design

    +
    +
    + +
    + Niko +
    Classic Cotton Button Down With Placket
    +
    + + + + + +
    +

    ₹1499

    +
    + +
    +
    + +
    + Sahi Hai +
    Fine Wool Canvas Shirt
    +
    + + + + + +
    +

    ₹449

    +
    + +
    +
    + +
    + ASOS +
    Haze Boxy Studio Shirt
    +
    + + + + + +
    +

    ₹399

    +
    + +
    +
    + +
    + Bristum +
    1-POCKET SERVICE STRAIGHT SHIRT
    +
    + + + + + +
    +

    ₹1855

    +
    + +
    + +
    +
    + +
    +
    +
    +
    +

    Sign Up for Newsletters

    +

    + Get E-mail Update about our latest Shop and Special offer +

    +
    +
    +
    + +
    + +
    +
    + + + + + + + + + diff --git a/sproduct8.html b/sproduct8.html new file mode 100644 index 0000000..f56b9c4 --- /dev/null +++ b/sproduct8.html @@ -0,0 +1,316 @@ + + + + + + + + SmartTrends + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    +
    +
    Home / Girls Top
    +

    Printed Ruffles Creep Top

    +

    ₹ 685

    + + + +

    Product Details

    + Looking for a top that combines playful prints and feminine details? Our printed ruffles crop top is the perfect choice. Made from lightweight and breathable materials, this top features a vibrant print that's sure to turn heads. The ruffled detailing adds a touch of romance and movement, while the cropped length allows you to show off your midriff or pair it with high-waisted pants or skirts for a chic look. The elasticated waistband ensures a comfortable and secure fit, making it ideal for all-day wear. Whether you're heading to a festival, a brunch, or a night out with friends, our printed ruffles crop top is a must-have in your wardrobe. Shop now and add a touch of fun and flirty to your style. +
    + +
    + + +
    +

    Featured Products

    +

    Summer Collection New Morden Design

    +
    +
    + +
    + Niko +
    Classic Cotton Button Down With Placket
    +
    + + + + + +
    +

    ₹1499

    +
    + +
    +
    + +
    + Sahi Hai +
    Fine Wool Canvas Shirt
    +
    + + + + + +
    +

    ₹449

    +
    + +
    +
    + +
    + ASOS +
    Haze Boxy Studio Shirt
    +
    + + + + + +
    +

    ₹399

    +
    + +
    +
    + +
    + Bristum +
    1-POCKET SERVICE STRAIGHT SHIRT
    +
    + + + + + +
    +

    ₹1855

    +
    + +
    + +
    +
    + +
    +
    +
    +
    +

    Sign Up for Newsletters

    +

    + Get E-mail Update about our latest Shop and Special offer +

    +
    +
    +
    + +
    + +
    +
    + + + + + + + + + diff --git a/sproduct9.html b/sproduct9.html new file mode 100644 index 0000000..93dfb66 --- /dev/null +++ b/sproduct9.html @@ -0,0 +1,316 @@ + + + + + + + + SmartTrends + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    +
    +
    Home / Shirt
    +

    Classic Cotton Button Down With Placket

    +

    ₹ 1150

    + + + +

    Product Details

    + Elevate your wardrobe with our classic cotton button-down shirt with placket. Made from soft and breathable cotton, this timeless shirt is a versatile and comfortable addition to your wardrobe. The button-down design and placket detailing add a touch of sophistication, making it perfect for both casual and formal occasions. The slim fit cut provides a flattering and tailored look, while the long sleeves and collared neckline give it a polished finish. Dress it up with a blazer for work or keep it casual with jeans or shorts for a weekend brunch. Our classic cotton button-down shirt with placket is a must-have staple in every wardrobe. Shop now and discover the perfect shirt to elevate your style +
    + +
    + + +
    +

    Featured Products

    +

    Summer Collection New Morden Design

    +
    +
    + +
    + Niko +
    Classic Cotton Button Down With Placket
    +
    + + + + + +
    +

    ₹1499

    +
    + +
    +
    + +
    + Sahi Hai +
    Fine Wool Canvas Shirt
    +
    + + + + + +
    +

    ₹449

    +
    + +
    +
    + +
    + ASOS +
    Haze Boxy Studio Shirt
    +
    + + + + + +
    +

    ₹399

    +
    + +
    +
    + +
    + Bristum +
    1-POCKET SERVICE STRAIGHT SHIRT
    +
    + + + + + +
    +

    ₹1855

    +
    + +
    + +
    +
    + +
    +
    +
    +
    +

    Sign Up for Newsletters

    +

    + Get E-mail Update about our latest Shop and Special offer +

    +
    +
    +
    + +
    + +
    +
    + + + + + + + + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..e28973b --- /dev/null +++ b/style.css @@ -0,0 +1,3608 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.red { + border: 2px solid red; +} + +.green { + border: 2px solid green; +} + +.blue { + border: 2px solid blue; +} + +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: "Poppins", sans-serif; + user-select: none; +} + +h1 { + font-size: 50px; + line-height: 64px; + color: #222; +} + +h2 { + font-size: 46px; + line-height: 54px; + color: #222; +} + +h4 { + font-size: 20px; + color: #222; +} + +h6 { + font-weight: 700; + font-size: 12px; +} + +p { + font-size: 16px; + color: #465b52; +} + +.section-p1 { + padding: 80px 40px; +} + +.section-m1 { + margin: 40px 0; +} + +button.normal { + font-size: 14px; + font-weight: 600; + padding: 14px 30px; + color: #000; + background-color: #fff; + border-radius: 4px; + cursor: pointer; + border: none; + outline: none; + transition: 0.2s ease; +} + +button.style { + font-size: 14px; + font-weight: 600; + padding: 14px 30px; + color: #fff; + background-color: transparent; + border-radius: 4px; + cursor: pointer; + border: 2px solid white; + outline: none; + transition: 0.2s ease; +} + +button.style_hover:hover { + background-color: #088178; + border: none; + color: #fff; +} + +body { + width: 100%; +} + +/* Loader Section */ + +#loader { + width: 100%; + height: 100vh; + display: grid; + place-items: center; + position: fixed; + overflow: hidden; + background: white; + z-index: 1000; +} + +@keyframes loader { + 0% { + left: -100px; + } + + 100% { + left: 110%; + } +} + +#box { + width: 50px; + height: 50px; + background: #088178; + text-align: inline; + display: grid; + place-items: center; + animation: animate 0.5s linear infinite; + top: 0; + left: 0; + border-radius: 3px; +} + +@keyframes animate { + 17% { + border-bottom-right-radius: 3px; + } + + 25% { + transform: translateY(9px) rotate(22.5deg); + } + + 50% { + transform: translateY(18px) scale(1, 0.9) rotate(45deg); + border-bottom-right-radius: 40px; + } + + 75% { + transform: translateY(9px) rotate(67.5deg); + } + + 100% { + transform: translateY(0) rotate(90deg); + } +} + +#shadow { + width: 50px; + height: 5px; + background: #000; + opacity: 0.1; + text-align: inline; + display: grid; + place-items: center; + top: 59px; + left: 0; + border-radius: 50%; + margin-top: 1.5rem; + animation: shadow 0.5s linear infinite; +} + +@keyframes shadow { + 50% { + transform: scale(1.2, 1); + } +} + +.loaderContainer>h4 { + font-family: "Krona One", sans-serif; + font-size: 2.5rem; + font-weight: 500; + color: #d66853; + display: grid; + place-items: center; + margin: 0.5rem 0 0 -3.5rem; +} + +/* Navbar */ + +#header img { + width: 150px; +} + +#header { + display: flex; + justify-content: space-between; + align-items: center; + padding: 20px 80px; + background-color: #e3e6f3; + box-shadow: 0 5px 15px rgb(0, 0, 0, 0.06); + z-index: 999; + position: sticky; + top: 0; + left: 0; +} + +#navbar { + display: flex; + align-items: center; + justify-content: center; +} + +#navbar li { + list-style: none; + padding: 0 20px; + position: relative; +} + +#navbar li a { + text-decoration: none; + font-size: 16px; + font-weight: 600; + color: darkslategrey; + transition: 0.3s ease; +} + +#navbar li a:hover, +#navbar li a.active { + color: #088178; +} + +#navbar li a.active::after, +#navbar li a:hover::after { + content: ""; + width: 30%; + height: 2px; + position: absolute; + background: #088178; + bottom: -4px; + left: 20px; +} + +#mobile { + display: none; + align-items: center; +} + +#close { + display: none; +} + +/* Login Form */ +.login-btn { + background-color: #088178; + padding: 10px 20px; + border-radius: 10px; + color: #fff; + border: none; +} + +/* Hero Section */ +#hero { + background-image: url("img/hero-1.jpg"); + height: 90vh; + width: 100%; + background-size: cover; + background-position: top 25% right 0%; + padding: 0 80px; + display: flex; + align-items: flex-start; + justify-content: center; + flex-direction: column; +} + +#hero h4 { + padding-bottom: 15px; +} + +#hero h1 { + color: #088178; +} + +#hero button { + background-image: url("img/button.png"); + background-color: transparent; + color: #088178; + border: 0; + padding: 14px 80px 14px 65px; + cursor: pointer; + background-repeat: no-repeat; + width: 700; + font-size: 15px; +} + +#page_header p { + color: #fff; +} + +#hero button a { + text-decoration: none; + color: #fff; +} + +/* SlideBar */ + +.slider_container { + position: fixed; + width: 100%; + z-index: 100; + top: 50%; + transform: translateY(-50%); + /* border: 1px solid red; */ +} + +.slider_inner_container { + position: absolute; + display: flex; + align-items: center; + right: 0; + justify-content: right; + width: fit-content; + /* border: 1px solid rgb(4, 84, 133); */ +} + +.slider_banner_collapse { + position: relative; + height: 288px; + background-color: #535766; + color: #fff; + letter-spacing: 1px; + cursor: pointer; +} + +.slider_banner_expanded { + position: relative; + width: 576px; + height: 288px; + background-image: linear-gradient(270deg, #fef9e5, #fde3f3); + z-index: 6; + font-family: Assistant; + color: #3e4152; + display: none; +} + +.slider_arrow { + width: 0; + height: 0; + font-size: 28px; + /* margin-top: 35px; */ + /* padding-top: 10px; */ + margin-left: 10px; + margin-bottom: 35px; +} + +.slider_content { + -webkit-writing-mode: vertical-rl; + -ms-writing-mode: tb-rl; + writing-mode: vertical-rl; + -webkit-transform: rotate(-180deg); + transform: rotate(-180deg); + width: 36px; + padding: 4px; + height: 200px; + vertical-align: middle; + text-align: center; + font-size: 24px; + font-weight: 700; + -webkit-margin-after: 0; + margin-block-end: 0; + -webkit-margin-before: 0; + margin-block-start: 0; + color: #ffffff; + display: inline-block; + font-family: "Ubuntu", sans-serif; + margin-top: 22px; +} + +.slider_banner_row1 { + display: table; + table-layout: auto; + height: 52%; + width: 100%; +} + +.slider_banner_description { + display: table-cell; + vertical-align: middle; + padding: 24px 0 0 40px; + font-family: "Ubuntu", sans-serif; +} + +.slider_banner_pre_header { + font-weight: 700; + font-size: 12px; + font-family: "Ubuntu", sans-serif; +} + +.slider_banner_description .slider_banner_pre_header_primary { + font-size: 48px; + font-family: "Ubuntu", sans-serif; +} + +.slider_banner_description .slider_banner_pre_header_secondary { + font-size: 34px; + font-family: "Ubuntu", sans-serif; +} + +.slider_banner_image { + display: table-cell; + vertical-align: middle; + padding: 24px 40px 0 0; +} + +.slider_banner_image_content { + width: 150px; + height: 120px; +} + +.slider_banner_row2 { + display: table; + table-layout: auto; + height: 32%; + width: 100%; + font-family: "Ubuntu", sans-serif; +} + +.slider_banner_coupon { + display: table-cell; + vertical-align: middle; + padding-left: 40px; +} + +.slider_banner_coupon .slider_banner_text { + font-weight: 700; + font-size: 15px; + margin-top: 8px; +} + +.slider_banner_coupon .slider_banner_code { + margin-left: 12px; + font-size: 18px; + font-weight: 700; + cursor: text; + /* -webkit-user-select: all; + -moz-user-select: all; + -ms-user-select: all; */ + user-select: all; +} + +.slider_banner_coupon .slider_banner_footer { + font-size: 12px; + margin-top: 4px; +} + +.slider_banner_signup { + width: 172px; + height: 48px; + border-radius: 4px; + background-color: #088178; + color: #fff; + display: inline-block; + vertical-align: middle; + cursor: pointer; + font-family: "Ubuntu", sans-serif; +} + +.slider_banner_signup .slider_banner_button { + width: 172px; + height: 48px; + border-radius: 4px; + background-color: #088178; + color: #fff; + display: inline-block; + vertical-align: middle; + cursor: pointer; + display: table-cell; + text-align: center; + padding-right: 40px; +} + +.slider_banner_signup .slider_banner_button:hover { + background-color: #1a1a1a4a; +} + +.slider_banner_signup .slider_banner_button .slider_banner_text { + font-size: 16px; + font-weight: 600; + height: 100%; + width: 100%; + display: inline-block; + line-height: 48px; + margin-left: 18px; +} + +.slider_banner_trust_builders { + display: table; + table-layout: auto; + border-top: 1px solid #d3d3d3; + height: 16%; + width: 100%; +} + +.slider_banner_trust_builders .slider_banner_item { + display: table-cell; + text-align: center; + vertical-align: middle; +} + +.slider_banner_item .slider_banner_item_icon { + width: 24px; + height: 24px; + text-align: center; + vertical-align: middle; +} + +.slider_banner_trust_builders .slider_banner_text { + font-size: 13px; + font-weight: 700; + margin-left: 12px; +} + +/* Feature section */ + +#feature { + display: flex; + flex-wrap: wrap; + align-items: center; +} + +#feature .fe-box { + /* width: 180px; */ + text-align: center; + padding: 25px 15px; + box-shadow: 20px 20px 34px rgb(0, 0, 0, 0.09); + border: 1px solid #cce7d0; + border-radius: 4px; + margin: 15px 0; +} + +#feature .fe-box:hover { + box-shadow: 10px 10px 54px rgb(70, 62, 221, 0.01); +} + +#feature .fe-box img { + width: 100%; + margin-bottom: 10px; +} + +#feature .fe-box h6 { + display: inline-block; + padding: 9px 8px 6px 8px; + line-height: 1; + border-radius: 4px; + color: #088178; + background-color: #fddde4; +} + +#feature .fe-box:nth-child(2) h6 { + background-color: #cdebbc; +} + +#feature .fe-box:nth-child(3) h6 { + background-color: #d1e8f2; +} + +#feature .fe-box:nth-child(4) h6 { + background-color: #cdd4f8; +} + +#feature .fe-box:nth-child(5) h6 { + background-color: #f6dbf6; +} + +#feature .fe-box:nth-child(6) h6 { + background-color: #fff2e5; +} + +#product1 { + text-align: center; +} + +#product1 .pro-container { + display: flex; + justify-content: space-between; + padding-top: 20px; + flex-wrap: wrap; +} + +#product1 .pro { + width: 23%; + min-width: 250px; + padding: 10px 12px; + border: 1px solid #cce7d0; + border-radius: 25px; + cursor: pointer; + box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.02); + margin: 15px 0; + position: relative; +} + +#product1 .pro:hover { + box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.06); +} + +#product1 .pro img { + width: 100%; + border-radius: 20px; +} + +#product1 .pro .description { + text-align: start; + padding: 10px 0; +} + +#product1 .pro .description span { + color: #606063; + font-size: 12px; +} + +#product1 .pro .description h5 { + padding-top: 5px; + color: #1a1a1a; + font-size: 14px; +} + +#product1 .pro .description .star { + width: 16px; + display: flex; + flex-direction: row; + /* justify-content: center; + margin-left: 100px; */ +} + +#product1 .pro .description .star img { + /* display: flex; + justify-content: center; */ + margin-right: 3px; +} + +#product1 .pro .description h4 { + font-size: 15px; + font-weight: 700; + padding-top: 5px; + color: #088178; + letter-spacing: 0.045rem; +} + +#product1 .pro .description i { + font-size: 12px; + color: #ffd700; +} + +#product1 .pro .cart { + width: 40px; + height: 40px; + line-height: 40px; + border-radius: 50px; + background-color: #e8f6ea; + color: #088178; + border: 1px solid #cce7d0; + position: absolute; + bottom: 10px; + right: 10px; + /* font-weight: 500; */ +} + +/* Banner */ + +#banner { + display: flex; + justify-content: center; + align-items: center; + text-align: center; + flex-direction: column; + background-image: url(img/banner/b2.jpg); + width: 100%; + height: 40vh; + background-size: cover; + background-position: center; +} + +#banner h4 { + color: #ffffff; + font-size: 15px; + /* padding: 10px 0; */ +} + +#banner h2 { + color: #ffffff; + font-size: 45px; + padding: 10px 0; +} + +#banner span { + color: rgb(193, 10, 10); +} + +#banner button a { + color: #000000; + text-decoration: none; + /* border: 1px solid rebeccapurple; */ + padding-top: 15px; + padding-bottom: 15px; +} + +#banner button a:hover { + color: #ffffff; + text-decoration: none; +} + +#banner button { + color: #000000; + text-decoration: none; +} + +#banner button:hover { + background-color: #088178; + color: #ffffff; +} + +/* Ad Banner */ + +#sm-banner { + /* display: flex; */ + /* justify-content: space-between; */ + /* flex-wrap: wrap; */ +} + +.banner-box { + display: flex; + justify-content: center; + align-items: flex-start; + flex-direction: column; + background-image: url(img/banner/b17.jpg); + /* width: 100%; */ + height: 50vh; + background-size: cover; + background-position: center; + padding: 30px; +} + +.banner-box2 { + background-image: url(img/banner/b10.jpg); +} + +#sm-banner h4 { + color: #fff; + font-size: 20px; + font-weight: 300; +} + +#sm-banner h2 { + color: #fff; + font-size: 20px; + font-weight: 750; + /* padding-bottom: 5px; */ +} + +#sm-banner span { + color: #fff; + font-size: 14px; + font-weight: 500; + padding-bottom: 15px; +} + +.banner-box button { + font-size: 13px; + font-weight: 600; + padding: 11px 18px; + color: #fff; + background-color: transparent; + cursor: pointer; + border: 1px solid #fff; + outline: none; + transition: 0.2s; +} + +.banner-box button:hover { + background-color: #088178; + border: 1px solid #088178; +} + +/* Other AD Section */ + + + +.banner-other-1 { + display: flex; + justify-content: center; + align-items: flex-start; + padding: 20px; + margin-bottom: 20px; + flex-direction: column; + background-image: url(img/banner/b7.jpg); + min-width: 30%; + height: 30vh; + background-size: cover; + background-position: 80px; +} + +.banner-other-1 h4 { + text-transform: uppercase; + font-weight: bolder; +} + +.banner-other-2 { + display: flex; + justify-content: center; + align-items: flex-start; + padding: 20px; + flex-direction: column; + background-image: url(img/banner/b4.jpg); + min-width: 30%; + height: 30vh; + background-size: cover; + background-position: 20px; + /* opacity: 1; + filter: alpha(opacity=#000); */ + /* position: relative; + isolation: isolate; */ +} + +.banner-other-2 h4 { + text-transform: uppercase; +} + +.banner-other-3 { + display: flex; + justify-content: center; + align-items: flex-start; + padding: 30px; + flex-direction: column; + background-image: url(img/banner/b18.jpg); + min-width: 30%; + height: 30vh; + background-size: cover; + background-position: left; +} + +#ad-banner-other .banner-other-3 h4 { + text-transform: uppercase; + margin-bottom: 15px; +} + +/* Newsletter */ +#newsletter { + /* display: flex; */ + /* justify-content: space-between; */ + /* flex-wrap: wrap; */ + /* align-items: center; */ + background-image: url("img/banner/b14.png"); + background-repeat: no-repeat; + background-position: 80px 0px; + background-color: #041e42; +} + +#newsletter h4 { + font-size: 22px; + color: #fff; + font-weight: 700; +} + +#newsletter p { + font-size: 14px; + color: #ffffffbe; + font-weight: 600; +} + +#newsletter span { + color: #ffbd27; +} + +#newsletter input { + height: 3.125rem; + padding: 0 1.25em; + font-size: 14px; + width: 100%; + border: 1px solid transparent; + border-radius: 4px; + outline: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +#newsletter button { + background-color: #088178; + color: #fff; + white-space: nowrap; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +button.normal { + font-size: 14px; + font-weight: 600; + padding: 15px 30px; + color: #000; + background-color: #fff; + border-radius: 4px; + cursor: pointer; + border: none; + outline: none; + transition: 0.2s; +} + +#newsletter .newsletter_form { + display: flex; + width: 100%; +} + +/* Footer */ +footer { + display: flex; + flex-wrap: wrap; + justify-content: space-between; +} + +footer .col .follow .social_media_icon i { + font-size: 20px; + /* padding-bottom: 15px; */ +} + +footer .col { + display: flex; + flex-direction: column; + align-items: flex-start; + margin-bottom: 20px; +} + +footer .logo { + margin-bottom: 30px; +} + +footer h4 { + font-size: 14px; + font-weight: bolder; + padding-bottom: 20px; +} + +footer p { + font-size: 13px; + margin: 0 0 5px 0; +} + +footer a { + font-size: 15px; + text-decoration: none; + color: #222; + margin-bottom: 10px; +} + +footer.follow { + margin-top: 20px; +} + +footer.follow.i { + color: #465b52; + padding: 4px; + cursor: pointer; +} + +footer .install .row img { + border: 1px solid #000000; + border-radius: 6px; +} + +footer .install img { + margin: 10px 0 15px 0; +} + +footer .follow i:hover, +footer a:hover { + color: #088178; +} + +/* Copyright */ +.copyright { + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; + text-align: center; + text-decoration: none; + color: #000; +} + +/* Login Form Page */ + +.form { + display: flex; + justify-content: space-between; + align-items: center; + flex-direction: column; + height: 100vh; + /* flex-direction:; */ + /* position: absolute; */ + /* top: 20%; */ + /* left: 35%; */ + /* transform: translate(50%, 50%, 50%, 50%); */ + /* padding-top: 50px; */ + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; + margin-top: -1.5%; +} + +.form_bg { + width: 1rem; + /* position: absolute; + left: 15px; */ +} + +.form_container { + width: -webkit-fit-content; + width: -moz-fit-content; + width: 400px; + height: -webkit-fit-content; + height: -moz-fit-content; + height: fit-content; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + gap: 15px; + padding: 50px 40px 20px 40px; + background-color: #ffffff; + -webkit-box-shadow: 0px 106px 42px rgba(0, 0, 0, 0.01), + 0px 59px 36px rgba(0, 0, 0, 0.05), 0px 26px 26px rgba(0, 0, 0, 0.09), + 0px 7px 15px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1); + box-shadow: 0px 106px 42px rgba(0, 0, 0, 0.01), + 0px 59px 36px rgba(0, 0, 0, 0.05), 0px 26px 26px rgba(0, 0, 0, 0.09), + 0px 7px 15px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1); + border-radius: 11px; + font-family: "Inter", sans-serif; +} + +.title_container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + gap: 10px; +} + +.title { + margin: 0; + font-size: 1.25rem; + font-weight: 700; + color: #212121; +} + +.subtitle { + font-size: 0.725rem; + max-width: 80%; + text-align: center; + line-height: 1.1rem; + color: #8b8e98; +} + +.input_container { + width: 100%; + height: -webkit-fit-content; + height: -moz-fit-content; + height: fit-content; + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 5px; +} + +.form_input_icon { + width: 20px; + position: absolute; + z-index: 99; + left: 12px; + bottom: 9px; +} + +.input_label { + font-size: 0.75rem; + color: #8b8e98; + font-weight: 600; +} + +.input_field { + width: auto; + height: 40px; + padding: 0 0 0 40px; + border-radius: 7px; + outline: none; + border: 1px solid #e5e5e5; + -webkit-filter: drop-shadow(0px 1px 0px #efefef) drop-shadow(0px 1px 0.5px rgba(239, 239, 239, 0.5)); + filter: drop-shadow(0px 1px 0px #efefef) drop-shadow(0px 1px 0.5px rgba(239, 239, 239, 0.5)); + -webkit-transition: all 0.3s cubic-bezier(0.15, 0.83, 0.66, 1); + transition: all 0.3s cubic-bezier(0.15, 0.83, 0.66, 1); +} + +.input_field:focus { + border: 1px solid transparent; + -webkit-box-shadow: 0px 0px 0px 2px #242424; + box-shadow: 0px 0px 0px 2px #242424; + background-color: transparent; +} + +.sign-in_btn { + width: 100%; + height: 40px; + border: 0; + background: #115dfc; + border-radius: 7px; + outline: none; + color: #ffffff; + cursor: pointer; +} + +.sign-in_ggl { + width: 100%; + height: 40px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + gap: 10px; + background: #ffffff; + border-radius: 7px; + outline: none; + color: #242424; + border: 1px solid #e5e5e5; + -webkit-filter: drop-shadow(0px 1px 0px #efefef) drop-shadow(0px 1px 0.5px rgba(239, 239, 239, 0.5)); + filter: drop-shadow(0px 1px 0px #efefef) drop-shadow(0px 1px 0.5px rgba(239, 239, 239, 0.5)); + cursor: pointer; +} + +.sign-in_apl { + width: 100%; + height: 40px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + gap: 10px; + background: #212121; + border-radius: 7px; + outline: none; + color: #ffffff; + border: 1px solid #e5e5e5; + -webkit-filter: drop-shadow(0px 1px 0px #efefef) drop-shadow(0px 1px 0.5px rgba(239, 239, 239, 0.5)); + filter: drop-shadow(0px 1px 0px #efefef) drop-shadow(0px 1px 0.5px rgba(239, 239, 239, 0.5)); + cursor: pointer; +} + +.separator { + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + gap: 30px; + color: #8b8e98; +} + +.separator .line { + display: block; + width: 100%; + height: 1px; + border: 0; + background-color: #e8e8e8; +} + +.note { + font-size: 0.75rem; + color: #8b8e98; + text-decoration: none; +} + +.note a { + color: #333640; +} + +.note a:hover { + color: #551a8b; +} + +.form_footnote_options a { + font-size: 0.75rem; + color: #8b8e98; + text-decoration: none; +} + +.form_footnote_options a:hover { + color: #551a8b; +} + +/* Shop Page */ + +#page_header { + background-image: url("img/banner/b1.jpg"); + width: 100%; + height: 40vh; + background-size: cover; + display: flex; + justify-content: center; + text-align: center; + flex-direction: column; + padding: 14px; +} + +#page_header h2 { + color: #fff; + font-weight: bold; + font-size: 46px; +} + +#pagination { + text-align: center; +} + +#pagination a { + text-decoration: none; + background-color: #088178; + padding: 15px 20px; + border-radius: 4px; + color: #fff; + font-weight: 600; +} + +#pagination a i { + font-size: 16px; + /* font-weight: 500; */ +} + +/* Single Product Page */ + +#pro_details .single_pro_image { + width: 40vw; + margin-right: 50px; +} + +.small_img_grp { + display: flex; + justify-content: space-between; +} + +.small_img_col { + flex-basis: 24%; + cursor: pointer; +} + +#pro_details { + display: flex; + margin-top: 20px; +} + +#pro_details .single_pro_details { + width: 50vw; + padding-top: 30px; +} + +#pro_details .single_pro_details h4 { + padding: 40px 0 20px 0; +} + +#pro_details .single_pro_details h2 { + font-size: 26px; +} + +#pro_details .single_pro_details select { + display: block; + padding: 5px 10px; + margin-bottom: 10px; +} + +#pro_details .single_pro_details input { + width: 50px; + height: 47px; + padding-left: 10px; + font-size: 16px; + margin-right: 10px; +} + +#pro_details .single_pro_details input:focus { + outline: none; +} + +#pro_details .single_pro_details button { + background-color: #088178; + color: #ffff; +} + +#pro_details .single_pro_details span { + line-height: 25px; +} + +/*blog page */ +#page_header.blog-header { + background-image: linear-gradient(180deg, rgb(13 15 45 / 50%), rgb(16 18 48 / 80%)), url("img/banner/b19.jpg"); +} + +#blog { + padding: 150px 150px 0 150px; +} + +#blog .blog-box { + display: flex; + align-items: center; + width: 100%; + position: relative; + /* padding-bottom: 90px; */ +} + +#blog .blog-image { + width: 50%; + margin-right: 40px; +} + +#blog img { + width: 100%; + height: 300px; + object-fit: cover; +} + +#blog .blog-detail { + width: 50%; +} + +#blog .blog-detail a { + text-decoration: none; + font-size: 13px; + color: #000; + font-weight: 700; + position: relative; + transition: 0.3s; +} + +#blog .blog-detail a::after { + content: ""; + width: 50px; + height: 1px; + background-color: #000; + position: absolute; + top: 4px; + right: -60px; +} + +#blog .blog-detail a:hover { + color: #088178; +} + +.blog-button { + /* padding-top: 20px; */ +} + +#blog .blog-detail a:hover::after { + background-color: #088178; +} + +#blog .blog-box h1 { + position: absolute; + top: -40px; + left: 0; + font-size: 70px; + font-weight: 700px; + color: #c9cbce; + z-index: -9; +} + +/* about page */ + +#page_header.about-header { + background-image: url(img/about/banner.png); +} + +#about-head img { + width: 50%; + height: auto; +} + +#about-head { + display: flex; + align-items: center; +} + +#about-head div { + padding-left: 40px; +} + +#about-head .ab { + padding-top: 30px; + left: 100px; +} + +#about-app { + text-align: center; +} + +#about-app .video { + width: 70%; + height: 100%; + margin: 30px auto 0 auto; +} + +#about-app .video video { + width: 100%; + height: 100%; + border-radius: 20px; +} + +/* contact page */ + +#contact-detail .detail { + display: block; + align-items: cent; + justify-content: space-between; +} + +/* Contact Page */ + +#contact_details { + display: flex; + justify-content: center; + align-items: center; +} + +#contact_details .details { + /* width: 40%; */ +} + +#contact_details .details, +#form_details form span { + font-size: 12px; +} + +#contact_details .details h2, +#form_details form h2 { + font-size: 26px; + line-height: 35px; + padding: 20px 0; +} + +#contact_details .details h3 { + font-size: 16px; + padding-bottom: 15px; +} + +#contact_details .details li { + list-style: none; + display: flex; + padding: 10px 0; +} + +#contact_details .details li i { + font-size: 14px; + padding-right: 22px; +} + +#contact_details .details li p { + font-size: 14px; + margin: 0; +} + +#contact_details .map { + /* width: 55%; */ + /* border: 1px solid rebeccapurple; */ + height: 400px; +} + +#contact_details .map iframe { + width: 100%; + height: 100%; +} + +#form_details { + display: flex; + justify-content: space-between; + margin: 30px; + /* padding: 80px; */ + border: 1px solid #e1e1e1; +} + +#form_details form { + /* width: 65%; */ + display: flex; + flex-direction: column; + align-items: flex-start; +} + +#form_details form input, +textarea { + width: 100%; + padding: 12px 15px; + outline: none; + margin-bottom: 20px; + border: 1px solid #e1e1e1; +} + +#form_details form button { + background-color: #088178; + color: #fff; +} + +#form_details .people div { + padding-bottom: 25px; + display: flex; + align-items: flex-start; +} + +#form_details .people div img { + width: 65px; + height: 65px; + object-fit: cover; + margin-right: 15px; + border-radius: 50px; +} + +#form_details .people div p { + margin: 0; + font-size: 13px; + line-height: 25px; +} + +#form_details .people div span { + display: block; + font-size: 16px; + font-weight: 600; + color: #000; +} + +/* cart section */ + +#cart { + overflow: auto; +} + +#cart table { + width: 100%; + border-collapse: collapse; + table-layout: fixed; + white-space: nowrap; +} + +#cart table img { + width: 70px; +} + +#cart table td:nth-child(1) { + width: 100px; + text-align: center; +} + +#cart table td:nth-child(2) { + width: 150px; + text-align: center; +} + +#cart table td:nth-child(3) { + width: 250px; + text-align: center; +} + +#cart table td:nth-child(4), +#cart table td:nth-child(5), +#cart table td:nth-child(6) { + width: 150px; + text-align: center; +} + +#cart table td:nth-child(5) input { + width: 70px; + padding: 10px 5px 10px 15px; +} + +#cart table thead { + border: 1px solid #e2e9e1; + border-left: none; + border-right: none; +} + +#cart table thead td { + font-weight: 700; + text-transform: uppercase; + padding: 18px 0; + font-size: 13px; +} + +#cart table tbody tr td { + padding-top: 15px; +} + +#cart table tbody td { + font-size: 13px; +} + +#cart-add { + display: flex; + flex-wrap: wrap; + justify-content: space-between; +} + +#coupon { + width: 50%; + margin-bottom: 30px; +} + +#coupon h3, +#subtotal h3 { + padding-bottom: 15px; +} + +#coupon input { + padding: 10px 20px; + outline: none; + width: 60%; + margin-right: 10px; + border: 1px solid #e2e9e1; +} + +#coupon button, +#subtotal button { + background-color: #088178; + color: #fff; + padding: 12px 20px; +} + +#subtotal { + width: 50%; + margin-bottom: 30px; + border: 1px solid #e2e9e1; + padding: 30px; +} + +#subtotal table td { + width: 50%; + border: 1px solid #e2e9e1; + font-size: 13px; + padding: 10px; +} + +#subtotal table { + border-collapse: collapse; + width: 100%; + margin-bottom: 20px; +} + +/* Terms and Condition page */ + +#TC { + display: flex; + justify-content: center; + align-items: center; + /* font-family: 'Courier New', Courier, monospace; */ +} + +.tc_container { + /* width: 60vw; */ + /* border: 1px solid red; */ + margin: 45px 100px; + font-family: "Roboto", sans-serif; +} + +.tc_container p { + color: #000; + font-size: 11px; +} + +.tc_container h3 { + font-size: 13px; + font-weight: bolder; +} + +.tc_container h1 { + text-align: center; + font-size: 25px; + font-weight: bolder; +} + +/* privacy policy page */ + +#PP { + display: flex; + justify-content: center; + align-items: center; + /* font-family: 'Courier New', Courier, monospace; */ +} + +.PP_container { + /* width: 60vw; */ + /* border: 1px solid red; */ + margin: 45px 100px; + font-family: "Roboto", sans-serif; +} + +.PP_container p { + color: #000; + font-size: 11px; +} + +.PP_container h3 { + font-size: 13px; + font-weight: bolder; +} + +.PP_container h1 { + text-align: center; + font-weight: bolder; + font-size: 25px; +} + +/* How Do i redeem my coupon page */ + +#redeem { + display: flex; + justify-content: center; + align-items: center; + /* font-family: 'Courier New', Courier, monospace; */ +} + +.redeem_coupon { + /* width: 60vw; */ + /* border: 1px solid red; */ + margin: 45px 100px; + font-family: "Roboto", sans-serif; +} + +.redeem_coupon p, +pre { + color: #000; + font-size: 11px; +} + +.redeem_coupon h3 { + font-size: 13px; + font-weight: bolder; +} + +.redeem_coupon h1 { + text-align: center; + font-size: 25px; + font-weight: bolder; +} + +/* Our Team */ +.ourTeam_Background { + /* border: 2px solid red; */ + background-image: url(img/ourteam.jpg); + height: 100vh; + /* width: 100vw; */ + object-fit: cover; + object-position: center; + background-size: cover; + background-attachment: fixed; + color: white; + display: flex; + justify-content: center; + align-items: center; + font-size: 4rem; +} + +.ourTeam_Container { + /* border: 2px solid red; */ + display: flex; + justify-content: center; + align-items: center; + align-self: center; + flex-direction: column; + align-self: center; + margin: 0 5%; + margin-bottom: 10rem; +} + +.ourTeam_Heading>h1 { + /* border: 2px solid green; */ + font-size: 4rem; + font-weight: 400; + color: #202020; + margin-bottom: 10rem; + margin-top: 10rem; + align-self: center; +} + +.ourTeam_Body { + /* border: 2px solid yellow; */ + display: flex; + align-items: center; + justify-content: center; + text-align: center; + align-self: center; + align-items: flex-start; + /* flex-direction: column; */ +} + +.ourTeam_Member1, +.ourTeam_Member2, +.ourTeam_Member3, +.ourTeam_Member4 { + /* border: 2px solid purple; */ + padding: 0 3rem; + width: 33%; + display: flex; + align-items: center; + flex-direction: column; + /* justify-content: flex-start; */ + /* top: 0; */ +} + +.ourTeam_Member1Photo>img, +.ourTeam_Member2Photo>img, +.ourTeam_Member3Photo>img, +.ourTeam_Member4Photo>img { + height: 170px; + width: 170px; + border-radius: 50%; + margin-bottom: 2rem; + object-fit: cover; + object-position: center; + align-self: center; +} + +.ourTeam_Member1Name, +.ourTeam_Member2Name, +.ourTeam_Member3Name, +.ourTeam_Member4Name { + font-size: 25px; + font-weight: 500; + margin: 1rem 0; +} + +.ourTeam_Member1Role, +.ourTeam_Member2Role, +.ourTeam_Member3Role, +.ourTeam_Member4Role { + font-size: 20px; + margin: 1rem 0; +} + +.ourTeam_Member1ShortDescription, +.ourTeam_Member2ShortDescription, +.ourTeam_Member3ShortDescription, +.ourTeam_Member4ShortDescription { + font-size: 13px; + /* line-height: 2rem; */ + margin: 2rem 0; +} + +.ourTeam_Member1SocialMedia, +.ourTeam_Member2SocialMedia, +.ourTeam_Member3SocialMedia, +.ourTeam_Member4SocialMedia { + display: flex; + align-items: center; + justify-content: center; +} + +.ourTeam_Member1SocialMediaWhatsapp>a>img { + height: 40px; + margin: 0 1.5rem; +} + +.ourTeam_Member1SocialMediaInstagram>a>img { + height: 40px; + margin: 0 1.5rem; +} + +.ourTeam_Member2SocialMediaWhatsapp>a>img { + height: 40px; + margin: 0 1.5rem; +} + +.ourTeam_Member2SocialMediaInstagram>a>img { + height: 40px; + margin: 0 1.5rem; +} + +.ourTeam_Member3SocialMediaWhatsapp>a>img { + height: 40px; + margin: 0 1.5rem; +} + +.ourTeam_Member3SocialMediaInstagram>a>img { + height: 40px; + margin: 0 1.5rem; +} + +.ourTeam_Member4SocialMediaWhatsapp>a>img { + height: 40px; + margin: 0 1.5rem; +} + +.ourTeam_Member4SocialMediaSnapchat>a>img { + height: 40px; + margin: 0 1.5rem; +} + +/* Footer css */ +.footer-section { + background: #fff; + position: relative; +} + +.footer-cta { + border-bottom: 1px solid #373636; + padding-bottom: 8px !important; +} + +.single-cta i { + color: #088178; + font-size: 30px; + float: left; + margin-top: 8px; +} + +.cta-text { + padding-left: 15px; + display: inline-block; +} + +.cta-text h4 { + color: #000; + font-size: 20px; + font-weight: 600; + margin-bottom: 2px; +} + +.cta-text span { + color: #757575; + font-size: 15px; +} + +.footer-content { + position: relative; + z-index: 2; +} + +.footer-pattern img { + position: absolute; + top: 0; + left: 0; + height: 330px; + background-size: cover; + background-position: 100% 100%; +} + +.footer-text p { + margin-bottom: 14px; + font-size: 14px; + color: #7e7e7e; + line-height: 21px; +} + +.footer-social-icon span { + color: #000; + display: block; + font-size: 20px; + font-weight: 700; + font-family: "Poppins", sans-serif; + margin-bottom: 20px; +} + +.footer-social-icon a { + color: #000; + font-size: 16px; + margin-right: 15px; +} + +.footer-social-icon i { + height: 40px; + width: 40px; + text-align: center; + line-height: 38px; + border-radius: 50%; +} + +.facebook-bg { + background: #3b5998; +} + +.twitter-bg { + background: #55acee; +} + +.google-bg { + background: #dd4b39; +} + +.footer-widget-heading h3 { + color: #000; + font-size: 20px; + font-weight: 600; + margin-bottom: 40px; + position: relative; +} + +.footer-widget-heading h3::before { + content: ""; + position: absolute; + left: 0; + bottom: -15px; + height: 2px; + width: 50px; + background: #088178; +} + +.footer-widget ul li { + display: inline-block; + float: left; + width: 50%; + margin-bottom: 12px; +} + +.footer-widget ul li a:hover { + color: #088178; +} + +.footer-widget ul li a { + color: #878787; + text-transform: capitalize; +} + +.subscribe-form { + position: relative; + overflow: hidden; +} + +.subscribe-form input { + width: 100%; + padding: 14px 28px; + background: #2e2e2e; + border: 1px solid #2e2e2e; + color: #fff; +} + +.subscribe-form button { + position: absolute; + right: 0; + background: #088178; + padding: 13px 20px; + border: 1px solid #088178; + top: 0; +} + +.subscribe-form button i { + color: #fff; + font-size: 22px; + transform: rotate(-6deg); +} + +.copyright-area { + background: #041E42; + padding: 20px 0; +} + +.copyright-text p { + margin: 0; + font-size: 14px; + color: #878787; +} + +.copyright-text p a { + color: #088178; +} + +.footer-menu li { + display: inline-block; + margin-left: 20px; +} + +.footer-menu li:hover a { + color: #088178; +} + +.footer-menu li a { + font-size: 14px; + color: #878787; +} + +.footer-cta .row .col-xl-4:nth-child(1) .single-cta i { + position: absolute; + color: #088178; +} + +.footer-cta .row .col-xl-4:nth-child(1) .single-cta .cta-text { + padding-left: 32px; +} + +.footer-cta .row .col-xl-4:nth-child(2) .single-cta i { + color: #14ffa7; +} + +.footer-cta .row .col-xl-4:nth-child(3) .single-cta i { + color: #ffd700; +} + +.footer-social-icon .social_icon { + text-align: left; +} + +.footer-social-icon .social_icon li { + float: inherit !important; + display: inline-block !important; + width: inherit; +} + +.footer-social-icon .social_icon li a i { + font-size: 15px; + line-height: 39px; +} + +.footer-social-icon .social_icon li a { + width: 40px; + height: 40px; +} + +.bg-light { + background-color: #088178 !important; +} + +.social_icon { + text-align: right; + margin: 0; + margin-top: 3px; +} + +.social_icon li { + display: inline-block; + margin: 0 5px; +} + +.social_icon li a { + display: inline-block; + width: 25px; + height: 25px; + background: #fff; + color: #000; + text-align: center; + border-radius: 100%; + transition: 0.2s ease-in-out; +} + +.social_icon li a i { + font-size: 15px; + line-height: 20px; +} + +.social_icon li:nth-child(1) a { + background: #4267b2; + color: #fff; +} + +.social_icon li:nth-child(2) a { + background: #1da1f2; + color: #fff; +} + +.social_icon li:nth-child(3) a { + background: #f09433; + background: -moz-linear-gradient(45deg, + #f09433 0%, + #e6683c 25%, + #dc2743 50%, + #cc2366 75%, + #bc1888 100%); + background: -webkit-linear-gradient(45deg, + #f09433 0%, + #e6683c 25%, + #dc2743 50%, + #cc2366 75%, + #bc1888 100%); + background: linear-gradient(45deg, + #f09433 0%, + #e6683c 25%, + #dc2743 50%, + #cc2366 75%, + #bc1888 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1); + color: #fff; +} + +.social_icon li:nth-child(4) a { + background: #ff0000; + color: #fff; +} + +.social_icon li:nth-child(1):hover a { + background: #fff; + color: #4267b2; +} + +.social_icon li:nth-child(2):hover a { + background: #fff; + color: #1da1f2; +} + +.social_icon li:nth-child(3):hover a { + background: #fff; + color: #bc1888; +} + +.social_icon li:nth-child(4):hover a { + background: #fff; + color: #ff0000; +} + +.loaction ul li { + list-style-type: none; + color: #878787; + font-size: 16px; + margin: 0px; +} + +.loaction-icon { + /* background-color: #088178; */ + padding: 10px; + font-size: 17px; + color: #088178; + border-radius: 50%; +} + +@media (max-width:386px) { + + .copyright-text p { + font-size: 12px; + } + + .footer-menu li a { + font-size: 12px; + } +} + +/* */ +@media (max-width:991px) { + .blog-section { + margin-top: 80px; + } + +} + +.blog-section { + margin-top: 80px; +} + +@media (min-width:991px) { + .blog-detail { + margin-top: 50px; + } + +} + +/* */ +.login-page { + background-image: linear-gradient(to right, #16a2e8 0%, #12d8fa 100%); +} + +.login-images { + position: absolute; + right: 0; + top: 0; +} + +.login-card { + background-image: linear-gradient(180deg, + rgba(23, 25, 51, 0%), + rgb(16 18 48 / 0%)), + url(https://images.unsplash.com/photo-1596484552993-aec4311d3381?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=870&q=80); + + background-position: center; + background-repeat: no-repeat; + background-size: cover; +} + +/*** <--- PARTICLES ---> ***/ +.bottom-particles { + position: absolute; + bottom: 0; + left: 0; + width: 100%; +} + +.bottom-particles .bubble { + opacity: 0; + position: absolute; + bottom: -1rem; + width: 5px; + height: 5px; + background-color: rgba(255, 255, 255, 0.5); + border-radius: 50%; +} + +.bottom-particles .bubble:nth-child(1) { + left: 69%; + animation: blow 12s infinite; + animation-delay: 9584ms; +} + +.bottom-particles .bubble:nth-child(2) { + left: 66%; + animation: blow 12s infinite; + animation-delay: 10708ms; +} + +.bottom-particles .bubble:nth-child(3) { + left: 42%; + animation: blow 12s infinite; + animation-delay: 8193ms; +} + +.bottom-particles .bubble:nth-child(4) { + left: 41%; + animation: blow 12s infinite; + animation-delay: 423ms; +} + +.bottom-particles .bubble:nth-child(5) { + left: 32%; + animation: blow 12s infinite; + animation-delay: 4264ms; +} + +.bottom-particles .bubble:nth-child(6) { + left: 25%; + animation: blow 12s infinite; + animation-delay: 1791ms; +} + +.bottom-particles .bubble:nth-child(7) { + left: 57%; + animation: blow 12s infinite; + animation-delay: 8255ms; +} + +.bottom-particles .bubble:nth-child(8) { + left: 5%; + animation: blow 12s infinite; + animation-delay: 8053ms; +} + +.bottom-particles .bubble:nth-child(9) { + left: 2%; + animation: blow 12s infinite; + animation-delay: 7614ms; +} + +.bottom-particles .bubble:nth-child(10) { + left: 64%; + animation: blow 12s infinite; + animation-delay: 3669ms; +} + +.bottom-particles .bubble:nth-child(11) { + left: 13%; + animation: blow 12s infinite; + animation-delay: 2270ms; +} + +.bottom-particles .bubble:nth-child(12) { + left: 41%; + animation: blow 12s infinite; + animation-delay: 2773ms; +} + +.bottom-particles .bubble:nth-child(13) { + left: 22%; + animation: blow 12s infinite; + animation-delay: 90ms; +} + +.bottom-particles .bubble:nth-child(14) { + left: 41%; + animation: blow 12s infinite; + animation-delay: 11117ms; +} + +.bottom-particles .bubble:nth-child(15) { + left: 88%; + animation: blow 12s infinite; + animation-delay: 370ms; +} + +.bottom-particles .bubble:nth-child(16) { + left: 53%; + animation: blow 12s infinite; + animation-delay: 346ms; +} + +.bottom-particles .bubble:nth-child(17) { + left: 7%; + animation: blow 12s infinite; + animation-delay: 1336ms; +} + +.bottom-particles .bubble:nth-child(18) { + left: 91%; + animation: blow 12s infinite; + animation-delay: 480ms; +} + +.bottom-particles .bubble:nth-child(19) { + left: 32%; + animation: blow 12s infinite; + animation-delay: 3772ms; +} + +.bottom-particles .bubble:nth-child(20) { + left: 7%; + animation: blow 12s infinite; + animation-delay: 3225ms; +} + +.bottom-particles .bubble:nth-child(21) { + left: 33%; + animation: blow 12s infinite; + animation-delay: 9640ms; +} + +.bottom-particles .bubble:nth-child(22) { + left: 20%; + animation: blow 12s infinite; + animation-delay: 11601ms; +} + +.bottom-particles .bubble:nth-child(23) { + left: 98%; + animation: blow 12s infinite; + animation-delay: 9222ms; +} + +.bottom-particles .bubble:nth-child(24) { + left: 29%; + animation: blow 12s infinite; + animation-delay: 8868ms; +} + +.bottom-particles .bubble:nth-child(25) { + left: 43%; + animation: blow 12s infinite; + animation-delay: 11340ms; +} + +.bottom-particles .bubble:nth-child(26) { + left: 93%; + animation: blow 12s infinite; + animation-delay: 4542ms; +} + +.bottom-particles .bubble:nth-child(27) { + left: 77%; + animation: blow 12s infinite; + animation-delay: 10978ms; +} + +.bottom-particles .bubble:nth-child(28) { + left: 54%; + animation: blow 12s infinite; + animation-delay: 528ms; +} + +.bottom-particles .bubble:nth-child(29) { + left: 66%; + animation: blow 12s infinite; + animation-delay: 1020ms; +} + +.bottom-particles .bubble:nth-child(30) { + left: 75%; + animation: blow 12s infinite; + animation-delay: 5902ms; +} + +.bottom-particles .bubble:nth-child(31) { + left: 81%; + animation: blow 12s infinite; + animation-delay: 6113ms; +} + +.bottom-particles .bubble:nth-child(32) { + left: 95%; + animation: blow 12s infinite; + animation-delay: 3423ms; +} + +.bottom-particles .bubble:nth-child(33) { + left: 8%; + animation: blow 12s infinite; + animation-delay: 5526ms; +} + +.bottom-particles .bubble:nth-child(34) { + left: 72%; + animation: blow 12s infinite; + animation-delay: 10478ms; +} + +.bottom-particles .bubble:nth-child(35) { + left: 84%; + animation: blow 12s infinite; + animation-delay: 11256ms; +} + +.bottom-particles .bubble:nth-child(36) { + left: 93%; + animation: blow 12s infinite; + animation-delay: 499ms; +} + +.bottom-particles .bubble:nth-child(37) { + left: 35%; + animation: blow 12s infinite; + animation-delay: 6731ms; +} + +.bottom-particles .bubble:nth-child(38) { + left: 47%; + animation: blow 12s infinite; + animation-delay: 719ms; +} + +.bottom-particles .bubble:nth-child(39) { + left: 97%; + animation: blow 12s infinite; + animation-delay: 1420ms; +} + +.bottom-particles .bubble:nth-child(40) { + left: 56%; + animation: blow 12s infinite; + animation-delay: 5745ms; +} + +.bottom-particles .bubble:nth-child(41) { + left: 84%; + animation: blow 12s infinite; + animation-delay: 3938ms; +} + +.bottom-particles .bubble:nth-child(42) { + left: 20%; + animation: blow 12s infinite; + animation-delay: 1399ms; +} + +.bottom-particles .bubble:nth-child(43) { + left: 17%; + animation: blow 12s infinite; + animation-delay: 5089ms; +} + +.bottom-particles .bubble:nth-child(44) { + left: 7%; + animation: blow 12s infinite; + animation-delay: 515ms; +} + +.bottom-particles .bubble:nth-child(45) { + left: 87%; + animation: blow 12s infinite; + animation-delay: 307ms; +} + +.bottom-particles .bubble:nth-child(46) { + left: 72%; + animation: blow 12s infinite; + animation-delay: 5779ms; +} + +.bottom-particles .bubble:nth-child(47) { + left: 90%; + animation: blow 12s infinite; + animation-delay: 11588ms; +} + +.bottom-particles .bubble:nth-child(48) { + left: 31%; + animation: blow 12s infinite; + animation-delay: 8457ms; +} + +.bottom-particles .bubble:nth-child(49) { + left: 49%; + animation: blow 12s infinite; + animation-delay: 840ms; +} + +.bottom-particles .bubble:nth-child(50) { + left: 79%; + animation: blow 12s infinite; + animation-delay: 10900ms; +} + +.bottom-particles .bubble:nth-child(51) { + left: 84%; + animation: blow 12s infinite; + animation-delay: 4046ms; +} + +.bottom-particles .bubble:nth-child(52) { + left: 76%; + animation: blow 12s infinite; + animation-delay: 296ms; +} + +.bottom-particles .bubble:nth-child(53) { + left: 45%; + animation: blow 12s infinite; + animation-delay: 8023ms; +} + +.bottom-particles .bubble:nth-child(54) { + left: 99%; + animation: blow 12s infinite; + animation-delay: 6368ms; +} + +.bottom-particles .bubble:nth-child(55) { + left: 58%; + animation: blow 12s infinite; + animation-delay: 5418ms; +} + +.bottom-particles .bubble:nth-child(56) { + left: 82%; + animation: blow 12s infinite; + animation-delay: 5764ms; +} + +.bottom-particles .bubble:nth-child(57) { + left: 17%; + animation: blow 12s infinite; + animation-delay: 1828ms; +} + +.bottom-particles .bubble:nth-child(58) { + left: 84%; + animation: blow 12s infinite; + animation-delay: 3446ms; +} + +.bottom-particles .bubble:nth-child(59) { + left: 95%; + animation: blow 12s infinite; + animation-delay: 1578ms; +} + +.bottom-particles .bubble:nth-child(60) { + left: 82%; + animation: blow 12s infinite; + animation-delay: 1375ms; +} + +.bottom-particles .bubble:nth-child(61) { + left: 79%; + animation: blow 12s infinite; + animation-delay: 794ms; +} + +.bottom-particles .bubble:nth-child(62) { + left: 55%; + animation: blow 12s infinite; + animation-delay: 6374ms; +} + +.bottom-particles .bubble:nth-child(63) { + left: 41%; + animation: blow 12s infinite; + animation-delay: 9221ms; +} + +.bottom-particles .bubble:nth-child(64) { + left: 74%; + animation: blow 12s infinite; + animation-delay: 1256ms; +} + +.bottom-particles .bubble:nth-child(65) { + left: 61%; + animation: blow 12s infinite; + animation-delay: 10884ms; +} + +.bottom-particles .bubble:nth-child(66) { + left: 57%; + animation: blow 12s infinite; + animation-delay: 8116ms; +} + +.bottom-particles .bubble:nth-child(67) { + left: 99%; + animation: blow 12s infinite; + animation-delay: 5132ms; +} + +.bottom-particles .bubble:nth-child(68) { + left: 72%; + animation: blow 12s infinite; + animation-delay: 9336ms; +} + +.bottom-particles .bubble:nth-child(69) { + left: 33%; + animation: blow 12s infinite; + animation-delay: 9334ms; +} + +.bottom-particles .bubble:nth-child(70) { + left: 87%; + animation: blow 12s infinite; + animation-delay: 8849ms; +} + +.bottom-particles .bubble:nth-child(71) { + left: 14%; + animation: blow 12s infinite; + animation-delay: 6915ms; +} + +.bottom-particles .bubble:nth-child(72) { + left: 87%; + animation: blow 12s infinite; + animation-delay: 9777ms; +} + +.bottom-particles .bubble:nth-child(73) { + left: 1%; + animation: blow 12s infinite; + animation-delay: 8118ms; +} + +.bottom-particles .bubble:nth-child(74) { + left: 95%; + animation: blow 12s infinite; + animation-delay: 2548ms; +} + +.bottom-particles .bubble:nth-child(75) { + left: 55%; + animation: blow 12s infinite; + animation-delay: 11896ms; +} + +.bottom-particles .bubble:nth-child(76) { + left: 11%; + animation: blow 12s infinite; + animation-delay: 1435ms; +} + +.bottom-particles .bubble:nth-child(77) { + left: 77%; + animation: blow 12s infinite; + animation-delay: 6231ms; +} + +.bottom-particles .bubble:nth-child(78) { + left: 86%; + animation: blow 12s infinite; + animation-delay: 3185ms; +} + +.bottom-particles .bubble:nth-child(79) { + left: 28%; + animation: blow 12s infinite; + animation-delay: 11333ms; +} + +.bottom-particles .bubble:nth-child(80) { + left: 4%; + animation: blow 12s infinite; + animation-delay: 3043ms; +} + +.bottom-particles .bubble:nth-child(81) { + left: 34%; + animation: blow 12s infinite; + animation-delay: 11493ms; +} + +.bottom-particles .bubble:nth-child(82) { + left: 71%; + animation: blow 12s infinite; + animation-delay: 10692ms; +} + +.bottom-particles .bubble:nth-child(83) { + left: 82%; + animation: blow 12s infinite; + animation-delay: 10198ms; +} + +.bottom-particles .bubble:nth-child(84) { + left: 68%; + animation: blow 12s infinite; + animation-delay: 10173ms; +} + +.bottom-particles .bubble:nth-child(85) { + left: 11%; + animation: blow 12s infinite; + animation-delay: 6724ms; +} + +.bottom-particles .bubble:nth-child(86) { + left: 13%; + animation: blow 12s infinite; + animation-delay: 3327ms; +} + +.bottom-particles .bubble:nth-child(87) { + left: 78%; + animation: blow 12s infinite; + animation-delay: 10357ms; +} + +.bottom-particles .bubble:nth-child(88) { + left: 93%; + animation: blow 12s infinite; + animation-delay: 11069ms; +} + +.bottom-particles .bubble:nth-child(89) { + left: 93%; + animation: blow 12s infinite; + animation-delay: 10780ms; +} + +.bottom-particles .bubble:nth-child(90) { + left: 44%; + animation: blow 12s infinite; + animation-delay: 7378ms; +} + +.bottom-particles .bubble:nth-child(91) { + left: 44%; + animation: blow 12s infinite; + animation-delay: 1012ms; +} + +.bottom-particles .bubble:nth-child(92) { + left: 46%; + animation: blow 12s infinite; + animation-delay: 8468ms; +} + +.bottom-particles .bubble:nth-child(93) { + left: 19%; + animation: blow 12s infinite; + animation-delay: 11962ms; +} + +.bottom-particles .bubble:nth-child(94) { + left: 42%; + animation: blow 12s infinite; + animation-delay: 6072ms; +} + +.bottom-particles .bubble:nth-child(95) { + left: 90%; + animation: blow 12s infinite; + animation-delay: 5157ms; +} + +.bottom-particles .bubble:nth-child(96) { + left: 34%; + animation: blow 12s infinite; + animation-delay: 817ms; +} + +.bottom-particles .bubble:nth-child(97) { + left: 74%; + animation: blow 12s infinite; + animation-delay: 2038ms; +} + +.bottom-particles .bubble:nth-child(98) { + left: 29%; + animation: blow 12s infinite; + animation-delay: 7040ms; +} + +.bottom-particles .bubble:nth-child(99) { + left: 84%; + animation: blow 12s infinite; + animation-delay: 3493ms; +} + +.bottom-particles .bubble:nth-child(100) { + left: 37%; + animation: blow 12s infinite; + animation-delay: 2801ms; +} + +.bottom-particles .bubble:nth-child(101) { + left: 52%; + animation: blow 12s infinite; + animation-delay: 1518ms; +} + +.bottom-particles .bubble:nth-child(102) { + left: 84%; + animation: blow 12s infinite; + animation-delay: 4345ms; +} + +.bottom-particles .bubble:nth-child(103) { + left: 11%; + animation: blow 12s infinite; + animation-delay: 312ms; +} + +.bottom-particles .bubble:nth-child(104) { + left: 90%; + animation: blow 12s infinite; + animation-delay: 7198ms; +} + +.bottom-particles .bubble:nth-child(105) { + left: 15%; + animation: blow 12s infinite; + animation-delay: 5182ms; +} + +.bottom-particles .bubble:nth-child(106) { + left: 46%; + animation: blow 12s infinite; + animation-delay: 11983ms; +} + +.bottom-particles .bubble:nth-child(107) { + left: 66%; + animation: blow 12s infinite; + animation-delay: 9842ms; +} + +.bottom-particles .bubble:nth-child(108) { + left: 33%; + animation: blow 12s infinite; + animation-delay: 1866ms; +} + +.bottom-particles .bubble:nth-child(109) { + left: 26%; + animation: blow 12s infinite; + animation-delay: 740ms; +} + +.bottom-particles .bubble:nth-child(110) { + left: 22%; + animation: blow 12s infinite; + animation-delay: 11413ms; +} + +.bottom-particles .bubble:nth-child(111) { + left: 81%; + animation: blow 12s infinite; + animation-delay: 1126ms; +} + +.bottom-particles .bubble:nth-child(112) { + left: 29%; + animation: blow 12s infinite; + animation-delay: 7250ms; +} + +.bottom-particles .bubble:nth-child(113) { + left: 64%; + animation: blow 12s infinite; + animation-delay: 9234ms; +} + +.bottom-particles .bubble:nth-child(114) { + left: 14%; + animation: blow 12s infinite; + animation-delay: 1688ms; +} + +.bottom-particles .bubble:nth-child(115) { + left: 28%; + animation: blow 12s infinite; + animation-delay: 11376ms; +} + +.bottom-particles .bubble:nth-child(116) { + left: 74%; + animation: blow 12s infinite; + animation-delay: 3654ms; +} + +.bottom-particles .bubble:nth-child(117) { + left: 62%; + animation: blow 12s infinite; + animation-delay: 8243ms; +} + +.bottom-particles .bubble:nth-child(118) { + left: 83%; + animation: blow 12s infinite; + animation-delay: 11174ms; +} + +.bottom-particles .bubble:nth-child(119) { + left: 8%; + animation: blow 12s infinite; + animation-delay: 10978ms; +} + +.bottom-particles .bubble:nth-child(120) { + left: 72%; + animation: blow 12s infinite; + animation-delay: 6790ms; +} + +.bottom-particles .bubble:nth-child(121) { + left: 86%; + animation: blow 12s infinite; + animation-delay: 10093ms; +} + +.bottom-particles .bubble:nth-child(122) { + left: 77%; + animation: blow 12s infinite; + animation-delay: 9466ms; +} + +.bottom-particles .bubble:nth-child(123) { + left: 69%; + animation: blow 12s infinite; + animation-delay: 6126ms; +} + +.bottom-particles .bubble:nth-child(124) { + left: 69%; + animation: blow 12s infinite; + animation-delay: 7003ms; +} + +.bottom-particles .bubble:nth-child(125) { + left: 8%; + animation: blow 12s infinite; + animation-delay: 5112ms; +} + +.bottom-particles .bubble:nth-child(126) { + left: 81%; + animation: blow 12s infinite; + animation-delay: 3010ms; +} + +.bottom-particles .bubble:nth-child(127) { + left: 50%; + animation: blow 12s infinite; + animation-delay: 11057ms; +} + +.bottom-particles .bubble:nth-child(128) { + left: 93%; + animation: blow 12s infinite; + animation-delay: 11313ms; +} + +.bottom-particles .bubble:nth-child(129) { + left: 57%; + animation: blow 12s infinite; + animation-delay: 3867ms; +} + +.bottom-particles .bubble:nth-child(130) { + left: 58%; + animation: blow 12s infinite; + animation-delay: 4942ms; +} + +.bottom-particles .bubble:nth-child(131) { + left: 46%; + animation: blow 12s infinite; + animation-delay: 7678ms; +} + +.bottom-particles .bubble:nth-child(132) { + left: 82%; + animation: blow 12s infinite; + animation-delay: 11844ms; +} + +.bottom-particles .bubble:nth-child(133) { + left: 21%; + animation: blow 12s infinite; + animation-delay: 4618ms; +} + +.bottom-particles .bubble:nth-child(134) { + left: 91%; + animation: blow 12s infinite; + animation-delay: 11686ms; +} + +.bottom-particles .bubble:nth-child(135) { + left: 70%; + animation: blow 12s infinite; + animation-delay: 6821ms; +} + +.bottom-particles .bubble:nth-child(136) { + left: 30%; + animation: blow 12s infinite; + animation-delay: 10517ms; +} + +.bottom-particles .bubble:nth-child(137) { + left: 88%; + animation: blow 12s infinite; + animation-delay: 6919ms; +} + +.bottom-particles .bubble:nth-child(138) { + left: 86%; + animation: blow 12s infinite; + animation-delay: 4044ms; +} + +.bottom-particles .bubble:nth-child(139) { + left: 17%; + animation: blow 12s infinite; + animation-delay: 1988ms; +} + +.bottom-particles .bubble:nth-child(140) { + left: 38%; + animation: blow 12s infinite; + animation-delay: 4721ms; +} + +.bottom-particles .bubble:nth-child(141) { + left: 52%; + animation: blow 12s infinite; + animation-delay: 4470ms; +} + +.bottom-particles .bubble:nth-child(142) { + left: 95%; + animation: blow 12s infinite; + animation-delay: 5117ms; +} + +.bottom-particles .bubble:nth-child(143) { + left: 87%; + animation: blow 12s infinite; + animation-delay: 9770ms; +} + +.bottom-particles .bubble:nth-child(144) { + left: 51%; + animation: blow 12s infinite; + animation-delay: 820ms; +} + +.bottom-particles .bubble:nth-child(145) { + left: 88%; + animation: blow 12s infinite; + animation-delay: 7657ms; +} + +.bottom-particles .bubble:nth-child(146) { + left: 70%; + animation: blow 12s infinite; + animation-delay: 9135ms; +} + +.bottom-particles .bubble:nth-child(147) { + left: 92%; + animation: blow 12s infinite; + animation-delay: 7109ms; +} + +.bottom-particles .bubble:nth-child(148) { + left: 71%; + animation: blow 12s infinite; + animation-delay: 7820ms; +} + +.bottom-particles .bubble:nth-child(149) { + left: 46%; + animation: blow 12s infinite; + animation-delay: 8129ms; +} + +.bottom-particles .bubble:nth-child(150) { + left: 93%; + animation: blow 12s infinite; + animation-delay: 6470ms; +} + +.bottom-particles .bubble:nth-child(151) { + left: 40%; + animation: blow 12s infinite; + animation-delay: 3542ms; +} + +.bottom-particles .bubble:nth-child(152) { + left: 78%; + animation: blow 12s infinite; + animation-delay: 8949ms; +} + +.bottom-particles .bubble:nth-child(153) { + left: 37%; + animation: blow 12s infinite; + animation-delay: 2465ms; +} + +.bottom-particles .bubble:nth-child(154) { + left: 25%; + animation: blow 12s infinite; + animation-delay: 6953ms; +} + +.bottom-particles .bubble:nth-child(155) { + left: 27%; + animation: blow 12s infinite; + animation-delay: 5583ms; +} + +.bottom-particles .bubble:nth-child(156) { + left: 77%; + animation: blow 12s infinite; + animation-delay: 360ms; +} + +.bottom-particles .bubble:nth-child(157) { + left: 3%; + animation: blow 12s infinite; + animation-delay: 6001ms; +} + +.bottom-particles .bubble:nth-child(158) { + left: 21%; + animation: blow 12s infinite; + animation-delay: 4549ms; +} + +.bottom-particles .bubble:nth-child(159) { + left: 87%; + animation: blow 12s infinite; + animation-delay: 10115ms; +} + +.bottom-particles .bubble:nth-child(160) { + left: 30%; + animation: blow 12s infinite; + animation-delay: 4162ms; +} + +.bottom-particles .bubble:nth-child(161) { + left: 41%; + animation: blow 12s infinite; + animation-delay: 7061ms; +} + +.bottom-particles .bubble:nth-child(162) { + left: 33%; + animation: blow 12s infinite; + animation-delay: 7589ms; +} + +.bottom-particles .bubble:nth-child(163) { + left: 57%; + animation: blow 12s infinite; + animation-delay: 9077ms; +} + +.bottom-particles .bubble:nth-child(164) { + left: 68%; + animation: blow 12s infinite; + animation-delay: 10875ms; +} + +.bottom-particles .bubble:nth-child(165) { + left: 99%; + animation: blow 12s infinite; + animation-delay: 3110ms; +} + +.bottom-particles .bubble:nth-child(166) { + left: 62%; + animation: blow 12s infinite; + animation-delay: 7838ms; +} + +.bottom-particles .bubble:nth-child(167) { + left: 85%; + animation: blow 12s infinite; + animation-delay: 1661ms; +} + +.bottom-particles .bubble:nth-child(168) { + left: 17%; + animation: blow 12s infinite; + animation-delay: 1138ms; +} + +.bottom-particles .bubble:nth-child(169) { + left: 27%; + animation: blow 12s infinite; + animation-delay: 7775ms; +} + +.bottom-particles .bubble:nth-child(170) { + left: 27%; + animation: blow 12s infinite; + animation-delay: 8995ms; +} + +.bottom-particles .bubble:nth-child(171) { + left: 7%; + animation: blow 12s infinite; + animation-delay: 9069ms; +} + +.bottom-particles .bubble:nth-child(172) { + left: 48%; + animation: blow 12s infinite; + animation-delay: 8995ms; +} + +.bottom-particles .bubble:nth-child(173) { + left: 31%; + animation: blow 12s infinite; + animation-delay: 3243ms; +} + +.bottom-particles .bubble:nth-child(174) { + left: 57%; + animation: blow 12s infinite; + animation-delay: 11126ms; +} + +.bottom-particles .bubble:nth-child(175) { + left: 25%; + animation: blow 12s infinite; + animation-delay: 2353ms; +} + +.bottom-particles .bubble:nth-child(176) { + left: 90%; + animation: blow 12s infinite; + animation-delay: 3751ms; +} + +.bottom-particles .bubble:nth-child(177) { + left: 10%; + animation: blow 12s infinite; + animation-delay: 10467ms; +} + +.bottom-particles .bubble:nth-child(178) { + left: 84%; + animation: blow 12s infinite; + animation-delay: 7017ms; +} + +.bottom-particles .bubble:nth-child(179) { + left: 48%; + animation: blow 12s infinite; + animation-delay: 11319ms; +} + +.bottom-particles .bubble:nth-child(180) { + left: 10%; + animation: blow 12s infinite; + animation-delay: 11903ms; +} + +.bottom-particles .bubble:nth-child(181) { + left: 92%; + animation: blow 12s infinite; + animation-delay: 7265ms; +} + +.bottom-particles .bubble:nth-child(182) { + left: 80%; + animation: blow 12s infinite; + animation-delay: 10757ms; +} + +.bottom-particles .bubble:nth-child(183) { + left: 13%; + animation: blow 12s infinite; + animation-delay: 9744ms; +} + +.bottom-particles .bubble:nth-child(184) { + left: 32%; + animation: blow 12s infinite; + animation-delay: 10608ms; +} + +.bottom-particles .bubble:nth-child(185) { + left: 67%; + animation: blow 12s infinite; + animation-delay: 7130ms; +} + +.bottom-particles .bubble:nth-child(186) { + left: 85%; + animation: blow 12s infinite; + animation-delay: 8295ms; +} + +.bottom-particles .bubble:nth-child(187) { + left: 23%; + animation: blow 12s infinite; + animation-delay: 3187ms; +} + +.bottom-particles .bubble:nth-child(188) { + left: 53%; + animation: blow 12s infinite; + animation-delay: 3336ms; +} + +.bottom-particles .bubble:nth-child(189) { + left: 56%; + animation: blow 12s infinite; + animation-delay: 2588ms; +} + +.bottom-particles .bubble:nth-child(190) { + left: 90%; + animation: blow 12s infinite; + animation-delay: 9991ms; +} + +.bottom-particles .bubble:nth-child(191) { + left: 87%; + animation: blow 12s infinite; + animation-delay: 10807ms; +} + +.bottom-particles .bubble:nth-child(192) { + left: 69%; + animation: blow 12s infinite; + animation-delay: 9771ms; +} + +.bottom-particles .bubble:nth-child(193) { + left: 70%; + animation: blow 12s infinite; + animation-delay: 11690ms; +} + +.bottom-particles .bubble:nth-child(194) { + left: 80%; + animation: blow 12s infinite; + animation-delay: 8150ms; +} + +.bottom-particles .bubble:nth-child(195) { + left: 68%; + animation: blow 12s infinite; + animation-delay: 10746ms; +} + +.bottom-particles .bubble:nth-child(196) { + left: 18%; + animation: blow 12s infinite; + animation-delay: 2150ms; +} + +.bottom-particles .bubble:nth-child(197) { + left: 88%; + animation: blow 12s infinite; + animation-delay: 1667ms; +} + +.bottom-particles .bubble:nth-child(198) { + left: 29%; + animation: blow 12s infinite; + animation-delay: 2311ms; +} + +.bottom-particles .bubble:nth-child(199) { + left: 88%; + animation: blow 12s infinite; + animation-delay: 9183ms; +} + +.bottom-particles .bubble:nth-child(200) { + left: 5%; + animation: blow 12s infinite; + animation-delay: 5901ms; +} + +@keyframes blow { + 0% { + opacity: 0; + transform: translate(0, 0); + } + + 20% { + opacity: 1; + } + + 100% { + opacity: 0; + transform: translate(0, -100vh) scale(0.2); + } +} + +.user-profile h5 { + font-family: 'Poppins', sans-serif; + font-size: 30px; + /* font-size: 25px; */ + color: #fff; +} + +.login-images { + position: absolute; + right: 0; + top: 0; +} + +.user-profile p { + font-size: 16px; + color: #fff; +} + +.bg-primary.bg-soft { + background-color: rgba(85, 110, 230, 0.25) !important; +} + +.auth-logo .auth-logo-light { + display: none; +} + +.profile-user-wid { + margin-top: -46px; +} + +.avatar-md { + height: 6.5rem; + width: 6.5rem; +} + +.avatar-title { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #fff; + + display: flex; + font-weight: 500; + height: 100%; + + justify-content: center; + width: 100%; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.user-profile { + background-image: linear-gradient(to right, rgb(89 92 133 / 28%), rgb(4, 6, 34)), url(https://i1.wp.com/www.differencebetween.com/wp-content/uploads/2017/01/Difference-Between-Cloths-and-Clothes-2.jpg?resize=512%2C341&ssl=1); + border-radius: 0px 0px 100px 0px; + /* border: 2px solid #16a2e8; */ +} + +.label-for { + margin-bottom: 0 !important; + font-size: 13px; + font-family: 'Poppins', sans-serif; +} + +/* */ \ No newline at end of file diff --git a/term_condition.html b/term_condition.html new file mode 100644 index 0000000..f3fb50e --- /dev/null +++ b/term_condition.html @@ -0,0 +1,307 @@ + + + + + + + + SmartTrends + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +

    Terms & Condition

    +
    +

    Introduction

    +
    + +

    + These Terms and Conditions govern the use of the Smart Trends website, + including the purchase of products and services. By accessing and + using our website, you agree to be bound by these Terms and + Conditions. If you do not agree to these terms, please do not use our + website. +

    +
    +

    Privacy Policy

    +
    +

    + Smart Trends takes your privacy very seriously. Our Privacy Policy + explains how we collect, use, and protect your personal information. + By using our website, you agree to the terms of our Privacy Policy. +

    +
    +

    Products and Services

    +
    +

    + Smart Trends offers a wide range of products and services, including + electronics, home appliances, fashion, and beauty products. We make + every effort to ensure that our products are described accurately and + that the prices are correct. However, we reserve the right to modify + the prices and descriptions of our products and services at any time + without prior notice. +

    +
    +

    Orders and Payment

    +
    +

    + When you place an order on our website, you are making an offer to + purchase the product(s) in your order. We reserve the right to accept + or reject your offer at any time. Payment must be made at the time of + placing your order. We accept various payment methods, including + credit cards and PayPal. +

    +
    +

    Shipping and Delivery

    +
    +

    + Smart Trends uses reliable shipping services to ensure that your order + is delivered to you as quickly and securely as possible. However, we + cannot be held responsible for any delays or damages caused during + shipping. We will provide you with a tracking number so you can track + the status of your order. +

    +
    +

    Returns and Refunds

    +
    +

    + We want you to be completely satisfied with your purchase from Smart + Trends. If for any reason you are not satisfied with your purchase, + you may return it to us within 30 days for a refund or exchange. + Please refer to our Return and Refund Policy for more details. +

    +
    +

    Limitation of Liability

    +
    +

    + Smart Trends shall not be liable for any damages, including but not + limited to, direct, indirect, incidental, punitive, or consequential + damages, arising from your use of our website or your purchase of our + products and services. +

    +
    +

    Changes to Terms and Conditions

    +
    +

    + Smart Trends reserves the right to modify these Terms and Conditions + at any time without prior notice. By using our website after any such + modification, you agree to be bound by the modified Terms and + Conditions.By using our website, you agree to be bound by these Terms + and Conditions. If you have any questions or concerns, please contact + us at [insert contact email]. +

    +
    +
    + + + + +