Untitled
Walewealth001
plain_text
3 years ago
1.6 kB
12
Indexable
<!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>grant</title> <style> .d-flex{ display: flex; } .nav{ display: flex; justify-content: space-between; color: green; } .body{ margin: 0 30px; } .topnav div{ margin-right: 50px; } .topnav-text{ font-size: 55px; margin-bottom: 10px; text-align: center; } .topnav-box{ width: 300px; margin: auto; } .topnav search-bar{ height: 50px; width: 40px; border-radius: 5px; border: #b8b4b4; padding: 10px; color: green; } .topnav-word{ font-size: 30px; margin-bottom: 10px; text-align: center; } </style> </head> <body> <nav class="d-flex nav"> <div>nathairdiva</div> <div class="d-flex menu"> <div>Blog </div> <div>Contact </div> <div>Shop </div> <div>Quiz </div> </div> </nav> <!--//search bar--> <div class="topnav-box"> <h3 class="topnav-text"> Shop With Ease!!! </h3> <div class="d-block"> <input type="text" class="search-bar" placeholder="search for products,category or brands"> <button>search</button> </div> <h3 class="topnav-word"> Featured Products </h3> </div> </body> </html>
Editor is loading...