m |
|||
Line 10: | Line 10: | ||
<div class="hlist"> | <div class="hlist"> | ||
<div class="hel right"> | <div class="hel right"> | ||
− | <img | + | <img style="max-width: 100%;" src="https://static.igem.org/mediawiki/2016/4/4a/Nihms645765f1.jpg"> |
</div> | </div> |
Revision as of 18:04, 5 August 2016
EXAMPLE
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque hendrerit convallis diam quis tincidunt. Phasellus in mauris ultrices mauris blandit convallis nec eu lacus. Fusce ultrices accumsan nunc sodales sagittis. Pellentesque massa tellus, hendrerit sed ex non, ornare consequat sapien. Donec erat orci, interdum eget imperdiet luctus, vestibulum ac lectus. Proin condimentum, libero a condimentum dignissim, justo nunc volutpat tortor, ut dignissim velit neque ac tellus. Quisque vehicula est metus, quis semper turpis luctus at. Fusce ac augue metus. Phasellus pretium nibh vitae urna consequat lacinia. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce sit amet pretium arcu, vel vehicula justo. Sed imperdiet, nisi sed pulvinar finibus, eros ante laoreet libero, eu finibus massa dui non ligula. Nunc malesuada et mi at vulputate.
<img style="max-width: 100%;" src="">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="bootstrap-assets/js/bootstrap.min.js"></script> <script src="js/custom.js"></script> <script src="plugins/owl-carousel/owl.carousel.min.js"></script> <script src="js/jquery.easing.min.js"></script> <script src="plugins/waypoints/jquery.waypoints.min.js"></script> <script src="plugins/countTo/jquery.countTo.js"></script> <script src="plugins/inview/jquery.inview.min.js"></script> <script src="plugins/Lightbox/dist/js/lightbox.min.js"></script> <script src="plugins/WOW/dist/wow.min.js"></script> <script src="https://maps.googleapis.com/maps/api/js"></script> </body>
<script>
// This is the jquery part of your template. Try not modify any of this code since it makes your menu work.
$(document).ready(function() {
$("#HQ_page").attr('id',);
if ( wgPageName.substring( 0, 8) == "Template") { // if the page is a template it displays the full name in a single line
$("#team_name").html( wgPageName );
}
else if ( ( (wgPageName.match(/\//g) || []).length ) == 0 ) { // if it is the home page , just print the team's name $("#team_name").html( wgPageName.substring( 5, wgPageName.length ) ); }
else { // this adds the team's name as an h1 $("#team_name").html( wgPageName.substring( 5 , wgPageName.indexOf("/") ) );
// this adds the page's title as an h4 $("#page_name").html ( ( wgPageName.substring( wgPageName.indexOf("/") + 1, wgPageName.length ) ).replace( /\/|_/g , " ") ); }
$('#accordion').find('.menu_item').click(function(){
//Expand or collapse this panel submenu = $(this).find('.submenu'); submenu.toggle();
icon = $(this).find('.icon');
if ( !$( submenu ).is(':visible') ) { icon.removeClass("less").addClass("plus"); } else { icon.removeClass("plus").addClass("less"); }
//Hide the other panels $(".submenu").not(submenu).hide(); $(".icon").not(icon).removeClass("less").addClass("plus"); });
$(".collapsable_menu_control").click(function() {
$(".menu_item").toggle();
});
$( window ).resize(function() { $(".menu_item").show(); });
});
</script>
</html>