Difference between revisions of "Team:UCC Ireland"

Line 1: Line 1:
−
[[MediaWiki:Group-example.js]]
 
 
<html>
 
<html>
−
<body>
+
    <head>
−
<h1>Test</h1>
+
        <meta charset="utf-8">
−
</body>
+
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 +
        <title></title>
 +
        <meta name="description" content="">
 +
        <meta name="viewport" content="width=device-width, initial-scale=1">
 +
        <link rel="apple-touch-icon" href="apple-touch-icon.png">
 +
 
 +
        <!-- Latest compiled and minified CSS -->
 +
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
 +
 
 +
        <!-- Optional theme -->
 +
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
 +
 
 +
        <!-- Latest compiled and minified JavaScript -->
 +
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
 +
        <style>
 +
            body {
 +
                padding-top: 50px;
 +
                padding-bottom: 20px;
 +
            }
 +
 
 +
 
 +
            /* ==========================================================================
 +
              Author's custom styles
 +
              ========================================================================== */
 +
 
 +
 
 +
            .navbar {
 +
              background-image: -webkit-linear-gradient(top, #800080 0%, #9E009E 100%);
 +
              background-image: -o-linear-gradient(top, #800080 0%, #9E009E 100%);
 +
              background-image: linear-gradient(to bottom, #800080 0%, #9E009E 100%);
 +
              background-repeat: repeat-x;
 +
              filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff004400', endColorstr='#ff009900', GradientType=0);
 +
 
 +
 
 +
            }
 +
 
 +
            #navbar-active-custom > a{
 +
                background-image: linear-gradient(to bottom,#690069 0,#820082 100%);
 +
            }
 +
 
 +
            .navbar-inverse .navbar-nav>li>a {
 +
                color: white;
 +
            }
 +
 
 +
            .navbar-inverse .navbar-nav>li>a:hover {
 +
                color: pink;
 +
            }
 +
 
 +
            .jumbotron {
 +
                margin-bottom: 0px;
 +
                background-image: url(https://s9.postimg.org/8a0rm08mj/medical_biology_detail_medicine_psychedelic_scie.jpg);
 +
                background-position: 0% 25%;
 +
                background-size: cover;
 +
                background-repeat: no-repeat;
 +
                color: white;
 +
                text-shadow: black 0.3em 0.3em 0.3em;
 +
                height: 100vh;
 +
            }
 +
 
 +
            .jumbotron h1{
 +
                padding-top: 100px;
 +
                text-align: center;
 +
                font-size: 1000%;
 +
            }
 +
 
 +
            .jumbotron h2{
 +
                text-align: center;
 +
                font-size: 700%;
 +
                color: #9E009E;
 +
            }
 +
 
 +
            #intro-video{
 +
                padding: 100px 100px;
 +
                padding-bottom: 200px;
 +
                font-size: 1.5em;
 +
                margin-bottom: 10px;
 +
            }
 +
 
 +
            #intro-video h3{
 +
                font-size: 2em;
 +
                color: darkgreen;
 +
            }
 +
 
 +
            #intro-video p{
 +
                margin-bottom: 50px;
 +
            }
 +
 
 +
            img.grayscale {
 +
              filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
 +
              filter: gray; /* IE6-9 */
 +
              -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
 +
            }
 +
 
 +
            img.grayscale:hover {
 +
              filter: none;
 +
              -webkit-filter: grayscale(0%);
 +
            }
 +
 
 +
            a.thumbnail:hover, a.thumbnail:focus,a.thumbnail.active{
 +
                border-color: #800080;
 +
            }
 +
 
 +
        </style>
 +
 
 +
        <!--[if lt IE 9]>
 +
            <script src="js/vendor/html5-3.6-respond-1.4.2.min.js"></script>
 +
        <![endif]-->
 +
    </head>
 +
    <body>
 +
        <!--[if lt IE 8]>
 +
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
 +
        <![endif]-->
 +
   
 +
       
 +
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
 +
      <div class="container">
 +
        <div class="navbar-header">
 +
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
 +
            <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="#">Logo?</a>
 +
        </div>
 +
        <div id="navbar" class="navbar-collapse collapse">
 +
          <ul class="nav navbar-nav">
 +
              <li class="active" id="navbar-active-custom"><a href="#">Home</a></li>
 +
              <li><a href="#">Our Project</a></li>
 +
              <li><a href="#">Outreach</a></li>
 +
              <li><a href="#">Team</a></li>
 +
              <li><a href="#">Notebook</a></li>
 +
              <li><a href="#">Parts</a></li>
 +
              <li><a href="#">Collaboration</a></li>
 +
              <li><a href="#">Interlab Study</a></li>
 +
              <li><a href="#">Achievements</a></li>
 +
              <li><a href="#">Acknowledgements</a></li>
 +
            </ul>
 +
        </div><!--/.navbar-collapse -->
 +
      </div>
 +
    </nav>
 +
 
 +
    <!-- Main jumbotron for a primary marketing message or call to action -->
 +
    <div class="jumbotron">
 +
      <div class="container">
 +
        <h1>UCC iGEM</h1>
 +
        <h2>El Galactios</h2>
 +
      </div>
 +
    </div>
 +
 
 +
    <div class="container" id="intro-video">
 +
      <div class="row">
 +
        <h3>Our Project:</h3>
 +
        <p>
 +
          Lactococcus lactis is a safe gram positive bacterium that is highly amenable to genetic manipulation. It is possible to build L. lactis strains that can deliver proteins to the immune system to precisely influence the host immune response. We intend to build synthetic L. lactis strains which express tumor-specific antigens and which can be delivered orally to patients to boost cancer-specific immunity.
 +
        </p>
 +
         
 +
        <div class="embed-responsive embed-responsive-16by9">
 +
          <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/ZZ5LpwO-An4"></iframe>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <div class="container">
 +
        <div class="row">
 +
          <div class="col-xs-6 col-md-4">
 +
            <a href="#" class="thumbnail">
 +
              <img class="grayscale" src="https://s9.postimg.org/gr09wxdbf/lilly_logo.png" alt="">
 +
            </a>
 +
          </div>
 +
          <div class="col-xs-6 col-md-4">
 +
            <a href="#" class="thumbnail">
 +
              <img class="grayscale" src="https://s9.postimg.org/sio57q7xn/synenergene_4c_Kopie.jpg" alt="">
 +
            </a>
 +
          </div>
 +
          <div class="col-xs-6 col-md-4">
 +
            <a href="#" class="thumbnail">
 +
              <img class="grayscale" src="https://s9.postimg.org/c3u7v5pyj/Janssen.jpg" alt="">
 +
            </a>
 +
          </div>
 +
        </div>
 +
        <div class="row">
 +
          <div class="col-xs-6 col-md-4">
 +
            <a href="#" class="thumbnail">
 +
              <img class="grayscale" src="https://s9.postimg.org/mcmp0ze0b/Fyffes20_PLC20_Logo_JPG_crop.jpg" alt="">
 +
            </a>
 +
          </div>
 +
          <div class="col-xs-6 col-md-4">
 +
            <a href="#" class="thumbnail">
 +
              <img class="grayscale" src="https://s9.postimg.org/8hjt4ru7f/download.jpg" alt="">
 +
            </a>
 +
          </div>
 +
          <div class="col-xs-6 col-md-4">
 +
            <a href="#" class="thumbnail">
 +
              <img class="grayscale" src="https://s9.postimg.org/rvp8i7b1n/v42kpv1u80bitnydrtif.png" alt="">
 +
            </a>
 +
          </div>
 +
        </div>
 +
        <div class="row">
 +
          <div class="col-xs-6 col-md-4">
 +
            <a href="#" class="thumbnail">
 +
              <img class="grayscale" src="" alt="">
 +
            </a>
 +
          </div>
 +
          <div class="col-xs-6 col-md-4">
 +
            <a href="#" class="thumbnail">
 +
              <img class="grayscale" src="https://s9.postimg.org/guu3d6isr/ucc_medicine_health.jpg" alt="">
 +
            </a>
 +
          </div>
 +
          <div class="col-xs-6 col-md-4">
 +
            <a href="#" class="thumbnail">
 +
              <img class="grayscale" src="" alt="">
 +
            </a>
 +
          </div>
 +
        </div>
 +
    </div>
 +
      <hr> <!-- /container -->       
 +
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
 +
 
 +
 
 +
    </body>
 
</html>
 
</html>

Revision as of 21:22, 27 August 2016

UCC iGEM

El Galactios

Our Project:

Lactococcus lactis is a safe gram positive bacterium that is highly amenable to genetic manipulation. It is possible to build L. lactis strains that can deliver proteins to the immune system to precisely influence the host immune response. We intend to build synthetic L. lactis strains which express tumor-specific antigens and which can be delivered orally to patients to boost cancer-specific immunity.