Difference between revisions of "Template:BroadRun-Baltimore"

Line 100: Line 100:
  
 
<!DOCTYPE html>
 
<!DOCTYPE html>
<!-- Website template by freewebsitetemplates.com -->
+
<head>  
<html>
+
<meta name="viewport" content="width=device-width, initial-scale=1">  
<head>
+
<meta charset="UTF-8">
+
<title>Fineminds Marketing Solutions Website Template</title>
+
<link rel="stylesheet" href="css/style.css" type="text/css">
+
 
</head>
 
</head>
<body>
+
 
<div class="border">
+
 
<div id="bg">
+
 
background
+
 
</div>
+
<div class="menu_wrapper" >
<div class="page">
+
 
<div class="sidebar">
+
 
<a href="index.html" id="logo"><img src="images/logo.png" alt="logo"></a>
+
 
<ul>
+
 
<li class="selected">
+
<div class="collapsable_menu_control"> MENU ▤ </div>
<a href="index.html">Home</a>
+
 
</li>
+
<ul id="accordion" class="accordion">
<li>
+
 
<a href="about.html">About</a>
+
<li class="menu_item"> <a href="https://2016.igem.org/Team:BroadRun-Baltimore">HOME </a> </li>
</li>
+
 
<li>
+
 
<a href="services.html">Services</a>
+
<li class="menu_item"> <div class="icon plus"></div> TEAM
</li>
+
<ul class="submenu">
<li>
+
<li> <a href=" https://2016.igem.org/Team:BroadRun-Baltimore/Team"> Team  </a> </li>
<a href="portfolio.html">Portfolio</a>
+
<li> <a href="https://2016.igem.org/Team:BroadRun-Baltimore/Collaborations"> Collaborations </a> </li>
</li>
+
                    </ul>
<li>
+
                </li>
<a href="contact.html">Contact</a>
+
 
</li>
+
<li class="menu_item"> <div class="icon plus"></div> PROJECT 
<li>
+
<ul class="submenu">
<a href="blog.html">Blog</a>
+
<li> <a href="https://2016.igem.org/Team:BroadRun-Baltimore/Problem">   Problem </a></li>
</li>
+
<li> <a href="https://2016.igem.org/Team:BroadRun-Baltimore/Solution"> Solution </a></li>
</ul>
+
<li> <a href="https://2016.igem.org/Team:BroadRun-Baltimore/Methods"> Methods </a></li>
<form action="about.html">
+
<li> <a href="https://2016.igem.org/Team:BroadRun-Baltimore/Results"> Results </a></li>
<span>Newsletter Signup</span>
+
<li> <a href="https://2016.igem.org/Team:BroadRun-Baltimore/Notebook"> Notebook </a></li>
<input type="text" onClick="this.value='';" onFocus="this.select()" onBlur="this.value=!this.value?'Enter Valid Email Address':this.value;" value="Enter Valid Email Address">
+
<li> <a href="https://2016.igem.org/Team:BroadRun-Baltimore/Model">Model </a></li>
<input type="submit" id="submit" value="submit">
+
                    </ul>
</form>
+
                </li>
<div class="connect">
+
<li class="menu_item"> <a href="https://2016.igem.org/Team:BroadRun-Baltimore/Parts"> PARTS </a> </li>
<a href="http://freewebsitetemplates.com/go/facebook/" id="facebook">facebook</a> <a href="http://freewebsitetemplates.com/go/twitter/" id="twitter">twitter</a> <a href="http://freewebsitetemplates.com/go/googleplus/" id="googleplus">youtube</a>
+
 
</div>
+
                </li>
<p>
+
 
Copyright 2023
+
 
</p>
+
<li class="menu_item"> <a href="https://2016.igem.org/Team:BroadRun-Baltimore/Safety"> SAFETY </a> </li>
<p>
+
 
Fineminds Marketing Solutions
+
 
</p>
+
<li class="menu_item"> <a href="https://2016.igem.org/Team:BroadRun-Baltimore/Attributions"> ATTRIBUTIONS </a></li>
</div>
+
 
<div class="body">
+
 
<div>
+
<li class="menu_item"> <div class="icon plus"></div> HUMAN PRACTICES
<h2>Welcome to FineMinds Marketing Solutions</h2>
+
<ul class="submenu">
<p>
+
<li> <a href="https://2016.igem.org/Team:BroadRun-Baltimore/Human_Practices"> Human Practices </a></li>
This website template has been designed by Free Website Templates for you, for free. You can replace all this text with your own text.
+
<li> <a href="https://2016.igem.org/Team:BroadRun-Baltimore/Integrated_Practices">  Integrated Practices </a></li>
</p>
+
<li> <a href="https://2016.igem.org/Team:BroadRun-Baltimore/Engagement"> Engagement </a></li>
<img src="images/tree.jpg" alt="">
+
                    </ul>
<div>
+
                </li>
<h3><span>What We Do</span></h3>
+
 
<p>
+
 
This website template has been designed by Free Website Templates for you, for free. You can replace all this text with your own text. You can remove any link to our website from this website template, you're free to use this website template without linking back to us.
+
<li class="menu_item"> <div class="icon plus"></div> AWARDS
</p>
+
<ul class="submenu">
<ul>
+
<li> <a href="https://2016.igem.org/Team:BroadRun-Baltimore/Model">Model </a></li>
<li id="link1">
+
 
<a href="services.html"><span>Design</span></a>
+
                    </ul>
</li>
+
                </li>
<li id="link2">
+
</ul>
<a href="services.html"><span>Seo</span></a>
+
 
</li>
+
</div>
<li id="link3">
+
 
<a href="services.html"><span>Copywriting</span></a>
+
 
</li>
+
 
</ul>
+
 
</div>
+
 
<div class="section">
+
<div class="content_wrapper">
<h3><span>Latest Projects</span></h3>
+
 
<ul>
+
 
<li>
+
 
<a href="services.html"><img src="images/template1.jpg" alt=""></a> <span>Project: Web Design</span> <span>Client: Frosty Sweets</span> <a href="services.html">Read Details</a>
+
<h1 id="team_name"> </h1>
</li>
+
<h4 id="page_name"> </h4>
<li>
+
 
<a href="services.html"><img src="images/template2.jpg" alt=""></a> <span>Project: Corporate Identity</span> <span>Client: Puppy Love</span> <a href="services.html">Read Details</a>
+
 
</li>
+
 
<li>
+
 
<a href="services.html"><img src="images/template3.jpg" alt=""></a> <span>Project: Advertising Campaign</span> <span>Client: Baby School</span> <a href="services.html">Read Details</a>
+
 
</li>
+
 
</ul>
+
 
</div>
+
 
</div>
+
 
</div>
+
<script>
</div>
+
 
</div>
+
// This is the jquery part of your template. Try not modify any of this code since it makes your menu work.
</body>
+
 
 +
$(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>
 
</html>

Revision as of 13:49, 2 August 2016

<!DOCTYPE html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head>










<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>