Difference between revisions of "Team:CGU Taiwan/Home"

 
(6 intermediate revisions by the same user not shown)
Line 16: Line 16:
 
</style>
 
</style>
  
 +
<html>
 
<head>
 
<head>
−
<meta charset="utf-8">
 
−
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
−
    <meta name="description" content="">
 
−
    <meta name="author" content="">
 
−
 
−
    <title>NTU SG iGEM 2015</title>
 
−
 
−
    <!-- Bootstrap Core CSS -->
 
−
    <link href="https://2015.igem.org/Template:NTU-Singapore-bootstrap/CSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 
−
 
−
    <!-- Fonts -->
 
−
    <link href="https://2015.igem.org/Template:NTU-Singapore-fontawesome/CSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 
−
    <link href="https://2015.igem.org/Template:NTU-Singapore-animate/CSS?action=raw&ctype=text/css" rel="stylesheet" >
 
−
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
 
−
 
−
    <!-- Squad theme CSS -->
 
−
    <link href="https://2015.igem.org/Template:NTU-Singapore/CSS?action=raw&ctype=text/css" rel="stylesheet">
 
−
    <link href="https://2015.igem.org/Template:NTU-Singapore-color/CSS?action=raw&ctype=text/css" rel="stylesheet">
 
−
 
−
</head>
 
−
 
−
<body id="page-top" data-spy="scroll" data-target=".navbar-custom">
 
−
 
−
 
−
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation" style="margin-top: 30px;">
 
−
<div class="container" >
 
−
<div class="navbar-header page-scroll" >
 
−
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
 
−
<i class="fa fa-bars"></i>
 
−
</button>
 
−
<a class="navbar-brand" href="https://2015.igem.org/Team:NTU-Singapore#intro" style="margin-left: -0px; margin-top: -10px">
 
−
                             
 
−
<img src="https://static.igem.org/mediawiki/2015/4/43/Ntu_igem_logo.png" width="120px" height="120px" style="margin-top: -20px; margin-left:-20px; float:left">  <h1 style="border-bottom: 0px; float:right">&nbsp;&nbsp;NTU S'PORE</h1>
 
−
</a>
 
−
 
−
<!--<img src="img/MicroPika.png" alt="MicroPika" width="105px" height="90px" style="">-->
 
−
</div>
 
−
 
−
<!-- Collect the nav links, forms, and other content for toggling -->
 
−
<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
 
−
<ul class="nav navbar-nav">
 
−
<li class="active"><a href="https://2016.igem.org/Team:CGU_Taiwan/Home">HOME</a></li>
 
−
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Attributions">ATTRIBUTION</a></li>
 
−
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Results">RESULT</a></li>
 
−
<li class="dropdown"><a href="https://2016.igem.org/Team:CGU_Taiwan/Project">PROJECT</a></li>
 
−
<li class="dropdown"><a href="https://2016.igem.org/Team:CGU_Taiwan/Model">MODELING</a></li>
 
−
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Human_Practices">HUMAN PRACTICES</a></li>
 
−
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Team">TEAM</a></li>
 
−
<li class="dropdown"><a href="https://2016.igem.org/Team:CGU_Taiwan/Notebook">NOTEBOOK</a></li>
 
−
<li class="dropdown"><a href="https://2016.igem.org/Team:CGU_Taiwan/Safety">SAFETY</a></li>
 
−
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Parts">PARTS</a></li>
 
−
 
−
 
−
</ul>
 
−
</div>
 
−
<!-- /.navbar-collapse -->
 
−
</div>
 
−
<!-- /.container -->
 
−
</nav>
 
−
 
−
 
−
 
−
 
−
 
−
 
−
<!-- ////////////////////// END OF HEADER /////////////////////// -->
 
−
<!-- ////////////////////// START VIDEO /////////////////////// -->
 
−
<head>
 
−
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
 
<style>
 
<style>
−
video {
+
.top {
−
    color: white;
+
  position: absolute;
−
    width: 100%;
+
  top: 0px;
−
    height: 450px;
+
  left: 0px;
−
    position: absolute;
+
  width: 100%;
−
    top: 160px;
+
  height: 110px;
 +
  font-family: Corbel;
 +
  background: rgba(250, 250, 250, 0.1);
 +
  overflow: visible;
 +
  z-index: +1;
 
}
 
}
−
</style>
+
.mid {
−
</head>
+
  position: absolute;
−
<body>
+
  left: 0px;
−
<video width="400" controls>
+
  width: 100%;
−
   <source src="" type="video/mp4">
+
   height: 100%;
−
   <source src="" type="video/ogg">
+
   font-family: Corbel;
−
</video>
+
}
−
</body>
+
.menu-bar {
−
<!-- ////////////////////// END OF VIDEO /////////////////////// -->
+
  position: fixed;
−
<!-- ////////////////////// START ABSTRACT /////////////////////// -->
+
  background: rgba(250, 250, 250, 0.1);
−
<head>
+
  z-index: +1;
−
<style>
+
}
−
body {
+
.menu-bar a{
−
    background-color: white;
+
  position: fixed;
 +
  top: 595px;
 +
  background-color: rgba(250, 250, 250, 0.1);
 +
  color: black;
 +
  font-family: Corbel;
 +
  font-size: 15px;
 +
  font-weight: bold;
 +
  text-align: center;
 +
  -webkit-transition-duration: 0.4s;
 +
  transition-duration: 0.4s;
 +
  margin: 4px 2px;
 +
  padding-top: 10px;
 +
  padding-right: 5px;
 +
  padding-bottom: 10px;
 +
  padding-left: 5px;
 +
  border-color: #F0F0F;
 +
  z-index: +1;
 +
  text-decoration: none;
 +
  text-align: center;
 +
}
 +
.menu-bar a:hover {
 +
  background-color: #E0E0E0;
 +
  color: black;
 +
  -webkit-transition-duration: 0.4s;
 +
  transition-duration: 0.4s;
 +
}
 +
.fixed1 {
 +
  position:fixed;
 +
  top:10px;
 
}
 
}
  
−
.TI {
+
.page {
−
    font color: black;
+
−
    font-size: 200%;
+
−
    font-weight: bold;
+
−
    position: absolute;
+
−
    left: 650px;
+
−
    top: 660px;
+
 
}
 
}
−
.ab {
+
.end {
−
    font color: black;
+
−
    position: absolute;
+
−
    top: 750px;
+
−
    left: 100px
+
−
    font-size: 25px;
+
−
    font-family: Calibri;
+
−
　  line-height: 100px;
+
−
    position: relative;
+
−
    left: 200px;
+
−
    text-align:justify;
+
 
}
 
}
 +
 +
 
</style>
 
</style>
 
</head>
 
</head>
 +
 +
<script>
 +
/* Dynamic top menu positioning
 +
*
 +
*/
 +
 +
var num = 115; //number of pixels before modifying styles
 +
$(window).bind('scroll', function () {
 +
    if ($(window).scrollTop() > num) {
 +
        $('.menu-bar a').addClass('fixed1');
 +
    } else {
 +
        $('.menu-bar a').removeClass('fixed1');
 +
    }
 +
});
 +
</script>
 +
 
<body>
 
<body>
 +
<div class="top">
 +
<div class="top"><img alt="" style="float:left;margin-top:20px; width=390; height=80; z-index:+1;" src="https://static.igem.org/mediawiki/2016/3/38/CGU_Taiwan--LOGO7.jpg">
 +
</div>
  
−
<h1 class="TI">ABSTRACT</h1>
 
−
<p class="ab">doddopskdkadsmkxlsjajidsoaxjspaoxsopa'jcisaksp[k</p>
 
  
−
</body>
 
−
<!-- ////////////////////// END OF ABSTRACT /////////////////////// -->
 
−
<style>
 
−
.logo2 {
 
−
      width: 100%;
 
−
      height: 300px;
 
−
      position: absolute; 
 
−
      top: 1000px;
 
−
      background: #140731;
 
−
      z-index:+1;
 
−
      font-family: Corbel;
 
−
      color: white;
 
−
}
 
−
.img2 {
 
−
      position: absolute;
 
−
      left: 200px;
 
−
      top: 80px;
 
−
}
 
  
−
h1 {
+
<div class="menu-bar">
−
      color: white;
+
<a style="left:400px;" href="https://2016.igem.org/Team:CGU_Taiwan/Home">HOME</a>
−
      position: absolute;
+
<a style="left:452px;" href="https://2016.igem.org/Team:CGU_Taiwan/Attributions">ATTRIBUTION</a>
−
      left: 600px;
+
<a style="left:556px;" href="https://2016.igem.org/Team:CGU_Taiwan/Project">PROJECT</a>
−
      top: 10px;
+
<a style="left:627px;" href="https://2016.igem.org/Team:CGU_Taiwan/Modeling">MODELING</a>
−
      font-weight: 150%;
+
<a style="left:712px;" href="https://2016.igem.org/Team:CGU_Taiwan/Human_Practices">HUMANPRACTICES</a>
−
      font-family: Corbel;
+
<a style="left:852px;" href="https://2016.igem.org/Team:CGU_Taiwan/Team">TEAM</a>
−
}
+
<a style="left:901px;" href="https://2016.igem.org/Team:CGU_Taiwan/Notebook">NOTEBOOK</a>
−
h2 {
+
<a style="left:991px;" href="https://2016.igem.org/Team:CGU_Taiwan/Safety">SAFETY</a>
−
      color: white;
+
<a style="left:1054px;" href="https://2016.igem.org/Team:CGU_Taiwan/Parts">PARTS</a>
−
      position: absolute;
+
</div>
−
      left: 400px;
+
<div class="mid" style="top:0px;">
−
      top: 35px;
+
<img style="width:1348px;height:645px;position:absolute;" src="https://static.igem.org/mediawiki/2016/e/ec/CGU_Taiwan--B2.jpg">
−
      font-weight: 100%;
+
</div>
−
      font-family: Corbel;
+
<div class="mid" style="top: 645px;background-color:white;">
−
}
+
<h1 style="font-size:50px;font-weight:bold;position:absolute;left:550px;">ABSTRACT</h1>
−
h3 {
+
<br></br>
−
      color: white;
+
<br></br>
−
      position: absolute;
+
<br></br>
−
      left: 580px;
+
<HR style="color:#140731;width:70%;position:absolute;left:200px;">
−
      top: 60px;    
+
<p style="margin: 150px;position:absolute;top:0px;line-height: 1.8;font-weight:15px;text-align:justify;">This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified.This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified.This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified. </p>
−
      font-weight: 100%;
+
</div>
−
      font-family: Corbel;
+
<div class="mid" style="top:1290px;background:#140731;float:left;">
−
}
+
<h1 style="position:absolute;left:100px;color:white;font-size:18px;margin:50px;float:left;">Chang Gung University</h1>
 +
<p style="position:absolute;top:35px;color:white;font-size:13px;margin:50px;float:left;">Address:No.259, Wenhua 1st Rd., Guishan Dist., Taoyuan City 33302, Taiwan (R.O.C.)</p>
 +
<p style="position:absolute;top:55px;left:80px;color:white;font-size:13px;margin:50px;float:left;">TEL: +886-3-2118800 FAX:+886-3-2118700</p>
 +
<p style="position:absolute;color:white;left:800px;font-size:18px;margin:50px;">CONTACT US</p>
 +
</div>
  
−
</style>
 
−
<nav class="logo2">
 
−
<h1>Chang Gung University</h1>
 
−
<h2>Address:No.259, Wenhua 1st Rd., Guishan Dist., Taoyuan City 33302, Taiwan (R.O.C.)</h2>
 
−
<h3>TEL: +886-3-2118800 FAX:+886-3-2118700</h3>
 
−
<img src="https://static.igem.org/mediawiki/2016/1/1b/CGU_Taiwan--logo4.jpg" class="img2" style="width: 200px; height: 80px;>
 
−
</nav>
 
 
</html>
 
</html>

Latest revision as of 02:04, 10 September 2016

HOME ATTRIBUTION PROJECT MODELING HUMANPRACTICES TEAM NOTEBOOK SAFETY PARTS

ABSTRACT







This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified.This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified.This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified.

Chang Gung University

Address:No.259, Wenhua 1st Rd., Guishan Dist., Taoyuan City 33302, Taiwan (R.O.C.)

TEL: +886-3-2118800 FAX:+886-3-2118700

CONTACT US