Difference between revisions of "Team:UNC-Asheville"

 
(179 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>
 
  
−
<nav class="navbar navbar-fixed-top">
 
−
  <div class="container">
 
−
    <!-- Brand and toggle get grouped for better mobile display -->
 
−
    <div class="navbar-header">
 
−
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
 
−
        <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="#">Brand</a>
 
−
    </div>
 
  
−
     <!-- Collect the nav links, forms, and other content for toggling -->
+
.row h1{
−
     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
     color: black;
−
      <ul class="nav navbar-nav">
+
    font-size: 45px;
−
        <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
+
    font-family: 'Raleway', sans-serif;
−
        <li><a href="#">Link</a></li>
+
    text-shadow: 2px 2px white;
−
        <li class="dropdown">
+
     letter-spacing: 4px;
−
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
+
}
−
          <ul class="dropdown-menu">
+
 
−
            <li><a href="#">Action</a></li>
+
.row h2{
−
            <li><a href="#">Another action</a></li>
+
    color: black;
−
            <li><a href="#">Something else here</a></li>
+
    font-size: 30px;
−
            <li role="separator" class="divider"></li>
+
    font-family: 'Raleway', sans-serif;
−
            <li><a href="#">Separated link</a></li>
+
    text-shadow: 2px 2px white;
−
            <li role="separator" class="divider"></li>
+
    letter-spacing: 2px;
−
            <li><a href="#">One more separated link</a></li>
+
    margin-top: -15px
−
          </ul>
+
    font-weight: bold;
−
        </li>
+
}
−
      </ul>
+
 
−
      <form class="navbar-form navbar-left">
+
.row blockquote{
−
        <div class="form-group">
+
    color: black;
−
          <input type="text" class="form-control" placeholder="Search">
+
    font-size: 20px;
−
        </div>
+
    font-family: 'Raleway', sans-serif;
−
        <button type="submit" class="btn btn-default">Submit</button>
+
    border-left: 1px solid grey;
−
      </form>
+
    border-right: 1px solid grey;
−
      <ul class="nav navbar-nav navbar-right">
+
    border-bottom: 1px solid grey;
−
        <li><a href="#">Link</a></li>
+
    border-top: 1px solid grey;
−
        <li class="dropdown">
+
 
−
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
+
}
−
          <ul class="dropdown-menu">
+
 
−
            <li><a href="#">Action</a></li>
+
.container-fluid blockquote{
−
            <li><a href="#">Another action</a></li>
+
    color: black;
−
            <li><a href="#">Something else here</a></li>
+
    font-size: 30px;
−
            <li role="separator" class="divider"></li>
+
    font-family: 'Raleway', sans-serif;
−
            <li><a href="#">Separated link</a></li>
+
    border-left: 1px solid grey;
−
          </ul>
+
    border-right: 1px solid grey;
−
         </li>
+
    border-bottom: 1px solid grey;
−
      </ul>
+
    border-top: 1px solid grey;
−
    </div><!-- /.navbar-collapse -->
+
letter-spacing: 2px;
−
   </div><!-- /.container-fluid -->
+
 
−
</nav>
+
}
−
</html>
+
 
 +
.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>

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.