diff --git "a/2012-Autumn-Homework/KaixinDivCssLayout/JinShan Lee/Noname1 \347\254\254\344\272\214\346\254\241\344\275\234\344\270\232.html" "b/2012-Autumn-Homework/KaixinDivCssLayout/JinShan Lee/Noname1 \347\254\254\344\272\214\346\254\241\344\275\234\344\270\232.html"
new file mode 100644
index 0000000..8e56232
--- /dev/null
+++ "b/2012-Autumn-Homework/KaixinDivCssLayout/JinShan Lee/Noname1 \347\254\254\344\272\214\346\254\241\344\275\234\344\270\232.html"	
@@ -0,0 +1,491 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+ <head>
+  <title> ������ </title>
+  <meta name="Generator" content="EditPlus"/>
+  <meta name="Author" content=""/>
+  <meta name="Keywords" content=""/>
+  <meta name="Description" content=""/>
+  <style type="text/css">
+a{
+       text-decoration:none;
+ }
+
+*{  padding:0px;
+    margin:0px;
+}
+ #head{
+           height: 40px;
+           width: 100%;
+		   margin:auto;
+		   background-color: #e4404a;
+ }
+ #picutre
+ {  
+           height: 26px;
+           width: 1003px;
+		   margin:auto;
+		   background-color: #e4404a;
+ }
+ #rightpart
+ {
+ width:250px;
+ height:23px;
+ margin-top:10px;
+ float:right;
+ }
+ .kaixin
+ { 
+    margin-left:130px;
+	float:left;
+ }
+ .header
+ {     float:right;
+	   padding:0px 7px;
+	   margin-top:5px
+	  
+ }
+
+ #frame
+ { 
+        padding-top:90px;
+		padding-left:160px;
+		width:1003px;
+		height:450px; 
+		margin:auto;
+ }
+ #left-frame
+	 {
+	    height:400px;
+		width:auto;
+		float:left;
+		padding-top: 10px;            
+
+	 }
+#headfont
+{ 
+         font-family: ΢���ź�;
+         font-size: 24px;
+         font-weight: normal;
+}
+ .left
+	 {
+	    padding-top: 20px;           
+        font-size: 15px;
+		
+		
+	 }
+#introduction{
+padding-left:88px;
+}
+#Agree
+{ 
+ padding-left:60px;
+}
+#Final
+{ 
+     height:30px;
+     width:200px;
+	 background:#68b7ca;
+	 color:white;
+	 margin-left:99px;	
+	 font-size: 20px;
+	
+}
+ #right-frame
+	 {
+	   height:400px; 
+	   width:auto;   
+	   float: right;               
+	   padding-top: 10px; 
+	   margin-left: 60px;
+	   border-style: solid;           
+	   border-width: 1px;           
+	   border-color: #eeeeee;                   
+	   background-color: #fdfdfd
+	 }
+.right
+{
+       padding-top: 15px;   
+       padding-left:20px;
+       font-size: 15px;
+}
+#bb span
+{
+       font-size:20px;
+	   font-family:����;
+	   color:#ffffff;
+}
+#work
+{ 
+	  font-family:����;
+	  color:#666666;
+	  margin-top:14px;
+}
+ .first
+	 {
+	   float: left; 
+	   border-style:none;
+	   margin-right:20px;
+	 }
+#right-down
+{
+        width:100%;
+        height:200px;
+        padding-top: 20px;
+        padding-left: 30px;
+}
+#rightup
+{
+        width:100%;
+        height:200px;
+}
+ #right-down-text1
+        {
+            padding-bottom: 10px;
+            font-family: ΢���ź�;
+            font-size: 22px;
+            font-weight: 500;
+            color: #c32139;
+        }
+.text1
+        {
+            padding-top: 5px;
+            font-family: ΢���ź�;
+            font-size: 15px;
+            color: #808080;
+        }
+        .text2
+        {
+            color: #c32139;
+        }
+ #bottom
+ {
+          
+			width:1003px;
+			height:70px;
+			margin:auto;
+            border-top: 1px solid #808080;  
+ }
+ #leftbottom
+ {
+            float:left;
+             width:50%;
+			 }
+  #bottom1
+	 {
+	 padding: 10px 10px 10px 10px;                    
+	 text-align:left;
+	 font-size:12px;
+	 width:100%;
+	 height:30px;
+	 }
+	 #year
+	 {width:50%;
+	   float:right;
+	   margin-top:5px
+	   font-size:5px;
+	   color:#999999;
+	   text-align:right;
+	 }
+	  #down       
+	  {           
+	  background-color: #f0efef;            
+	  text-align: center;            
+	  padding-top: 4px;           
+	  padding-bottom: 4px;   
+	  font-size:12px;
+	  }        
+
+
+
+ </style>
+ </head>
+
+
+ <body>
+ <div id="head">
+    <div id="picture">
+         <div id="rightpart">
+
+         <div class="header">
+         <a href="http://www.kaixin001.com/daohang.html">����</a>
+         </div>
+
+         <div class="header">
+         <a href="http://www.kaixin001.com/t/help.html">����</a>
+         </div>
+
+         <div class="header">
+         <a href="http://login.kaixin001.com/">��¼</a>
+         </div>
+
+         <div class="header">
+         <a href="http://reg.kaixin001.com/">ע��</a>
+         </div>
+
+		 </div>
+
+	     <div class="kaixin">
+         <a href="http://www.kaixin001.com/"><img src="image/kaixin.jpg" border="0px"/></a>
+	     </div>
+
+    </div>
+ </div>
+
+
+ <div id="frame">
+
+    <div id="left-frame">
+
+	     <h2 id="headfont">ʮ����뿪�������ҵ�ȫ������</h2>
+
+		 <div class="left">
+	     �������䣺 
+	     <input type="text" name="e-mail" size="35"/>
+		 <div id="introduction">
+	     ���û�����䣬�������<a href="http://reg.kaixin001.com/" >�˺�ע��</a>
+		 </div>
+	     </div>
+
+         <div class="left"> 
+	     �������룺 
+	     <input type="text" name="password" size="35"/>
+	     </div>
+
+
+	     <div class="left">
+	     ��&nbsp &nbsp&nbsp����
+	     <input type="text" name="fname" size="35"/>
+	     </div>
+
+	     <div class="left">
+         ��&nbsp;&nbsp;&nbsp;��:&nbsp;&nbsp;&nbsp;&nbsp;
+         <input type="radio" checked="checked" name="yes" value="male" />�� 
+		 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+         <input type="radio" checked="checked" name="yes" value="famale"/ >Ů
+         </div>
+
+	     <div class="left">
+         ��&nbsp;&nbsp;&nbsp;�� :
+             <select name="year">
+		     <option value="">��ѡ��</option>
+             <option value="2012"  >2012</option>
+             <option value="2011"  >2011</option>
+             <option value="2010"  >2010</option>
+             <option value="2009"  >2009</option>
+             <option value="2008"  >2008</option>
+			 <option value="2007"  >2007</option>
+			 <option value="2006"  >2006</option>
+			 <option value="2005"  >2005</option>
+			 <option value="2004"  >2004</option>
+			 <option value="2003"  >2003</option>
+			 <option value="2002"  >2002</option>
+			 <option value="2001"  >2001</option>
+			 <option value="2000"  >2000</option>
+			 <option value="1999"  >1999</option>
+			 <option value="1998"  >1998</option>
+			 <option value="1997"  >1997</option>
+			 <option value="1996"  >1996</option>
+			 <option value="1995"  >1995</option>
+			 <option value="1994"  >1994</option>
+			 <option value="1993"  >1993</option>
+			 <option value="1992"  >1992</option>
+			 <option value="1991"  >1991</option>
+			 <option value="1990"  >1990</option>
+			 <option value="1989"  >1989</option>
+			 <option value="1988"  >1988</option>
+			 <option value="1987"  >1987</option>
+			 <option value="1986"  >1986</option>
+			 <option value="1985"  >1985</option>
+			 <option value="1984"  >1984</option>
+			 <option value="1983"  >1983</option>
+			 <option value="1982"  >1982</option>
+			 <option value="1981"  >1981</option>
+           </select><label for="year">��</label>
+		   <select name="month">
+		     <option value="">����</option>
+		      <option value="01">01</option>
+              <option value="02">02</option>
+              <option value="03">03</option>
+              <option value="04">04</option>
+              <option value="05">05</option>
+              <option value="06">06</option>
+              <option value="07">07</option>
+              <option value="08">08</option>
+              <option value="09">09</option>
+              <option value="10">10</option>
+              <option value="11">11</option>
+              <option value="12">12</option>
+		   </select><label for="month">��</label>
+		   <select name="day">
+		      <option value="">--</option>
+              <option value="01">01</option>
+              <option value="02">02</option>
+              <option value="03">03</option>
+              <option value="04">04</option>
+              <option value="05">05</option>
+			  <option value="06">06</option>
+			  <option value="07">07</option>
+			  <option value="08">08</option>
+			  <option value="09">09</option>
+			  <option value="10">10</option>
+			  <option value="11">11</option>
+			  <option value="12">12</option>
+			  <option value="13">13</option>
+			  <option value="14">14</option>
+			  <option value="15">15</option>
+			  <option value="16">16</option>
+			  <option value="17">17</option>
+			  <option value="18">18</option>
+			  <option value="19">19</option>
+			  <option value="20">20</option>
+			  <option value="21">21</option>
+			  <option value="22">22</option>
+			  <option value="23">23</option>
+			  <option value="24">24</option>
+			  <option value="25">25</option>
+			  <option value="26">26</option>
+			  <option value="27">27</option>
+			  <option value="28">28</option>
+			  <option value="29">29</option>
+			  <option value="30">30</option>
+			  <option value="31">31</option>
+		   </select>
+		   <label for="day">��</label>
+	     </div>
+
+
+	     <div class="left">
+         ��&nbsp;&nbsp;��&nbsp;&nbsp;�� :
+         <input type="radio" name="place" />�ڹ��� &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+         <input type="radio" name="place" />����ѧ
+         </div>
+
+
+			  <div class="left">
+                ��&nbsp;&nbsp;ס&nbsp;&nbsp;�� :
+                <select name=" ">
+				 <option>���</option>
+		         <option>����</option>
+		         <option>�Ϻ�</option>
+		         <option>���</option>
+		         <option>����</option>
+		         <option>̨��</option>
+		         <option>����</option>
+				 <option>����</option>
+		         <option>����</option>
+		         <option>����</option>
+		         <option>�ɶ�</option>
+		         <option>�ൺ</option>
+		         <option>����</option>
+		         <option>���ɹ�</option> 
+		         <option>ʯ��ׯ</option>
+		         <option>����</option>
+		         <option>����</option>
+		         <option>�㶫</option>
+		         <option>����</option>
+		         <option>�Ĵ�</option>
+				 <option>�人</option>
+		         <option>�ӱ�</option>
+		         <option>����</option>
+		         <option>������</option>
+		         <option>����</option>
+		         <option>����</option>
+		         <option>����</option>
+		         </select>
+              </div>
+
+
+         <div id="Agree" class="left">
+	     <input type="checkbox"  size ="3px"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ͬ��<a href="http://www.kaixin001.com/s/reg.html">��������������</a>
+	     </div>
+
+	                                                                                                                                                                          <div class="left">               
+	     <input type="submit"  id="Final" value="����ע��" />    
+	     </div>
+    </div>
+	     
+		 
+    <div  id="right-frame">
+	     <div id="rightup">
+
+		      <div class="right">
+              <span id="bb">�Ѿ��ǿ����û���<a href="http://login.kaixin001.com/">ֱ�ӵ�¼</a> </span>
+              </div>
+
+		      <div id="work" class="right">
+              ʹ�ú�����վ�ʺŵ�¼
+              </div>
+
+              <div class="right">
+
+              <div class="first">
+              <a href="http://openapi.qzone.qq.com/oauth/show?which=Login&display=pc&response_type=code&client_id=100228505&redirect_uri=http%3A%2F%2Fwww.kaixin001.com%2Flogin%2Foauth%2Foauth_callback.php%3Fltype%3Dtencent&state=049ad8761128781c1a5103d150caad09&scope=get_user_info,add_topic,add_share,upload_pic,add_album,add_weibo&1620215636=438325943"> <img src="image/QQ.jpg" border="0" alt=""/></a>
+	          </div>
+
+	          <div class="first">
+	          <a    href="https://service.passport.189.cn/Logon/UDBCommon/M/PassportLogin.aspx?PassportLoginRequest=3500004072000345%24sE%2FFXOOPFJNsNHKW6uICf0y4SWy7sl5WILFMAg2sdtzqOTpdNS%2BTDY%2FQLKW7SmGEMoTJ5Pwqx8oGOKPGkmk7gV66OlikFVUjqcaiMmCLlQJgP7EzBJeYfo2T%2FxB5fUimKX2C6A8L10Nl5lzpjd6DbA%3D%3D"> <img src="image/tianyi.jpg" border="0" alt=""/></a>
+	          </div>
+
+	          <div class="first">
+	          <a href="https://login.live.com/login.srf?wa=wsignin1.0&rpsnv=11&ct=1351175616&rver=6.2.6289.0&wp=MBI_SSL&wreply=https:%2F%2Foauth.live.com%2Fauthorize%3Fclient_id%3D000000004C049700%26response_type%3Dcode%26state%3Dfcabdef2d3927e9eef676d88fbc1b0dd%26scope%3Dwl.basic%2Cwl.signin%2Cwl.emails%2Cwl.share%2Cwl.offline_access%26redirect_uri%3Dhttp%253A%252F%252Fwww.kaixin001.com%252Flogin%252Foauth%252Foauth_callback.php%253Fltype%253Dmsn%261647414809%3D540521139%26auth_redirect%3Dtrue&lc=1033&id=276649&popupui=1"><img src="image/sina.jpg" border="0" alt=""/></a>
+	          </div>
+	 
+		      </div>
+         </div>
+	          <div id="right-down">
+
+	          <div id="right-down-text1">������ 
+			  </div>
+
+	          <div  class="text1">
+              ƽ��ÿ��ӵ��<span class="text2">80</span>λ����
+			  </div>
+                
+              <div  class="text1">
+              ÿ�죬��<span class="text2">1000���</span>�����ں��Ѽ俪�ĵط�����
+			  </div>
+
+              <div  class="text1">
+              �й��˶�<span class="text1">�罻����</span>���������⣬�����￪ʼ
+			  </div>
+
+	          </div>
+	</div>
+ 
+ </div>
+
+
+
+ <div id="bottom"> 
+        
+		<div id="bottom1">
+
+        <div id="leftbottom">
+	     <a href="http://www.kaixin001.com/t/about.html">��������</a>&nbsp;&nbsp;            
+	     <a href="http://mobile.kaixin001.com/kxmobile/index.php">�ֻ�����</a>&nbsp;&nbsp;            
+         <a href="http://open.kaixin001.com/">����ƽ̨</a>&nbsp;&nbsp;			
+         <a href="http://www.kaixin001.com/app/app_list.php?from=&t=0">Ӧ������</a>&nbsp;&nbsp;            
+		 <a href="http://www.kaixin001.com/promotion/index.php">�������</a>&nbsp;&nbsp;            
+		 <a href="http://zhaopin.kaixin001.com/yingcai/index.php">������Ƹ</a>&nbsp;&nbsp;            
+		 <a href="http://www.kaixin001.com/t/cronline.html">�ͷ�</a>&nbsp;&nbsp;            
+		 <a href="http://www.kaixin001.com/t/help.html">����</a>&nbsp;&nbsp;
+        </div>
+
+        <div id="year">@2012������
+		</div>
+
+	    </div>
+
+	  <div id="down">            
+	  ������������Ϣ�������޹�˾: ������[2009]157��(��) �� ��ICP֤080482�� �� ����������1100003�� �� (��)-�Ǿ�Ӫ��-2009-0009 �� δ����ҳ��໤
+	  </div>
+  </div>
+
+
+
+
+  
+ </body>
+</html>
diff --git a/2012-Autumn-Homework/KaixinDivCssLayout/JinShan Lee/image/MSN.jpg b/2012-Autumn-Homework/KaixinDivCssLayout/JinShan Lee/image/MSN.jpg
new file mode 100644
index 0000000..19bfc8f
Binary files /dev/null and b/2012-Autumn-Homework/KaixinDivCssLayout/JinShan Lee/image/MSN.jpg differ
diff --git a/2012-Autumn-Homework/KaixinDivCssLayout/JinShan Lee/image/QQ.jpg b/2012-Autumn-Homework/KaixinDivCssLayout/JinShan Lee/image/QQ.jpg
new file mode 100644
index 0000000..493e914
Binary files /dev/null and b/2012-Autumn-Homework/KaixinDivCssLayout/JinShan Lee/image/QQ.jpg differ
diff --git a/2012-Autumn-Homework/KaixinDivCssLayout/JinShan Lee/image/kaixin.jpg b/2012-Autumn-Homework/KaixinDivCssLayout/JinShan Lee/image/kaixin.jpg
new file mode 100644
index 0000000..6385d14
Binary files /dev/null and b/2012-Autumn-Homework/KaixinDivCssLayout/JinShan Lee/image/kaixin.jpg differ
diff --git a/2012-Autumn-Homework/KaixinDivCssLayout/JinShan Lee/image/sina.jpg b/2012-Autumn-Homework/KaixinDivCssLayout/JinShan Lee/image/sina.jpg
new file mode 100644
index 0000000..0965a5e
Binary files /dev/null and b/2012-Autumn-Homework/KaixinDivCssLayout/JinShan Lee/image/sina.jpg differ
diff --git a/2012-Autumn-Homework/KaixinDivCssLayout/JinShan Lee/image/tianyi.jpg b/2012-Autumn-Homework/KaixinDivCssLayout/JinShan Lee/image/tianyi.jpg
new file mode 100644
index 0000000..7aeb793
Binary files /dev/null and b/2012-Autumn-Homework/KaixinDivCssLayout/JinShan Lee/image/tianyi.jpg differ
