AndrewWild (Talk | contribs) |
AndrewWild (Talk | contribs) |
||
Line 220: | Line 220: | ||
} | } | ||
#pp{ | #pp{ | ||
− | padding-top: | + | padding-top:3%; |
− | padding-right: | + | padding-left:5%; |
− | padding- | + | padding-right:5%; |
+ | padding-bottom:1%; | ||
font-size:150%; | font-size:150%; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
/**page content styling starts**/ | /**page content styling starts**/ | ||
Line 273: | Line 234: | ||
border-style:none; | border-style:none; | ||
} | } | ||
− | # | + | #Section_Link, #Section_Link:visited{ |
− | + | display:block; | |
− | + | margin:0 auto 10px auto; | |
− | + | width:14px; | |
− | + | ||
} | } | ||
− | # | + | #Section_Link:hover{ |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
#sectionGap, #sectionGap:focus, #contentTitle{ | #sectionGap, #sectionGap:focus, #contentTitle{ | ||
Line 304: | Line 262: | ||
padding:0; | padding:0; | ||
} | } | ||
− | . | + | .div_vl{ |
− | padding: | + | padding-top:2%; |
− | + | height:35vw; | |
+ | 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; | |
} | } | ||
#title{ | #title{ | ||
Line 316: | Line 283: | ||
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 324: | Line 342: | ||
/*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 type="text/css"> | <style type="text/css"> | ||
− | + | .calendar_selector{ | |
− | . | + | font-size:3vh; |
− | + | color:#47BCC2; | |
− | + | cursor:pointer; | |
− | + | ||
} | } | ||
− | + | .calendar_header{ | |
− | . | + | margin:0 0 1vh 0; |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
padding:0; | padding:0; | ||
− | + | } | |
− | + | .month{ | |
− | + | ||
− | + | ||
− | + | ||
display:none; | display:none; | ||
} | } | ||
− | # | + | /*Sets March to display on page loadup*/ |
+ | #March{ | ||
display:block; | display:block; | ||
− | |||
− | |||
} | } | ||
− | . | + | .calendar_space{ |
− | + | background:none; | |
− | height: | + | height:6h; |
− | width: | + | width:6vh; |
display:block; | display:block; | ||
− | + | font-size:2.5vh; | |
− | + | vertical-align:bottom; | |
+ | position:relative; | ||
} | } | ||
− | . | + | .calendar_space span{ |
− | + | position: absolute; | |
− | + | bottom: 0; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | . | + | .calendar_box, calendar_box:visited, .calendar_box:active, calendar_box:focus, .calendar_link{ |
− | + | background:#eee; | |
− | + | border-style:solid; | |
− | cursor:pointer; | + | border-width:1px; |
+ | 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; | ||
} | } | ||
− | |||
@media (max-width: 767px){ | @media (max-width: 767px){ | ||
− | . | + | .calendar{ |
− | + | ||
− | + | ||
− | + | ||
display:none; | display:none; | ||
− | } | + | } |
− | + | .calendar_space, .calendar_box, .calendar_link{ | |
− | + | height:4vh; | |
+ | wdith:4vh; | ||
} | } | ||
} | } | ||
Line 414: | Line 488: | ||
<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> | |
− | + | ||
</ul> | </ul> | ||
<ul class="nav navbar-nav navbar-right" > | <ul class="nav navbar-nav navbar-right" > | ||
− | <li class="media_icon" | + | <li class="media_icon" id="soc_1"> |
− | + | <a 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" | + | <li class="media_icon" id="soc_2"> |
− | + | <a 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" | + | <li class="media_icon" id="soc_3"> |
− | + | <a 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 442: | Line 515: | ||
<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 478: | Line 551: | ||
<!--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"); | |
− | + | $(".calendar_btn").click(function(){ | |
− | + | $('#March').css("display","none"); | |
− | + | $('#April').css("display","none"); | |
− | + | $('#May').css("display","none"); | |
− | + | $('#June').css("display","none"); | |
− | + | $('#July').css("display","none"); | |
− | + | $('#August').css("display","none"); | |
− | + | $('#September').css("display","none"); | |
− | + | $('#October').css("display","none"); | |
− | + | $('#November').css("display","none"); | |
− | + | $('.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");}); | ||
}); | }); | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</script> | </script> | ||
+ | <div class="container"> | ||
<div class="div_vl backgroundimage"> | <div class="div_vl backgroundimage"> | ||
− | <div style="height: | + | <h1 id="title" style="margin-bottom:8vh;">Timeline</h1> |
− | < | + | <div class="col-xs-0 col-sm-1"></div> |
− | <div class=" | + | <div class="col-xs-2" style="height:40vh;"> |
− | + | <div id="March_btn" class="calendar_btn calendar_selector">March</div> | |
− | + | <div id="April_btn" class="calendar_btn calendar_selector">April</div> | |
− | <div id=" | + | <div id="May_btn" class="calendar_btn calendar_selector">May</div> |
− | + | <div id="June_btn" class="calendar_btn calendar_selector">June</div> | |
− | + | <div id="July_btn" class="calendar_btn calendar_selector">July</div> | |
− | </div> | + | <div id="August_btn" class="calendar_btn calendar_selector">August</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=" | + | <div class="row" style="padding:0;margin:0;"> |
− | < | + | <div class="col-xs-0 col-sm-3"></div> |
− | <div id=" | + | <a id="" href="#" class="col-xs-1 calendar_box left 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> | |
− | </div> | + | <a id="" href="#" class="col-xs-1 calendar_link date"><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_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=" | + | <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 top"><span>3</span></a> |
− | + | <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> | |
− | </div> | + | <a id="" href="#" class="col-xs-1 calendar_box grey top"><span>6</span></a> |
+ | <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=" | + | <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>10</span></a> |
− | + | <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> | |
− | </div> | + | <a id="" href="#" class="col-xs-1 calendar_box grey"><span>13</span></a> |
+ | <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=" | + | <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>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> | |
− | </div> | + | <a id="" href="#" class="col-xs-1 calendar_box grey"><span>20</span></a> |
+ | <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> | + | <div class="row" style="padding:0;margin:0;"> |
− | <a id=" | + | <div class="col-xs-0 col-sm-3"></div> |
+ | <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 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 top left"><span>1</span></a> | |
− | + | <a id="" href="#" class="col-xs-1 calendar_box grey top"><span>2</span></a> | |
− | + | <a id="" href="#" class="col-xs-1 calendar_box grey top"><span>3</span></a> | |
− | + | <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="" href="#" class="col-xs-1 calendar_box grey top"><span>6</span></a> |
− | < | + | <a id="" href="#" class="col-xs-1 calendar_box grey top right"><span>7</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"><span>8</span></a> |
− | + | <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> |
− | < | + | <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="" href="#" class="col-xs-1 calendar_box grey"><span>13</span></a> | |
− | + | <a id="" href="#" class="col-xs-1 calendar_box grey right"><span>14</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"><span>15</span></a> |
− | + | <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> |
− | < | + | </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 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 class="col-xs- | + | <div id="June" 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"></a> | |
− | + | <a id="" href="#" class="col-xs-1 calendar_space"></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> | |
− | + | <a id="2.6.16" href="#" class="col-xs-1 calendar_link date vlog top"><span class="vlog">V</span><span>2</span></a> | |
− | + | <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> |
− | < | + | <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>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> |
− | + | <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> |
− | < | + | <a id="10.6.16" href="#" class="col-xs-1 calendar_link date vlog"><span class="vlog">V</span><span>10</span></a> |
− | < | + | <a id="" href="#" class="col-xs-1 calendar_box right"><span>11</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-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 class="col-xs- | + | <div id="July" 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_link date left top"><span>1</span></a> | |
+ | <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;"> |
− | <div> | + | <div class="col-xs-0 col-sm-3"></div> |
− | <a id=" | + | <a id="" href="#" class="col-xs-1 calendar_box left top"><span>3</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 class=" | + | <div id="August" class="month"> |
− | <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_space"><span></span></a> | |
− | + | <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 id="" href="#" class="col-xs-1 calendar_box top"><span>2</span></a> | |
− | < | + | <a id="3.8.16" href="#" class="col-xs-1 calendar_link vlog top"><span class="vlog">V</span><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 right"><span>6</span></a> |
− | + | <div class="col-sm-2 col-xs-0"></div> | |
− | + | ||
</div> | </div> | ||
− | <div class="col-sm- | + | <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>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="col-xs- | + | <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>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> |
− | <div> | + | <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> | |
− | </div> | + | <a id="" href="#" class="col-xs-1 calendar_box"><span>19</span></a> |
+ | <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 class="col-xs- | + | <div id="September" class="month"> |
− | <div id=" | + | <div class="row" style="padding:0;margin:0;"> |
− | <a href=" | + | <div class="col-xs-0 col-sm-3"></div> |
− | + | <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> |
− | < | + | <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_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 right"><span>3</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-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 728: | Line 1,195: | ||
</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> |
Revision as of 20:24, 29 August 2016