
HTML-------------
<!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>my course</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="nav-bar">
<a href="#">Home</a>
<a href="#">About Us</a>
<a href="#">Contact Us</a>
<div class="search-bar">
<form>
<input type="search" placeholder="Write what you looking for">
<input type="submit" value="Search"
</form>
</div>
</div>
</body>
</html>
CSS-----------------
.nav-bar{
overflow: hidden;
background-color: #e9e9e9;
}
.nav-bar a{
float: left;
display: block;
text-align: center;
color: lightslategray;
background-color: lightgreen;
text-decoration: none;
font-size: 17px;
padding: 12px 10px;
}
.nav-bar .search-bar{
float: right;
}
.nav-bar .search-bar input[type=search]{
padding: 5px;
margin: 8px 0px 0px 0px;
font-size: 17px;
border: none;
}
.nav-bar .search-bar input[type=submit]{
float: right;
padding: 5px;
margin-top: 8px;
background-color: lightskyblue;
font-size: 17px;
color: white;
border: none;
cursor: pointer;
}x

في عالمنا الرقمي الذي يتطور باستمرار، أصبح تطوير المتاجر الإلكترونية جزءًا أساسيًا من دعم الشركات والعلامات التجارية للوصول إلى جمهور أوسع وتحقيق النج…
Kayan Technology proudly participated in the grand opening of the IEEE branch at Amman Arab University, marking a significant milestone in fostering c…