百度搜索引擎 - 全球领先的中文搜索引擎 - 常规

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>百度搜索引擎 - 全球领先的中文搜索引擎</title>
	<style>
		body{
			background-color: #f2f2f2;
		}
		#container{
			width: 800px;
			margin: 0 auto;
			padding-top: 50px;
		}
		#logo{
			width: 120px;
			height: 45px;
			background-image: url('https://www.baidu.com/img/bd_logo1.png');
			background-size: cover;
			float: left;
		}
		#search{
			float: left;
			margin-left: 50px;
			position: relative;
		}
		#search input{
			width: 500px;
			height: 30px;
			border: none;
			outline: none;
			padding-left: 10px;
			border-radius: 20px;
			box-shadow: 0px 0px 5px #ccc;
			font-size: 16px;
		}
		#search button{
			position: absolute;
			right: 0;
			top: 0;
			width: 80px;
			height: 30px;
			background-color: #3385ff;
			border: none;
			outline: none;
			color: #fff;
			font-size: 16px;
			border-radius: 20px;
			cursor: pointer;
			box-shadow: 0px 0px 5px #ccc;
		}
		#search button:hover{
			background-color: #1a70ff;
		}
		#hot-words{
			float: right;
			margin-right: 50px;
			color: #666;
			font-size: 14px;
		}
		#hot-words a{
			color: #666;
			text-decoration: none;
			margin-left: 10px;
		}
		#hot-words a:hover{
			color: #3385ff;
		}
		#content{
			margin-top: 50px;
			text-align: center;
		}
		#content h1{
			color: #333;
			font-size: 36px;
			margin-bottom: 50px;
		}
		#content img{
			width: 500px;
			height: 300px;
			border-radius: 10px;
			box-shadow: 0px 0px 5px #ccc;
			margin-bottom: 20px;
		}
		#content p{
			color: #666;
			font-size: 16px;
			line-height: 1.5;
			margin-bottom: 20px;
		}
	</style>
</head>
<body>
	<div id="container">
		<div id="logo"></div>
		<div id="search">
			<input type="text" placeholder='百度一下，你就知道'>
			<button>搜索</button>
		</div>
		<div id="hot-words">
			热门搜索：
			<a href="#">新冠病毒</a>
			<a href="#">口罩</a>
			<a href="#">王者荣耀</a>
			<a href="#">抖音</a>
			<a href="#">微信</a>
		</div>
		<div id="content">
			<h1>百度一下，你就知道</h1>
			<img src="https://www.baidu.com/img/bd_logo1.png" alt="">
			<p>百度是全球领先的中文搜索引擎，拥有海量、优质、实用的中文网页信息，提供网页、图片、新闻、贴吧、知道、音乐、视频、地图等全方位资讯搜索服务。</p>
		</div>
	</div>
</body>
</html>