Team:NJAU China

From 2014.igem.org

(Difference between revisions)
Line 6: Line 6:
     <meta name="description" content="">
     <meta name="description" content="">
     <meta name="author" content="">
     <meta name="author" content="">
 +
    <link rel="icon" href="../../favicon.ico">
     <title>Home</title>
     <title>Home</title>
 +
    <script src="https://2014.igem.org/Team:NJAU_China/jquery.min.js?action=raw"></script>
 +
    <script src="https://2014.igem.org/Team:NJAU_China/bootstrap.min.js?action=raw"></script>
 +
 +
    <link rel="stylesheet" type="text/css"
 +
          href="https://2014.igem.org/Team:NJAU_China/bootstrap.min.css?action=raw&amp;ctype=text/css">
 +
    <link rel="stylesheet" type="text/css"
 +
          href="https://2014.igem.org/Team:NJAU_China/bootstrap-theme.min.css?action=raw&amp;ctype=text/css">
 +
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
 +
    <!--[if lt IE 9]>
 +
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 +
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 +
    <![endif]-->
 +
 +
    <!-- Custom styles for this template -->
 +
    <link href="carousel.css" rel="stylesheet">
     <style type="text/css">
     <style type="text/css">
         body {
         body {
Line 13: Line 29:
             color: #5a5a5a;
             color: #5a5a5a;
             font-size: 12px;
             font-size: 12px;
 +
        }
 +
        li{
 +
            list-style-type:none;
         }
         }
         #myheader{
         #myheader{
Line 21: Line 40:
    font-family:Arial, Helvetica, sans-serif;
    font-family:Arial, Helvetica, sans-serif;
             background:#a2dcf3 url("https://static.igem.org/mediawiki/2014/3/34/Header_bg.png");
             background:#a2dcf3 url("https://static.igem.org/mediawiki/2014/3/34/Header_bg.png");
 +
        }
 +
        #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {
 +
            display: none;
 +
        }
 +
 +
        /*-- hides default wiki settings --*/
 +
        .firstHeading {
 +
            width: 975px;
 +
            margin: 0px auto;
 +
            padding-top: 100px;
 +
            margin-bottom: 20px;
 +
            font-family: Georgia, Times, "Times New Roman", serif;
 +
        }
 +
 +
        h1, h2, h3, h4, h5 {
 +
            font-family: Georgia, Times, "Times New Roman", serif;
 +
        }
 +
 +
        #top-section {
 +
            /*-- styling for default menu bar (edit, page, history, etc.) --*/
 +
            background-color: #383838;
 +
            border: 0 none;
 +
            height: 14px;
 +
            z-index: 100;
 +
            top: 0;
 +
            position: fixed;
 +
            width: 975px;
 +
            left: 50%;
 +
            margin-left: -487px;
 +
        }
 +
 +
        #top-section-bar {
 +
            /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
 +
            background-color: #383838;
 +
            height: 14px;
 +
            display: block;
 +
            z-index: 10;
 +
            position: fixed;
 +
            width: 100%;
 +
            top: 0;
 +
        }
 +
 +
        body {
 +
            background-color: #fff;
 +
        }
 +
 +
        #globalWrapper, #content {
 +
            /*-- changes default wiki settings --*/
 +
            width: 100%;
 +
            height: 100%;
 +
            border: 0px;
 +
            background-color: transparent;
 +
            margin: 0px;
 +
            padding: 0px;
 +
        }
 +
 +
        html, body, .wrapper {
 +
            /*-- changes default wiki settings --*/
 +
            width: 100%;
 +
            height: 100%;
 +
            background-color: transparent;
 +
        }
 +
 +
        #container {
 +
            /*-- creates container for all content on page --*/
 +
            font-family: Arial, Helvetica, sans-serif;
 +
            font-weight: normal;
 +
            font-size: 14px;
 +
            color: #414141;
 +
            width: 960px;
 +
            margin-left: auto;
 +
            margin-right: auto;
 +
            background-color: #transparent;
 +
            margin-top: 0px;
 +
        }
 +
 +
        .container {
 +
            font-size: 14px
 +
        }
 +
 +
        .buttontext {
 +
            color: #FFF
         }
         }
#my_nav{
#my_nav{
Line 162: Line 263:
     </style>
     </style>
<script type="text/javascript">
<script type="text/javascript">
 +
window.onload = function(){
xialashow('project_li','project');
xialashow('project_li','project');
xialahidden('project_li','project');
xialahidden('project_li','project');
Line 170: Line 272:
xialashow('ackonwledgement_li','ackonwledgement');
xialashow('ackonwledgement_li','ackonwledgement');
xialahidden('ackonwledgement_li','ackonwledgement');
xialahidden('ackonwledgement_li','ackonwledgement');
-
function xialashow(li_id,dl_id){
+
 
 +
function xialashow(li_id,dl_id){
var li_id = document.getElementById(li_id);
var li_id = document.getElementById(li_id);
var dl_id = document.getElementById(dl_id);
var dl_id = document.getElementById(dl_id);
Line 292: Line 395:
 +
<div class="container">
 +
 +
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
 +
        <!-- Indicators -->
 +
        <ol class="carousel-indicators">
 +
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
 +
            <li data-target="#myCarousel" data-slide-to="1"></li>
 +
            <li data-target="#myCarousel" data-slide-to="2"></li>
 +
        </ol>
 +
        <div class="carousel-inner" role="listbox">
 +
            <div class="item active text-center"><img src="https://static.igem.org/mediawiki/2014/d/d3/Njau_slide1.jpg"
 +
                                                      alt="First slide" class="text-center">
 +
 +
                <div class="container">
 +
                    <div class="carousel-caption">
 +
                        <h1>The First Teaching Building</h1>
 +
 +
                        <p>Photoed by TianYC.</p>
 +
 +
                        <p><a class="btn btn-lg btn-primary" style="color:#FFF" href="http://english.njau.edu.cn/"
 +
                              role="button">Learn more</a></p>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="item text-center"><img src="https://static.igem.org/mediawiki/2014/2/24/Njau_slide2.jpg"
 +
                                              alt="Second slide">
 +
 +
                <div class="container">
 +
                    <div class="carousel-caption">
 +
                        <h1>Quadripod Ding</h1>
 +
 +
                        <p>A landmark of Nanjing Agricultural University, which means NJAU was one branch of National
 +
                            Central University</p>
 +
 +
                        <p><a class="btn btn-lg btn-primary" style="color:#FFF"
 +
                              href="http://english.njau.edu.cn/html/About/History/1.html" role="button">Learn more</a>
 +
                        </p>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="item text-center"><img src="https://static.igem.org/mediawiki/2014/6/62/Njau_slide3.jpg"
 +
                                              alt="Third slide">
 +
 +
                <div class="container">
 +
                    <div class="carousel-caption">
 +
                        <h1>Photo of team members</h1>
 +
 +
                        <p>Exclude two people who are abroad</p>
 +
 +
                        <p><a class="btn btn-lg btn-primary" style="color:#FFF" href="http://lfc.njau.edu.cn:8026/"
 +
                              role="button">Learn more</a></p>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> <span class="sr-only">Previous</span>
 +
        </a> <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> <span
 +
            class="sr-only">Next</span> </a></div>
 +
    <!-- /.carousel -->
 +
</div>
<!-- Marketing messaging and featurettes
<!-- Marketing messaging and featurettes
     ================================================== -->
     ================================================== -->

Revision as of 14:04, 15 October 2014

Home

Brand

First featurette heading. It'll blow your mind.

Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

Generic placeholder image
Generic placeholder image

Oh yeah, it's that good. See for yourself.

Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

And lastly, this one. Checkmate.

Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

Generic placeholder image

Retrieved from "http://2014.igem.org/Team:NJAU_China"