Difference between revisions of "Team:UNC-Asheville"

 
(174 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{UNC-Asheville/CSS2}} {{UNC-Asheville/Bootstrap}} {{UNC-Asheville/BootstrapJS}}
+
{{:Team:UNC-Asheville/Templates/NavBar}}
−
<html lang="en">
+
  
−
<head>
+
<html>
−
    <meta charset="UTF-8">
+
<head>
−
    <title>About Us</title>
+
  <title>
−
    <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
+
  iGEM UNC-Asheville
−
    <!--
+
  </title>
−
    <link rel="stylesheet" href="https://2017.igem.org/Template:UNC-Asheville/Bootstrap">
+
  <meta name="viewport" content="width=device-width, initial-scale=1" />
−
    <link rel="stylesheet" href="https://2017.igem.org/Template:UNC-Asheville/JqueryJS">
+
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
−
    <script src="https://2017.igem.org/Template:UNC-Asheville/BootstrapJS"></script>
+
  <meta charset="utf-8" />
−
-->
+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
−
    <style type='text/css'>
+
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
−
        #top_title,
+
<link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet">
−
        #sideMenu {
+
 
−
            display: none !important;
+
 
−
        }
+
<style>
−
       
+
−
        #content {
+
−
            width: 100%;
+
−
            margin: 0;
+
−
            padding: 0;
+
−
            background: #f3f4f4;
+
−
        }
+
−
       
+
−
        .cv {
+
−
            box-shadow: 100px 0px 0 0px #fe4365;
+
−
        }
+
−
       
+
−
        .this_border {
+
−
            background-color: #fe4365;
+
−
        }
+
 
.jumbotron {
 
.jumbotron {
−
        height: 550px;
+
    background-image: url("https://static.igem.org/mediawiki/2017/e/ef/UNC-Asheville-TCEPlaceHolder.jpg");
−
        color: white;
+
    margin-bottom: 0;
−
        text-shadow: #444 0 1px 1px;
+
    min-height: 800px;
−
        background: transparent
+
    background-repeat: no-repeat;
−
     }
+
    background-position: fixed;
 +
    -webkit-background-size: cover;
 +
    background-size: cover;
 +
    padding: 50em inherit;
 +
    background-color: hsla(0,0%,100%,0.50);
 +
    background-blend-mode: overlay;
 +
     background-repeat: no-repeat;
 +
    padding-left: 30px;
 +
    padding-right: 30px;
  
 +
}
  
 +
div.jumbotron{
 +
  padding-top:250px;
 +
}
  
 +
.jumbotron h1{
 +
    color: black;
 +
    font-size: 100px;
 +
    font-family: 'Raleway', sans-serif;
 +
    letter-spacing: 10px;
 +
    text-shadow: 0 0 2px #fff;
 +
}
  
−
     </style>
+
.jumbotron p{
−
</head>
+
    color: black;
 +
    font-size: 30px;
 +
    font-family: 'Raleway', sans-serif;
 +
    font-weight: Semi-Bold
 +
    letter-spacing: 10px;
 +
     text-shadow: 0 0 2px #fff;
 +
}
  
 +
.jumbotron h2{
 +
    color: black;
 +
    font-size: 50px;
 +
    font-family: 'Playfair Display', serif;
 +
    font-family: 'Raleway', sans-serif;
 +
    font-weight: Semi-Bold
 +
    letter-spacing: 10px;
 +
    text-shadow: 0 0 2px #fff;
 +
}
  
−
<html>
 
  
−
<div class="example3">
+
 
−
  <nav class="navbar navbar-inverse navbar-static-top">
+
.row h1{
−
     <div class="container">
+
    color: black;
−
      <div class="navbar-header">
+
    font-size: 45px;
−
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar3">
+
    font-family: 'Raleway', sans-serif;
−
          <span class="sr-only">Toggle navigation</span>
+
     text-shadow: 2px 2px white;
−
          <span class="icon-bar"></span>
+
    letter-spacing: 4px;
−
          <span class="icon-bar"></span>
+
}
−
          <span class="icon-bar"></span>
+
 
−
        </button>
+
.row h2{
−
        <a class="navbar-brand" href="Checking"><img src="https://static.igem.org/mediawiki/2017/0/0f/UNC-Asheville-TinyNavLogo.jpg" alt="Checking">
+
    color: black;
−
        </a>
+
    font-size: 30px;
−
      </div>
+
    font-family: 'Raleway', sans-serif;
−
      <div id="navbar3" class="navbar-collapse collapse">
+
    text-shadow: 2px 2px white;
−
        <ul class="nav navbar-nav navbar-right">
+
    letter-spacing: 2px;
−
          <li class="active"><a href="#">Home</a></li>
+
    margin-top: -15px
−
          <li><a href="#">About</a></li>
+
    font-weight: bold;
−
          <li><a href="#">Contact</a></li>
+
}
−
          <li class="dropdown">
+
 
−
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
+
.row blockquote{
−
            <ul class="dropdown-menu" role="menu">
+
    color: black;
−
              <li><a href="#">Action</a></li>
+
    font-size: 20px;
−
              <li><a href="#">Another action</a></li>
+
    font-family: 'Raleway', sans-serif;
−
              <li><a href="#">Something else here</a></li>
+
    border-left: 1px solid grey;
−
              <li class="divider"></li>
+
    border-right: 1px solid grey;
−
              <li class="dropdown-header">Nav header</li>
+
    border-bottom: 1px solid grey;
−
              <li><a href="#">Separated link</a></li>
+
    border-top: 1px solid grey;
−
              <li><a href="#">One more separated link</a></li>
+
 
−
            </ul>
+
}
−
          </li>
+
 
−
         </ul>
+
.container-fluid blockquote{
−
      </div>
+
    color: black;
−
      <!--/.nav-collapse -->
+
    font-size: 30px;
−
    </div>
+
    font-family: 'Raleway', sans-serif;
−
    <!--/.container-fluid -->
+
    border-left: 1px solid grey;
−
   </nav>
+
    border-right: 1px solid grey;
 +
    border-bottom: 1px solid grey;
 +
    border-top: 1px solid grey;
 +
letter-spacing: 2px;
 +
 
 +
}
 +
 
 +
.header h1{
 +
  color: black;
 +
  font-size: 60px;
 +
  font-family: 'Raleway', sans-serif;
 +
}
 +
 
 +
body {
 +
    background-color: #edece6;
 +
}
 +
.img-fluid {
 +
  width: 100%;
 +
}
 +
img {
 +
  display: block;
 +
  max-width: 90%;
 +
  height: auto;
 +
}
 +
 
 +
body {
 +
    background-color: #edece6;
 +
}
 +
 
 +
</style>
 +
 +
 
 +
</head>
 +
 +
 
 +
<body>
 +
<div class="jumbotron center">
 +
  <div class="container center">
 +
        <h1>TCEasy</h1>
 +
        <p>Degradation of Tricholoretheylene through a novel metabolic pathway.<p>
 +
        <hr>
 +
         <h2>Toxic waste has seeped into our backyard.<br> We're trying to fix it.</h2>
 +
 
 +
   </div>
 
</div>
 
</div>
−
</html>
 

Latest revision as of 02:17, 2 November 2017

About Us

iGEM UNC-Asheville

TCEasy

Degradation of Tricholoretheylene through a novel metabolic pathway.

Toxic waste has seeped into our backyard.
We're trying to fix it.