alirezatayebinejad · Samarthsk15 · May 27, 2025 · May 27, 2025 · May 27, 2025 · May 28, 2025
diff --git a/Dockerfile b/Dockerfile
@@ -0,0 +1,3 @@
+FROM nginx:alpine
+COPY . /usr/share/nginx/html
+
diff --git a/about.html b/about.html
@@ -0,0 +1,164 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>About - Ecommerce website</title>
+    <link rel="stylesheet" href="style.css" />
+    <script
+      src="https://kit.fontawesome.com/0e53af926d.js"
+      crossorigin="anonymous"
+    ></script>
+  </head>
+  <body>
+    <!--header section-->
+    <header>
+      <div id="header">
+        <div class="header-logo">
+          <a href="index.html"><img src="images/logo.png" alt="" /></a>
+        </div>
+        <div class="header-list">
+          <nav class="header-list-nav">
+            <ul>
+              <li><a href="index.html">Home</a></li>
+              <li><a href="shop.html">Shop</a></li>
+              <li><a href="blog.html">Blog</a></li>
+              <li><a class="active" href="about.html">About</a></li>
+              <li><a href="contact.html">Contact Us</a></li>
+            </ul>
+          </nav>
+          <div class="header-list-icon">
+            <a href="cart.html"><i class="fa fa-bag-shopping"></i></a>
+          </div>
+        </div>
+      </div>
+    </header>
+
+    <!--main section-->
+    <main>
+      <section id="page-header" class="about-header">
+        <h2>#KnowUs</h2>
+        <p>Learn more about our company and values!</p>
+      </section>
+
+      <section id="about-head" class="section-p1">
+        <img src="images/about/a6.jpg" alt="">
+        <div>
+          <h2>Who We Are?</h2>
+          <p>
+            We are a passionate team dedicated to providing high-quality fashion and accessories
+            to our customers. Our journey began with a simple idea: to make stylish clothing
+            accessible to everyone. Today, we're proud to offer a wide range of products
+            that combine style, comfort, and affordability.
+          </p>
+          <abbr title="">Create stunning images with as much or as little control as you like
+            thanks to a choice of Basic and Creative modes.</abbr>
+
+          <br><br>
+
+          <marquee bgcolor="#ccc" loop="-1" scrollamount="5" width="100%">
+            Create stunning images with as much or as little control as you like thanks
+            to a choice of Basic and Creative modes.
+          </marquee>
+        </div>
+      </section>
+
+      <section id="about-app" class="section-p1">
+        <h1>Download Our <a href="#">App</a></h1>
+        <div class="video">
+          <video autoplay muted loop src="images/about/1.mp4"></video>
+        </div>
+      </section>
+
+      <section id="feature" class="section-p1">
+        <div class="fe-box">
+          <img src="images/features/f1.png" alt="">
+          <h6>Free Shipping</h6>
+        </div>
+        <div class="fe-box">
+          <img src="images/features/f2.png" alt="">
+          <h6>Online Order</h6>
+        </div>
+        <div class="fe-box">
+          <img src="images/features/f3.png" alt="">
+          <h6>Save Money</h6>
+        </div>
+        <div class="fe-box">
+          <img src="images/features/f4.png" alt="">
+          <h6>Promotions</h6>
+        </div>
+        <div class="fe-box">
+          <img src="images/features/f5.png" alt="">
+          <h6>Happy Sell</h6>
+        </div>
+        <div class="fe-box">
+          <img src="images/features/f6.png" alt="">
+          <h6>24/7 Support</h6>
+        </div>
+      </section>
+    </main>
+
+    <!--footer section-->
+    <footer class="section-p1">
+      <div class="col">
+        <div class="footer-logo">
+          <img src="images/logo.png" alt="" />
+        </div>
+        <div class="contact-info">
+          <h4>Contact</h4>
+          <li>
+            <i class="fa fa-map"></i>
+            <p><strong>Address: </strong>562 Wellington Road, Street 32, San Francisco</p>
+          </li>
+          <li>
+            <i class="fa fa-phone"></i>
+            <p><strong>Phone: </strong>+01 2222 365 / (+91) 01 2345 6789</p>
+          </li>
+          <li>
+            <i class="fa fa-clock"></i>
+            <p><strong>Hours: </strong>10:00 - 18:00, Mon - Sat</p>
+          </li>
+        </div>
+        <div class="social-icons">
+          <a href="#"><i class="fab fa-facebook-f"></i></a>
+          <a href="#"><i class="fab fa-twitter"></i></a>
+          <a href="#"><i class="fab fa-instagram"></i></a>
+          <a href="#"><i class="fab fa-pinterest-p"></i></a>
+          <a href="#"><i class="fab fa-youtube"></i></a>
+        </div>
+      </div>
+
+      <div class="col">
+        <h4>About</h4>
+        <a href="about.html">About Us</a>
+        <a href="#">Delivery Information</a>
+        <a href="#">Privacy Policy</a>
+        <a href="#">Terms & Conditions</a>
+        <a href="contact.html">Contact Us</a>
+      </div>
+
+      <div class="col">
+        <h4>My Account</h4>
+        <a href="#">Sign In</a>
+        <a href="#">View Cart</a>
+        <a href="#">My Wishlist</a>
+        <a href="#">Track My Order</a>
+        <a href="#">Help</a>
+      </div>
+
+      <div class="col">
+        <h4>Install App</h4>
+        <p>From App Store or Google Play</p>
+        <div class="row">
+          <img src="images/pay/app.jpg" alt="App Store">
+          <img src="images/pay/play.jpg" alt="Google Play">
+        </div>
+        <p>Secured Payment Gateways</p>
+        <img src="images/pay/pay.png" alt="Payment Methods">
+      </div>
+    </footer>
+
+    <script src="script.js"></script>
+  </body>
+</html> 
diff --git a/blog.html b/blog.html
@@ -0,0 +1,192 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Blog - Ecommerce website</title>
+    <link rel="stylesheet" href="style.css" />
+    <script
+      src="https://kit.fontawesome.com/0e53af926d.js"
+      crossorigin="anonymous"
+    ></script>
+  </head>
+  <body>
+    <!--header section-->
+    <header>
+      <div id="header">
+        <div class="header-logo">
+          <a href="index.html"><img src="images/logo.png" alt="" /></a>
+        </div>
+        <div class="header-list">
+          <nav class="header-list-nav">
+            <ul>
+              <li><a href="index.html">Home</a></li>
+              <li><a href="shop.html">Shop</a></li>
+              <li><a class="active" href="blog.html">Blog</a></li>
+              <li><a href="about.html">About</a></li>
+              <li><a href="contact.html">Contact Us</a></li>
+            </ul>
+          </nav>
+          <div class="header-list-icon">
+            <a href="cart.html"><i class="fa fa-bag-shopping"></i></a>
+          </div>
+        </div>
+      </div>
+    </header>
+
+    <!--main section-->
+    <main>
+      <section id="page-header" class="blog-header">
+        <h2>#readmore</h2>
+        <p>Read all case studies about our products!</p>
+      </section>
+
+      <section id="blog">
+        <div class="blog-box">
+          <div class="blog-img">
+            <img src="images/blog/b1.jpg" alt="Fashion Trends">
+          </div>
+          <div class="blog-details">
+            <h4>The Latest Fashion Trends for Summer 2024</h4>
+            <p>Discover this season's must-have pieces and styling tips that will keep you looking fresh and fashionable all summer long. From vibrant colors to sustainable materials...</p>
+            <div class="blog-meta">
+              <span><i class="far fa-calendar"></i> March 15, 2024</span>
+              <span><i class="far fa-comment"></i> 12 Comments</span>
+            </div>
+            <a href="#">CONTINUE READING <i class="fas fa-long-arrow-alt-right"></i></a>
+          </div>
+          <h1>15/03</h1>
+        </div>
+
+        <div class="blog-box">
+          <div class="blog-img">
+            <img src="images/blog/b2.jpg" alt="Sustainable Fashion">
+          </div>
+          <div class="blog-details">
+            <h4>Sustainable Fashion: Making Better Choices</h4>
+            <p>Learn how to build a sustainable wardrobe that's both stylish and environmentally conscious. We explore eco-friendly materials, ethical brands, and conscious consumption...</p>
+            <div class="blog-meta">
+              <span><i class="far fa-calendar"></i> March 14, 2024</span>
+              <span><i class="far fa-comment"></i> 8 Comments</span>
+            </div>
+            <a href="#">CONTINUE READING <i class="fas fa-long-arrow-alt-right"></i></a>
+          </div>
+          <h1>14/03</h1>
+        </div>
+
+        <div class="blog-box">
+          <div class="blog-img">
+            <img src="images/blog/b3.jpg" alt="Style Guide">
+          </div>
+          <div class="blog-details">
+            <h4>Essential Style Guide: Building Your Capsule Wardrobe</h4>
+            <p>Create a versatile and timeless wardrobe with our comprehensive guide to capsule wardrobes. Learn how to mix and match key pieces for endless outfit possibilities...</p>
+            <div class="blog-meta">
+              <span><i class="far fa-calendar"></i> March 13, 2024</span>
+              <span><i class="far fa-comment"></i> 15 Comments</span>
+            </div>
+            <a href="#">CONTINUE READING <i class="fas fa-long-arrow-alt-right"></i></a>
+          </div>
+          <h1>13/03</h1>
+        </div>
+
+        <div class="blog-box">
+          <div class="blog-img">
+            <img src="images/blog/b4.jpg" alt="Fashion Tech">
+          </div>
+          <div class="blog-details">
+            <h4>The Future of Fashion: Technology Meets Style</h4>
+            <p>Explore how technology is revolutionizing the fashion industry, from smart fabrics to virtual try-ons. Discover the latest innovations shaping the future of how we shop and wear clothes...</p>
+            <div class="blog-meta">
+              <span><i class="far fa-calendar"></i> March 12, 2024</span>
+              <span><i class="far fa-comment"></i> 10 Comments</span>
+            </div>
+            <a href="#">CONTINUE READING <i class="fas fa-long-arrow-alt-right"></i></a>
+          </div>
+          <h1>12/03</h1>
+        </div>
+      </section>
+
+      <section id="pagination" class="section-p1">
+        <a href="#" class="active">1</a>
+        <a href="#">2</a>
+        <a href="#">3</a>
+        <a href="#"><i class="fas fa-long-arrow-alt-right"></i></a>
+      </section>
+
+      <section id="newsletter" class="section-p1">
+        <div class="newsletter-text">
+          <h4>Subscribe to Our Blog</h4>
+          <p>Get fashion updates and special offers delivered directly to your inbox.</p>
+        </div>
+        <div class="form">
+          <input type="email" placeholder="Your email address">
+          <button class="normal">Subscribe</button>
+        </div>
+      </section>
+    </main>
+
+    <!--footer section-->
+    <footer class="section-p1">
+      <div class="col">
+        <div class="footer-logo">
+          <img src="images/logo.png" alt="" />
+        </div>
+        <div class="contact-info">
+          <h4>Contact</h4>
+          <li>
+            <i class="fa fa-map"></i>
+            <p><strong>Address: </strong>562 Wellington Road, Street 32, San Francisco</p>
+          </li>
+          <li>
+            <i class="fa fa-phone"></i>
+            <p><strong>Phone: </strong>+01 2222 365 / (+91) 01 2345 6789</p>
+          </li>
+          <li>
+            <i class="fa fa-clock"></i>
+            <p><strong>Hours: </strong>10:00 - 18:00, Mon - Sat</p>
+          </li>
+        </div>
+        <div class="social-icons">
+          <a href="#"><i class="fab fa-facebook-f"></i></a>
+          <a href="#"><i class="fab fa-twitter"></i></a>
+          <a href="#"><i class="fab fa-instagram"></i></a>
+          <a href="#"><i class="fab fa-pinterest-p"></i></a>
+          <a href="#"><i class="fab fa-youtube"></i></a>
+        </div>
+      </div>
+
+      <div class="col">
+        <h4>About</h4>
+        <a href="about.html">About Us</a>
+        <a href="#">Delivery Information</a>
+        <a href="#">Privacy Policy</a>
+        <a href="#">Terms & Conditions</a>
+        <a href="contact.html">Contact Us</a>
+      </div>
+
+      <div class="col">
+        <h4>My Account</h4>
+        <a href="#">Sign In</a>
+        <a href="#">View Cart</a>
+        <a href="#">My Wishlist</a>
+        <a href="#">Track My Order</a>
+        <a href="#">Help</a>
+      </div>
+
+      <div class="col">
+        <h4>Install App</h4>
+        <p>From App Store or Google Play</p>
+        <div class="row">
+          <img src="images/pay/app.jpg" alt="App Store">
+          <img src="images/pay/play.jpg" alt="Google Play">
+        </div>
+        <p>Secured Payment Gateways</p>
+        <img src="images/pay/pay.png" alt="Payment Methods">
+      </div>
+    </footer>
+
+    <script src="script.js"></script>
+  </body>
+</html>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		FROM nginx:alpine
		COPY . /usr/share/nginx/html