Difference between revisions of "Team:NCTU Formosa/Notebook"

Line 1: Line 1:
 
{{Team:NCTU_Formosa/navigation}}
 
{{Team:NCTU_Formosa/navigation}}
 +
 
<html>
 
<html>
 
<head>
 
<head>
−
<!--    匯入jQuery    -->
+
<link href='https://2015.igem.org/Team:NCTU_Formosa/source/contentcss?action=raw&ctype=text/css' rel="stylesheet">
−
<link href='https://2015.igem.org/Team:NCTU_Formosa/wiki_reset?action=raw&ctype=text/css' rel="stylesheet">
+
−
 
+
−
<script type="text/javascript" src="https://2015.igem.org/Team:NCTU_Formosa/source/project_side_nav?
+
−
action=raw&ctype=text/javascript"></script>
+
−
<style type="text/css">
+
−
body {
+
−
color:#fff;
+
−
margin:0;
+
−
padding:0;
+
−
background:#3a4044;
+
−
}
+
−
* {
+
−
margin:0;
+
−
padding:0;
+
−
}
+
−
/*    插入背景圖片    */
+
−
    .p01{
+
−
background-image:url(https://static.igem.org/mediawiki/2015/5/50/NCTU_Formosa_Notebook.jpg);
+
−
        background-repeat: no-repeat;
+
−
background-position:center;
+
−
background-size:100vw;
+
−
        height:100vh;
+
−
position:relative
+
−
    }
+
−
    .p02{
+
−
        background-image:url(images/p02.jpg);
+
−
        background-size:cover;
+
−
        background-repeat: no-repeat;
+
−
        height:100vh;
+
−
    }
+
−
    .p03{
+
−
        background-image:url(images/p03.jpg);
+
−
        background-size:cover;
+
−
        background-repeat: no-repeat;
+
−
        height:100vh;
+
−
    }
+
−
    .p04{
+
−
        background-image:url(images/p04.jpg);
+
−
        background-size:cover;
+
−
        background-repeat: no-repeat;
+
−
        height:100vh;
+
−
    }
+
−
    .p05{
+
−
        background-image:url(images/p05.jpg);
+
−
        background-size:cover;
+
−
        background-repeat: no-repeat;
+
−
        height:100vh;
+
−
    }
+
−
/*    插入導覽列    */
+
−
    .sidenav{
+
−
        position: fixed;
+
−
        top:35vh;
+
−
        right:5vw;
+
−
        cursor:pointer;
+
−
        z-index:3;
+
−
    }
+
−
    li.navli{
+
−
        width:15px;
+
−
        height:15px;
+
−
margin: 2.5vh 0vw 0vh 0vw;
+
−
        background-color: transparent;
+
−
        border-radius: 10px;
+
−
        list-style-type: none;
+
−
border: #fff 2px solid;
+
−
line-height:17px;
+
−
    }
+
−
    g1{
+
−
        font-size:7em;
+
−
        color:#fff;
+
−
display:inline;
+
−
    }
+
−
g2{
+
−
font-size:2.6em;
+
−
color:#fff;
+
−
display:inline;
+
−
}
+
−
navtext {
+
−
display: block;
+
−
right: 7.4vw;
+
−
top: 0px;
+
−
position: relative;
+
−
font-weight: 100;
+
−
letter-spacing: 2px;
+
−
font-size: 1.9em;
+
−
}
+
−
.upper{
+
−
position:relative;
+
−
font-family: "georgia";
+
−
border-bottom-style:solid;
+
−
border-width:2px;
+
−
height: 20vh;
+
−
line-height:20vh;
+
−
border-color:#fff;
+
−
padding: 0vh 0vw 0vh 7vw;
+
−
}
+
−
.side{
+
−
position:absolute;
+
−
left: 0px;
+
−
width: 6vw;
+
−
height: 79.8vh;
+
−
border-right-style:solid;
+
−
border-width:2px;
+
−
border-color:#fff;
+
−
}
+
−
.textbox{
+
−
position:static;
+
−
margin-left: 8vw;
+
−
padding: 9vh 20vw 10vh 4vw;
+
−
font-family: "Georgia";
+
−
font-size:2.8em;
+
−
color: #fff;
+
−
}
+
−
</style>
+
 
</head>
 
</head>
−
<body>
+
  <body>
−
<div class="container">
+
  <div class="side"></div>
−
    <div class="sidenav">
+
−
        <ul style="list-style-image: none; color: #fff;">
+
−
            <li class="navli" style="background-color:#ffffff"><navtext>P0</navtext></li>
+
−
            <li class="navli"><navtext>P1</navtext></li>
+
−
            <li class="navli"><navtext>P2</navtext></li>
+
−
            <li class="navli"><navtext>P3</navtext></li>
+
−
            <li class="navli"><navtext>P4</navtext></li>
+
  
−
        </ul>
+
 
−
    </div>
+
  <div class="project">
−
    <div class="p01"></div>
+
<div class="Background"><a class="link link--kukuri" href="#" data-letters="Modeling"> Modeling</a></div>
−
    <div class="p02">
+
−
    <div class="upper"><g1>Page1 / </g1><g2>test</g2>
+
−
        </div>
+
<div class="project_title">
−
        <div class="side">
+
<strong>TEST</strong></div>
−
        </div>
+
<div class="project_text">
−
        <div class="textbox">test
+
    <p>TEST</P>
−
        </div>
+
    </div>
−
    </div>
+
    </div>
−
    <div class="p03">
+
 
−
        <div class="upper"><g1>Page2 / </g1><g2>test</g2>
+
         <div style=float:left;> <a href="https://2015.igem.org/Team:NCTU_Formosa/Design" class="btn btn-sm animated-button thar-three">Go to Design</a> </div>
−
        </div>
+
<div style=float:left;> <a href="https://2015.igem.org/Team:NCTU_Formosa/Project" class="btn btn-sm animated-button thar-three-two">Back to project</a> </div>
−
         <div class="side">
+
           
−
        </div>
+
  <div style="position:relative;bottom:0;">
−
        <div class="textbox">test
+
     <div style="width:30vw;height:5vh;position:absolute;left:2vw;float:left;background-color:#00171F;color:#fff;font-family:Myriad Pro;font-size:2em;padding:7vh 0vw 7vh 5vw;">contact us<BR> NCTU_Formosa APOllO &nbsp;&nbsp;<a href="https://www.facebook.com/pages/NCTU_Formosa-IGEM-team/267841893250331?fref=ts" target="_blank"><img src=https://static.igem.org/mediawiki/2015/a/ab/NCTU_FORMOSA_Facebook_LINK.png width=40vw></a> </div>
−
        </div>
+
         <div style="width:58.85vw;height:5vh;position:absolute;right:0;float:left;background-color:#263A40;color:#fff;font-family:Myriad Pro;font-size:2em;padding:7vh 0vw 7vh 6vw;">
−
    </div>
+
        <a href="https://goo.gl/maps/nqUy6" target="_blank"><img src=https://static.igem.org/mediawiki/2015/1/10/NCTU_Formosa_footer_location.png width=40vw></a>
−
    <div class="p04">
+
            &nbsp;&nbsp;Engineering Building 6 EF455, 1001 University Road, Hsinchu 300, Taiwan, ROC. </div>
−
            <div class="upper"><g1>Page3 / </g1><g2>test</g2>
+
−
        </div>
+
−
        <div class="side">
+
−
        </div>
+
−
        <div class="textbox">test
+
−
        </div>
+
−
    </div>
+
−
    <div class="p05">
+
−
     <div class="upper"><g1>Page4 / </g1><g2>test</g2>
+
−
        </div>
+
−
         <div class="side">
+
−
        </div>
+
−
        <div class="textbox">test
+
−
        </div>
+
 
     </div>
 
     </div>
−
</div>
 
  
−
</body>
+
−
</html>
+
 
 +
  </body>
 +
  </html>

Revision as of 08:23, 23 August 2015

Modeling
TEST

TEST

Go to Design
Back to project
contact us
NCTU_Formosa APOllO   
  Engineering Building 6 EF455, 1001 University Road, Hsinchu 300, Taiwan, ROC.