Difference between revisions of "Team:LMU-TUM Munich/Test-Page"

 
(16 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{#tag:html|
+
{{LMU-TUM_Munich|navClass=test}}
<head>
+
  <meta name="viewport" content="width=device-width, initial-scale=1">
+
  <!-- slick slider -->
+
  <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css"/>
+
  <!-- slick default theme -->
+
  <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick-theme.
+
  <!-- featherlight CSS -->
+
  <link href="//cdn.rawgit.com/noelboss/featherlight/1.5.0/release/featherlight.min.css" type="text/css" rel="stylesheet" />
+
  <!-- stylesheet -->
+
  <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:LMU-TUM_Munich/CSS?action=raw&ctype=text/css"/>
+
</head>
+
<div class="container">
+
  <div class="row">
+
    <div class="col-sm-3">
+
      <div class="sidebar-nav">
+
        <div class="navbar navbar-default" role="navigation">
+
          <div class="navbar-header">
+
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-navbar-collapse">
+
              <span class="sr-only">Toggle menu</span>
+
              <span class="icon-bar"></span>
+
              <span class="icon-bar"></span>
+
              <span class="icon-bar"></span>
+
            </button>
+
            <span class="visible-xs navbar-brand">Menu</span>
+
          </div>
+
          <div class="navbar-collapse collapse sidebar-navbar-collapse">
+
            <ul id="main-menu" class="nav navbar-nav {{{navClass}}}">
+
              <li class="menu_item home"><a href="https://2016.igem.org/Team:LMU-TUM_Munich">Home</a></li>
+
              <li class="dropdown menu_item team">
+
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
+
                <ul class="dropdown-menu">
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Team">Members</a></li>
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Collaborations">Collaborations</a></li>
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Sponsors">Sponsors</a></li>
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Finances">Finances</a></li>
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Gallery">Gallery</a></li>
+
                </ul>
+
              </li>
+
              <li class="menu_item copy"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Kopiervorlagen">Kopiervorlagen</a></li>
+
              <li class="dropdown menu_item project">
+
                <ul class="dropdown-menu">
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Description">Description</a></li>
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Design">Design</a></li>
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Proteins">Proteins</a></li>
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Localization">Receptors</a></li>
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Polymerization">Polymerization</a></li>
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Linkerchemistry">Linker Chemistry</a></li>
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Hypoxia">Hypoxia</a></li>
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Safety">Safety</a></li>
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Medical">Medical Application</a></li>
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/InterLab">InterLab</a></li>
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Entrepreneurship">Entrepreneurship</a></li>
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Hardware">Hardware</a></li>
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Software">Software</a></li>
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Measurement">Measurement</a></li>
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Results">Results</a></li>
+
                </ul>
+
              </li>
+
              <li class="dropdown menu_item notebook">
+
                <ul class="dropdown-menu">
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Labjournal">Labjournal</a></li>
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Materials">Materials</a></li>
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Methods">Methods</a></li>
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Howtos">Howtos</a></li>
+
                </ul>
+
              </li>
+
              <li class="dropdown menu_item parts">
+
                <ul class="dropdown-menu">
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Parts">Parts</a></li>
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Basic_Part">Basic Parts</a></li>
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Composite_Part">Composite Parts</a></li>
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Part_Collection">Part Collection</a></li>
+
                </ul>
+
              </li>
+
              <li class="menu_item model"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Model">Modeling</a></li>
+
              <li class="menu_item safety"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Safety">Safety</a></li>
+
              <li class="menu_item attributions"><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Attributions">Attributions</a></li>
+
              <li class="dropdown menu_item human_practices">
+
                <ul class="dropdown-menu">
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Human_Practices">Human Practices</a></li>
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/HP/Silver">Silver</a></li>
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/HP/Gold">Gold</a></li>
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Integrated_Practices">Integrated Practices</a></li>
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Engagement">Engagement</a></li>
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Supporting_Entrepreneurship">Supporting Entrepreneurship</a></li>
+
                </ul>
+
              </li>
+
              <li class="dropdown menu_item awards">
+
                <ul class="dropdown-menu">
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Entrepreneurship">Entrepreneurship</a></li>
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Hardware">Hardware</a></li>
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Software">Software</a></li>
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Measurement">Measurement</a></li>
+
                  <li><a href="https://2016.igem.org/Team:LMU-TUM_Munich/Model">Model</a></li>
+
                </ul>
+
              </li>
+
            </ul>
+
          </div><!--/.nav-collapse -->
+
        </div>
+
      </div>
+
    </div>
+
    <div class="col-sm-9">
+
      <!-- Main content goes here -->
+
<!-- Bootstrap -->
+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+
<!-- slick slider -->
+
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
+
<!-- featherlight lightbox -->
+
<script src="http://cdn.rawgit.com/noelboss/featherlight/1.5.0/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script>
+
<!-- custom JS -->
+
<script src ="https://2016.igem.org/Template:LMU-TUM_Munich/JS?action=raw&ctype=text/javascript"></script>
+
}}
+
 
== A test page==
 
== A test page==
 
=== 3rd level headline ===
 
=== 3rd level headline ===
Line 117: Line 5:
 
===== 5th level headline =====
 
===== 5th level headline =====
 
====== 6th level headline ======
 
====== 6th level headline ======
This page uses ''wiki markup'' for part of the text, and ''HTML'' for another part.
+
<div class="container-fluid">
 
+
<div class="row">
<p>Here is an HTML paragraph with <i>italic text</i> in it.</p>
+
<div class="col-sm-7">
And there's more '''wiki markup''' at the bottom of the page!
+
Here is an HTML paragraph with <i>italic text</i> in it. It is housed in a column with a width of 7/12. The image next to it is inside a 5/12 column.
 
+
<hr/>
[[Image:Muc16_Beispielbild.jpg|link=]]
+
</div><!-- col -->
 
+
<div class="col-sm-5">
 +
[[Image:T--LMU-TUM_Munich--Logo.png|link=]|287px]]
 +
</div><!-- col -->
 +
<div class="col-xs-12">
 +
<div class="white-box">
 +
<p>This paragraph is standing next to an image link. It will wrap around, should the imagelink float.
 +
<div class="imagelink float-right">[[Media:Muc16_Gallery_1.jpeg]][[Image:Muc16_Gallery_1.jpeg|200px|link=]]<div class="caption">
 +
This is an example for how to create an image link that displays a thumbnail and opens a larger version of the image in a lightbox when clicked on. The caption is optional.
 +
</div><!-- caption -->
 +
</div><!-- imagelink -->
 +
</p>
 +
{{LMU-TUM_Munich/imagelink|float-direction=left|src=Muc16_Gallery_1.jpeg|caption=This is a Testcaption|width=300px}}
 +
</div><!-- white-box -->
 +
</div><!-- col-xs-12 -->
 +
<div class="col-xs-12">
 
<html>
 
<html>
</div>
+
<div id="accordion" role="tablist" aria-multiselectable="true">
</div>
+
  <div class="card">
 +
    <div class="card-header" role="tab" id="headingOne">
 +
      <h5 class="mb-0">
 +
        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
 +
          Collapsible Group Item #1
 +
        </a>
 +
      </h5>
 +
    </div>
 +
 
 +
    <div id="collapseOne" class="collapse in" role="tabpanel" aria-labelledby="headingOne">
 +
      <div class="card-block">
 +
        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="card">
 +
    <div class="card-header" role="tab" id="headingTwo">
 +
      <h5 class="mb-0">
 +
        <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
 +
          Collapsible Group Item #2
 +
        </a>
 +
      </h5>
 +
    </div>
 +
    <div id="collapseTwo" class="collapse" role="tabpanel" aria-labelledby="headingTwo">
 +
      <div class="card-block">
 +
        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="card">
 +
    <div class="card-header" role="tab" id="headingThree">
 +
      <h5 class="mb-0">
 +
        <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
 +
          Collapsible Group Item #3
 +
        </a>
 +
      </h5>
 +
    </div>
 +
    <div id="collapseThree" class="collapse" role="tabpanel" aria-labelledby="headingThree">
 +
      <div class="card-block">
 +
        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
 +
      </div>
 +
    </div>
 +
  </div>
 
</div>
 
</div>
 
</html>
 
</html>
 +
</div><!-- col-xs-12 -->
 +
</div><!-- row -->
 +
</div><!-- container -->
 +
{{LMU-TUM_Munich_html_end}}

Latest revision as of 16:15, 17 November 2016

A test page

3rd level headline

4th level headline

5th level headline
6th level headline

Here is an HTML paragraph with italic text in it. It is housed in a column with a width of 7/12. The image next to it is inside a 5/12 column.


link=]

This paragraph is standing next to an image link. It will wrap around, should the imagelink float.

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

up button Back to top

LMU & TUM Munich

Technische Universität MünchenLudwig-Maximilians-Universität München

United team from Munich's universities

Contact us:

Address

iGEM Team TU-Munich
Emil-Erlenmeyer-Forum 5
85354 Freising, Germany