网址收藏 - 优质网站链接推荐 - 常规

<!DOCTYPE html>
<html>
<head>
	<title>网址收藏 - 优质网站链接推荐</title>
	<style>
		body {
			font-family: Arial, sans-serif;
			margin: 0;
			padding: 0;
		}
		h1 {
			text-align: center;
			margin-top: 50px;
			color: #333;
		}
		.container {
			width: 80%;
			margin: 0 auto;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: center;
			margin-top: 50px;
		}
		.card {
			width: 30%;
			margin-bottom: 30px;
			background-color: #fff;
			border-radius: 5px;
			box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
			overflow: hidden;
			cursor: pointer;
			transition: all 0.3s ease-in-out;
		}
		.card:hover {
			transform: translateY(-5px);
			box-shadow: 0px 5px 10px rgba(0,0,0,0.3);
		}
		.card img {
			width: 100%;
			height: 200px;
			object-fit: cover;
		}
		.card h3 {
			margin: 20px;
			font-size: 1.5rem;
			color: #333;
		}
		.card p {
			margin: 0 20px 20px 20px;
			font-size: 1rem;
			color: #666;
			line-height: 1.5;
			text-align: justify;
		}
	</style>
</head>
<body>
	<h1>网址收藏 - 优质网站链接推荐</h1>
	<div class="container">
		<div class="card">
			<a href="https://www.google.com" target="_blank">
				<img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" alt="Google">
				<h3>Google</h3>
				<p>Google是全球最大的搜索引擎之一，提供给用户全球范围内的信息检索服务。</p>
			</a>
		</div>
		<div class="card">
			<a href="https://www.bing.com" target="_blank">
				<img src="https://www.bing.com/th?id=OIP.7L0-pJh4v0g4Eq9XGJRIHwHaHa&pid=Api&rs=1" alt="Bing">
				<h3>Bing</h3>
				<p>Bing是微软公司推出的搜索引擎，提供了搜索、视频、新闻、地图等多种功能。</p>
			</a>
		</div>
		<div class="card">
			<a href="https://www.baidu.com" target="_blank">
				<img src="https://www.baidu.com/img/flexible/logo/pc/result.png" alt="百度">
				<h3>百度</h3>
				<p>百度是中国最大的搜索引擎，提供各种信息检索服务，包括网页、图片、视频等。</p>
			</a>
		</div>
	</div>
</body>
</html>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
	$(function() {
		$('.card').on('click', function() {
			window.open($(this).find('a').attr('href'));
		});
	});
</script>