<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/index.css" >
<link rel="stylesheet" href="css/tabs.css">
</head>
<body>
<div>
<header>
<nav>
<div><a href="#">王小窝</a></div>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">链接2</a></li>
<li><a href="#">链接3</a></li>
<li><a href="#">链接4</a></li>
</ul>
</nav>
<div id="banner">
<div>
<h1>张小窝</h1>
<p>法萨芬撒法定分撒旦法芬撒法定分撒旦芬撒法定分撒旦芬撒法定分撒旦芬撒法定分撒旦
芬撒法定分撒旦芬撒法定分撒旦芬撒法定分撒旦</p>
<button>了解我</button>
<div>
更多
</div>
</div>
</div>
</header>
<div >
<section>
<div>
<div>
<h2>爱吃的孩子都是好孩子~~</h2>
<div></div>
<p>
法定分撒旦法芬撒法定分撒旦芬撒法定分撒旦芬撒法定分撒旦芬撒法定分撒旦
芬撒法定分撒旦芬撒法定分撒旦芬撒
</p>
</div>
<div>
<span>item1</span>
<span>item2</span>
<span>item3</span>
</div>
</div>
</section>
<section>
<div>
<div>
<img src="img/pic01.jpg" alt="">
</div>
<div>
<h2>又一个标题</h2>
<div>我是副标题你好</div>
<p>lojtgojafjoijf;dsfjasof;oi jioflsdfjsafiojsdf</p>
</div>
</div>
<div>
<div>
<h2>又一个标题</h2>
<div>我是副标题你好</div>
<p>lojtgojafjoijf;dsfjasof;oi jioflsdfjsafiojsdf</p>
</div>
<div>
<img src="img/pic02.jpg" alt="">
</div>
</div>
<div>
<div>
<img src="img/pic03.jpg" alt="">
</div>
<div>
<h2>又一个标题</h2>
<div>我是副标题你好</div>
<p>lojtgojafjoijf;dsfjasof;oi jioflsdfjsafiojsdf</p>
</div>
</div>
</section>
<section>
<div>
<div>
<h2>又有一个标题</h2>
<div></div>
<div>faasfa f'pkmp'fm'pqwofjqmf knvcjpomfojg,igbv'psafokj-fj
lsmvoah
</div>
</div>
<div class="card-group clearfix">
<div>
<h3>标题3</h3>
<p>aasfa f'pkmp'fm'pqwofjqmf knvcjpomfo</p>
</div>
<div>
<h3>标题3</h3>
<p>aasfa f'pkmp'fm'pqwofjqmf knvcjpomfo</p>
</div>
<div>
<h3>标题3</h3>
<p>aasfa f'pkmp'fm'pqwofjqmf knvcjpomfo</p>
</div>
<div>
<h3>标题3</h3>
<p>aasfa f'pkmp'fm'pqwofjqmf knvcjpomfo</p>
</div>
<div>
<h3>标题3</h3>
<p>aasfa f'pkmp'fm'pqwofjqmf knvcjpomfo</p>
</div>
<div>
<h3>标题3</h3>
<p>aasfa f'pkmp'fm'pqwofjqmf knvcjpomfo</p>
</div>
</div>
</div>
</section>
</div>
<footer>
<ul>
<li>item1</li>
<li>item2</li>
<li>item3</li>
<li>item4</li>
<li>item5</li>
</ul>
<div>
© 王小窝 -@2060
</div>
</footer>
</div>
</body>
</html>
