增加了项目

婚礼/wedding.css

+*{
+	margin: 0;
+	padding: 0;
+	font-family: "微软雅黑";
+	list-style: none;
+}
+.all{margin: 0 auto;}
+.nav{
+		height: 60px;
+		background-color: #ed4934;
+		color: #fff;
+}
+.inner{
+	width: 900px;
+	height: 60px;
+	margin: 0 auto;
+}
+.inner li{
+	height: 60px;
+	line-height: 60px;
+	margin-right: 20px;
+	display: inline-block;
+	text-shadow: 1px 1px 1px #000;
+	font-weight: bold;
+}
+.inner .name{
+	font-size: 24px;
+	font-weight: normal;
+}
+.choices{float: right;}
+.choices li:hover{background-color: rgba(0,0,0,0.3);}
+.show{
+	height: 465px;
+	background: #e7e7e7 url(img/mainback.jpg) no-repeat;
+	border-bottom: 1px solid;
+}
+.show ul{
+	width: 900px;
+	height: 465px;
+	margin: 0 auto;
+}
+.show ul li{
+	display: inline-block;
+	margin-top: 70px;
+}
+.ins{
+	width: 565px;
+	height: 325px;
+	background-color: #fff;
+}
+.ins p{margin: 20px;}
+.icon{
+	width: 160px;
+	height: 30px;
+	line-height: 30px;
+	text-align: center;
+	font-weight: bold;
+	background-color: #ed4934;
+	color: #fff;
+	border-radius: 25px;
+}
+.news{
+	font-size: 50px;
+	font-weight: bold;
+}
+.ita{
+	font-style: italic;
+	font-weight: 100;
+	line-height: 24px;
+}
+.date{
+	width: 300px;
+	height: 300px;
+	background-color: #ed4934;
+	float: right;
+}
+.date p{
+	margin: 30px;
+	text-align: center;
+	color: #fff;
+	font-weight: bold;
+}
+.day{font-size: 36px;}
+.year{font-size: 56px;}
+.txt{
+	height: 600px;
+	background: url(img/back.png);
+}
+.about{
+	width: 500px;
+	height: 300px;
+	margin: 0 auto;
+	margin-top: 40px;
+}
+.about li{
+	margin-top: 20px;
+	text-align: center;
+}
+.tit{font-size: 28px;}
+.det{
+	width: 910px;
+	height: 300px;
+	margin: 0 auto;
+}
+.det>li{
+	width: 300px;
+	height: 300px;
+	display: inline-block;
+	overflow: hidden;
+}
+.det>li p{
+	margin: 20px;
+	text-align: center;
+}
+.two{font-size: 32px;}
+.last{font-size: 24px;}
\ No newline at end of file

婚礼/wedding.html

+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>wedding</title>
+	<link rel="stylesheet" type="text/css" href="wedding.css">
+</head>
+<body>
+	<div class="all">
+		<div class="nav">
+			<ul class="inner">
+				<li class="name">Robert&nbsp;&nbsp;&amp;&nbsp;&nbsp;Emily</li>
+				<ul class="choices">	
+					<li>HOME</li>
+					<li>ABOUT</li>
+					<li>PHOTOS</li>
+					<li>WEDDING</li>
+					<li>RSVP</li>
+				</ul>
+			</ul>
+		</div>
+		<div class="show">
+			<ul>
+				<li class="ins">
+					<p class="icon">MARRIAGE ON<p/>
+					<p class="news">WE'RE<br/>GETTING MARRIED</p>
+					<p class="ita">Sed consequat massa vel sagittis pharetra.Morbi sed orci non erat hendrerit ultrices.Aliquam eget adipiscing sem,in auctor magna.Nulla ut sodales risus.Aliquam ut vulputate.</p>
+				</li>
+				<li class="date">
+						<p><img src="img/whiteheart.png" width="64px" height="56px"></p>
+						<p class="day">12,DEC</p>
+						<p class="year">2014</p>
+				</li>
+			</ul>
+		</div>
+		<div class="txt">
+			<ul class="about">
+				<li class="tit">About Us</li>
+				<li><img src="img/border.png"></li>
+				<li class="ita">Duis a risus sed dolor placerat semper quis in urna.Nam risus magna,fringilla sit amet blandit viverra,dignissim eget est.Ut commodo ullamcorper risus nec mattis.</li>
+				<li><img src="img/border.png"></li>
+			</ul>
+			<ul class="det">
+				<li>
+					<p class="two">ROBERT</p>
+					<p class="ita">Duis a risus sed dolor placerat semper quis in urna.Nam risus magna,fringilla sit amet blandit viverra,dignissim eget est.Ut commodo ullamcorper risus nec mattis.Ut commodo ullamcorper risus nec.</p>
+				</li>
+				<li>
+					<p><img src="img/redheart.png" width="128px" height="112px"></p>
+					<p class="last">12,DEC 2014</p>
+				</li>
+				<li>
+					<p class="two">EMILY</p>
+					<p class="ita">Duis a risus sed dolor placerat semper quis in urna.Nam risus magna,fringilla sit amet blandit viverra,dignissim eget est.Ut commodo ullamcorper risus nec mattis.Ut commodo ullamcorper risus nec.</p>
+				</li>
+			</ul>
+		</div>
+	</div>
+</body>
+</html>
\ No newline at end of file