|
|
| (One intermediate revision by one other user not shown) |
| Line 1: |
Line 1: |
| − | <html>
| |
| − | <head>
| |
| − | <style type="text/css">
| |
| − | #contentSub, #footer-box, #catlinks, #search-controls, #p-
| |
| | | | |
| − | logo, #sideMenu, #menubar, .logo_2017, .printfooter, .firstHeading,.visualClear {display:
| |
| − |
| |
| − | none;} /*-- hides default wiki settings --*/
| |
| − |
| |
| − | #top-section { /*-- styling for default menu bar (edit, page,
| |
| − |
| |
| − | history, etc.) --*/
| |
| − |
| |
| − | border: 0 none;
| |
| − | height: 14px;
| |
| − | z-index: 100;
| |
| − | top: 0;
| |
| − | position: fixed;
| |
| − | width: 975px;
| |
| − | left: 50%;
| |
| − | margin-left: -487px;
| |
| − | }
| |
| − |
| |
| − | #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;
| |
| − | }
| |
| − | </style>
| |
| − | <style>
| |
| − | h1,h2,h3,h4,h5,h6{font-weight:100 !important; color: #393939 !important;font-family: 'Josefin Sans' !important;line-height: 70px !important;}
| |
| − | p {font-family: 'Roboto' !important; font-size: 18px !important; color: #393939 !important;}
| |
| − |
| |
| − |
| |
| − |
| |
| − | #footer-sec h4 {
| |
| − | color: white !important;
| |
| − | font-size: 26px !important;
| |
| − | }
| |
| − |
| |
| − | #footer-sec p {
| |
| − | color: grey !important;
| |
| − | font-size: 18px !important;
| |
| − | font-family: 'Josefin Sans' !important;
| |
| − | text-align: center;
| |
| − | }
| |
| − | #footer-sec a {
| |
| − | color: grey !important;
| |
| − | }
| |
| − | #footer-sec a:hover {
| |
| − | color: white !important;
| |
| − | transition: color 1s !important;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | h3 {
| |
| − | font-size: 40px !important;
| |
| − | }
| |
| − | h4 {
| |
| − | font-size: 30px !important;
| |
| − | }
| |
| − | .inline_table {
| |
| − | font-size: 18px !important;
| |
| − | font-family: 'Roboto' !important;
| |
| − | }
| |
| − |
| |
| − | span {
| |
| − | font-size: 18px !important;
| |
| − | }
| |
| − |
| |
| − | .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4,.col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{
| |
| − | padding-top: 10px !important;
| |
| − | padding-bottom: 50px !important;
| |
| − | }
| |
| − | .mw-body {
| |
| − | background-color: red !important;
| |
| − | height: 0px !important;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .table-of-contents {
| |
| − | float: right;
| |
| − | width: 100%;
| |
| − | background: #eee;
| |
| − | font-size: 0.8em;
| |
| − | padding-top: 15px;
| |
| − | padding-bottom: 10px;
| |
| − |
| |
| − |
| |
| − | }
| |
| − | .table-of-contents ul {
| |
| − | list-style: none;
| |
| − | text-align: left !important;
| |
| − | line-height: normal !important;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | .table-of-contents a {
| |
| − | text-decoration: none;
| |
| − | font-size: 16px;
| |
| − | color: #393939 !important;
| |
| − |
| |
| − | }
| |
| − | .table-of-contents a:hover,
| |
| − | .table-of-contents a:active {
| |
| − | text-decoration: underline;
| |
| − | }
| |
| − |
| |
| − | </style>
| |
| − |
| |
| − | <!-- Assets -->
| |
| − | <link rel="stylesheet" href="http://static.tildacdn.com/css/tilda-grid-3.0.min.css" type="text/css" media="all" />
| |
| − |
| |
| − | <link rel="stylesheet" href="http://static.tildacdn.com/css/tilda-zoom-1.0.min.css" type="text/css" media="all" />
| |
| − | <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Josefin+Sans:300,400|Roboto:300,400,500">
| |
| − | <link rel="stylesheet" href="http://azmind.com/demo/bootstrap-navbar-menu/layout-3/assets/bootstrap/css/bootstrap.min.css">
| |
| − |
| |
| − | <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet">
| |
| − | <link rel="stylesheet" href="http://azmind.com/demo/bootstrap-navbar-menu/layout-3/assets/font-awesome/css/font-awesome.min.css">
| |
| − |
| |
| − | <link rel="stylesheet" type="text/css"
| |
| − | href="https://2017.igem.org/Template:Heidelberg/navbar/CSS?action=raw&ctype=text/css" />
| |
| − |
| |
| − | <link rel="stylesheet" type="text/css"
| |
| − | href="https://2017.igem.org/Template:Heidelberg/table_layout/CSS?action=raw&ctype=text/css" />
| |
| − | <!-- Favicon and touch icons -->
| |
| − | <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
| |
| − | <script src="http://static.tildacdn.com/js/jquery-1.10.2.min.js"></script>
| |
| − | <script src="http://static.tildacdn.com/js/tilda-scripts-2.8.min.js"></script>
| |
| − |
| |
| − | <script src="http://static.tildacdn.com/js/tilda-zoom-1.0.min.js"></script>
| |
| − | <script src="http://static.tildacdn.com/js/bootstrap.min.js"></script>
| |
| − | <script src="http://static.tildacdn.com/js/jquery.touchswipe.min.js"></script>
| |
| − | <script src="http://static.tildacdn.com/js/tilda-map-1.0.min.js"></script>
| |
| − | <script src="http://static.tildacdn.com/js/lazyload-1.3.min.js"></script>
| |
| − |
| |
| − | </head>
| |
| − | <body class="t-body">
| |
| − | <!-- CSS -->
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <!-- Top menu -->
| |
| − | <nav class="navbar navbar-inverse navbar-fixed-top navbar-no-bg" role="navigation">
| |
| − | <div class="container">
| |
| − | <div class="navbar-header">
| |
| − | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#top-navbar-1">
| |
| − | <span class="sr-only">Toggle navigation</span>
| |
| − | <span class="icon-bar"></span>
| |
| − | <span class="icon-bar"></span>
| |
| − | <span class="icon-bar"></span>
| |
| − | </button>
| |
| − | <a class="navbar-brand" href="#"><div id="circle">
| |
| − | </div></a>
| |
| − | </div>
| |
| − | <!-- Collect the nav links, forms, and other content for toggling -->
| |
| − | <div class="collapse navbar-collapse" id="top-navbar-1">
| |
| − | <ul class="nav navbar-nav navbar-right">
| |
| − | <li><a href="#">Achievements</a></li>
| |
| − | <li class="dropdown"><a href="#">Project <span class="caret"></span></a>
| |
| − |
| |
| − | </li>
| |
| − | <li><a href="#">Modeling</a></li>
| |
| − | <li><a href="#">Software & Hardware <span class="caret"></span></a></li>
| |
| − | <li class="dropdown"><a href="#">Human Practice <span class="caret"></span></a>
| |
| − | <ul class="dropdown-menu">
| |
| − | <li><a href="">Safety & Security</a></li>
| |
| − | <li class="divider"></li>
| |
| − | <li><a href="">Integrated Human Practice</a></li>
| |
| − | <li><a href="">Education</a></li>
| |
| − | <li class="divider"></li>
| |
| − | <li><a href="">Public Engagement</a></li>
| |
| − | <li><a href="">Collaborations</a></li>
| |
| − | </ul>
| |
| − |
| |
| − | </li>
| |
| − | <li><a href="#">People</a></li>
| |
| − | <li><a href="#">Toolbox</a></li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </div>
| |
| − | </nav>
| |
| − |
| |
| − |
| |
| − | <div style="padding-top: 2%;background-color:white;">
| |
| − | <div class="t-container">
| |
| − | <div class="t-col t-col_12">
| |
| − |
| |
| − |
| |
| − | <!--Insert Text here-->
| |
| − | <h1>Header</h1>
| |
| − | <p>Text comes here</p>
| |
| − |
| |
| − | <!-- if you want to put a figure into your text, please take into account that you have to copy all the div´s way down to it´s closing. So start with class="container-fluid"-->
| |
| − | <div class="container-fluid">
| |
| − | <div class="row">
| |
| − | <div class="pull-right col-lg-12 col-md-12 col-sm-12 col-xs-12">
| |
| − |
| |
| − | <a href="#" target="_blank" ><img src="https://static.igem.org/mediawiki/2017/9/9a/T--Heidelberg--HP_Collab_postcard_1.png" alt="#"></a>
| |
| − | <span><strong>Fig.1:</strong> Postcard Heidelberg</span>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <!--and end with this closing "</div>" above this comment-->
| |
| − |
| |
| − | <!--Do not touch anything below this comment -->
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <section id="footer-sec">
| |
| − | <div class="container">
| |
| − | <div class="row" style="padding-top: 30px;">
| |
| − | <div class="col-md-3">
| |
| − | <h4>About us</h4>
| |
| − | <p>"We are an extremely motivated team of young students competing in the worlds biggest synthetic biology competition"</p>
| |
| − |
| |
| − | </div>
| |
| − | <div class="col-md-3">
| |
| − | <h4> Useful <strong>Links</strong> </h4>
| |
| − |
| |
| − | <p>
| |
| − | <a href="#">
| |
| − | <i class="fa fa-angle-right">
| |
| − | </i>
| |
| − | Special pages
| |
| − | </a>
| |
| − | </p>
| |
| − | <p>
| |
| − | <a href="#">
| |
| − | <i class="fa fa-angle-right">
| |
| − | </i>
| |
| − | Main Page
| |
| − | </a>
| |
| − | </p>
| |
| − | </div>
| |
| − | <div class="col-md-3">
| |
| − | <h4> Follow us on </h4>
| |
| − | <a href="#" target="_blank" id="facebook"><i class="fa fa-facebook-square fa-1x"></i></a>
| |
| − | <span style="color: grey">&</span>
| |
| − | <a href="#" target="_blank" id="twitter"><i class="fa fa-twitter-square fa-1x"></i></a>
| |
| − | </div>
| |
| − | <div class="col-md-3">
| |
| − | <h4> Contact us </h4>
| |
| − | <p>
| |
| − | <i class="fa fa-map-marker fa-lg">
| |
| − | </i>
| |
| − | Im Neuenheimer Feld 267
| |
| − | <br>
| |
| − | 69120 Heidelberg
| |
| − | </p>
| |
| − | <p>
| |
| − | <i class="fa fa-phone">
| |
| − | </i>
| |
| − | 1 -234 -456 -7890
| |
| − | </p>
| |
| − |
| |
| − | <p>
| |
| − | <a href="mailto:info@yourdomain.com">
| |
| − | <i class="fa fa-envelope">
| |
| − | </i>
| |
| − | bioquant@uni-heidelberg.de
| |
| − | </a>
| |
| − | </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </section>
| |
| − | </body>
| |
| − | </html>
| |
