Source code
Code is here 👇👇
<html>
<head>
<style>
body{
font-family: Facial sans;
font-size: 10em;
}
.box{
margin-left: 150px;
}
.search{
width: 920px;
height: 80;
border-style: solid;
margin-left: 25px;
border-radius: 50px;
}
.search_box{
width: 100%;
height: 100%;
border: none;
border-radius: 50px;
text-aling: center;
padding: 5px;
font-family: Facial sans;
font-size: 50px;
}
.btn{
width: 250px;
height: 80px;
padding: 5px;
margin: 380px;
border: none;
background-color: #ffeb3b;
font-size: 50px;
color: #000;
border-radius: 50px;
margin-top: 20;
}
.btn:hover{
background-color: black;
color: white;
text-size: 5em;
}
</style>
</head>
<body>
<div class="box">
<b style="color:blue"> G </b>
<b style="color:red"> o</b>
<b style="color:yellow"> o </b>
<b style="color:blue"> g </b>
<b style="color:green"> l </b>
<b style="color:red"> e </b>
</div>
<div class="search">
<form>
<input type="text" placeholder="search here" class="search_box">
<button class ="btn" > serch</button>
</form>
</div>
</body>
</html>
Comments
Post a Comment