ESE

adit242 · Nov 24, 2021 · cb4361c · cb4361c
1 parent 6363dc2
commit cb4361c
Show file tree

Hide file tree

Showing 6 changed files with 234 additions and 0 deletions.
diff --git a/ESE/contact.html b/ESE/contact.html
@@ -0,0 +1,24 @@
+<!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>Contacts</title>
+    <link rel="stylesheet" href="index.css">
+</head>
+<body>
+    <div class="topnav">
+        <a class="active" href="index.html">Home</a>
+        <a href="login.html">Login</a>
+        <a href="register.html">Register</a>
+        <a href="contact.html">Contact Us</a>
+      </div>
+
+      <h1>Contacts</h1>
+      <h2 style="margin:1.5rem;">Customer Care : 1234-4567-8910</h2>
+      <h2 style="margin:1.5rem;">Delivery Inquiry : 4567-1234-8910</h2>
+      <h2 style="margin:1.5rem;"><a href = "mailto: abc@example.com">Email at this .</a></h2>
+
+</body>
+</html>
diff --git a/ESE/index.css b/ESE/index.css
@@ -0,0 +1,39 @@
+body{
+    text-align: center;
+    align-items: center;
+    align-content: center;
+    background-color: aquamarine;
+}
+form{
+    text-align: center;
+}
+.topnav {
+    background-color: #333333;
+    overflow: hidden;
+    align-content: center;
+  }
+
+  /* Style the links inside the navigation bar */
+  .topnav a {
+    float: left;
+    color: #f2f2f2;
+    text-align: center;
+    padding: 14px 16px;
+    text-decoration: none;
+    font-size: 17px;
+  }
+
+  /* Change the color of links on hover */
+  .topnav a:hover {
+    background-color: #ddd;
+    color: black;
+  }
+
+  /* Add a color to the active/current link */
+  .topnav a.active {
+    background-color: #04AA6D;
+    color: white;
+  }
+
+
+
diff --git a/ESE/index.html b/ESE/index.html
@@ -0,0 +1,25 @@
+<!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>Online Laptop Shop</title>
+    <link rel="stylesheet" href="index.css">
+</head>
+<body>
+    <div class="topnav">
+        <a class="active" href="index.html">Home</a>
+        <a href="login.html">Login</a>
+        <a href="register.html">Register</a>
+        <a href="contact.html">Contact Us</a>
+      </div>
+    <h1>LaptopBuy.com</h1>
+    <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQCupwcbvULvRTB5XNFzDo-ZSzGqTmLNs3zWYJY97LdyH2sxXtH4dzp2VRKjlfU-YD6Xxg&usqp=CAU" alt="computer image">
+
+    <div><h2>It is an online laptop buying website where you can buy laptop of your need .</h2></div>
+
+
+
+</body>
+</html>
diff --git a/ESE/login.html b/ESE/login.html
@@ -0,0 +1,35 @@
+<!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>login page</title>
+    <link rel="stylesheet" href="index.css">
+</head>
+<body>
+    <div class="topnav">
+        <a class="active" href="index.html">Home</a>
+        <a href="login.html">Login</a>
+        <a href="register.html">Register</a>
+        <a href="contact.html">Contact Us</a>
+      </div>
+    <div style="margin-top: 8rem;"> 
+    <h1>Login Here</h1>
+    </div>
+
+    <form style="height: 30%; width: 40%; align-items: center; align-self: center; border: 2px solid black; background-color: aliceblue; display: flex ; flex-direction: column; margin-left: 30%; margin-right: 25%;" action="">
+        <div style="margin:1rem">
+        <label for="email"><b>Email : </b></label><input type="email" style="text-align: center; margin-left: 5%; margin-right: 5%;" placeholder="email"></div>
+        <div style="margin:1rem;">
+        <label for="pwd"><b>Password: </b></label><input type="password" style="text-align: center; margin-left: 5%; margin-right: 5%;" id="pwd" placeholder="Password" name="pwd">
+        </div>
+
+        <Button type="submit" style="margin: 20px 40px; background-color: blueviolet; border:2px solid black"><a href="product.html">Login</a></Button>
+
+        <div style="margin-bottom: 1.5rem;">
+            New Here : <a href="register.html">Register Now</a>
+        </div>
+    </form>
+</body>
+</html>
diff --git a/ESE/product.html b/ESE/product.html
@@ -0,0 +1,77 @@
+<!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>Store</title>
+    <link rel="stylesheet" href="index.css">
+</head>
+
+<body>
+    <div class="topnav">
+        <a class="active" href="index.html">Home</a>
+        <a href="login.html">Login</a>
+        <a href="register.html">Register</a>
+        <a href="contact.html">Contact Us</a>
+    </div>
+    <div style="display: flex; margin:2rem; margin-top: 5rem;">
+    <div>
+        <img style="margin:2rem" height="200" width="400"
+            src="//i.dell.com/is/image/DellContent//content/dam/global-asset-library/Products/Notebooks/Inspiron/15_5510_non-touch/in5510nt_cnb_00055lf110_gy.psd?fmt=pjpg&amp;pscan=auto&amp;scl=1&amp;hei=402&amp;wid=631&amp;qlt=100,0&amp;resMode=sharp2&amp;size=631,402"
+            alt="Inspiron 15 5510"
+            srcset="//i.dell.com/is/image/DellContent//content/dam/global-asset-library/Products/Notebooks/Inspiron/15_5510_non-touch/in5510nt_cnb_00055lf110_gy.psd?fmt=pjpg&amp;pscan=auto&amp;scl=1&amp;hei=320&amp;wid=502&amp;qlt=100,0&amp;resMode=sharp2&amp;size=502,320 432w, //i.dell.com/is/image/DellContent//content/dam/global-asset-library/Products/Notebooks/Inspiron/15_5510_non-touch/in5510nt_cnb_00055lf110_gy.psd?fmt=pjpg&amp;pscan=auto&amp;scl=1&amp;hei=402&amp;wid=631&amp;qlt=100,0&amp;resMode=sharp2&amp;size=631,402">
+        <div class="cf-padding-bottom-10 cta_form">
+
+
+            <button data-item-id="" data-add-to-cart-enabled="true" data-sales-rep-id=""
+                data-order-code="icc-c783501win8" data-product-variant-code="inspiron-15-5510-laptop"
+                data-cart-api-url="https://www.dell.com/csbapi/en-in/buy/item?s=dhs&amp;cs=indhs1"
+                data-redirect-url="/en-in/shop/serviceselection/icc-c783501win8" data-save-label="Save Changes"
+                class="btn full-width cf-atc-btn dellmetrics-browseconfig  btn-success"
+                data-testid="addToCartButton">Add to Cart</button>
+
+            <h3>Available stock :30</h3>
+
+
+        </div>
+    </div>
+    <div>
+        <img alt="ASUS TUF Gaming F15 Core i5 10th Gen - (8 GB/512 GB SSD/Windows 10 Home/4 GB Graphics/NVIDIA GeForce GTX 1650 Ti/144 Hz) FX506LI-HN271TS Gaming Laptop" height="300" src="https://rukminim1.flixcart.com/image/416/416/ku4ezrk0/computer/2/z/l/fx506hcb-hn228t-gaming-laptop-asus-original-imag7bhenhg7nqvh.jpeg?q=70" srcset="https://rukminim1.flixcart.com/image/832/832/ku4ezrk0/computer/2/z/l/fx506hcb-hn228t-gaming-laptop-asus-original-imag7bhenhg7nqvh.jpeg?q=70 2x, https://rukminim1.flixcart.com/image/416/416/ku4ezrk0/computer/2/z/l/fx506hcb-hn228t-gaming-laptop-asus-original-imag7bhenhg7nqvh.jpeg?q=70 1x">
+        <div class="cf-padding-bottom-10 cta_form">
+
+
+            <button data-item-id="" data-add-to-cart-enabled="true" data-sales-rep-id=""
+                data-order-code="icc-c783501win8" data-product-variant-code="inspiron-15-5510-laptop"
+                data-cart-api-url="https://www.dell.com/csbapi/en-in/buy/item?s=dhs&amp;cs=indhs1"
+                data-redirect-url="/en-in/shop/serviceselection/icc-c783501win8" data-save-label="Save Changes"
+                class="btn full-width cf-atc-btn dellmetrics-browseconfig  btn-success"
+                data-testid="addToCartButton">Add to Cart</button>
+
+            <h3>Available stock :30</h3>
+
+
+        </div>
+
+    </div>
+    <div>
+        <img class="_396cs4 _2amPTt _3qGmMb  _3exPp9" alt="acer Nitro 5 Ryzen 5 Hexa Core 5600H - (16 GB/1 TB HDD/256 GB SSD/Windows 10 Home/6 GB Graphics/NVIDIA GeForce RTX 3060/144 Hz) AN515-45-R3TC Gaming Laptop" src="https://rukminim1.flixcart.com/image/416/416/kuvkcy80/computer/b/0/t/na-gaming-laptop-acer-original-imag7whqd6hhyhu3.jpeg?q=70" srcset="https://rukminim1.flixcart.com/image/832/832/kuvkcy80/computer/b/0/t/na-gaming-laptop-acer-original-imag7whqd6hhyhu3.jpeg?q=70 2x, https://rukminim1.flixcart.com/image/416/416/kuvkcy80/computer/b/0/t/na-gaming-laptop-acer-original-imag7whqd6hhyhu3.jpeg?q=70 1x">
+
+            <button data-item-id="" data-add-to-cart-enabled="true" data-sales-rep-id=""
+                data-order-code="icc-c783501win8" data-product-variant-code="inspiron-15-5510-laptop"
+                data-cart-api-url="https://www.dell.com/csbapi/en-in/buy/item?s=dhs&amp;cs=indhs1"
+                data-redirect-url="/en-in/shop/serviceselection/icc-c783501win8" data-save-label="Save Changes"
+                class="btn full-width cf-atc-btn dellmetrics-browseconfig  btn-success"
+                data-testid="addToCartButton">Add to Cart</button>
+
+            <h3>Available stock :30</h3>
+
+
+        </div>
+    </div>
+</div>
+
+</body>
+
+</html>
diff --git a/ESE/register.html b/ESE/register.html
@@ -0,0 +1,34 @@
+<!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>Registration</title>
+    <link rel="stylesheet" href="index.css">
+</head>
+<body>
+    <div class="topnav">
+        <a class="active" href="index.html">Home</a>
+        <a href="login.html">Login</a>
+        <a href="register.html">Register</a>
+        <a href="contact.html">Contact Us</a>
+      </div>
+    <div style="margin-top: 6rem;"> 
+    <h1>Register Here</h1>
+    </div>
+
+    <form style="height: 30%; width: 40%; align-items: center; align-self: center; border: 2px solid black; background-color: aliceblue; display: flex ; flex-direction: column; margin-left: 30%; margin-right: 25%;" action="">
+        <div style="margin:1rem">
+        <label for="name"><b>Name : </b></label><input type="text" style="text-align: center; margin-left: 5%; margin-right: 5%;" placeholder="Name"></div>
+        <div style="margin:1rem">
+            <label for="contact"><b>Contact No. </b></label><input type="number" style="text-align: center; margin-left: 5%; margin-right: 5%;" placeholder="Mobile. no"></div>
+            <div style="margin:1rem">
+                <label for="email"><b>Email : </b></label><input type="email" style="text-align: center; margin-left: 5%; margin-right: 5%;" placeholder="email"></div>
+        <div style="margin:1rem;">
+        <label for="pwd"><b>Password: </b></label><input type="password" style="text-align: center; margin-left: 5%; margin-right: 5%;" id="pwd" placeholder="Password" name="pwd">
+        </div>
+        <Button style="margin: 20px 40px; background-color: blueviolet; border:2px solid black">Register</Button>
+    </form>
+</body>
+</html>