Difference between revisions of "Team:SHSID China/Team"

Line 1: Line 1:
 
{{Template: SHSID_China/header}}
 
{{Template: SHSID_China/header}}
 
<html>
 
<html>
 +
<head>
 +
    <link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Trocchi" rel="stylesheet">
 +
</head>
 
<body>
 
<body>
<div id=""page-content-wrapper""><div class="splash" id="teamsplash">
+
<div id=""page-content-wrapper""><script
 +
  src="http://code.jquery.com/jquery-3.3.1.js"
 +
  integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
 +
  crossorigin="anonymous"></script>
  
    <div class="row splashyla">
+
<div class="splash" id="mainsplash" style="background: url(https://static.igem.org/mediawiki/2018/c/c8/T--SHSID_China--team_mainbg.jpg); background-size: cover; background-position: center; position: relative" >
        <div class="col-md-12">
+
            <a href="https://2018.igem.org/"><img src="" class="img-responsive igem-logo"></a>
+
        </div>
+
    </div>
+
  
     <div class= "row splashesittely">
+
     <div class= "row splashesittely" style="position: absolute; top:46%; transform: translateY(-50%)">
 
         <div class="col-md-3">
 
         <div class="col-md-3">
 
         </div>
 
         </div>
 
         <div class="col-md-6">
 
         <div class="col-md-6">
             <h1>Team</h1>
+
             <h1 style="font-family: 'Abril Fatface', cursive;">Team</h1>
             <p class="bigsplashtext">
+
             <hr id="mainhr">
                Everything is cool when you're part of a team.
+
            <h2 style="font-family: 'Trocchi', serif;">Everything is cool when you're part of a team.</h2>
            </p>
+
 
         </div>
 
         </div>
        <div class="col-md-3">
+
            <div class ="col-md-12 transp scroller">
 +
                <a href="#Abstract">
 +
                <h3 style="color: white; font-family: 'Trocchi', serif;">Scroll down for more information</h3>
 +
                <img src="https://static.igem.org/mediawiki/2018/c/ce/T--SHSID_China--mainarrow.jpg" class="img-responsive center-block transp nuoli" style="max-height: 130px">
 +
                </a>
 
         </div>
 
         </div>
    </div>
 
  
    <div class= "row splashala">
 
        <div class ="col-md-12 transp scroller">
 
            <a href="#About">
 
                Scroll down to read more
 
                <img src="" class="img-responsive center-block transp nuoli">
 
            </a>
 
        </div>
 
    </div>
 
 
    <div class="splashalavalikko">
 
        <a href="#About">About the Team</a><br>
 
        <a href="#Members">Members</a><br>
 
        <a href="#Advisors">Advisors and Mentors</a><br>
 
    </div>
 
 
    <div class = "splashcopyright">
 
        <p class="transp">
 
            <a href=""></a>
 
        </p>
 
 
     </div>
 
     </div>
 
</div>
 
</div>
  
  
<div class="update About"></div>
 
<article>
 
<div class="link" id="About"></div>
 
    <h2>The Team</h2>
 
    <p>
 
   
 
    </p>
 
    <p>
 
       
 
    </p>
 
    <p>
 
       
 
    </p>
 
    <p>
 
     
 
    </p>
 
    <p>
 
     
 
    </p>
 
    <p>
 
     
 
    </p>
 
    <div class="row">
 
        <div class="img-center">
 
            <img src="" class="img-responsive"></img>
 
            <p class="kuvateksti">
 
               
 
            </p>
 
        </div>
 
    </div>
 
 
</article>
 
 
<div class="update About"></div>
 
<div class="update Members"></div>
 
 
<article>
 
    <div class="link" id="Members"></div>
 
 
    <h2>Team Members</h2>
 
 
    <p>
 
       
 
    </p>
 
    <ul>
 
        <li><b></b> </li>
 
        <li><b></b> </li>
 
        <li><b></b> </li>
 
        <li><b></b> </li>
 
        <li><b></b> </li>
 
        <li><b></b> </li>
 
        <li><b></b> </li>
 
        <li><b></b> </li>
 
        <li><b></b> </li>
 
        <li><b></b> </li>
 
    </ul>
 
    <p>
 
     
 
    </p>
 
 
    <div class="row row-eq-height memberrow">
 
        <div class="col-md-8 text-col-left">
 
            <h3><br>
 
            <small>Captain</small></h3>
 
            <h4 class="university-title"><br></h4>
 
            <p>
 
             
 
            </p>
 
            <p>
 
             
 
            </p>
 
            <p>
 
               
 
            </p>
 
        </div>
 
        <div class="col-md-4 img-100">
 
            <img src="" id="oskarikuva" class="img-responsive">
 
        </div>
 
    </div>
 
 
<div class="update Members"></div>
 
<div class="update Advisors"></div>
 
 
<article>
 
    <div class="link" id="Advisors"></div>
 
 
    <h2>Advisors and Mentors</h2>
 
 
    <div class="row row-eq-height memberrow">
 
        <div class="col-md-2 img-100">
 
            <img src="" class="img-responsive" id="advisorskuvat">
 
        </div>
 
        <div class="col-md-10 text-col-right">
 
            <h3 class="nopaddingtop"></h3>
 
            <p>
 
               
 
            </p>
 
        </div>
 
    </div>
 
 
    <div class="row row-eq-height memberrow">
 
        <div class="col-md-2 img-100">
 
            <img src="" id="advisorskuvat">
 
        </div>
 
        <div class="col-md-10 text-col-right">
 
            <h3 class="nopaddingtop"></h3>
 
            <p>
 
             
 
            </p>
 
        </div>
 
    </div>
 
 
</article>
 
 
<div class="update Advisors"></div>
 
  
 +
</div>
 
</div>
 
</div>
 
</body>
 
</body>
 
<script>
 
<script>
$(document).ready(function() {
+
    $(document).ready(function() {
  
if(location.pathname != "/Team:SHSID_China") {
+
    if(location.pathname != "/Team:SHSID_China") {
$('#navigation a[href^="https://2018.igem.org' + location.pathname + '"]').addClass('active');
+
        $('#navigation a[href^="https://2018.igem.org' + location.pathname + '"]').addClass('active');
} else $('#navigation a.home').addClass('active');
+
    } else $('#navigation a.home').addClass('active');
 
});
 
});
 
</script>
 
</script>
Line 177: Line 48:
 
     USAGE:
 
     USAGE:
 
     tag img with a ref that is connected to the image, such as:
 
     tag img with a ref that is connected to the image, such as:
     <img src="aaltohelsinki.com/testikuva.png" ref="varioskan" />
+
     <img src="" ref="" />
 
     When you insert a reference in text, put a tag with a ref attribute:
 
     When you insert a reference in text, put a tag with a ref attribute:
     <a ref="varioskan"></a>
+
     <a ref=""></a>
 
     Do not put href attribute, it will be replaced with a link to the image.
 
     Do not put href attribute, it will be replaced with a link to the image.
 
     Moreover, inner html of the anchor tag will be "figure x" where x is the
 
     Moreover, inner html of the anchor tag will be "figure x" where x is the
Line 248: Line 119:
 
</script>
 
</script>
 
</html>
 
</html>
 +
{{Template: SHSID_China/footer}}

Revision as of 02:57, 7 October 2018

Team


Everything is cool when you're part of a team.