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

(Replaced content with "{{EdigemUG16_Home}}")
Line 1: Line 1:
 
{{EdigemUG16_Home}}
 
{{EdigemUG16_Home}}
 +
<!DOCTYPE html>
 +
<html lang="en">
 +
 +
<head>
 +
 +
    <meta charset="utf-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <meta name="description" content="">
 +
    <meta name="author" content="">
 +
 +
    <title>Agency - Start Bootstrap Theme</title>
 +
 +
    <!-- Bootstrap Core CSS -->
 +
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
 +
 +
    <!-- Custom Fonts -->
 +
    <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
 +
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
 +
    <link href='https://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
 +
    <link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
 +
    <link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>
 +
 +
    <!-- Theme CSS -->
 +
    <link href="css/agency.min.css" rel="stylesheet">
 +
 +
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
 +
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 +
    <!--[if lt IE 9]>
 +
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
 +
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
 +
    <![endif]-->
 +
 +
</head>
 +
 +
<body id="page-top" class="index">
 +
<style>
 +
 +
#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%;
 +
}
 +
 +
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;
 +
    }
 +
}
 +
 +
/*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;
 +
}
 +
 +
 +
 +
</style>
 +
 +
 +
  <div id="custom-bootstrap-menu" class="navbar navbar-default navbar-fixed-top" role="navigation">
 +
      <div class= "container-fluid">
 +
        <!-- Navigation -->
 +
        <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
 +
            <div class="container">
 +
                <!-- Brand and toggle get grouped for better mobile display -->
 +
                <div class="navbar-header">
 +
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
 +
                        <span class="sr-only">Toggle navigation</span>
 +
                        <span class="icon-bar"></span>
 +
                        <span class="icon-bar"></span>
 +
                        <span class="icon-bar"></span>
 +
                    </button>
 +
                    <a class="navbar-brand" href="#">
 +
                        <img src="https://static.igem.org/mediawiki/2016/9/92/Edinburgh_logo2_MINI.png" alt="">
 +
                    </a>
 +
                </div>
 +
 +
                <!-- Collect the nav links, forms, and other content for toggling -->
 +
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 +
                    <ul class="nav navbar-nav">
 +
                        <li>
 +
                            <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/Attribution">Attribution</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/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">Project<span class="caret"></span></a>
 +
                          <ul class="dropdown-menu" role="menu">
 +
                            <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/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/Notebook">Notebook</a></li>
 +
                            <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Babbled2.0">Babbled2.0</a></li>
 +
                          </ul>
 +
                        </li>
 +
                        <li class="dropdown">
 +
                          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Informatics<span class="caret"></span></a>
 +
                          <ul class="dropdown-menu" role="menu">
 +
                            <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Lexicon_Encoding">Lexicon Encoding</a></li>
 +
                            <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Error_Correction">Error Correction</a></li>
 +
                            <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Encryption">Encryption</a></li>
 +
                            <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Files">Files</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/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>
 +
                            <a href="#">Collaboration</a>
 +
                        </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/Software">Software</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">Lab Safety</a></li>
 +
                            <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Biological Safety">Biological Safety</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/Plate_Reader">Plate Reader</a></li>
 +
                          </ul>
 +
                        </li>
 +
                    </ul>
 +
                </div>
 +
                <!-- /.navbar-collapse -->
 +
            </div>
 +
            <!-- /.container -->
 +
        </nav>
 +
      </div>
 +
  </div>
 +
 +
    <!-- Header -->
 +
    <header>
 +
        <div class="container">
 +
            <div class="intro-text">
 +
                <div class="intro-lead-in"> Encryption</div>
 +
                <div class="intro-heading">It's Nice To Meet You</div>
 +
 +
            </div>
 +
        </div>
 +
    </header>
 +
 +
    <!-- Services Section -->
 +
    <section id="services">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-lg-12 text-center">
 +
                    <h2 class="section-heading">Services</h2>
 +
                    <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
 +
                </div>
 +
            </div>
 +
            <div class="row text-center">
 +
                <div class="col-md-4">
 +
                    <span class="fa-stack fa-4x">
 +
                        <i class="fa fa-circle fa-stack-2x text-primary"></i>
 +
                        <i class="fa fa-shopping-cart fa-stack-1x fa-inverse"></i>
 +
                    </span>
 +
                    <h4 class="service-heading">E-Commerce</h4>
 +
                    <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p>
 +
                </div>
 +
                <div class="col-md-4">
 +
                    <span class="fa-stack fa-4x">
 +
                        <i class="fa fa-circle fa-stack-2x text-primary"></i>
 +
                        <i class="fa fa-laptop fa-stack-1x fa-inverse"></i>
 +
                    </span>
 +
                    <h4 class="service-heading">Responsive Design</h4>
 +
                    <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p>
 +
                </div>
 +
                <div class="col-md-4">
 +
                    <span class="fa-stack fa-4x">
 +
                        <i class="fa fa-circle fa-stack-2x text-primary"></i>
 +
                        <i class="fa fa-lock fa-stack-1x fa-inverse"></i>
 +
                    </span>
 +
                    <h4 class="service-heading">Web Security</h4>
 +
                    <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
 +
 +
    <!-- Portfolio Grid Section -->
 +
    <section id="portfolio" class="bg-light-gray">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-lg-12 text-center">
 +
                    <h2 class="section-heading">Portfolio</h2>
 +
                    <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
 +
                </div>
 +
            </div>
 +
            <div class="row">
 +
                <p class="text-muted">Website Design</p>
 +
                <p class="text-muted">Website Design</p>
 +
 +
 +
 +
            </div>
 +
        </div>
 +
    </section>
 +
 +
    <!-- About Section -->
 +
    <section id="about">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-lg-12 text-center">
 +
                    <h2 class="section-heading">About</h2>
 +
                    <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
 +
                </div>
 +
            </div>
 +
 +
        </div>
 +
    </section>
 +
 +
    <!-- Team Section -->
 +
    <section id="team" class="bg-light-gray">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-lg-12 text-center">
 +
                    <h2 class="section-heading">Our Amazing Team</h2>
 +
                    <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
 +
                </div>
 +
            </div>
 +
 +
            <div class="row">
 +
                <div class="col-lg-8 col-lg-offset-2 text-center">
 +
                    <p class="large text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
 +
 +
 +
 +
 +
 +
 +
</body>
 +
 +
</html>

Revision as of 09:46, 12 October 2016

<!DOCTYPE html> Agency - Start Bootstrap Theme
Encryption
It's Nice To Meet You

Services

Lorem ipsum dolor sit amet consectetur.

E-Commerce

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.

Responsive Design

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.

Web Security

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.

Portfolio

Lorem ipsum dolor sit amet consectetur.

Website Design

Website Design

About

Lorem ipsum dolor sit amet consectetur.

Our Amazing Team

Lorem ipsum dolor sit amet consectetur.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.