|
|
| Line 220: |
Line 220: |
| | } | | } |
| | #pp{ | | #pp{ |
| − | padding-top:3%;
| + | padding-top:20px; |
| − | padding-left:5%;
| + | padding-right:40px; |
| − | padding-right:5%;
| + | padding-left:40px; |
| − | padding-bottom:1%;
| + | |
| | font-size:150%; | | font-size:150%; |
| | + | } |
| | + | /*horizontal rule stying*/ |
| | + | hr{ |
| | + | border-color:#339499; |
| | + | margin-left:3%; |
| | + | margin-right:3%; |
| | + | } |
| | + | /*Heading styles*/ |
| | + | h1, h2, h3, h4, h5{ |
| | + | text-align:center; |
| | + | color:#339499; |
| | + | font-weight:500; |
| | + | padding-left: 40px; |
| | + | padding-right: 40px; |
| | + | } |
| | + | h1{font-size:340%;} |
| | + | h2{font-size:320%;} |
| | + | h3{font-size:290%;} |
| | + | h4{font-size:260%;} |
| | + | h5{font-size:220%;} |
| | + | h6{ |
| | + | color:#339499; |
| | + | font-weight:500; |
| | + | font-size:200%; |
| | + | padding-left:40px; |
| | + | } |
| | + | |
| | + | /*Italics for Quotes using i tag*/ |
| | + | q{ |
| | + | text-align:center; |
| | + | color:#339499; |
| | + | padding-left:10%; |
| | + | padding-right:10%; |
| | + | font-size:120%; |
| | + | font-style: italic; |
| | + | } |
| | + | /*Styling for links*/ |
| | + | a{ |
| | + | color:#339499; |
| | + | font-weight:550; |
| | } | | } |
| | /**page content styling starts**/ | | /**page content styling starts**/ |
| Line 234: |
Line 273: |
| | border-style:none; | | border-style:none; |
| | } | | } |
| − | #Section_Link, #Section_Link:visited{ | + | #Section_link |
| − | display:block;
| + | color:#828282; |
| − | margin:0 auto 10px auto;
| + | opacity:0.6; |
| − | width:14px;
| + | position:absolute; |
| | + | bottom:20px; |
| | } | | } |
| − | #Section_Link:hover{ | + | #Section_link:hover{ |
| − | | + | color:#4e4e4e; |
| | + | border-radius:10px; |
| | + | border-color:#eeeeee; |
| | } | | } |
| | #sectionGap, #sectionGap:focus, #contentTitle{ | | #sectionGap, #sectionGap:focus, #contentTitle{ |
| Line 262: |
Line 304: |
| | padding:0; | | padding:0; |
| | } | | } |
| − | .div_vl{ | + | .div_content{ |
| − | padding-top:2%; | + | padding:0; |
| − | height:35vw; | + | min-height:100vh; |
| − | width:95vw;
| + | |
| − | display:block;
| + | |
| − | margin-left:auto;
| + | |
| − | margin-right:auto;
| + | |
| − | }
| + | |
| − | .div_vl.backgroundimage{
| + | |
| − | background-image: url('https://static.igem.org/mediawiki/2016/9/93/T--Exeter--Home_Background1.png');
| + | |
| − | background-repeat:no-repeat;
| + | |
| − | background-size: 100% auto;
| + | |
| | width:100%; | | width:100%; |
| − | height:78vh; | + | background:#eeeeee; |
| | } | | } |
| | #title{ | | #title{ |
| Line 283: |
Line 316: |
| | margin-bottom:20px; | | margin-bottom:20px; |
| | font-size:400%; | | font-size:400%; |
| − | }
| |
| − | .div_content{
| |
| − | padding:0;
| |
| − | min-height:100vh;
| |
| − | width:100%;
| |
| − | background:#eeeeee;
| |
| − | }
| |
| − |
| |
| − | /*div_banner contains to links at the top of each page to link to*/
| |
| − | /*each section of the page*/
| |
| − | .div_banner{
| |
| − | max-width:90vw;
| |
| − | margin:12vh auto 5vh auto;
| |
| − | display:block;
| |
| − | height:8vh;
| |
| − | }
| |
| − |
| |
| − | /*Contains styling for the left and right pictures of the banner*/
| |
| − | .subdiv_banner{
| |
| − | height:8vh;
| |
| − | padding:0;
| |
| − | }
| |
| − | .subdiv_banner.left{
| |
| − | float:left;
| |
| − | display:block;
| |
| − | }
| |
| − | .subdiv_banner.right{
| |
| − | float:right;
| |
| − | display:block;
| |
| − | }
| |
| − | .subdiv_banner.middle{
| |
| − | height:100%;
| |
| − | }
| |
| − | /*Positions the images in correct place in the divs*/
| |
| − | .subdiv_banner.left img, .subdiv_banner.right img{
| |
| − | width:100%;
| |
| − | position: relative;
| |
| − | top: 50%;
| |
| − | -ms-transform: translateY(-50%) /* IE 9 */
| |
| − | -webkit-transform: translateY(-50%) /* Chrome, Safari, Opera */
| |
| − | transform: translateY(-50%)
| |
| − | }
| |
| − | .banner_link,.banner_link:visited{
| |
| − | height:100%;
| |
| − | color:#47BCC2;
| |
| − | text-align:center;
| |
| − | /*Max font size where "section" and "1" don't appear on*/
| |
| − | }
| |
| − | .banner_link:hover{
| |
| − | text-decoration:none;
| |
| − | color:#339499;
| |
| | } | | } |
| | .link_fix{ | | .link_fix{ |
| Line 342: |
Line 324: |
| | /*Mobile and small screen css*/ | | /*Mobile and small screen css*/ |
| | @media (max-width: 767px){ | | @media (max-width: 767px){ |
| − | .div_vl.backgroundimage{
| |
| − | background-image: url('#');
| |
| − | background:#ddd;
| |
| − | }
| |
| | #title{ | | #title{ |
| | font-size:150%; | | font-size:150%; |
| − | }
| |
| − | /*Makes side pictures on banner invisible on small screens*/
| |
| − | /*as it clutters screen*/
| |
| − | .subdiv_banner.left, .subdiv_banner.right{
| |
| − | display:none;
| |
| | } | | } |
| − | }
| |
| | } | | } |
| | </style> | | </style> |
| − | <!--VLOG page styling--> | + | <!--Style for Home page--> |
| | <style type="text/css"> | | <style type="text/css"> |
| − | .calendar_selector{ | + | /*Contains all three link panels*/ |
| − | font-size:3vh; | + | .div_l{ |
| − | color:#47BCC2; | + | height:16.4vw; |
| − | cursor:pointer; | + | width:100%; |
| | + | background:rgba(238,238,238,0.6); |
| | } | | } |
| − | .calendar_header{ | + | /*Div styling*/ |
| − | margin:0 0 1vh 0; | + | .div_overlay{ |
| | + | position:absolute; |
| | + | top:0; |
| | + | left:0; |
| | + | min-height:100%; |
| | padding:0; | | padding:0; |
| − | }
| + | margin:0; |
| − | .month{ | + | font-size:3.4vw; |
| | + | color:black; |
| | + | text-align: center; |
| | + | background:rgba(238,238,238,0.4); |
| | display:none; | | display:none; |
| | } | | } |
| − | /*Sets March to display on page loadup*/
| + | #logo_Banner{ |
| − | #March{ | + | |
| | display:block; | | display:block; |
| | + | margin:2vh auto 6vh auto; |
| | + | max-width:100%; |
| | } | | } |
| − | .calendar_space{ | + | .div_vl{ |
| − | background:none; | + | padding-top:2%; |
| − | height:6h; | + | height:35vw; |
| − | width:6vh; | + | width:95vw; |
| | display:block; | | display:block; |
| − | font-size:2.5vh; | + | margin-left:auto; |
| − | vertical-align:bottom; | + | margin-right:auto; |
| − | position:relative;
| + | |
| | } | | } |
| − | .calendar_space span{ | + | .div_vl.backgroundimage{ |
| − | position: absolute; | + | background-image: url('https://static.igem.org/mediawiki/2016/9/93/T--Exeter--Home_Background1.png'); |
| − | bottom: 0; | + | background-repeat:no-repeat; |
| | + | background-size: 100% auto; |
| | + | width:100%; |
| | + | height:94vh; |
| | } | | } |
| − | .calendar_box, calendar_box:visited, .calendar_box:active, calendar_box:focus, .calendar_link{ | + | .div_m{ |
| − | background:#eee; | + | margin:0; |
| − | border-style:solid; | + | padding:0.5vw; |
| − | border-width:1px;
| + | cursor:pointer; |
| − | border-color:#4e4e4e;
| + | |
| − | height:6vh;
| + | |
| − | width:6vh;
| + | |
| − | cursor:default;
| + | |
| − | position:relative;
| + | |
| − | text-color:#4e4e4e;
| + | |
| − | }
| + | |
| − | .date{ | + | |
| − | background:#8cd5d9;
| + | |
| − | }
| + | |
| − | .grey{
| + | |
| − | background:#ccc;
| + | |
| − | }
| + | |
| − | .calendar_link:hover{
| + | |
| − | cursor:pointer;
| + | |
| − | background:#339499;
| + | |
| − | border-style:solid;
| + | |
| − | border-width:1px;
| + | |
| − | border-color:#4e4e4e;
| + | |
| − | color:#4e4e4e;
| + | |
| − | }
| + | |
| − | .calendar_link:focus{
| + | |
| − | color:#4e4e4e;
| + | |
| − | }
| + | |
| − | .calendar_box span, .calendar_link span, .calendar_box span:visited, .calendar_link span:visited{
| + | |
| − | position: absolute;
| + | |
| − | font-size:1.6vh;
| + | |
| − | bottom: 0;
| + | |
| − | right: 0;
| + | |
| − | color:#4e4e4e;
| + | |
| − | }
| + | |
| − | span.vlog{
| + | |
| − | position: absolute;
| + | |
| − | font-size:4vh;
| + | |
| − | bottom: 0.2vh;
| + | |
| − | left: 1.5vh;
| + | |
| − | }
| + | |
| − | .left{
| + | |
| − | border-left-style:solid;
| + | |
| − | border-left-width:2px;
| + | |
| − | }
| + | |
| − | .top{
| + | |
| − | border-top-style:solid;
| + | |
| − | border-top-width:2px;
| + | |
| − | }
| + | |
| − | .right{
| + | |
| − | border-right-style:solid;
| + | |
| − | border-right-width:2px;
| + | |
| − | }
| + | |
| − | .bottom{
| + | |
| − | border-bottom-style:solid;
| + | |
| − | border-bottom-width:2px;
| + | |
| − | }
| + | |
| − | .div_video{
| + | |
| − | margin:1vh auto 0 auto;
| + | |
| − | display:block;
| + | |
| − | }
| + | |
| − | .div_video video{
| + | |
| − | margin:0 auto 1vh auto;
| + | |
| − | display:block;
| + | |
| | } | | } |
| | + | /*Mobile and small screen css*/ |
| | @media (max-width: 767px){ | | @media (max-width: 767px){ |
| − | .calendar{ | + | .div_vl.backgroundimage{ |
| | + | height:37vh; |
| | + | } |
| | + | .div_l{ |
| | display:none; | | display:none; |
| − | }
| + | } |
| − | .calendar_space, .calendar_box, .calendar_link{
| + | |
| − | height:4vh;
| + | |
| − | wdith:4vh;
| + | |
| − | } | + | |
| | } | | } |
| | </style> | | </style> |
| Line 488: |
Line 411: |
| | <li ><a id="links"href="https://2016.igem.org/Team:Exeter/Awards">Awards</a></li> | | <li ><a id="links"href="https://2016.igem.org/Team:Exeter/Awards">Awards</a></li> |
| | <li ><a id="links"href="https://2016.igem.org/Team:Exeter/Log">Log</a></li> | | <li ><a id="links"href="https://2016.igem.org/Team:Exeter/Log">Log</a></li> |
| − | <li ><a id="links"href="https://2016.igem.org/Team:Exeter/Collaborations">Collaborations</a></li> | + | <li ><a id="links"href="https://2016.igem.org/Team:Exeter/Collaborations">Collaborations</a></li> |
| | + | |
| | </ul> | | </ul> |
| | <ul class="nav navbar-nav navbar-right" > | | <ul class="nav navbar-nav navbar-right" > |
| − | <li class="media_icon" id="soc_1"> | + | <li class="media_icon"> |
| − | <a href="https://www.youtube.com/channel/UC31qfG4hnm8gRHDCkrBtAiQ"> | + | <a id="soc_1" href="https://www.youtube.com/channel/UC31qfG4hnm8gRHDCkrBtAiQ"> |
| | <img id = "soc" src="https://static.igem.org/mediawiki/2016/2/23/You.png"/> | | <img id = "soc" src="https://static.igem.org/mediawiki/2016/2/23/You.png"/> |
| | </a> | | </a> |
| | </li> | | </li> |
| − | <li class="media_icon" id="soc_2"> | + | <li class="media_icon" > |
| − | <a href="https://www.facebook.com/ExeteriGEM2016/?ref=aymt_homepage_panel"> | + | <a id="soc_2"href="https://www.facebook.com/ExeteriGEM2016/?ref=aymt_homepage_panel"> |
| | <img id = "soc" src="https://static.igem.org/mediawiki/2016/5/51/Fb.png"/> | | <img id = "soc" src="https://static.igem.org/mediawiki/2016/5/51/Fb.png"/> |
| | </a> | | </a> |
| | </li> | | </li> |
| − | <li class="media_icon" id="soc_3"> | + | <li class="media_icon" > |
| − | <a href="https://twitter.com/exeter_igem"> | + | <a id="soc_3" href="https://twitter.com/exeter_igem"> |
| | <img id = "soc" src="https://static.igem.org/mediawiki/2016/7/76/Twit.jpg"/> | | <img id = "soc" src="https://static.igem.org/mediawiki/2016/7/76/Twit.jpg"/> |
| | </a> | | </a> |
| Line 515: |
Line 439: |
| | <div id="scrollPosition" style="display:none;">0</div> | | <div id="scrollPosition" style="display:none;">0</div> |
| | <script> | | <script> |
| − | $(document).ready(function(){
| + | $(document).ready(function(){ |
| | //topnav script | | //topnav script |
| | var width = document.documentElement.clientWidth; | | var width = document.documentElement.clientWidth; |
| Line 551: |
Line 475: |
| | <!--Counter and topnav ends--> | | <!--Counter and topnav ends--> |
| | <!--Content begins--> | | <!--Content begins--> |
| − | <!--VLOG page jQuery-->
| |
| | <script> | | <script> |
| − | $(document).ready(function(){
| + | $(document).ready(function(){ |
| − | $('#March_btn').css("color","#339499");
| + | //Smooth scrolling// |
| − | $(".calendar_btn").click(function(){
| + | $('a[href^="#"]').on('click',function (e) { |
| − | $('#March').css("display","none");
| + | e.preventDefault(); |
| − | $('#April').css("display","none");
| + | |
| − | $('#May').css("display","none");
| + | var target = this.hash; |
| − | $('#June').css("display","none");
| + | var $target = $(target); |
| − | $('#July').css("display","none");
| + | |
| − | $('#August').css("display","none");
| + | $('html, body').stop().animate({ |
| − | $('#September').css("display","none");
| + | 'scrollTop': $target.offset().top |
| − | $('#October').css("display","none");
| + | }, 900, 'swing', function () { |
| − | $('#November').css("display","none");
| + | window.location.hash = target; |
| − | $('.calendar_btn').css("color","#47BCC2");
| + | }); |
| − | });
| + | |
| − | $("#March_btn").click(function(){$('#March').css("display","block");$(this).css("color","#339499");});
| + | |
| − | $("#April_btn").click(function(){$('#April').css("display","block");$(this).css("color","#339499");});
| + | |
| − | $("#May_btn").click(function(){$('#May').css("display","block");$(this).css("color","#339499");});
| + | |
| − | $("#June_btn").click(function(){$('#June').css("display","block");$(this).css("color","#339499");});
| + | |
| − | $("#July_btn").click(function(){$('#July').css("display","block");$(this).css("color","#339499");});
| + | |
| − | $("#August_btn").click(function(){$('#August').css("display","block");$(this).css("color","#339499");});
| + | |
| − | $("#September_btn").click(function(){$('#September').css("display","block");$(this).css("color","#339499");});
| + | |
| − | $("#October_btn").click(function(){$('#October').css("display","block");$(this).css("color","#339499");});
| + | |
| − | $("#November_btn").click(function(){$('#November').css("display","block");$(this).css("color","#339499");});
| + | |
| | }); | | }); |
| | + | //Hides links when clicking on rest of page// |
| | + | //Toggle for picture links// |
| | + | $('.div_m.parts').mouseenter(function () { |
| | + | $('.div_overlay.parts').fadeIn( "fast", "linear" ); |
| | + | event.stopPropagation(); |
| | + | }); |
| | + | $('.div_m.parts').mouseleave(function () { |
| | + | $('.div_overlay.parts').fadeOut( "fast", "linear" ); |
| | + | event.stopPropagation(); |
| | + | }); |
| | + | $('.div_m.team').mouseenter(function () { |
| | + | $('.div_overlay.team').fadeIn( "fast", "linear" ); |
| | + | event.stopPropagation(); |
| | + | }); |
| | + | $('.div_m.team').mouseleave(function () { |
| | + | $('.div_overlay.team').fadeOut( "fast", "linear" ); |
| | + | event.stopPropagation(); |
| | + | }); |
| | + | $('.div_m.project').mouseenter(function () { |
| | + | $('.div_overlay.project').fadeIn( "fast", "linear" ); |
| | + | event.stopPropagation(); |
| | + | }); |
| | + | $('.div_m.project').mouseleave(function () { |
| | + | $('.div_overlay.project').fadeOut( "fast", "linear" ); |
| | + | event.stopPropagation(); |
| | + | }); |
| | + | $('.div_m.modelling').mouseenter(function () { |
| | + | $('.div_overlay.modelling').fadeIn( "fast", "linear" ); |
| | + | event.stopPropagation(); |
| | + | }); |
| | + | $('.div_m.modelling').mouseleave(function () { |
| | + | $('.div_overlay.modelling').fadeOut( "fast", "linear" ); |
| | + | event.stopPropagation(); |
| | + | }); |
| | + | $('.div_m.humanpractices').mouseenter(function () { |
| | + | $('.div_overlay.humanpractices').fadeIn( "fast", "linear" ); |
| | + | event.stopPropagation(); |
| | + | }); |
| | + | $('.div_m.humanpractices').mouseleave(function () { |
| | + | $('.div_overlay.humanpractices').fadeOut( "fast", "linear" ); |
| | + | event.stopPropagation(); |
| | + | }); |
| | + | }); |
| | </script> | | </script> |
| − | <div class="container">
| |
| | <div class="div_vl backgroundimage"> | | <div class="div_vl backgroundimage"> |
| − | <h1 id="title" style="margin-bottom:8vh;">Timeline</h1>
| + | <div style="height:14vh;"> |
| − | <div class="col-xs-0 col-sm-1"></div> | + | <img id="logo_Banner" src="https://static.igem.org/mediawiki/2016/b/b3/T--Exeter--Home_LogoBanner.png"> |
| − | <div class="col-xs-2" style="height:40vh;">
| + | <div class="div_l"> |
| − | <div id="March_btn" class="calendar_btn calendar_selector">March</div> | + | <div class=" div_m parts col- sm- 2 col-xs-6"> |
| − | <div id="April_btn" class="calendar_btn calendar_selector">April</div>
| + | <img src="https://static.igem.org/mediawiki/2016/2/22/T--Exeter--Home_Parts.png" style="max-width:100%;"> |
| − | <div id="May_btn" class="calendar_btn calendar_selector">May</div>
| + | <div id="a_home" class="div_overlay parts col-xs-12"> |
| − | <div id="June_btn" class="calendar_btn calendar_selector">June</div>
| + | |
| − | <div id="July_btn" class="calendar_btn calendar_selector">July</div>
| + | <a id=" a_home" href="# parts" class=" div_overlay parts col-xs- 12"></a> |
| − | <div id="August_btn" class="calendar_btn calendar_selector">August</div>
| + | </div> |
| − | <div id="September_btn" class="calendar_btn calendar_selector">September</div>
| + | |
| − | <div id="October_btn" class="calendar_btn calendar_selector">October</div>
| + | |
| − | <div id="November_btn" class="calendar_btn calendar_selector">November</div>
| + | |
| − | </div>
| + | |
| − | <!--Calendar key-->
| + | |
| − | <div class="calendar" style="float:right;height:20vh;width:14vw;margin-right:2vw;">
| + | |
| − | <div class="col-xs-6 calendar_box date"><span></span></div><div class="col-xs-6">Log entry</div> | + | |
| − | <div class="col- xs- 12" style="height:6vh;"></div> | + | |
| − | <div class="col-xs-6 calendar_box vlog" style="background:none;"><span class="vlog">V</span></div><div class="col-xs-6">Vlog entry</div>
| + | |
| − | <div class="col-xs-12" style="height:6vh;"></div>
| + | |
| − | <div class="col-xs-6 calendar_box grey"><span></span></div><div class="col-xs-6">Easter & Exams</div>
| + | |
| − | </div>
| + | |
| − | <div class="col-sm-0 col-xs-1"></div>
| + | |
| − | <div class="col-xs-9 col-sm-7" style="margin-bottom:30vh;height:10vh;">
| + | |
| − | <div class="row calendar_header">
| + | |
| − | <div class="col-xs-0 col-sm-3"></div>
| + | |
| − | <div class="col-xs-1 calendar_space"><span>S</span></div>
| + | |
| − | <div class="col-xs-1 calendar_space"><span>M</span></div>
| + | |
| − | <div class="col-xs-1 calendar_space"><span>T</span></div>
| + | |
| − | <div class="col-xs-1 calendar_space"><span>W</span></div>
| + | |
| − | <div class="col-xs-1 calendar_space"><span>T</span></div>
| + | |
| − | <div class="col-xs-1 calendar_space"><span>F</span></div>
| + | |
| − | <div class="col-xs-1 calendar_space"><span>S</span></div>
| + | |
| − | <div class="col-xs-2"></div>
| + | |
| − | </div>
| + | |
| − | <div id="March" class="month">
| + | |
| − | <div class="row" style="padding:0;margin:0;">
| + | |
| − | <div class="col-xs-0 col-sm-3"></div> | + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | |
| − | <a id="" href="#" class="col-xs- 1 calendar_box top left" ><span>1</span></a> | + | |
| − | <a id="" href="#" class="col-xs-1 calendar_link date top"><span>2</span></a> | + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box top"><span>3</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box top"><span>4</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box top right"><span>5</span></a>
| + | |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | |
| | </div> | | </div> |
| − | <div class="row" style="padding:0;margin:0;"> | + | <div class="div_m project col-sm-2 col-xs-6"> |
| − | <div class="col-xs-0 col-sm-3"></div>
| + | <img src="https://static.igem.org/mediawiki/2016/6/6b/T--Exeter--Home_project_2.png" style="max-width:100%;"> |
| − | <a id="" href="#" class="col-xs-1 calendar_box left top"><span>6</span></a>
| + | <div id="a_home" class="div_overlay project col-xs-12"> |
| − | <a id="" href="#" class="col-xs-1 calendar_box top"><span>7</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>8</span></a> | + | <a id=" a_home" href="# project" class=" div_overlay project col-xs- 12"></a> |
| − | <a id="" href="#" class="col-xs-1 calendar_link date"><span>9</span></a>
| + | </div> |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>10</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>11</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box right"><span>12</span></a>
| + | |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | |
| − | </div>
| + | |
| − | <div class="row" style="padding:0;margin:0;">
| + | |
| − | <div class="col-xs-0 col-sm-3"></div>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box left"><span>13</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>14</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>15</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_link date"><span>16</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>17</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_link date"><span>18</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box right"><span>19</span></a>
| + | |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | |
| − | </div>
| + | |
| − | <div class="row" style="padding:0;margin:0;">
| + | |
| − | <div class="col-xs-0 col-sm-3"></div>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box left"><span>20</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>21</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_link date"><span>22</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_link date"><span>23</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>24</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box bottom"><span>25</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey right bottom"><span>26</span></a>
| + | |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | |
| − | </div>
| + | |
| − | <div class="row" style="padding:0;margin:0;">
| + | |
| − | <div class="col-xs-0 col-sm-3"></div>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey left bottom"><span>27</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey bottom"><span>28</span></a>
| + | |
| − | <a id="" href="#31.5.16" class="col-xs-1 calendar_box grey bottom"><span>29</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey bottom"><span>30</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey bottom right"><span>31</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div id="April" class="month">
| + | |
| − | <div class="row" style="padding:0;margin:0;">
| + | |
| − | <div class="col-xs-0 col-sm-3"></div> | + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | |
| − | <a id="" href="#" class="col-xs- 1 calendar_space" ><span></span></a> | + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a> | + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey top left"><span>1</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey top right"><span>2</span></a>
| + | |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | |
| | </div> | | </div> |
| − | <div class="row" style="padding:0;margin:0;"> | + | <div class="div_m team col-sm-4 col-xs-12"> |
| − | <div class="col-xs-0 col-sm-3"></div>
| + | <img src="https://static.igem.org/mediawiki/2016/e/ec/T--Exeter--Home_Team_2.png" style="max-width:100%;"> |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey left top"><span>3</span></a>
| + | <div id="a_home" class="div_overlay team col-xs-12"> |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey top"><span>4</span></a> | + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey top"><span>5</span></a>
| + | <a id=" a_home" href="# team" class=" div_overlay team col-xs- 12"></a> |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey top"><span>6</span></a>
| + | </div> |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey top"><span>7</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey"><span>8</span></a> | + | |
| − | <a id="" href="#" class="col-xs- 1 calendar_box grey right" ><span>9</span></a> | + | |
| − | <div class="col-sm-2 col-xs-0"></div> | + | |
| | </div> | | </div> |
| − | <div class="row" style="padding:0;margin:0;"> | + | <div class="div_m humanpractices col-sm-2 col-xs-6"> |
| − | <div class="col-xs-0 col-sm-3"></div>
| + | <img src="https://static.igem.org/mediawiki/2016/e/ea/T--Exeter--Home_Humanpractices.png" style="max-width:100%;"> |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey left"><span>10</span></a>
| + | <div id="a_home" class="div_overlay humanpractices col-xs-12"> |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey"><span>11</span></a> | + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey"><span>12</span></a>
| + | <a id=" a_home" href="# humanpractices" class=" div_overlay humanpractices col-xs- 12"></a> |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey"><span>13</span></a>
| + | </div> |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey"><span>14</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey"><span>15</span></a> | + | |
| − | <a id="" href="#" class="col-xs- 1 calendar_box grey right" ><span>16</span></a> | + | |
| − | <div class="col-sm-2 col-xs-0"></div> | + | |
| | </div> | | </div> |
| − | <div class="row" style="padding:0;margin:0;"> | + | <div class="div_m modelling col-sm-2 col-xs-6"> |
| − | <div class="col-xs-0 col-sm-3"></div>
| + | <img src="https://static.igem.org/mediawiki/2016/8/8b/T--Exeter--Home_Modelling.png" style="max-width:100%;"> |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey left"><span>17</span></a>
| + | <div id="a_home" class="div_overlay modelling col-xs-12"> |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey"><span>18</span></a> | + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey"><span>19</span></a>
| + | <a id=" a_home" href="# modelling" class=" div_overlay modelling col-xs- 12"></a> |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey"><span>20</span></a>
| + | </div> |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey"><span>21</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey"><span>22</span></a> | + | |
| − | <a id="" href="#" class="col-xs- 1 calendar_box grey right" ><span>23</span></a> | + | |
| − | <div class="col-sm-2 col-xs-0"></div> | + | |
| | </div> | | </div> |
| − | <div class="row" style="padding:0;margin:0;"> | + | <div> |
| − | <div class="col-xs-0 col-sm-3"></div>
| + | <a id="Section_link" href="#project" style="display:block;margin:20px auto 0 auto;width:14px;"><span style="color:#47BCC2;font-size: 25px;" class="glyphicon glyphicon-menu-down" aria-hidden="true"></span></a> |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey left bottom"><span>24</span></a> | + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey bottom"><span>25</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey bottom"><span>26</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey bottom"><span>27</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey bottom"><span>28</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey bottom"><span>29</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey right bottom"><span>30</span></a>
| + | |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | |
| | </div> | | </div> |
| | </div> | | </div> |
| − | <div id="May" class="month"> | + | </div> |
| − | <div class="row" style="padding:0;margin:0;"> | + | </div> |
| − | <div class=" col-xs-0 col-sm-3">< /div > | + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey top left"><span>1</span></a>
| + | <div class="col-xs- 12 div_content"> |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey top"><span>2</span></a>
| + | <div id="project" class="link_fix"></div> |
| − | <a id="" href=" #" class="col-xs-1 calendar_box grey top"><span>3</ span></ a> | + | <a href=" https:// 2016.igem.org/ Team:Exeter/ Project" id=" sectionGap"> |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey top"><span>4</span></a>
| + | Project |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey top"><span>5</span></a>
| + | </a> |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey top"><span>6</span></a>
| + | <!--Sorted out #pp styling--> |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey top right"><span>7</span></a> | + | <p id="pp"> |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | <!--P1-->Biosafety is an important issue facing synthetic biology. Concerns surrounding synthetic organisms escaping into the environment has prompted the development of novel methods of bio-containment. Despite this, kill switches - inducible genetic devices that cause cell death - are poorly categorised in the standard registry of genetic parts. There is a distinct lack of quantitative data which prevents them being used with confidence.</p> |
| − | </div> | + | |
| − | <div class="row" style="padding:0;margin:0;">
| + | <p id="pp">Many iGEM projects that focus on bioremediation or require an organism to be released from the lab use kill switches to address concerns about the effect of GMOs on the environment. Our project seeks to investigate the effectiveness of different types of kill switch.We want to quantify their robustness after several generations and compare the stability of these devices when integrated into the genome or carried on a plasmid. We are testing three types of kill switch: a chemical kill switch using the fluorescent proteins KillerOrange and KillerRed, an enzymatic kill switch that lyses the cell on production and a DNAse kill switch that targets DNA disruption. |
| − | <div class="col-xs-0 col-sm-3"></div>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey left"><span>8</span></a> | + | </p> |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey"><span>9</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey"><span>10</span></a>
| + | < !--<div class="col- sm- 4 col-xs- 12"> |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey"><span>11</span></a>
| + | <img src="https://static.igem.org/mediawiki/2016/a/ad/T--Exeter--Home_project_img.jpg" style="max-width:40%;float:right;display:block;padding-left:30px;"> |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey"><span>12</span></a>
| + | </div>--> |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey"><span>13</span></a>
| + | <div class="col-xs-12"> |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey right"><span>14</span></a>
| + | |
| − | <div class="col-sm-2 col-xs-0"></div> | + | <!--Positions "Next Section" arrow in div--> |
| − | </div>
| + | </div> |
| − | <div class="row" style="padding:0;margin:0;"> | + | |
| − | <div class="col-xs-0 col-sm-3"></div>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey left"><span>15</span></a>
| + | </p> |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey"><span>16</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey"><span>17</span></a> | + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey"><span>18</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey"><span>19</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey"><span>20</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey right"><span>21</span></a>
| + | |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | <!--Positions "Next Section" arrow in div--> |
| − | </div>
| + | <div> |
| − | <div class="row" style="padding:0;margin:0;">
| + | <a id=" Section_link" href="# humanpractices" style=" display:block;margin:20px auto 0 auto;width:14px;"><span style=" color:# 47BCC2;font-size: 25px;" class=" glyphicon glyphicon- menu- down" aria-hidden=" true"></span></a> |
| − | <div class="col-xs-0 col-sm-3"></div>
| + | </div> |
| − | <a id="" href="#" class="col-xs-1 calendar_box grey left"><span>22</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_link date"><span>23</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_link date"><span>24</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_link date bottom"><span>25</span></a> | + | |
| − | <a id="" href="#" class="col-xs-1 calendar_link date bottom"><span>26</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_link date bottom"><span>27</span></a> | + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box right bottom"><span>28</span></a>
| + | |
| − | <div class="col-sm-2 col-xs-0"></div> | + | |
| − | </div> | + | |
| − | <div class="row" style="padding:0;margin:0;"> | + | |
| − | <div class="col-xs-0 col-sm-3"></div> | + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box left bottom"><span>29</span></a> | + | |
| − | <a id="" href="#" class="col-xs-1 calendar_link date bottom"><span>30</span></a> | + | |
| − | <a id="" href="#31.5.16" class="col-xs-1 calendar_link date vlog bottom right"><span class="vlog">V</span><span>31</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a> | + | |
| − | <a id="" href="#" class=" col-xs-1 calendar_space"><span ></span></a> | + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | |
| − | <div class="col-sm-2 col-xs-0"></div> | + | |
| | </div> | | </div> |
| | </div> | | </div> |
| − | <div id="June" class="month"> | + | <div class="col-xs-12 div_content"> |
| − | <div class="row" style="padding:0;margin:0;">
| + | <div id=" humanpractices" class=" link_fix"></ div> |
| − | <div class="col-xs- 0 col-sm-3">< /div > | + | <a href=" https:// 2016. igem. org/ Team:Exeter/ Human_Practices" id=" sectionGap"> |
| − | <a id="" href="#" class="col-xs-1 calendar_space"></a>
| + | Human Practices |
| − | <a id="" href=" #" class="col-xs-1 calendar_space"></ a> | + | </a> |
| − | <a id="" href="#" class="col-xs-1 calendar_space"></a>
| + | |
| − | <a id="1.6.16" href="#" class="col-xs-1 calendar_link date vlog top left"><span class="vlog">V</span><span>1</span></a>
| + | <p id="pp" style="padding-left:40px;"> |
| − | <a id="2.6.16" href="#" class="col-xs-1 calendar_link date vlog top"><span class="vlog">V</span><span>2</span></a>
| + | <!--P1-->Our Human Practices is centred around improving public engagement and tackling the lack of education of synthetic biology in the UK and overseas. In particular we are targeting education at a secondary school and university level, focusing on the interdisciplinary nature of the subject and assessing diversity. We want to highlight the benefits and potential applications of this new scientific field, as well as trying to uncover the reasons why synthetic biology doesn’t get as much positive attention as it should have.</p> |
| − | <a id="" href="#" class="col-xs-1 calendar_link date top"><span>3</span></a> | + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box top right"><span>4</span></a>
| + | <p id="pp"> |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | <!--P1-->We are working hard to introduce a new synthetic biology module to The University of Exeter’s curriculum, which will be available to students as soon as September 2017. For school children we have created a board game, BioMech, which educates students in key synthetic biology concepts in an easy to understand and engaging way. Furthermore, we have visited school and fairs, giving talks and running workshops where we aim to give children an introduction to what synthetic biology is and how it already affects their lives for the better.</p> |
| − | </div> | + | |
| − | <div class="row" style="padding:0;margin:0;">
| + | <p id="pp"> |
| − | <div class="col-xs-0 col-sm-3"></div>
| + | <!--P1-->By interviewing researchers, academics and other professionals within the scientific community and presenting their opinions in a fun and educational way, we hope to have made synthetic biology a more attractive discipline to the general public. |
| − | <a id="" href="#" class="col-xs-1 calendar_box left top"><span>1</span></a>
| + | |
| − | <a id="6.6.16" href="#" class="col-xs-1 calendar_link date vlog top"><span class="vlog">V</span><span>6</span></a>
| + | </p> |
| − | <a id="7.6.16" href="#" class="col-xs-1 calendar_link date vlog top"><span class="vlog">V</span><span>7</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_link date"><span>8</span></a>
| + | |
| − | <a id="9.6.16" href="#" class="col-xs-1 calendar_link date vlog"><span class="vlog">V</span><span>9</span></a>
| + | <!--Manually adjust padding on this paragraph to be equal to the paragraph above--> |
| − | <a id="10.6.16" href="#" class="col-xs-1 calendar_link date vlog"><span class="vlog">V</span><span>10</span></a>
| + | <!--As padding is done by % a 12 column div has larger padding than an 8 and 4 column div as above--> |
| − | <a id="" href="#" class="col-xs-1 calendar_box right"><span>11</span></a>
| + | <!--Positions "Next Section" arrow in div--> |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | <div> |
| − | </div>
| + | <a id=" Section_link" href="# parts" style=" display: block;margin: 20px auto 0 auto;width:14px;"><span style=" color:# 47BCC2;font- size: 25px;" class=" glyphicon glyphicon- menu- down" aria- hidden=" true"></span></a> |
| − | <div class="row" style="padding:0;margin:0;">
| + | </div> |
| − | <div class="col-xs-0 col-sm-3"></div>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box left"><span>12</span></a>
| + | |
| − | <a id="13.6.16" href="#" class="col-xs-1 calendar_link date vlog"><span class="vlog">V</span><span>13</span></a>
| + | |
| − | <a id="14.6.16" href="#" class="col-xs-1 calendar_link date vlog"><span class="vlog">V</span><span>14</span></a>
| + | |
| − | <a id="15.6.16" href="#" class="col-xs-1 calendar_link date vlog"><span class="vlog">V</span><span>15</span></a>
| + | |
| − | <a id="16.6.16" href="#" class="col-xs-1 calendar_link date vlog"><span class="vlog">V</span><span>16</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_link date"><span>17</span></a> | + | |
| − | <a id="" href="#" class="col-xs-1 calendar_link date right"><span>18</span></a>
| + | |
| − | <div class=" col-sm-2 col-xs- 0"></div> | + | |
| − | </div>
| + | |
| − | <div class="row" style="padding:0;margin:0;">
| + | |
| − | <div class="col-xs-0 col-sm-3"></div> | + | |
| − | <a id="" href="#" class="col-xs-1 calendar_link date left"><span>19</span></a> | + | |
| − | <a id="" href="#" class="col-xs-1 calendar_link date"><span>20</span></a>
| + | |
| − | <a id="21.6.16" href="#" class="col-xs-1 calendar_link date vlog"><span class="vlog">V</span><span>21</span></a> | + | |
| − | <a id="22.6.16" href="#" class="col-xs-1 calendar_link date vlog"><span class="vlog">V</span><span>22</span></a>
| + | |
| − | <a id="23.6.16" href="#" class="col-xs-1 calendar_link date vlog"><span class="vlog">V</span><span>23</span></a> | + | |
| − | <a id="" href="# " class="col-xs-1 calendar_link date bottom"><span>24</span></a> | + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box bottom right"><span>25</span></a>
| + | |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | |
| − | </div>
| + | |
| − | <div class="row" style="padding:0;margin:0;">
| + | |
| − | <div class="col-xs-0 col-sm-3"></div>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box left bottom"><span>26</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_link date bottom"><span>27</span></a>
| + | |
| − | <a id="28.6.16" href="#" class="col-xs-1 calendar_link date vlog bottom"><span class="vlog">V</span><span>28</span></a>
| + | |
| − | <a id="29.6.16" href="#" class="col-xs-1 calendar_link date vlog bottom"><span class="vlog">V</span><span>29</span></a>
| + | |
| − | <a id="30.6.16" href="#" class="col-xs-1 calendar_link date vlog bottom right"><span class="vlog">V</span><span>30</span></a> | + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | |
| | </div> | | </div> |
| | </div> | | </div> |
| − | <div id="July" class="month"> | + | <div class="col-xs-12 div_content"> |
| − | <div class="row" style="padding:0;margin:0;">
| + | <div id=" parts" class=" link_fix"></ div> |
| − | <div class="col-xs- 0 col-sm-3">< /div > | + | <a href=" https:// 2016.igem.org/ Team:Exeter/ Parts" id=" sectionGap"> |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | Parts |
| − | <a id="" href=" #" class="col-xs-1 calendar_space"><span></ span></ a> | + | </a> |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | <div class="col-xs-8"> |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | <p id="pp" style="padding-left:40px;"> |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a> | + | <!--P1--> |
| − | <a id="" href="#" class="col-xs-1 calendar_link date left top"><span>1</span></a>
| + | </p> |
| − | <a id="" href="#" class="col-xs-1 calendar_box top right"><span>2</span></a> | + | |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | |
| | </div> | | </div> |
| − | <div class="row" style="padding:0;margin:0;"> | + | <!--Positions "Next Section" arrow in div--> |
| − | <div class="col-xs-0 col-sm-3"></div>
| + | <div> |
| − | <a id="" href="#" class="col-xs-1 calendar_box left top"><span>3</span></a>
| + | <a id="Section_link" href="#team" style="display:block;margin:20px auto 0 auto;width:14px;"><span style="color:#47BCC2;font-size: 25px;" class="glyphicon glyphicon-menu-down" aria-hidden="true"></span></a> |
| − | <a id="4.7.16" href="#" class="col-xs-1 calendar_link date vlog top"><span class="vlog">V</span><span>4</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_link date top"><span>5</span></a>
| + | |
| − | <a id="6.7.16" href="#" class="col-xs-1 calendar_link date vlog top"><span class="vlog">V</span><span>6</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_link date top"><span>7</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_link date"><span>8</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box right"><span>9</span></a>
| + | |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | |
| − | </div> | + | |
| − | <div class="row" style="padding:0;margin:0;">
| + | |
| − | <div class="col-xs-0 col-sm-3"></div>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box left"><span>10</span></a> | + | |
| − | <a id="11.7.16" href="#" class="col-xs-1 calendar_link date vlog"><span class="vlog">V</span><span>11</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_link date"><span>12</span></a>
| + | |
| − | <a id="13.7.16" href="#" class="col-xs-1 calendar_link date vlog"><span class="vlog">V</span><span>13</span></a>
| + | |
| − | <a id="14.7.16" href="#" class="col-xs-1 calendar_link date vlog"><span class="vlog">V</span><span>14</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_link date"><span>15</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box right"><span>16</span></a>
| + | |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | |
| − | </div>
| + | |
| − | <div class="row" style="padding:0;margin:0;">
| + | |
| − | <div class="col-xs-0 col-sm-3"></div>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box left"><span>17</span></a>
| + | |
| − | <a id="18.7.16" href="#" class="col-xs-1 calendar_link date vlog"><span><span class="vlog">V</span>18</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_link date"><span>19</span></a>
| + | |
| − | <a id="20.7.16" href="#" class="col-xs-1 calendar_link date vlog"><span><span class="vlog">V</span>20</span></a>
| + | |
| − | <a id="21.7.16" href="#" class="col-xs-1 calendar_link date vlog"><span class="vlog">V</span><span>21</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_link date"><span>22</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box right"><span>23</span></a>
| + | |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | |
| − | </div>
| + | |
| − | <div class="row" style="padding:0;margin:0;">
| + | |
| − | <div class="col-xs-0 col-sm-3"></div>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box left"><span>24</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_link date bottom"><span>25</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_link date bottom"><span>26</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_link date bottom"><span>27</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_link date bottom"><span>28</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_link date bottom"><span>29</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box bottom right"><span>30</span></a>
| + | |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | |
| − | </div>
| + | |
| − | <div class="row" style="padding:0;margin:0;">
| + | |
| − | <div class="col-xs-0 col-sm-3"></div>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box bottom left right"><span>31</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | |
| | </div> | | </div> |
| | </div> | | </div> |
| − | <div id="August" class="month"> | + | <div class="col-xs-12 div_content"> |
| − | <div class="row" style="padding:0;margin:0;"> | + | <div id="team" class="link_fix"></div> |
| − | <div class="col-xs-0 col-sm-3"></div>
| + | <a href=" https:// 2016. igem. org/Team:Exeter/Team" id=" sectionGap"> |
| − | <a id="" href=" #" class="col-xs-1 calendar_space"><span></ span></ a> | + | Team |
| − | <a id="1.8.16" href="#" class="col-xs-1 calendar_link vlog left top"><span class="vlog">V</span><span>1</span></a>
| + | </a> |
| − | <a id="" href="#" class="col-xs-1 calendar_box top"><span>2</span></a>
| + | <div class="col-sm-8 col-xs-12"> |
| − | <a id="3.8.16" href="#" class="col-xs-1 calendar_link vlog top"><span class="vlog">V</span><span>3</span></a> | + | <!--Manually adding pixel padding over percent. This is because--> |
| − | <a id="" href="#" class="col-xs-1 calendar_box top"><span>4</span></a> | + | <!--When using columns of different sizes, the percentage margin--> |
| − | <a id="" href="#" class="col-xs-1 calendar_box top"><span>5</span></a> | + | <!--used in #pp causes two paragraphs to be out of line.--> |
| − | <a id="" href="#" class="col-xs-1 calendar_box top right"><span>6</span></a> | + | <p id="pp" style="padding-left:40px;"> |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | <!--P1--> |
| | + | </p> |
| | </div> | | </div> |
| − | <div class="row" style="padding:0;margin:0;"> | + | <div class="col-sm-4 col-xs-12"> |
| − | <div class="col-xs-0 col-sm-3"></div>
| + | <img src="pic6.png" style="max-width:70%;"> |
| − | <a id="" href="#" class="col-xs-1 calendar_box left top"><span>7</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>8</span></a> | + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>9</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>10</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>11</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>12</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box right"><span>13</span></a>
| + | |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | |
| | </div> | | </div> |
| − | <div class="row" style="padding:0;margin:0;"> | + | <div class="col-xs-12"> |
| − | <div class="col-xs- 0 col-sm-3" ></div> | + | <p id="pp" style="padding-left:40px;"> |
| − | <a id="" href="#" class="col-xs-1 calendar_box left"><span>14</span></a> | + | <!--P2--> |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>15</span></a>
| + | </p> |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>16</span></a>
| + | <!--Positions "Next Section" arrow in div--> |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>17</span></a> | + | <div> |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>18</span></a> | + | <a id=" Section_link" href="# modelling" style=" display: block;margin: 20px auto 0 auto;width:14px;"><span style=" color:# 47BCC2;font- size: 25px;" class=" glyphicon glyphicon- menu- down" aria- hidden=" true"></span></a> |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>19</span></a>
| + | </div> |
| − | <a id="" href="#" class="col-xs-1 calendar_box right"><span>20</span></a>
| + | |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | |
| − | </div>
| + | |
| − | <div class="row" style="padding:0;margin:0;">
| + | |
| − | <div class="col-xs-0 col-sm-3"></div> | + | |
| − | <a id="" href="# " class="col-xs-1 calendar_box left"><span>21</span></a> | + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>22</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>23</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>24</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box bottom"><span>25</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box bottom"><span>26</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box bottom right"><span>27</span></a>
| + | |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | |
| − | </div>
| + | |
| − | <div class="row" style="padding:0;margin:0;">
| + | |
| − | <div class="col-xs-0 col-sm-3"></div>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box left bottom"><span>28</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box bottom"><span>29</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box bottom"><span>30</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box bottom right"><span>31</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a> | + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | |
| | </div> | | </div> |
| | </div> | | </div> |
| − | <div id="September" class="month"> | + | <div class="col-xs-12 div_content"> |
| − | <div class="row" style="padding:0;margin:0;">
| + | <div id="modelling" class="link_fix"></div> |
| − | <div class="col-xs- 0 col-sm-3" ></div> | + | <a href="https://2016.igem.org/Team:Exeter/Modelling" id="sectionGap"> |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | Modelling |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | </a> |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | <hr style="width:95%;display:block;margin:0 auto;" /> |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | <div class="col-xs-12"> |
| − | <a id="" href="#" class="col-xs-1 calendar_box left top"><span>1</span></a>
| + | <p id="pp" style="padding-left:40px;"> |
| − | <a id="" href="#" class="col-xs-1 calendar_box top"><span>2</span></a>
| + | <!--P1--> |
| − | <a id="" href="#" class="col-xs-1 calendar_box top right"><span>3</span></a>
| + | </p> |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | <!--Positions "Next Section" arrow in div--> |
| − | </div> | + | <div> |
| − | <div class="row" style="padding:0;margin:0;">
| + | <a id=" Section_link" href="# modelling" style=" display: block;margin: 20px auto 0 auto; width: 14px;"><span style=" color:# 47BCC2; font- size: 25px;" class=" glyphicon glyphicon- menu- down" aria- hidden=" true"></span></a> |
| − | <div class="col-xs-0 col-sm-3"></div>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box left top"><span>4</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box top"><span>5</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box top"><span>6</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box top"><span>7</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>8</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>9</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box right"><span>10</span></a>
| + | |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | |
| − | </div> | + | |
| − | <div class="row" style="padding:0;margin:0;">
| + | |
| − | <div class="col-xs-0 col-sm-3"></div>
| + | |
| − | <a id="" href=" #" class="col-xs-1 calendar_box left"><span>11</ span></ a> | + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>12</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>13</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>14</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>15</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>16</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box right"><span>17</span></a>
| + | |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | |
| − | </div>
| + | |
| − | <div class="row" style="padding:0;margin:0;">
| + | |
| − | <div class="col-xs-0 col-sm-3"></div>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box left"><span>18</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>19</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>20</span></a> | + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>21</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>22</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>23</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box bottom right"><span>124</span></a>
| + | |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | |
| − | </div> | + | |
| − | <div class="row" style="padding:0;margin:0;">
| + | |
| − | <div class="col-xs-0 col-sm-3"></div>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box left bottom"><span>25</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box bottom"><span>26</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box bottom"><span>27</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box bottom"><span>28</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box bottom"><span>29</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box bottom right"><span>30</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | |
| − | </div> | + | |
| − | </div>
| + | |
| − | <div id="October" class="month">
| + | |
| − | <div class="row" style="padding:0;margin:0;">
| + | |
| − | <div class="col-xs-0 col-sm-3"></div>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box left top right"><span>1</span></a>
| + | |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | |
| − | </div>
| + | |
| − | <div class="row" style="padding:0;margin:0;">
| + | |
| − | <div class="col-xs-0 col-sm-3"></div>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box left top"><span>2</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box top"><span>3</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box top"><span>4</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box top"><span>5</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box top"><span>6</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box top"><span>7</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box right"><span>8</span></a>
| + | |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | |
| − | </div>
| + | |
| − | <div class="row" style="padding:0;margin:0;"> | + | |
| − | <div class="col-xs- 0 col-sm-3"></div> | + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box left"><span>9</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>10</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>11</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>12</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>13</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>14</span></a> | + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box right"><span>15</span></a>
| + | |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | |
| − | </div>
| + | |
| − | <div class="row" style="padding:0;margin:0;">
| + | |
| − | <div class="col-xs-0 col-sm-3"></div>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box left"><span>16</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>17</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>18</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>19</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>20</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>21</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box right"><span>22</span></a>
| + | |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | |
| − | </div>
| + | |
| − | <div class="row" style="padding:0;margin:0;">
| + | |
| − | <div class="col-xs-0 col-sm-3"></div>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box left"><span>23</span></a> | + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>24</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box bottom"><span>25</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box bottom"><span>26</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box bottom"><span>27</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box bottom"><span>28</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box bottom right"><span>29</span></a>
| + | |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | |
| − | </div>
| + | |
| − | <div class="row" style="padding:0;margin:0;">
| + | |
| − | <div class="col-xs-0 col-sm-3"></div> | + | |
| − | <a id="" href="# " class="col-xs-1 calendar_box left bottom"><span>30</span></a> | + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box right bottom"><span>31</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div id="November" class="month">
| + | |
| − | <div class="row" style="padding:0;margin:0;">
| + | |
| − | <div class="col-xs-0 col-sm-3"></div>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box left top"><span>1</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box top"><span>2</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box top"><span>3</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box top"><span>4</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box top right"><span>5</span></a>
| + | |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | |
| − | </div>
| + | |
| − | <div class="row" style="padding:0;margin:0;">
| + | |
| − | <div class="col-xs-0 col-sm-3"></div>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box top left"><span>6</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box top"><span>7</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>8</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>9</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>10</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>11</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box right"><span>12</span></a>
| + | |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | |
| − | </div>
| + | |
| − | <div class="row" style="padding:0;margin:0;">
| + | |
| − | <div class="col-xs-0 col-sm-3"></div>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box left"><span>13</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>14</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>15</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>16</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>17</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>18</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box right"><span>19</span></a>
| + | |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | |
| − | </div>
| + | |
| − | <div class="row" style="padding:0;margin:0;">
| + | |
| − | <div class="col-xs-0 col-sm-3"></div>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box left"><span>20</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>21</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>22</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box"><span>23</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box bottom"><span>24</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box bottom"><span>25</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box bottom right"><span>26</span></a>
| + | |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | |
| − | </div>
| + | |
| − | <div class="row" style="padding:0;margin:0;">
| + | |
| − | <div class="col-xs-0 col-sm-3"></div>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box left bottom"><span>27</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box bottom"><span>28</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box bottom"><span>29</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_box bottom right"><span>30</span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | |
| − | <a id="" href="#" class="col-xs-1 calendar_space"><span></span></a>
| + | |
| − | <div class="col-sm-2 col-xs-0"></div>
| + | |
| | </div> | | </div> |
| | </div> | | </div> |
| | </div> | | </div> |
| − | <div>
| + | |
| − | <a id="Section_link" href="#31.5.16" style="display:block;margin:20px auto 0 auto;width:14px;"><span style="color:#47BCC2;font-size: 25px;" class="glyphicon glyphicon-menu-down" aria-hidden="true"></span></a>
| + | |
| | </div> | | </div> |
| | </div> | | </div> |
| − | <div class="col-xs-12 div_content">
| + | |
| − | <div id="31.5.16" class="link_fix"></div>
| + | |
| − | <div id="contentTitle">
| + | |
| − | 31<sup>st</sup> of May
| + | |
| − | </div>
| + | |
| − | <div class="col-xs-12 div_video">
| + | |
| − | </div>
| + | |
| − | <div class="col-xs-12 div_log">
| + | |
| − | <p id="pp">
| + | |
| − | Log entry if applicable.
| + | |
| − | </p>
| + | |
| − | </div>
| + | |
| − | <div>
| + | |
| − | <a id="Section_link" href="#section2" style="display:block;margin:20px auto 0 auto;width:14px;"><span style="color:#47BCC2;font-size: 25px;" class="glyphicon glyphicon-menu-down" aria-hidden="true"></span></a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − |
| + | |
| − | </div>
| + | |
| | <!--Content Ends--> | | <!--Content Ends--> |
| | <nav id="topnav" class="nav-navbar" style="right:2px;"> | | <nav id="topnav" class="nav-navbar" style="right:2px;"> |
| Line 1,195: |
Line 725: |
| | </a> | | </a> |
| | </footer> | | </footer> |
| − | <!--numbr 1: i cant get your toplink to show number 2: weird grey bar on toggle menue-->
| |
| | </body> | | </body> |
| | | | |
| | </html> | | </html> |
