My Project 3: (under progress)
Lifestyle Store:
An online shopping website with a login page, and sign-up page using HTML, CSS, and bootstrap.
index.html code:
<!DOCTYPE html>
<html>
<head>
<title>Lifestyle Store</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
<div class="header">
<div class="innerheader">
<div class="logo">
<a href=" ">Lifestyle Store</a>
</div>
<div class="header-link">
<a href="login.html">Login</a>
</div>
<div class="header-link">
<a href="signup.html">Sign Up</a>
</div>
</div>
</div>
<div class="content">
<div class="banner-image">
<div class=" inner-bannerimage">
<div class="banner_content">
<h1>We sell lifestyle.</h1>
<p>Flat 40% OFF on premium brands</p>
<input type="submit" value="Shop Now" class="button">
</div>
</div>
</div>
<div class="container">
<div class="items">
<a href="#">
<img src="watch.jpg" alt="" class="thumbnail">
<div class="caption">
<h2>Watches</h2>
<p>Original watches from the best brands.</p>
</div>
</a>
</div>
<div class="items">
<a href="#" >
<img src="camera.jpg" alt="" class="thumbnail">
<div class="caption">
<h2>Cameras</h2>
<p>Choose among the best available in the world.</p>
</div>
</a>
</div>
<div class="items">
<a href="#" >
<img src="shirt.jpg" alt="" class="thumbnail">
<div class="caption">
<h2>Shirts</h2>
<p>Our exquisite collection of shirts.</p>
</div>
</a>
</div>
</div>
</div>
<footer>
<div class="container">
<p class="head">Copyright © Lifestyle Store. All Rights Reserved | Contact Us: +91 90000 00000</p>
</div>
</footer>
</body>
</html>
Comments
Post a Comment