Difference between revisions of "Team:Edinburgh UG/Entrepreneurship"

 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{EdigemUG16_Home}}
 
{{EdigemUG16_Home}}
−
 
 
<html lang="en">
 
<html lang="en">
  
Line 11: Line 10:
 
     <meta name="author" content="">
 
     <meta name="author" content="">
  
−
     <title>Safety</title>
+
     <title>Business Casual - Start Bootstrap Theme</title>
  
 
     <!-- Bootstrap Core CSS -->
 
     <!-- Bootstrap Core CSS -->
Line 17: Line 16:
  
 
     <!-- Custom CSS -->
 
     <!-- Custom CSS -->
−
     <link href="css/business-frontpage.css" rel="stylesheet">
+
     <link href="css/business-casual.css" rel="stylesheet">
 +
 
 +
    <!-- Fonts -->
 +
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet" type="text/css">
 +
    <link href="https://fonts.googleapis.com/css?family=Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic" rel="stylesheet" type="text/css">
  
 
     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
 
     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
Line 30: Line 33:
 
<body>
 
<body>
  
−
  <style>
+
<style type="text/css">
  
−
   html {
+
    #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear
 +
 
 +
    {
 +
 
 +
    display:  none;
 +
 
 +
    }
 +
 
 +
    #top_menu_under
 +
    {
 +
    height: 0;
 +
    }
 +
 
 +
    #top-section {
 +
    height: 0px;
 +
    border-top: 0;
 +
    border-left: none;
 +
    border-right: none;
 +
    }
 +
      #globalWrapper
 +
        {    
 +
        width: 100%;
 +
        height: 100%;
 +
        border: 0px;
 +
        background-color: #ffffff;
 +
        margin: 0px;
 +
        padding: 0px;
 +
        font-size: 100%
 +
        }
 +
 
 +
        #content
 +
        {
 +
          width: 100%;
 +
          height: 100%;
 +
          margin-left: auto;
 +
          margin-right: auto;
 +
          background-color: #ffffff;
 +
          padding: 0px;
 +
          font-size: 100%;
 +
        }
 +
 
 +
 
 +
    html, body, .wrapper { /*-- changes default wiki settings --
 +
 
 +
    */
 +
      width: 100%;
 +
      height: 100%;
 +
            margin: 0px;
 +
            padding: 0px;
 +
            background-color: #ffffff;
 +
            -webkit-background-size: cover;
 +
            -moz-background-size: cover;
 +
            -o-background-size: cover;
 +
            background-size: cover;
 +
    }
 +
 
 +
 
 +
    body {
 +
        width: 100%;
 +
        height: 100%;
 +
        font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;
 +
        color: #fff;
 +
        background-color: #000;
 +
    }
 +
 
 +
    html {
 +
        width: 100%;
 +
        height: 100%;
 +
    }
 +
 
 +
    h1,
 +
    h2,
 +
    h3,
 +
    h5,
 +
    h6 {
 +
        margin: none;
 +
        font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
 +
        font-weight: 700;
 +
        letter-spacing: 1px;
 +
    border-bottom: none;
 +
 
 +
 
 +
    }
 +
 
 +
    p {
 +
        margin: 0 0 25px;
 +
        font-size: 18px;
 +
        line-height: 1.5;
 +
    }
 +
 
 +
    @media(min-width:768px) {
 +
        p {
 +
            margin: 0 0 35px;
 +
            font-size: 20px;
 +
            line-height: 1.6;
 +
        }
 +
    }
 +
 
 +
 
 +
    .intro {
 +
        display: table;
 +
        width: 100%;
 +
        height: 100%;
 +
        text-align: center;
 +
        color: #fff;
 +
        background-color: #000;
 +
        background: url("https://static.igem.org/mediawiki/2015/c/c7/Edigem15_collection_ferrylights.jpeg") no-repeat bottom center scroll;
 +
        -webkit-background-size: cover;
 +
        -moz-background-size: cover;
 +
        background-size: cover;
 +
        -o-background-size: cover;
 +
    }
 +
 
 +
    .intro .intro-body {
 +
        display: table-cell;
 +
        vertical-align: middle;
 +
        margin-left: auto;
 +
    }
 +
 
 +
    .intro .intro-body .brand-heading {
 +
        margin-top: 15%;
 +
        font-size: 40px;
 +
    border-bottom: none;
 +
    }
 +
 
 +
    .intro .intro-body .intro-text {
 +
        display: block;
 +
        width: 100%;
 +
        font-size: 18px;
 +
    }
 +
 
 +
    @media(min-width:768px) {
 +
        .intro {
 +
            height: 100%;
 +
            padding: 0;
 +
            box-shadow: 0 -100px 100px #000 inset;
 +
        }
 +
 
 +
        .intro .intro-body .brand-heading {
 +
            font-size: 100px;
 +
        }
 +
 
 +
        .intro .intro-body .intro-text {
 +
            font-size: 26px;
 +
        }
 +
    }
 +
 
 +
 
 +
    /*foreword*/
 +
 
 +
 
 +
    header .intro-text {
 +
        padding-top: 50px;
 +
        padding-bottom: 50px;
 +
    }
 +
 
 +
    header .intro-text .intro-lead-in {
 +
        margin-bottom: 25px;
 +
        font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
 +
        font-size: 22px;
 +
        line-height: 22px;
 +
    text-color: #fff;
 +
 
 +
    }
 +
 
 +
    header .intro-text .intro-heading {
 +
        margin-bottom: 25px;
 +
        text-transform: uppercase;
 +
        font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
 +
        font-size: 50px;
 +
        font-weight: 700;
 +
        line-height: 50px;
 +
    }
 +
 
 +
    @media(min-width:768px) {
 +
        header .intro-text {
 +
            padding-top: 50px;
 +
            padding-bottom: 100px;
 +
        }
 +
 
 +
        header .intro-text .intro-lead-in {
 +
            margin-bottom: 25px;
 +
            font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
 +
            font-size: 40px;
 +
            line-height: 40px;
 +
        }
 +
 
 +
        header .intro-text .intro-heading {
 +
            margin-bottom: 50px;
 +
            text-transform: uppercase;
 +
            font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
 +
            font-size: 75px;
 +
            font-weight: 700;
 +
            line-height: 75px;
 +
        }
 +
    }
 +
 
 +
 
 +
    section {
 +
        padding: 0;
 +
    }
 +
 
 +
    section h2.section-heading
 +
    {
 +
        margin-top: 0;
 +
        margin-bottom: 15px;
 +
        font-size: 40px;
 +
        color: white;
 +
    border-bottom: none;
 +
 
 +
 
 +
    }
 +
 
 +
    section h3.section-subheading {
 +
        margin-bottom: 75px;
 +
        text-transform: none;
 +
        font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
 +
        font-size: 16px;
 +
        font-weight: 400;
 +
    }
 +
 
 +
    section h11.section-subheading {
 +
        margin-bottom: 75px;
 +
        font-size: 16px;
 +
        font-weight: 400;
 +
     
 +
    }
 +
 
 +
    @media(min-width:768px) {
 +
        section {
 +
            padding: 10px 0;
 +
        }
 +
    }
 +
 
 +
    .service-heading {
 +
        margin: 15px 0;
 +
        text-transform: none;
 +
    }
 +
 
 +
    .arrowtext
 +
    {
 +
        width: 100%;
 +
        display: block;
 +
    }
 +
 
 +
    .arrow
 +
    {
 +
        height: 50px;
 +
        width: 100px;
 +
        opacity: 0.7;
 +
    }
 +
 
 +
    th
 +
    {
 +
        color: #fff;
 +
    }
 +
 
 +
    td
 +
    {
 +
        color: #fff;
 +
    }
 +
 
 +
 
 +
/*FROM CSS */
 +
 
 +
/*!
 +
* Bootstrap v3.3.7 (http://getbootstrap.com)
 +
* Copyright 2011-2016 Twitter, Inc.
 +
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 +
*/
 +
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
 +
html {
 
   font-family: sans-serif;
 
   font-family: sans-serif;
 
   -webkit-text-size-adjust: 100%;
 
   -webkit-text-size-adjust: 100%;
Line 294: Line 568:
 
   src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
 
   src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
 
}
 
}
−
 
 
.glyphicon {
 
.glyphicon {
 
   position: relative;
 
   position: relative;
Line 6,786: Line 7,059:
  
  
 +
    /*menu*/
  
−
  body {
+
    <div id="custom-bootstrap-menu" class="navbar navbar-default navbar-fixed-top" role="navigation">
−
      padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
+
    <div class="container-fluid">
−
  }
+
        <div class="navbar-header">
 +
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-menubuilder"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
 +
            </button>
 +
        </div>
 +
        <div class="collapse navbar-collapse navbar-menubuilder">
 +
            <ul class="nav navbar-nav navbar-right">
 +
              <li class="active">
 +
                  <a href="https://2016.igem.org/Team:Edinburgh_UG">Home</a></li>
 +
                  <li class="dropdown">
 +
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Team<span class="caret"></span></a>
 +
                    <ul class="dropdown-menu" role="menu">
 +
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Team">Team</a></li>
 +
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Collaborations">Collaboration</a></li>
 +
                    </ul>
 +
                  </li>
 +
                  <li class="dropdown">
 +
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Project<span class="caret"></span></a>
 +
                    <ul class="dropdown-menu" role="menu">
 +
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Description">Project</a></li>
 +
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Description">Description</a></li>
 +
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Design">Design</a></li>
 +
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Experiments">Experiments</a></li>
 +
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Proof">Proof of Concept</a></li>
 +
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Demonstrate">Demonstrate</a></li>
 +
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Results">Results</a></li>
 +
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Notebook">Notebook</a></li>
 +
                    </ul>
 +
                  </li>
 +
                  <li class="dropdown">
 +
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Interlab<span class="caret"></span></a>
 +
                    <ul class="dropdown-menu" role="menu">
 +
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Interlab">Interlab</a></li>
 +
                    </ul>
 +
                  </li>
 +
                  <li class="dropdown">
 +
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Parts<span class="caret"></span></a>
 +
                    <ul class="dropdown-menu" role="menu">
 +
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Parts">Team Parts</a></li>
 +
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Basic_Part">Basic Parts</a></li>
 +
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Composite_Part">Composite Parts</a></li>
 +
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Part_Collection">Part Collection</a> </li>
 +
                    </ul>
 +
                  </li>
 +
                  <li class="dropdown">
 +
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Safety<span class="caret"></span></a>
 +
                    <ul class="dropdown-menu" role="menu">
 +
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Safety">Safety</a></li>
 +
                    </ul>
 +
                  </li>
 +
                  <li class="dropdown">
 +
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Human Practices<span class="caret"></span></a>
 +
                    <ul class="dropdown-menu" role="menu">
 +
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Human_Practices">Human Practices</a></li>
 +
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Silver">Silver</a> </li>
 +
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Gold">Gold</a> </li>
 +
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Integrated_Practices">Integrated Practices</a> </li>
 +
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Engagement">Engagement</a> </li>
 +
                    </ul>
 +
                  </li>
 +
                  <li class="dropdown">
 +
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Awards<span class="caret"></span></a>
 +
                    <ul class="dropdown-menu" role="menu">
 +
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Entrepreneurship">Entrepreneurship</a></li>
 +
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Hardware">Hardware</a> </li>
 +
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Software">Software</a> </li>
 +
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Measurement">Measurement</a> </li>
 +
                      <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Model">Model</a> </li>
 +
                    </ul>
 +
                  </li>
 +
            </ul>
 +
        </div>
 +
    </div>
 +
</div>
  
−
  /* Header Image Background - Change the URL below to your image path (example: ../images/background.jpg) */
 
  
−
  .business-header {
+
    <div class="brand">Business Casual</div>
−
      height: 400px;
+
   
−
      background: url('http://placehold.it/1920x400') center center no-repeat scroll;
+
−
      -webkit-background-size: cover;
+
−
      -moz-background-size: cover;
+
−
      background-size: cover;
+
−
      -o-background-size: cover;
+
−
  }
+
  
−
  /* Customize the text color and shadow color and to optimize text legibility. */
+
    <!-- Navigation -->
 +
   
  
−
  .tagline {
+
    <div class="container">
−
      text-shadow: 0 0 10px #000;
+
−
      color: #fff;
+
−
  }
+
  
−
  .img-center {
+
        <div class="row">
−
      margin: 0 auto;
+
            <div class="box">
−
  }
+
                <div class="col-lg-12 text-center">
 +
                    <div id="carousel-example-generic" class="carousel slide">
 +
                        <!-- Indicators -->
 +
                        <ol class="carousel-indicators hidden-xs">
 +
                            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
 +
                            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
 +
                            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
 +
                        </ol>
  
−
  footer {
+
                        <!-- Wrapper for slides -->
−
      margin: 50px 0;
+
                        <div class="carousel-inner">
−
  }
+
                            <div class="item active">
 +
                                <img class="img-responsive img-full" src="img/slide-1.jpg" alt="">
 +
                            </div>
 +
                            <div class="item">
 +
                                <img class="img-responsive img-full" src="img/slide-2.jpg" alt="">
 +
                            </div>
 +
                            <div class="item">
 +
                                <img class="img-responsive img-full" src="img/slide-3.jpg" alt="">
 +
                            </div>
 +
                        </div>
  
−
 
+
                        <!-- Controls -->
−
  </style>
+
                        <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
−
 
+
                            <span class="icon-prev"></span>
−
    <!-- Navigation -->
+
                        </a>
−
    <div id="custom-bootstrap-menu" class="navbar navbar-default navbar-fixed-top" role="navigation">
+
                         <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
−
        <div class="container-fluid">
+
                            <span class="icon-next"></span>
−
            <div class="navbar-header">
+
                         </a>
−
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-menubuilder"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
+
                    </div>
−
                </button>
+
                    <h2 class="brand-before">
−
            </div>
+
                         <small>Welcome to</small>
−
            <div class="collapse navbar-collapse navbar-menubuilder">
+
                    </h2>
−
                <ul class="nav navbar-nav navbar-right">
+
                    <h1 class="brand-name">Business Casual</h1>
−
                  <li class="active">
+
                    <hr class="tagline-divider">
−
                      <a href="https://2016.igem.org/Team:Edinburgh_UG">Home</a></li>
+
                    <h2>
−
                      <li class="dropdown">
+
                         <small>By
−
                         <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Team<span class="caret"></span></a>
+
                            <strong>Start Bootstrap</strong>
−
                        <ul class="dropdown-menu" role="menu">
+
                         </small>
−
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Team">Team</a></li>
+
                    </h2>
−
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Collaborations">Collaboration</a></li>
+
                 </div>
−
                        </ul>
+
−
                      </li>
+
−
                      <li class="dropdown">
+
−
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Project<span class="caret"></span></a>
+
−
                        <ul class="dropdown-menu" role="menu">
+
−
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Description">Project</a></li>
+
−
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Description">Description</a></li>
+
−
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Design">Design</a></li>
+
−
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Experiments">Experiments</a></li>
+
−
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Proof">Proof of Concept</a></li>
+
−
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Demonstrate">Demonstrate</a></li>
+
−
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Results">Results</a></li>
+
−
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Notebook">Notebook</a></li>
+
−
                        </ul>
+
−
                      </li>
+
−
                      <li class="dropdown">
+
−
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Interlab<span class="caret"></span></a>
+
−
                        <ul class="dropdown-menu" role="menu">
+
−
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Interlab">Interlab</a></li>
+
−
                        </ul>
+
−
                      </li>
+
−
                      <li class="dropdown">
+
−
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Parts<span class="caret"></span></a>
+
−
                         <ul class="dropdown-menu" role="menu">
+
−
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Parts">Team Parts</a></li>
+
−
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Basic_Part">Basic Parts</a></li>
+
−
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Composite_Part">Composite Parts</a></li>
+
−
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Part_Collection">Part Collection</a> </li>
+
−
                        </ul>
+
−
                      </li>
+
−
                      <li class="dropdown">
+
−
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Safety<span class="caret"></span></a>
+
−
                         <ul class="dropdown-menu" role="menu">
+
−
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Safety">Safety</a></li>
+
−
                        </ul>
+
−
                      </li>
+
−
                      <li class="dropdown">
+
−
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Human Practices<span class="caret"></span></a>
+
−
                        <ul class="dropdown-menu" role="menu">
+
−
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Human_Practices">Human Practices</a></li>
+
−
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Silver">Silver</a> </li>
+
−
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Gold">Gold</a> </li>
+
−
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Integrated_Practices">Integrated Practices</a> </li>
+
−
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Engagement">Engagement</a> </li>
+
−
                         </ul>
+
−
                      </li>
+
−
                      <li class="dropdown">
+
−
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Awards<span class="caret"></span></a>
+
−
                         <ul class="dropdown-menu" role="menu">
+
−
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Entrepreneurship">Entrepreneurship</a></li>
+
−
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Hardware">Hardware</a> </li>
+
−
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Software">Software</a> </li>
+
−
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Measurement">Measurement</a> </li>
+
−
                          <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Model">Model</a> </li>
+
−
                        </ul>
+
−
                      </li>
+
−
                 </ul>
+
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
    </div>
 
  
−
    <!-- Image Background Page Header -->
+
         <div class="row">
−
    <!-- Note: The background image is set within the business-casual.css file. -->
+
             <div class="box">
−
    <header class="business-header">
+
−
         <div class="container">
+
−
             <div class="row">
+
 
                 <div class="col-lg-12">
 
                 <div class="col-lg-12">
−
                     <h1 class="tagline">Safety</h1>
+
                     <hr>
 +
                    <h2 class="intro-text text-center">Build a website
 +
                        <strong>worth visiting</strong>
 +
                    </h2>
 +
                    <hr>
 +
                    <img class="img-responsive img-border img-left" src="img/intro-pic.jpg" alt="">
 +
                    <hr class="visible-xs">
 +
                    <p>The boxes used in this template are nested inbetween a normal Bootstrap row and the start of your column layout. The boxes will be full-width boxes, so if you want to make them smaller then you will need to customize.</p>
 +
                    <p>A huge thanks to <a href="http://join.deathtothestockphoto.com/" target="_blank">Death to the Stock Photo</a> for allowing us to use the beautiful photos that make this template really come to life. When using this template, make sure your photos are decent. Also make sure that the file size on your photos is kept to a minumum to keep load times to a minimum.</p>
 +
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc placerat diam quis nisl vestibulum dignissim. In hac habitasse platea dictumst. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
    </header>
 
−
 
−
    <!-- Page Content -->
 
−
    <div class="container">
 
−
 
−
        <hr>
 
  
 
         <div class="row">
 
         <div class="row">
−
             <div class="col-sm-8">
+
             <div class="box">
−
                <h2>Demo 1</h2>
+
                <div class="col-lg-12">
−
                <p>Description 1</p>
+
                    <hr>
−
                <p>Description 11</p>
+
                    <h2 class="intro-text text-center">Beautiful boxes
−
                <p>
+
                        <strong>to showcase your content</strong>
−
                     <a class="btn btn-default btn-lg" href="#">Button 1 &raquo;</a>
+
                    </h2>
−
                 </p>
+
                    <hr>
 +
                    <p>Use as many boxes as you like, and put anything you want in them! They are great for just about anything, the sky's the limit!</p>
 +
                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc placerat diam quis nisl vestibulum dignissim. In hac habitasse platea dictumst. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
 +
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
        <!-- /.row -->
 
−
 
−
        <hr>
 
−
 
−
        <div class="row">
 
−
            <div class="col-sm-4">
 
−
                <img class="img-circle img-responsive img-center" src="http://placehold.it/300x300" alt="">
 
−
                <h2>Demo Box #1</h2>
 
−
                <p>Write something.</p>
 
−
            </div>
 
−
            <div class="col-sm-4">
 
−
                <img class="img-circle img-responsive img-center" src="http://placehold.it/300x300" alt="">
 
−
                <h2>Demo Box #2</h2>
 
−
                <p>Write something.</p>
 
−
            </div>
 
−
            <div class="col-sm-4">
 
−
                <img class="img-circle img-responsive img-center" src="http://placehold.it/300x300" alt="">
 
−
                <h2>Demo Box #3</h2>
 
−
                <p>Write something.</p>
 
−
            </div>
 
−
        </div>
 
−
        <!-- /.row -->
 
−
 
−
        <hr>
 
−
 
−
        <!-- Footer -->
 
−
       
 
  
 
     </div>
 
     </div>
 
     <!-- /.container -->
 
     <!-- /.container -->
  
 +
 
 +
 +
 
  
 
</body>
 
</body>
  
 
</html>
 
</html>

Latest revision as of 16:24, 12 October 2016

Business Casual - Start Bootstrap Theme