first commit

luyinbo · Apr 15, 2012 · d0bdb8b · yanping · Apr 16, 2012 · d0bdb8b
1 parent 2914cb1
commit d0bdb8b
Show file tree

Hide file tree

Showing 7 changed files with 169 additions and 0 deletions.
diff --git a/images/bg.jpg b/images/bg.jpg
diff --git a/images/col.jpg b/images/col.jpg
diff --git a/images/img.jpg b/images/img.jpg
diff --git a/images/nav.jpg b/images/nav.jpg
diff --git a/images/nav_hover.jpg b/images/nav_hover.jpg
diff --git a/index.html b/index.html
@@ -0,0 +1,88 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>luyinbo的homepage</title>
+<link rel="stylesheet" type="text/css" href="style.css" />
+</head>
+<body>
+<div id="wrap">
+    <div id="header">
+      <div id="logo">
+        <h1>make my day</h1>
+        <div>go ahead do it</div>
+      </div>
+      <ul id="nav">
+        <li><a href="#">Home</a></li>
+        <li><a href="#">Blog</a></li>
+        <li><a href="#">link</a></li>
+        <li><a href="#">Contact</a></li>
+      </ul>
+    </div>
+    <!-- /header -->
+    <div id="content">
+      <div class="side fl">
+        <div id="top">
+          <h2>网页练习</h2>
+          <ul class="meun">
+            <li><a href="#">个人HTMl </a></li>
+            <li><a href="#">css+div </a></li> 
+          </ul>
+        </div>
+        <div id="bm">
+          <h2>学术作品</h2>
+          <ul class="meun">
+
+          </ul>
+        </div>
+      </div>
+      <div class="main fr">
+        <div id="text">
+          <h2>个人简介 </h2>
+          <p> <img src="images/img.jpg" alt="" />陆银波，男；90后，江苏人；<br/><br/>现就读于中国人民大学统计学院；<br/>主修统计学，副修数学；
+            <br/><br/>Email:<br/>luyinbo.0623@163.com
+            <br/>luyinbo@gmail.com
+            <br/>luyinbo.0623@ruc.edu.cn
+            <br/><br/>Address:</br>Renmin University of China,beijing 
+            <br/>pinyuan1# 452
+            </p>
+        </div>
+        <div class="clearfix"></div>
+        <div id="col">
+          <div class="first fl">
+            <ul>
+              <li><a href="#">My favourite books </a></li>
+              <li><a href="#">My favourite music </a></li>
+              <li><a href="#">My favourite sports </a></li>
+              <li><a href="#">My favourite movie</a></li>
+              <li><a href="#">other </a></li>
+            </ul>
+          </div>
+          <div class=" fl ">
+            <ul>
+              <li><a href="http://www.renren.com/292897272">我的人人</a></li>
+              <li><a href="http://weibo.com/u/1745957487">我的微博</a></li>
+              <li><a href="http://cos.name/cn/profile/373942">统计之都 </a></li>
+              <li><a href="#">我的豆瓣</a></li>
+              <li><a href="#">我的虾米 </a></li>
+              <li><a href="#">其他</a></li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- /content -->
+    </div>
+    <div class="clearfix"></div>
+    <div id="footer">
+      <div id="ftinner">
+        <div class="ftlink fl"> <a href="#">Home</a> | <a href="#">Blog</a> | <a href="#">link</a> | <a href="#">contact</a> 
+          <p id="copyright">© 2008. All Rights Reserved. <br/>
+
+        </div>
+
+      </div>
+    </div>
+    <!-- /footer -->
+</div>
+</body>
+</html>
diff --git a/style.css b/style.css
@@ -0,0 +1,81 @@
+/* CSS RESET */
+html{color:#000;background:#FFF;}
+body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
+code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
+table{border-collapse:collapse;border-spacing:0;}
+fieldset,img{border:0;}
+address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
+li{list-style:none;}caption,th{text-align:left;}
+h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
+q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}
+sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}
+input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
+legend{color:#000;}
+
+body {font:13px/1.231 arial,helvetica,clean,sans-serif;}
+table{font-size:inherit;font-size:100%;}
+pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
+/* CSS RESET */
+
+
+body {
+	text-align:center;
+	color:#fff;
+}
+a {
+	text-decoration:none;
+		color:#fff
+}
+a:hover {
+	text-decoration: underline;
+		color:#A1E062
+}
+#wrap {
+	width:1000px;
+	text-align:left;
+	margin:0 auto;background:url(images/bg.jpg);
+}
+
+.fl{ float:left}
+.fr{ float:right}
+.clearfix{ clear:both}
+
+
+
+/* header */
+#header { position:relative;height:260px  }
+#logo {position:absolute; top:60px; right:130px}
+#logo h1 {
+	font-size:34px;
+	color:#fff
+}
+#logo div {
+	padding-left:100px
+}
+#nav { position:absolute; top:180px; left:470px; 
+	background:url(images/nav.jpg); width:435px;height:46px;
+	 line-height:46px; padding: 0 0 0 40px }
+#nav li {float:left;  font-weight:700; width:100px }
+#nav a {text-decoration:none; display:block; text-align:center;}
+#nav a:hover {background:url(images/nav_hover.jpg) -10px; }
+/* content */
+#content { }
+.main {width:570px; font-family:Verdana, Arial, Helvetica, sans-serif;}
+#text {width:530px; font-size:15px; }
+#text h2 {font-size:30px; padding-bottom:20px}
+#text p img {float:left; padding:0 20px 0 0; }
+#text a { color: #FFCC00}
+
+#col {margin:50px 0 0 0;width:300px; background:url(images/col.jpg); width: 535px; height:156px ; }
+
+#col div {width: 200px; margin: 20px 0 0 70px; display:inline}
+#col .first  {margin: 20px 0 0 50px }
+#col li{line-height:20px;}
+.side {margin:0 0 0 40px; width:250px;display: inline;}
+.side h2 {font-size:22px}
+.side li {line-height:20px; list-style:inside disc; color:#FFFFFF; }
+.side ul {margin:30px  0 30px 20px}
+/* footer */
+#footer { background:url(images/ft.jpg); height:133px; position:relative}
+#ftinner{ position:absolute; bottom:20px; width:680px; margin-left:120px}
+.ftlink {width:500px;}