Difference between revisions of "Template:Colegio EmelinaU"

Line 1: Line 1:
 
{{Template_All_Teams}}
 
{{Template_All_Teams}}
 +
 +
<!-- Declare that you are going to use html code instead of wiki code -->
 
<html>
 
<html>
−
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" integrity="sha256-MfvZlkHCEqatNoGiOXveE8FIwMzZg4W85qfrfIFBfYc= sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous">
 
  
−
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" integrity="sha256-Sk3nkD6mLTMOF0EOpNtsIry+s1CsaqQC1rVLTAy+0yc= sha512-K1qjQ+NcF2TYO/eI3M6v8EiNYZfA95pQumfvcVrTHtwQVDG+aHRqLi/ETn2uB+1JqwYqVG3LIvdm9lj6imS/pQ==" crossorigin="anonymous"></script>
+
<!-- Start of CSS-->
 +
<style type="text/css">
  
−
<style type="text/css">
+
/* PAGE LAYOUT */
  
−
*{
+
/* Change Background color*/
 +
body {  
 +
background-color:azure;
 +
                font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
}
  
−
margin: 0;
+
/* Creates a container that will wrap all of the content inside your wiki pages. */
−
padding: 0;
+
#mainContainer { 
 +
width: 1200px;
 +
margin:0 auto;
 +
background-color:white;  
 +
 +
}
  
−
}
+
/* Creates the container for the menu */
−
body{
+
#menuContainer  {  
−
background-color:white;
+
 +
width: 100%;
 +
padding: 5px 0px;
 +
 +
background-color: #ccc;
 +
}
  
−
}
+
/* Creates the container for the content */
 +
#contentContainer {
 +
padding-top: 20px;
 +
    padding-right: 10px;
 +
    margin-bottom: 20px;
 +
    width: 814px;
 +
    padding-left: 20px;
 +
    float: left;
 +
    background-color: #fff;
 +
    border-top: 14px solid #565656;
 +
    font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
}
  
−
#globalWrapper, #content{
+
/*Set up height place holder for the banner*/
 +
#bannerContainer {
 +
height:200px;
 +
margin:0 auto;
 +
text-align:center;
 +
color: #24B694;
 +
}
  
−
borde:none;
+
/*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
−
float:none;
+
−
margin:0 auto;
+
−
width:100%;
+
  
−
}
+
/*Change the styling of text for everything inside main container*/
 +
#mainContainer p {
 +
font-size: 13px;
 +
color: #000000;
 +
}
 +
 +
/*This changes the color and font family */
 +
#contentContainer h1, h2, h3, h4, h5, h6 {
 +
color: #565656;
 +
border-bottom: none;
 +
font-weight: bold;
 +
font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
margin-top:10px;
 +
}
  
−
</style>
+
/*Style of the links - links are different inside the menu */
 +
#contentContainer a {
 +
font-weight: bold;
 +
color: #23b593;
 +
}
  
−
<div class="container-fluid">
+
  /* Styling links on hover- links are different inside the menu */
−
<div class="row">
+
#contentContainer a:hover {
−
<div class="col-md-12">
+
color: #59bf92;
−
<nav class="navbar navbar-default" role="navigation">
+
}
−
<div class="navbar-header">
+
 
−
+
/*Change the styling of tables */
−
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+
        #contentContainer table {
−
<span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
+
    border: 1px solid #565656;
−
</button> <a class="navbar-brand" href="#">Brand</a>
+
    border-collapse: collapse;
−
</div>
+
    width: 90%
 +
    margin: auto;
 +
    margin-bottom: 15px;
 +
    margin-top: 15px;
 +
    margin-right: 10px;
 +
    margin-left: 10px;
 +
    }
 +
 
 +
/*Change the styling of table cells*/
 +
    #contentContainer  td {
 +
    padding: 10px;
 +
    border: 1px solid #565656;
 +
    border-collapse: collapse;
 +
    vertical-align: text-top;
 +
    }
 +
 
 +
/*Change the styling of table headers */
 +
    #contentContainer th {
 +
    background-color: #E8E8E9;
 +
    padding: 10px;
 +
    border: 1px solid #565656;
 +
    border-collapse: collapse;
 +
    vertical-align: text-top;
 +
    }
 +
 
 +
 
 +
 
 +
/*MENU STYLING */
 +
 
 +
 
 +
 
 +
/*CLASSES */
 +
 
 +
/*Clear class for all the pages, adds spacing too*/
 +
.clear{
 +
clear:both;
 +
height: 10px;
 +
}
 +
 
 +
 
 +
/* highlight box for special messages */
 +
    .highlightBox {
 +
        width:500px;
 +
        margin:auto;
 +
        background-color: #E8E8E9;
 +
margin-bottom: 15px;
 +
margin-top: 15px;
 +
padding: 15px;
 +
padding-top: 5px;
 +
    }
 +
 
 +
 
 +
</style>
 +
<!-- End of CSS -->
 +
 
 +
 
 +
<!-- Start of the template html elements. -->
 +
<div id ="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.-->
 +
 
 +
 
 +
<div id="bannerContainer">
 +
<br><br>
 
 
 +
 +
 +
</div>
  
 +
<!-- Start of menu -->
 +
<div id="menuContainer">
  
 +
<!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
 +
<ul id="button">
  
 +
<a href="https://2015.igem.org/Team:Colegio_EmelinaU"><li>HOME</li></a>
  
 +
<a href="https://2015.igem.org/Team:Colegio_EmelinaU/Team"><li>TEAM</li></a>
  
−
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
<a href="#">
−
<ul class="nav navbar-nav">
+
 
−
<li class="active">
+
<li>PROJECT
−
<a href="#">Home</a>
+
            <ul>
−
</li>
+
−
<li>
+
−
<a href="#">Team</a>
+
−
</li>
+
−
                                                <li class="dropdown">
+
−
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Proyect<strong class="caret"></strong></a>
+
−
<ul class="dropdown-menu">
+
−
<ul>
+
 
<a href="https://2015.igem.org/Team:Colegio_EmelinaU/Description"><li>Description</li></a>
 
<a href="https://2015.igem.org/Team:Colegio_EmelinaU/Description"><li>Description</li></a>
 
<li class="divider">
 
<li class="divider">
Line 66: Line 175:
 
<li class="divider">
 
<li class="divider">
 
</ul>
 
</ul>
−
</ul>
+
</li>
−
</li>
+
  
−
<li class="dropdown">
+
</a>
−
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Parts<strong class="caret"></strong></a>
+
−
<ul class="dropdown-menu">
+
−
<ul>
+
  
 +
<a href="#"><li>PARTS
 +
            <ul>
 
<a href="https://2015.igem.org/Team:Colegio_EmelinaU/Parts"><li>Team Parts</li></a>
 
<a href="https://2015.igem.org/Team:Colegio_EmelinaU/Parts"><li>Team Parts</li></a>
−
<div class="divider"></div>
+
<a href="https://2015.igem.org/Team:Colegio_EmelinaU/Basic_Part"><li>Basic Parts</li></a>
−
<a href="https://2015.igem.org/Team:Colegio_EmelinaU/Basic_Part"><li>Basic Parts</li></a>  
+
−
<div class="divider"></div>
+
 
<a href="https://2015.igem.org/Team:Colegio_EmelinaU/Composite_Part"><li>Composite Parts</li></a>
 
<a href="https://2015.igem.org/Team:Colegio_EmelinaU/Composite_Part"><li>Composite Parts</li></a>
−
<div class="divider"></div>
+
<a href="https://2015.igem.org/Team:Colegio_EmelinaU/Part_Collection"><li>Part Collection</li></a>
−
<a href="https://2015.igem.org/Team:Colegio_EmelinaU/Part_Collection"><li>Part Collection</li></a>  
+
−
<div class="divider"> </div>
+
 
</ul>
 
</ul>
−
</ul>
+
</li></a>
−
</li><!-- fin -->
+
 
 +
<a href="https://2015.igem.org/Team:Colegio_EmelinaU/Notebook"><li>NOTEBOOK</li></a>
 +
     
 +
<a href="https://2015.igem.org/Team:Colegio_EmelinaU/Attributions"><li>ATTRIBUTIONS</li></a>
 +
 
 +
<a href="https://2015.igem.org/Team:Colegio_EmelinaU/Collaborations"><li>COLLABORATIONS</li></a>
 +
 
 +
<a href="https://2015.igem.org/Team:Colegio_EmelinaU/Practices"><li>HUMAN PRACTICES</li></a>
 +
 
 +
<a href="https://2015.igem.org/Team:Colegio_EmelinaU/Safety"><li>SAFETY</li></a>
 +
 
 +
<a href="https://2015.igem.org/Team:Colegio_EmelinaU/Modeling"><li>MODELING</li></a>
  
−
<li>
+
<a href="https://2015.igem.org/Team:Colegio_EmelinaU/Measurement"><li>MEASUREMENT</li></a>
−
<a href="#">Modeling</a>
+
−
</li>
+
  
−
<li>
+
<a href="https://2015.igem.org/Team:Colegio_EmelinaU/Software"><li>SOFTWARE</li></a>
−
<a href="#">Notebook</a>
+
−
</li>
+
  
−
<li>
+
<a href="https://2015.igem.org/Team:Colegio_EmelinaU/Entrepreneurship"><li>ENTREPRENEURSHIP</li></a>
−
<a href="#">Atributions</a>
+
−
</li>
+
  
−
<li>
+
</ul>
−
<a href="#">Collaborations</a>
+
−
</li>
+
−
+
−
</div>
+
−
</nav>
+
−
<div class="jumbotron">
+
−
<h2>
+
−
Hello, world!
+
−
</h2>
+
−
<p>
+
−
This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.
+
−
</p>
+
−
<p>
+
−
<a class="btn btn-primary btn-large" href="#">Learn more</a>
+
−
</p>
+
 
</div>
 
</div>
−
</div>
+
<!-- End of menu  -->
−
</div>
+
−
<div class="row">
+
−
<div class="col-md-4">
+
−
<h2>
+
−
Heading
+
−
</h2>
+
−
<p>
+
−
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
+
−
</p>
+
−
<p>
+
−
<a class="btn" href="#">View details »</a>
+
−
</p>
+
−
</div>
+
−
<div class="col-md-4">
+
−
<h2>
+
−
Heading
+
−
</h2>
+
−
<p>
+
−
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
+
−
</p>
+
−
<p>
+
−
<a class="btn" href="#">View details »</a>
+
−
</p>
+
−
</div>
+
−
<div class="col-md-4">
+
−
<h2>
+
−
Heading
+
−
</h2>
+
−
<p>
+
−
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
+
−
</p>
+
−
<p>
+
−
<a class="btn" href="#">View details »</a>
+
−
</p>
+
−
</div>
+
−
</div>
+
−
</div>
+
  
−
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
+
<!-- Start of content -->
 +
<div id="contentContainer"> <!--The closing tag for contentContainer should be placed at the bottom of each content page.-->
 
</html>
 
</html>

Revision as of 05:53, 1 September 2015