
<!DOCTYPE html>

<head>
     <title>CSS</title>
    <link rel="stylesheet" href="css/index.css" type="text/css">
</head>
<body>
<!-- classic began -->
<div class="classic">
    <header>
        <img src="img/new.png" alt="">
    </header>
    <p>ðȫӱϩϣȶɫ</p>
    <ul>
        <li>
            <hgroup>
                <h2>-ֽɡ</h2>
                <h2>ӺֽȻͩ</h2>
                <h2></h2>
                <h2></h2>
            </hgroup>
        </li>
        <li>
            <hgroup>
                <h2>һ-ֽɡ</h2>
                <h2>ӺֽȻͩ</h2>
                <h2></h2>
                <h2></h2>
            </hgroup>
        </li>
        <li>
            <hgroup>
                <h2>ɽ-ֽɡ</h2>
                <h2>ӺֽȻͩ</h2>
                <h2></h2>
                <h2></h2>
            </hgroup>
        </li>
    </ul>
</div>
<!-- classic end -->
<!-- try began -->
<div class="try">
	<header>
		<img src="img/gongyi.png" alt="">
	</header>
	<p>300깤մУ߾ģ108</p>
	<ul>
		<li>
			<img class="zheng" src="img/try1.jpg" alt="">
			<img class="fan" src="img/try4.jpg" alt="">
		</li>
		<li>
			<img class="zheng" src="img/try2.jpg" alt="">
			<img class="fan" src="img/try5.jpg" alt="">
		</li>
		<li>
			<img class="zheng" src="img/try3.jpg" alt="">
			<img class="fan" src="img/try6.jpg" alt="">
		</li>
	</ul>
</div>
<!-- try end -->
<!-- make began -->
<div class="make">
	<header>
		<img src="img/pinpai.png" alt="">
	</header>
	<p>Ǹרҵ û</p>
	<ul>
		<li>
			<img  class="tu" src="img/cp1.jpg" alt="">
			<img class="tihuan" src="img/th1.png" alt="">
		</li>
		<li>
			<img class="tu" src="img/cp2.jpg" alt="">
			<img class="tihuan" src="img/th2.png" alt="">
		</li>
		<li>
			<img class="tu" src="img/cp3.jpg" alt="">
			<img class="tihuan" src="img/th3.png" alt="">
		</li>
		<li>
			<img class="tu" src="img/cp4.jpg" alt="">
			<img class="tihuan" src="img/th4.png" alt="">
		</li>
		<li>
			<img class="tu" src="img/cp5.jpg" alt="">
			<img class="tihuan" src="img/th5.png" alt="">
		</li>
		<li>
			<img class="tu" src="img/cp6.jpg" alt="">
			<img class="tihuan" src="img/th6.png" alt="">
		</li>
		<li>
			<img class="tu" src="img/cp7.jpg" alt="">
			<img class="tihuan" src="img/th7.png" alt="">
		</li>
		<li>
			<img class="tu" src="img/cp8.jpg" alt="">
			<img class="tihuan" src="img/th8.png" alt="">
		</li>
	</ul>
</div>
<!-- make end -->
<!-- biaodan began -->
<footer>
	<div class="logo"></div>
	<div class="message">
		<form>
			<ul class="left">
				<li>
					<p><label for=""></label></p>
					<input type="text">
				</li>
				<li>
					<p>䣺</p>
					<input type="email">
				</li>
				<li>
					<p>绰</p>
					<input type="tel" pattern="^\d{11}$" title="11λ">
				</li>
				<li>
					<p>룺</p>
					<input type="password">
				</li>
				<li>
					<input class="but" type="submit" value="">
				</li>
			</ul>
			<div class="right">
				<p>ԣ</p>
				<textarea></textarea>
			</div>
		</form>
	</div>
</footer>
<!-- biaodan end -->
<!-- banquan began -->
<div class="banquan">
    <a href="#">ֽɡ ߽ մ</a>
</div> 
<!-- banquan end -->
</body>
</html>
