Explore Fashion Beauty

maryamtheprogrammer · Mar 21, 2024 · b3bd408 · b3bd408
commit b3bd408
Show file tree

Hide file tree

Showing 16 changed files with 177 additions and 0 deletions.
diff --git a/contact.html b/contact.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Contact Fashion Beauty</title>
+</head>
+<body>
+    <center>
+        <h1>Contact us</h1>
+        <a href="index.html">Home</a>&nbsp;
+        <a href="products.html">Products</a>&nbsp;
+        <a href="models.html">ModelsLook</a>&nbsp;
+        <a href="#">Contact</a>
+        <br><br>
+        <hr>
+        <h2>Add your information below</h2>
+        <h5>Don't worry your personal info will be saved privately.</h5>
+       <table>
+        <form>
+            <tr>
+               <td> <label>Your Name</label>
+            <input type="text" maxlength="20" required></td>
+        </tr>
+            <br><br>
+            <tr>
+                <td> <label>Phone Number#</label>
+             <input type="number" maxlength="10" required></td>
+         </tr>
+            <tr>
+                <td> <label>Address</label>
+             <input type="text" maxlength="100" required></td>
+         </tr>
+            <tr>
+                <td> <label>Email</label>
+             <input type="email" maxlength="60" required></td>
+         </tr>
+         <tr>
+            <td><textarea name="name" cols="30" rows="10" placeholder="Type your Feedback" required></textarea></td>
+         </tr>
+         <tr>
+            <td>
+                <button type="submit">Send</button>
+            </td>
+         </tr>
+        </form>
+       </table>
+    </center>
+</body>
+</html>
diff --git a/images/beauty-care.jpg b/images/beauty-care.jpg
diff --git a/images/blush-on.jpg b/images/blush-on.jpg
diff --git a/images/eye-liner.png b/images/eye-liner.png
diff --git a/images/eyeshadow-pallete.jpg b/images/eyeshadow-pallete.jpg
diff --git a/images/foundation.avif b/images/foundation.avif
diff --git a/images/lipstick.jpg b/images/lipstick.jpg
diff --git a/images/logo.jpg b/images/logo.jpg
diff --git a/images/mascara.avif b/images/mascara.avif
diff --git a/images/model1.jpg b/images/model1.jpg
diff --git a/images/model2.webp b/images/model2.webp
diff --git a/images/model3.webp b/images/model3.webp
diff --git a/images/model4.jpeg b/images/model4.jpeg
diff --git a/index.html b/index.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Fashion Beauty</title>
+</head>
+<body>
+    <center>
+    <h1>Fashion Beauty</h1>
+    <a href="#">Home</a>&nbsp;
+    <a href="products.html">Products</a>&nbsp;
+    <a href="models.html">ModelsLook</a>&nbsp;
+    <a href="contact.html">Contact</a>
+    <br><br>
+    <table>
+    <tr>
+      <td><img src="images/logo.jpg" alt="Logo"></td>
+      <td>Indulge in the world of elegance and style as you embark on a journey through our exquisite collection of fashion and beauty essentials. From trendy apparel to luxurious skincare products, we curate the finest selections to elevate your personal style and enhance your natural beauty.
+        Discover the latest fashion trends, timeless beauty tips, and exclusive deals tailored just for you. Whether you're seeking the perfect outfit for a special occasion or searching for skincare solutions to pamper yourself, we're here to inspire and empower you to look and feel your best every day.
+        Join us as we redefine fashion and beauty standards, celebrating diversity and individuality in every aspect of our curated collections. Step into a realm of sophistication and allure, where every choice reflects your unique personality and enhances your innate beauty.
+        Welcome to a world of fashion and beauty reimagined.</td>
+    </tr>
+    </table>
+
+        <hr>
+            <div>
+               <h2> Go to products tab to see all the products we sell or use.
+                <a href="products.html">Click here</a></h2>
+            </div>
+
+            <div>
+                <h2>
+                    Order any product via adding your info , to contact us 
+                    <a href="contact.html">Click here</a>
+                </h2>
+            </div>
+            <div>
+                <h2>
+                   Check out our new models and welcome them into Fashion Beauty 
+                    <a href="models.html">Click here</a>
+                </h2>
+            </div>
+    </center> 
+</body>
+</html>
diff --git a/models.html b/models.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Fashion Beauty ModelsLook</title>
+</head>
+<body>
+    <center>
+        <h1>Our Models</h1>
+        <a href="index.html">Home</a>&nbsp;
+        <a href="products.html">Products</a>&nbsp;
+        <a href="#">ModelsLook</a>&nbsp;
+        <a href="contact.html">Contact</a>
+        <br><br>
+
+        <table>
+            <tr>
+                <td><img src="images/model1.jpg" width="360" height="400"></td>
+                <td><img src="images/model2.webp" width="360" height="400"></td>
+            </tr>
+            <tr>
+                <td><img src="images/model3.webp" width="360" height="400"></td>
+                <td><img src="images/model4.jpeg" width="360" height="400"></td>
+            </tr>
+        </table>
+    </center>
+</body>
+</html>
diff --git a/products.html b/products.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Fashion Beauty Products</title>
+</head>
+<body>
+    <center>
+    <h1>Our Products</h1>
+    <a href="index.html">Home</a>&nbsp;
+    <a href="#">Products</a>&nbsp;
+    <a href="models.html">ModelsLook</a>&nbsp;
+    <a href="contact.html">Contact</a>
+    <br><br>
+    <table>
+        <img src="images/beauty-care.jpg" alt="main-img" width="860" height="500">
+    <hr>
+    <tr>
+        <td>
+          <img src="images/foundation.avif" alt="skin-care" width="460" height="400">
+          <h4>Skin Foundation</h4>
+        </td>
+        <td>
+          <img src="images/lipstick.jpg" alt="skin-care" width="460" height="400">
+          <h4>Lipstick Shades</h4>
+        </td>
+      </tr>
+      <tr>
+        <td>
+          <img src="images/eyeshadow-pallete.jpg" alt="skin-care" width="460" height="400">
+          <h4>Eye-Shades</h4>
+        </td>
+        <td>
+          <img src="images/blush-on.jpg" alt="skin-care" width="460" height="400">
+          <h4>Blush-On pallete</h4>
+        </td>
+      </tr>
+      <tr>
+        <td>
+          <img src="images/eye-liner.png" alt="skin-care" width="460" height="400">
+          <h4>Eye-Liner</h4>
+        </td>
+        <td>
+          <img src="images/mascara.avif" alt="skin-care" width="460" height="400">
+          <h4>Eye Mascara</h4>
+        </td>
+      </tr>
+    </table>
+    </center>
+</body>
+</html>