Difference between revisions of "Team:CHINA CD UESTC/Members"

Revision as of 10:54, 25 May 2015

<!DOCTYPE html>

MEET OUR TEAM

Members

正文测试

@@ Line 13: / Line 13: @@
 </head>
 <style type="text/css">
+/*************************************************
+				 whole right section
+***********************************************/
 #RightSection {
 	position: fixed;
@@ Line 30: / Line 33: @@
 }
+/*************************************************
+				first title
+***********************************************/
 #title {
+    position: fixed;
+	font-size: 80px;
+	left:450px;
+	z-index: 5;
+}
+#firstTitle {
 	font-family:  Arial, Helvetica, sans-serif;
-        font-weight:bold
+    position: fixed;
-        margin-top:0;
+	margin-top:0;
-	position:fixed;
+    margin-bottom:0;
 	top: 20px;
 	font-size: 80px;
@@ Line 40: / Line 53: @@
 	color: #FFD306;
 	overflow: hidden;
-	z-index: 5;
 }
+/*************************************************
+				second title
+***********************************************/
+#secondTitle {
+	font-family:Arial, Helvetica, sans-serif;
+    font-weight:bold;
+    position: fixed;
+	font-size: 80px;
+	margin-top: 200px;
+	left: 470px;
+	color: #FFD306;
+}
+span.secondTitle {
+	display: inline-block;
+	font-size: 40px;
+	font-weight: normal;
+	font-family: Arial, Helvetica, sans-serif;
+	font-style: italic;
+}
+span.intro_line {
+	background-color:#FFD306;
+	width: 150px;
+	height: 8px;
+	display: inline-block;
+	margin: 0 20px 12px 20px;
+}
+/*************************************************
+			right text frame container
+***********************************************/
 #RightContent {
 	float: right;
@@ Line 56: / Line 99: @@
 }
+/*************************************************
+			testtext
+***********************************************/
 #RightContentText {
 	border-radius: 5px;
@@ Line 68: / Line 114: @@
 }
+@media (min-width: 540px) {
+   #firstTitle {font-size: 30px;}
+	span.secondTitle {font-size: 10px;}
+}
+@media (min-width: 768px) {
+   #firstTitle {font-size: 40px;}
+	span.secondTitle {font-size: 20px;}
+}
+@media (min-width: 992px) {
+   #firstTitle {font-size: 60px;}
+	span.secondTitle {font-size: 30px;}
+}
+@media (min-width: 1200px) {
+   #firstTitle {font-size: 80px;}
+	span.secondTitle {font-size: 40px;}
+  }
 </style>
 <body id="homeIndexBody">
@@ Line 73: / Line 143: @@
 <div id="title">
-<p><B>MEET OUR TEAM</B></p>
+<div id="firstTitle"><p><B>MEET OUR TEAM</B></p></div>
+<div id="secondTitle"><span class="intro_line"></span><span class="secondTitle">Members</span><span class="intro_line"></span><br></div>
 </div>
 <div id="RightContent">