h5
/
photo（分列）.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="./css/public.css" />
		<link rel="stylesheet" href="./css/photo（分列）.css">
	</head>
	<body>
		<article class="main_art">
			<header>
				<h1><span class="a1"><i class="iconfont">&#xe74e;</i></span><span class="a2">唐茂的个人博客网站</span></h1>
			</header>
			<nav class="nav1">
				<ul>
					<li><a href="index.html">首页</a></li>

				</ul>
			</nav>
			<section class="sec1">
				<header>
					<h1>旅游相册(分列)</h1>
				</header>
				<main>
					<ul>
						<li><img src="./img/back222.png"></li>
						<li><img src="./img/back222.png"></li>
						<li><img src="./img/back222.png"></li>
						<li><img src="./img/back222.png"></li>
						<li><img src="./img/back222.png"></li>
						<li><img src="./img/back222.png"></li>
						<li><img src="./img/back222.png"></li>
						<li><img src="./img/back222.png"></li>
						<li><img src="./img/back222.png"></li>
						<li><img src="./img/back222.png"></li>
					</ul>
				</main>
			</section>
			<div class="clear"></div>
			<footer>@Copyright : Made By Tangmao</footer>
			<script type="text/javascript">
				var nav1 = document.querySelectorAll(".nav1>ul>li");
				for (let i = 0; i < nav1.length; i++) {
					nav1[i].className = "animated bounceInLeft";
				}
			</script>
	</body>
</html>