1st try to create header just like amazon..!

 <!DOCTYPE html>

<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="style.css">
  <title>Document</title>
</head>
<body>
 <div id="navbar">
    <a id="logo">Amazon.in</a>
    <a href="https://www.amazon.in/ap/signin?openid.pape.max_auth_age=0&openid.return_to=https%3A%2F%2Fwww.amazon.in%2F%3F%26tag%3Dgooghydrabk1-21%26ref%3Dnav_ya_signin%26adgrpid%3D155259815513%26hvpone%3D%26hvptwo%3D%26hvadid%3D678802104188%26hvpos%3D%26hvnetw%3Dg%26hvrand%3D7729879067095948689%26hvqmt%3De%26hvdev%3Dc%26hvdvcmdl%3D%26hvlocint%3D%26hvlocphy%3D1007749%26hvtargid%3Dkwd-10573980%26hydadcr%3D14453_2371562&openid.identity=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&openid.assoc_handle=inflex&openid.mode=checkid_setup&openid.claimed_id=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&openid.ns=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0" color="green">Account</a>
    <a href="https://www.amazon.in/?&tag=googhydrabk1-21&ref=pd_sl_7hz2t19t5c_e&adgrpid=155259815513&hvpone=&hvptwo=&hvadid=678802104188&hvpos=&hvnetw=g&hvrand=7729879067095948689&hvqmt=e&hvdev=c&hvdvcmdl=&hvlocint=&hvlocphy=1007749&hvtargid=kwd-10573980&hydadcr=14453_2371562">My cart</a>
    <a href="https://www.amazon.in/?&tag=googhydrabk1-21&ref=pd_sl_7hz2t19t5c_e&adgrpid=155259815513&hvpone=&hvptwo=&hvadid=678802104188&hvpos=&hvnetw=g&hvrand=7729879067095948689&hvqmt=e&hvdev=c&hvdvcmdl=&hvlocint=&hvlocphy=1007749&hvtargid=kwd-10573980&hydadcr=14453_2371562",color="black">contact us</a>
    <input placeholder="Search here">
    <button>Search</button>
 </div>
</body>
</html>






<<<<---Adding stylesheet--->>>>
*{
    padding:0;
    margin: 0;
    color: gray;
}

#navbar{
    height: 60px;
    background-color: #0f1111;
    color: white;
   
}

button{
    background-color: #f08804;
}
#logo{
    color: #f08804;
}

a{
    margin-right:150px;
    text-decoration: none      ;  
}



AVI.PARADOX..

Welcome to my blog! My name is PARADOX, and I’m thrilled to have you here., From the first “Hello, World!”.As a passionate coder, I find joy in the logic and structure of coding., This blog is more than just a collection of articles. It’s a community for those who love to gain knowledge as much as I do., So whether you’re here to learn something new, share your own knowledge, or just to be part of the community, I’m glad you’re here.

Post a Comment

Previous Post Next Post

Contact Form