<!DOCTYPE html>
<html lang="en-in">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
footer {
background-color: black;
height: 300px;
padding: 25px;
display: grid;
grid-template-columns: 2.5fr 3fr 3fr 2.5fr;
}
#title {
font-weight: bold;
color: white;
font-size: 20pz;
}
#topic {
color: gray;
font-size: 12px;
}
/* navigatin bar in sie */
</style>
<title> Index</title>
</head>
<body>
<head>
<div>amzone shopping</div>
</head>
<section>
<nav>
<div>Home</div>
<div>Elecronics</div>
<div>Footwear</div>
<div>Fashion</div>
</nav>
<main>
<dialog>any help?</dialog>
<div>Welcome to Online Shopping Store</div>
<figure>
your image
<figcaption>Samsung TV 1600</figcaption>
</figure>
<article>70% off on Elecronics</article>
</main>
<aside>
ads here.
</aside>
</section>
<footer>
<div>
<div id="title">Get to Know Us</div>
<div id="topic">About amazon</div>
</div>
<div>
<div id="title">Connect with Us</div>
<div id="topic">Facebook</div>
</div>
<div>
<div id="title">Make Money with Us</div>
<div id="topic">Sell on Amazon</div>
</div>
<div>
<div id="title">Let Us Help You</div>
<div id="topic">Your Account</div>
</div>
</footer>
</body>
</html>
quick-counter
top.andrew-lviv
wtop.us
No comments