Difference between revisions of "Team:CIEI-BJ/Team"

(Prototype team page)
 
Line 1: Line 1:
 
{{CIEI-BJ}}
 
{{CIEI-BJ}}
−
<html>
+
<!DOCTYPE html>
 +
<html lang="en">
 +
<head>
 +
<meta charset="UTF-8">
 +
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<title>Bootstrap Product Page Template</title>
 +
 
 +
<!-- Bootstrap -->
 +
<link rel="stylesheet" href="file:///Macintosh HD/Users/shunzhema/Dropbox/css/bootstrap.css">
 +
 
 +
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
 +
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 +
<!--[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]-->
 +
</head>
 +
<body>
 +
<div class="container">
 +
  <div class="row">
 +
    <div class="col-lg-12">
 +
      <div class="jumbotron">
 +
        <h1 class="text-center">Team</h1>
 +
        <div class="row"></div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
<div class="container">
 +
  <div class="row"></div>
 +
</div>
 +
<hr>
 +
<div class="container">
 +
  <div class="row">
 +
    <div class="col-sm-6">
 +
      <div class="thumbnail"> <img src="file:///Macintosh HD/Users/shunzhema/Dropbox/images/600X300.gif" alt="Thumbnail Image 1" class="img-responsive">
 +
        <div class="caption">
 +
          <h3>Our Team</h3>
 +
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt, at.</p>
 +
          <hr>
 +
          <p><a href="https://2016.igem.org/Team:CIEI-BJ/Team" class="btn btn-success" role="button" >Go</a></p>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <div class="col-sm-6">
 +
      <div class="thumbnail"> <img src="file:///Macintosh HD/Users/shunzhema/Dropbox/images/600X300.gif" alt="Thumbnail Image 1" class="img-responsive">
 +
        <div class="caption">
 +
          <h3>Collaborations</h3>
 +
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi, atque.</p>
 +
          <hr>
 +
          <p><a href="https://2016.igem.org/Team:CIEI-BJ/Collaborations" class="btn btn-success" role="button">Go</a></p>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
<hr>
 +
<div class="container">
 +
  <div class="row"><div class="content_wrapper">
 +
 
 +
 
 +
 
 +
<h1 id="team_name">CIEI-BJ</h1>
 +
<h4 id="page_name">Team</h4>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<script>
 +
 
 +
// This is the jquery part of your template.  Try not modify any of this code since it makes your menu work.
 +
 
 +
$(document).ready(function() {
 +
 
 +
$("#HQ_page").attr('id','');
 +
 +
 
 +
if ( wgPageName.substring( 0,  8) == "Template")  {  // if the page is a template it displays the full name in a single line
 +
$("#team_name").html( wgPageName );
 +
}
 +
 
 +
else if (  ( (wgPageName.match(/\//g) || []).length ) == 0 ) {  // if it is the home page , just print the team's name
 +
$("#team_name").html( wgPageName.substring( 5, wgPageName.length ) );
 +
}
 +
 
 +
else {
 +
// this adds the team's name as an h1
 +
$("#team_name").html( wgPageName.substring( 5 , wgPageName.indexOf("/")  ) );
 +
 
 +
// this adds the page's title as an h4
 +
$("#page_name").html (    ( wgPageName.substring( wgPageName.indexOf("/") + 1, wgPageName.length ) ).replace( /\/|_/g , " ")  );
 +
}
 +
 
 +
 
 +
if( ($(location).attr('href')).indexOf("submit") >= 0  ) {
 +
$(".menu_wrapper").css( { "position": "absolute", "height": "auto"});
 +
$("#wpTextbox1").css( 'margin-top', '440px');
 +
}
 +
 
 +
 
 +
 
 +
 
 +
$('#accordion').find('.menu_item').click(function(){
 +
 
 +
//Expand or collapse this panel
 +
submenu = $(this).find('.submenu');
 +
submenu.toggle();
 +
 
 +
icon = $(this).find('.icon');
 +
 
 +
if ( !$( submenu ).is(':visible') ) {
 +
icon.removeClass("less").addClass("plus");
 +
}
 +
else {
 +
icon.removeClass("plus").addClass("less");
 +
}
 +
 
 +
//Hide the other panels
 +
$(".submenu").not(submenu).hide();
 +
$(".icon").not(icon).removeClass("less").addClass("plus");
 +
});
 +
 
 +
 
 +
$(".collapsable_menu_control").click(function() {
 +
$(".menu_item").toggle();
 +
});
 +
 
 +
$( window ).resize(function() {
 +
$(".menu_item").show();
 +
});
 +
 
 +
 
 +
});
 +
 
 +
 
 +
 
 +
 
 +
</script>
 +
 
 +
 
 +
 
 +
 
  
  
  
−
<div class="column full_size" >
+
<div class="column full_size">
  
 
<p>In this page you can introduce your team members, instructors, and advisors. </p>
 
<p>In this page you can introduce your team members, instructors, and advisors. </p>
Line 11: Line 158:
 
</div>
 
</div>
  
−
<div class="column half_size" >
+
<div class="column half_size">
 
<h5>Inspiration</h5>
 
<h5>Inspiration</h5>
−
<p>You can look at what other teams did to get some inspiration! <br />
+
<p>You can look at what other teams did to get some inspiration! <br>
 
Here are a few examples:</p>
 
Here are a few examples:</p>
 
<ul>
 
<ul>
Line 24: Line 171:
 
</div>
 
</div>
  
−
<div class="column half_size" >
+
<div class="column half_size">
 
<h5>What should this page contain?</h5>
 
<h5>What should this page contain?</h5>
 
<ul>
 
<ul>
Line 37: Line 184:
  
  
 +
 +
<p></p>
 +
<!--
 +
NewPP limit report
 +
CPU time usage: 0.005 seconds
 +
Real time usage: 0.005 seconds
 +
Preprocessor visited node count: 9/1000000
 +
Preprocessor generated node count: 44/1000000
 +
Post‐expand include size: 41/2097152 bytes
 +
Template argument size: 0/2097152 bytes
 +
Highest expansion depth: 2/40
 +
Expensive parser function count: 0/100
 +
-->
 +
 +
<!-- Saved in parser cache with key 2016_igem_org:pcache:idhash:11326-0!*!*!*!*!*!* and timestamp 20161002041106 and revision id 52011
 +
-->
 +
</div></div>
 +
</div>
 +
  <hr>
 +
<footer class="text-center">
 +
  <div class="container">
 +
    <div class="row">
 +
      <div class="col-xs-12">
 +
        <p>Copyright © MyWebsite. All rights reserved.</p>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</footer>
 +
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
 +
<script src="file:///Macintosh HD/Users/shunzhema/Dropbox/js/jquery-1.11.3.min.js"></script>
 +
<!-- Include all compiled plugins (below), or include individual files as needed -->
 +
<script src="file:///Macintosh HD/Users/shunzhema/Dropbox/js/bootstrap.js"></script>
 +
</body>
 
</html>
 
</html>

Revision as of 04:32, 2 October 2016

Template

Top

 

<!DOCTYPE html> Bootstrap Product Page Template

Team

Thumbnail Image 1

Our Team

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt, at.

Go

Thumbnail Image 1

Collaborations

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi, atque.

Go

CIEI-BJ

Team

In this page you can introduce your team members, instructors, and advisors.

Inspiration

You can look at what other teams did to get some inspiration!
Here are a few examples:

What should this page contain?
  • Include pictures of your teammates, don’t forget instructors and advisors!
  • You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.
  • Take team pictures! Show us your school, your lab and little bit of your city.
  • Remember that image galleries can help you showcase many pictures while saving space.

Copyright © MyWebsite. All rights reserved.