Difference between revisions of "Team:Peshawar/Team"

(Prototype team page)
 
Line 1: Line 1:
−
{{Peshawar}}
+
{{Team:Peshawar/header}}
−
<html>
+
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
 +
  <!-- Brand and toggle get grouped for better mobile display -->
 +
  <div class="container-fluid">
 +
    <div class="navbar-header">
 +
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#nav-collapse">
 +
        <span class="sr-only">Toggle navigation</span>
 +
        <i class="fa fa-bars"></i>
 +
      </button>
 +
      <a class="navbar-brand navimg" href="#"><img src="/_themes/dtu/images/dtulogo.png"></a>
 +
    </div>
 +
    <!-- Collect the nav links, forms, and other content for toggling -->
 +
    <div class="collapse navbar-collapse" id="nav-collapse">
 +
      <ul class="nav navbar-nav">
 +
            <li id="Home">
 +
            <a href="/Team:Peshawar"
 +
              >Home
 +
              </a></li>
 +
            <li id="Team">
 +
            <a href="/Team:Peshawar/Team"
 +
              >Team
 +
              </a></li>
 +
            <li>
 +
            <a href=""
 +
              class="dropdown-toggle"
 +
              data-toggle="dropdown"
 +
              role="button"
 +
              aria-expanded="false">Project
 +
              <span class="caret"></span></a><ul class="dropdown-menu" role="menu">
 +
            <li id="Description">
 +
            <a href="/Team:Peshawar/Description"
 +
              >Description
 +
              </a></li>
 +
            <li id="ExperimentsProtocols">
 +
            <a href="/Team:Peshawar/Experiments"
 +
              >Experiments &amp; Protocols
 +
              </a></li>
 +
            <li id="Results">
 +
            <a href="/Team:Peshawar/Results"
 +
              >Results
 +
              </a></li>
 +
            <li id="Design">
 +
            <a href="/Team:Peshawar/Design"
 +
              >Design
 +
              </a></li></ul></li>
 +
            <li>
 +
            <a href=""
 +
              class="dropdown-toggle"
 +
              data-toggle="dropdown"
 +
              role="button"
 +
              aria-expanded="false">Parts
 +
              <span class="caret"></span></a><ul class="dropdown-menu" role="menu">
 +
            <li id="TeamParts">
 +
            <a href="/Team:Peshawar/Parts"
 +
              >Team Parts
 +
              </a></li>
 +
            <li id="BasicParts">
 +
            <a href="/Team:Peshawar/Basic_Part"
 +
              >Basic Parts
 +
              </a></li>
 +
            <li id="CompositeParts">
 +
            <a href="/Team:Peshawar/Composite_Part"
 +
              >Composite Parts
 +
              </a></li>
 +
            <li id="PartCollection">
 +
            <a href="/Team:Peshawar/Part_Collection"
 +
              >Part Collection
 +
              </a></li></ul></li>
 +
            <li id="Notebook">
 +
            <a href="/Team:Peshawar/Notebook"
 +
              >Notebook
 +
              </a></li>
 +
            <li id="Attributions">
 +
            <a href="/Team:Peshawar/Attributions"
 +
              >Attributions
 +
              </a></li>
 +
            <li id="Collaborations">
 +
            <a href="/Team:Peshawar/Collaborations"
 +
              >Collaborations
 +
              </a></li>
 +
            <li id="HumanPractices">
 +
            <a href="/Team:Peshawar/Practices"
 +
              >Human Practices
 +
              </a></li>
 +
            <li id="Safety">
 +
            <a href="/Team:Peshawar/Safety"
 +
              >Safety
 +
              </a></li>
 +
            <li id="Modeling">
 +
            <a href="/Team:Peshawar/Modeling"
 +
              >Modeling
 +
              </a></li>
 +
            <li id="Measurement">
 +
            <a href="/Team:Peshawar/Measurement"
 +
              >Measurement
 +
              </a></li>
 +
            <li id="Software">
 +
            <a href="/Team:Peshawar/Software"
 +
              >Software
 +
              </a></li>
 +
            <li id="Entrepreneurship">
 +
            <a href="/Team:Peshawar/Entrepreneurship"
 +
              >Entrepreneurship
 +
              </a></li>
 +
        <li class="hidden-xs">
 +
          <a href="http://facebook.com/dtubiobuilders" data-toggle="tooltip" data-placement="bottom" title="Follow us on Facebook">
 +
            <i class="fa fa-facebook"></i><span class="visible-xs"> Follow us on Facebook</span>
 +
          </a>
 +
        </li>
 +
        <li class="visible-xs"><a href="http://facebook.com/dtubiobuilders"><i class="fa fa-facebook-square"></i> Follow us on Facebook</a></li>
 +
        <li class="hidden-xs">
 +
          <a href="https://twitter.com/IGEM_DTU" data-toggle="tooltip" data-placement="bottom" title="Follow us on Twitter">
 +
            <i class="fa fa-twitter"></i>
 +
          </a>
 +
        </li>
 +
        <li class="visible-xs"><a href="https://twitter.com/IGEM_DTU"><i class="fa fa-twitter-square"></i> Follow us on Twitter</a></li>
 +
        <li class="hidden-lg">
 +
          <a href="https://igem.org" target="_blank" class="navimg">
 +
            <img src="/_themes/dtu/images/igemlogo.png">
 +
          </a>
 +
        </li>
 +
      </ul>
 +
    </div><!-- /.navbar-collapse -->
 +
  </div>
 +
</nav>
 +
<nav class="navbar navbar-default extrabar hidden-xs hidden" data-spy="affix">
 +
  <div class="container-fluid" id="scrollspy">
 +
    <ul class="nav navbar-nav">
 +
      <li><a class="page-scroll" href="#Members">Members</a></li>
 +
    </ul>
 +
  </div>
 +
</nav>
 +
<div class="jumbotron hero" style="background-image: url(/_themes/dtu/images/hero.jpg)">
 +
      <div class="igem-logo visible-lg">
 +
        <a href="https://igem.org" target="_blank">
 +
          <img src="/_themes/dtu/images/igemlogo.png">
 +
        </a>
 +
      </div>
 +
      <div class="container-fluid">
 +
        <div class="row hero-text">
 +
          <div class="col-md-12">
 +
           
 +
<h3><br></h3>
 +
<h1>Team</h1>
  
 +
            <hr/>
 +
            <ul class="list-inline hidden-xs hidden-sm">
 +
             
 +
              <li>
 +
                <a id="Members-submenu" class="btn btn-default btn-transparent btn-lg page-scroll" href="#Members">Members</a>
 +
              </li>
 +
             
 +
            </ul>
 +
            <ul class="list-inline visible-xs visible-sm">
 +
             
 +
              <li>
 +
                <a id="Members-submenu" class="page-scroll" href="#Members">Members</a>
 +
              </li>
 +
             
 +
            </ul>
 +
          </div>
 +
        </div>
 +
        <div class="row">
 +
          <div class="col-md-12">
 +
            Scroll down for more<br>
 +
            <a href="#Members" class="btn btn-circle btn-transparent page-scroll">
 +
              <i class="fa fa-angle-double-down"></i>
 +
            </a>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
   
 +
   
 +
       
 +
<div id="Members">
 +
  <div class="container">
 +
 
  
 +
    <div class="row col-md-12">
 +
      <h1>
 +
        Members
 +
      </h1>
 +
       
 +
       
 +
       
 +
    </div>
 +
   
 +
   
 +
       
 +
        <div class="row">
 +
       
 +
       
 +
           
 +
<div class="col-md-6">
 +
  <div class="row">
 +
    <div class="col-sm-6">
 +
      <img src="" class="img-rounded person-image">
 +
    </div>
 +
    <div class="col-sm-6">
 +
      <h3>Team Member 1</h3>
 +
      <p>Information about team members can be written in the administration panel under Content -&gt; Entities.</p><p>Entities with role assigned as Member will be shown here.</p>
 +
     
 +
    </div>
 +
  </div>
 +
</div>
  
−
<div class="column full_size" >
+
       
−
 
+
       
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
   
−
 
+
       
−
 
+
       
 +
           
 +
<div class="col-md-6">
 +
  <div class="row">
 +
    <div class="col-sm-6 col-md-push-6">
 +
      <img src="" class="img-rounded person-image">
 +
    </div>
 +
    <div class="col-sm-6 col-md-pull-6">
 +
      <h3>Team Member 2</h3>
 +
     
 +
     
 +
    </div>
 +
  </div>
 
</div>
 
</div>
  
−
<div class="column half_size" >
+
       
−
<h5>Inspiration</h5>
+
       
−
<p>You can look at what other teams did to get some inspiration! <br />
+
        </div>
−
Here are a few examples:</p>
+
       
−
<ul>
+
   
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
−
</ul>
+
  
 +
  </div>
 
</div>
 
</div>
−
 
+
   
−
<div class="column half_size" >
+
   
−
<h5>What should this page contain?</h5>
+
    {{Team:Peshawar/footer}}
−
<ul>
+
    <script>
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
        $('#Team').addClass('active');
−
<li>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.</li>
+
        if ($('#Team').parent().hasClass('dropdown-menu')){
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
            $('#Team').parent().parent().addClass('active');
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
        }
−
</ul>
+
    </script>
−
</div>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
</html>
+

Revision as of 01:42, 26 July 2016

Template:Team:Peshawar/header <nav class="navbar navbar-default navbar-fixed-top" role="navigation"> 

     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#nav-collapse">
       Toggle navigation
       
     </button>
     <a class="navbar-brand navimg" href="#"><img src="/_themes/dtu/images/dtulogo.png"></a>

</nav> <nav class="navbar navbar-default extrabar hidden-xs hidden" data-spy="affix">

  • <a class="page-scroll" href="#Members">Members</a>

</nav>


Team

  • <a id="Members-submenu" class="page-scroll" href="#Members">Members</a> 
           Scroll down for more

           <a href="#Members" class="btn btn-circle btn-transparent page-scroll">
             
           </a>



Members




     <img src="" class="img-rounded person-image">

Team Member 1

Information about team members can be written in the administration panel under Content -> Entities.

Entities with role assigned as Member will be shown here.




     <img src="" class="img-rounded person-image">

Team Member 2





   Template:Team:Peshawar/footer
   <script>
       $('#Team').addClass('active');
       if ($('#Team').parent().hasClass('dropdown-menu')){
           $('#Team').parent().parent().addClass('active');
       }
   </script>