Untitled
unknown
plain_text
3 years ago
2.0 kB
11
Indexable
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<m4eta name="viewport" content="width=device-width,initial-scale=1..0">
<title>document</title>
<style>
.d-flex{
display: flex;
}
.meun div{
margin-right: 20px;
}
.nav{
display: flex;
justify-content: space-between;
}
body{
margin: 0.30px;
}
.hero-text{
font-size: 55px;
text-align: center;
}
.hero-box{
width: 300px;
margin: auto;
margin-bottom: 10px;
}
.search-bar{
height: 40px;
width: 300px;
border-radius: 5px;
border: 1px #b8b4b4;
padding: 10px;
}
.search-button{
background: #19806f;
border: none;
border-radius: 5px;
}
</style>
</head>
<body>
<nav class="d-flex nav">
<div>nathairdiva</div>
<div class="d-flex meun">
<div>Blog</div>
<div>Contact</div>
<div>Shop</div>
<div>Quiz</div>
</div>
</nav>
<!--//search bar-->
<div class="hero-box">
<h3 class="hero-text">
Shop With Ease!!!
</h3>
<div class="d-flex">
<input type="text" class="search-bar"placeholder="search for products,category or brands">
<button class="search-button">search</button>
</div>
<div>
<h2 style="text-align: center;font-size: 70px;">Featured Products</h2>
</div>
<div class="d-flex">
<img src="images.jfif" width="250" height="150"
<img src="download (1).jfif" width="250" height="150">
<img src="download.jfif" width="250" height="150">
<img src="images (1).jfif" width="250" height="150">
</div>
</body>
</html>Editor is loading...