Difference between revisions of "Team:BOKU-Vienna"

 
(128 intermediate revisions by 8 users not shown)
Line 1: Line 1:
 +
{{Template:BOKU-Vienna-header}}
 
<html>
 
<html>
−
 
 
 
<style>
 
<style>
−
  .intro {
+
    .xyz  {
−
    display: table;
+
      text-align: center !important;
−
    width: 100%;
+
    }
−
    height: auto;
+
  .video {
−
    padding: 100px 0;
+
      width: 100% !important;
−
    text-align: center;
+
      }
−
    color: black;
+
  .myintro {
−
    background: url(plastic.jpg) no-repeat bottom center scroll;
+
      display: table;
−
    background-color: black;
+
      width: 100%;
−
    -webkit-background-size: cover;
+
      height: 100%;
−
    -moz-background-size: cover;
+
      padding: 100px 0;
−
    background-size: cover;
+
      text-align: center !important;
−
    -o-background-size: cover;
+
      color: black;
−
  }
+
      background: url("https://static.igem.org/mediawiki/2017/e/ea/T--BOKU-Vienna--plastic.jpg") no-repeat bottom center scroll;
 +
      background-color: black;
 +
      -webkit-background-size: cover;
 +
      -moz-background-size: cover;
 +
      background-size: cover;
 +
      -o-background-size: cover;
 +
    }
 +
    .myintro .myintro-body {
 +
      display: table-cell;
 +
      vertical-align: middle;
 +
    }
 +
    .myintro .myintro-body .brand-heading {
 +
      font-size: 40px;
 +
    }
 +
    .myintro .myintro-body .myintro-text {
 +
      font-size: 18px;
 +
      font-family: Tahoma, Geneva, sans-serif;
 +
    }
 
</style>
 
</style>
−
 
+
<div id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
−
 
+
−
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
+
−
 
+
−
    <!-- Navigation -->
+
−
    <nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
+
−
        <div class="container">
+
−
            <div class="navbar-header">
+
−
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
+
−
                    Menu <i class="fa fa-bars"></i>
+
−
                </button>
+
−
                <a class="navbar-brand page-scroll" href="#page-top">
+
−
                    D.I.V.E.R.T.
+
−
                </a>
+
−
            </div>
+
−
 
+
−
            <!-- Collect the nav links, forms, and other content for toggling -->
+
−
            <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
+
−
                <ul class="nav navbar-nav">
+
−
                    <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
+
−
                    <li class="hidden">
+
−
                        <a href="#page-top"></a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="#">Team</a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="#">Project</a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="#">Parts</a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="#">Safety</a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="#">Human Practices</a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="#">Awards</a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="#">Sponsors</a>
+
−
                    </li>
+
−
                </ul>
+
−
            </div>
+
−
            <!-- /.navbar-collapse -->
+
−
        </div>
+
−
        <!-- /.container -->
+
−
    </nav>
+
−
 
+
−
 
+
 
     <!-- One-Page Scroll NavBar -->
 
     <!-- One-Page Scroll NavBar -->
 
     <nav class="navbar scrollnav-custom navbar-fixed-bottom" role="navigation" id="scrollnav">
 
     <nav class="navbar scrollnav-custom navbar-fixed-bottom" role="navigation" id="scrollnav">
Line 76: Line 42:
 
                     Menu <i class="fa fa-bars"></i>
 
                     Menu <i class="fa fa-bars"></i>
 
                 </button>
 
                 </button>
−
                 <a class="navbar-brand" target="_blank"  href="https://www.facebook.com">
+
                 <a class="navbar-brand" target="_blank"  href="https://www.facebook.com/IGEM.BOKU.Vienna">
−
                     <img src="fb.png" alt="Facebook" >
+
                     <img src="https://static.igem.org/mediawiki/2017/6/67/T--BOKU-Vienna--fb2.png" alt="Facebook" >
 
                 </a>
 
                 </a>
−
                 <a class="navbar-brand" target="_blank"  href="https://www.twitter.com">
+
                 <a class="navbar-brand" target="_blank"  href="https://www.twitter.com/BOKU_iGEM">
−
                     <img src="twitter.png" alt="Twitter" >
+
                     <img src="https://static.igem.org/mediawiki/2017/1/15/T--BOKU-Vienna--twitter.png" alt="Twitter" >
 
                 </a>
 
                 </a>
 
             </div>
 
             </div>
Line 88: Line 54:
 
                 <ul class="nav navbar-nav">
 
                 <ul class="nav navbar-nav">
 
                     <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
 
                     <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
−
                     <li class="hidden">
+
                     <li>
−
                         <a href="#page-top"></a>
+
                         <a class="page-scroll" href="#">Top</a>
 
                     </li>
 
                     </li>
 
                     <li>
 
                     <li>
 
                         <a class="page-scroll" href="#Welcome">Welcome</a>
 
                         <a class="page-scroll" href="#Welcome">Welcome</a>
−
                    </li>
 
−
                    <li>
 
−
                        <a class="page-scroll" href="#Sponsors">Sponsors</a>
 
 
                     </li>
 
                     </li>
 
                 </ul>
 
                 </ul>
Line 104: Line 67:
 
     </nav>
 
     </nav>
  
−
     <!-- Intro Header -->
+
     <!-- myintro Header -->
−
     <header class="intro">
+
     <header class="myintro">
−
         <div class="intro-body">
+
         <div class="myintro-body">
 
             <div class="container">
 
             <div class="container">
 
                 <div class="row">
 
                 <div class="row">
 
                     <div class="col-md-8 col-md-offset-2">
 
                     <div class="col-md-8 col-md-offset-2">
 
                         <h1 class="brand-heading">D.I.V.E.R.T.</h1>
 
                         <h1 class="brand-heading">D.I.V.E.R.T.</h1>
−
                         <p class="intro-text">The Next Step of Evolution.
+
                         <p class="xyz">The Next Step of Evolution.
 
                             <br>Created by BOKU Vienna.</p>
 
                             <br>Created by BOKU Vienna.</p>
−
                         <a href="#about" class="btn btn-circle page-scroll">
+
                         <a href="#Welcome" class="page-scroll">
−
                             <i class="fa fa-angle-double-down animated"></i>
+
                          <div id="downarrow">
 +
                             <img src="https://static.igem.org/mediawiki/2017/3/32/T--BOKU-Vienna--arrow.png" alt="V">
 +
                          </div>
 
                         </a>
 
                         </a>
 
                     </div>
 
                     </div>
Line 123: Line 88:
  
 
     <!-- About Section -->
 
     <!-- About Section -->
−
     <section id="Welcome" class="container content-section text-center">
+
     <section class="container content-section text-center">
−
         <div class="row">
+
         <div class="row" id="Welcome" >
 
             <div class="col-lg-8 col-lg-offset-2">
 
             <div class="col-lg-8 col-lg-offset-2">
−
                 <h2>Welcome</h2>
+
                <p> <br><br></p>
−
                 <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
+
                 <h2>Welcome.</h2>
 +
                 <p> <br> Welcome to our Wiki! Check out the video below for a short introduction into our project. If you want to learn more about our <a href=https://2017.igem.org/Team:BOKU-Vienna/Description >project idea</a>, the <a href=https://2017.igem.org/Team:BOKU-Vienna/Notebook>lab work</a>, the <a href=https://2017.igem.org/Team:BOKU-Vienna/Team>team</a> behind it, our <a href=https://2017.igem.org/Team:BOKU-Vienna/Engagement>public engagement</a> or the <a href=https://igem.org/Main_Page>competition in general</a> please explore our website. We would especially like to thank our <a href=https://2017.igem.org/Team:BOKU-Vienna/Sponsors>sponsors</a> who helped us realize this project!
 +
</p>
 +
<p>If you would like to contact us please send an email to <a href="mailto:igem2017@students.boku.ac.at">igem2017@students.boku.ac.at</a>
 +
</p>
 +
<p>We are  proud  and  happy  to  say that we had the opportunity to attend the Giant Jamboree in Boston and that  our  efforts  were  rewarded  in form  of  a  <b>Silver  Medal</b>! By participating in the iGEM competition we definitely learned a lot and are honored to be a part of the ever-growing synthetic biology community.
 +
</p>
 +
<p>
 +
</p>
 +
<video poster="https://static.igem.org/mediawiki/2017/6/6d/Titelbild_schirch.jpeg" id="iGEMMovie" width="100%" height="auto" preload controls align="center">
 +
 
 +
<source src="https://static.igem.org/mediawiki/2017/2/2a/DIVERT-video.mp4" type='video/mp4'/>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
     </section>
 
     </section>
  
−
     <!-- Download Section -->
+
      
−
    <section id="Sponsors" class="container content-section text-center">
+
</html>
−
            <div class="container">
+
−
                <div class="col-lg-8 col-lg-offset-2">
+
−
                    <h2>Sponsors</h2>
+
−
                    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
+
−
                </div>
+
−
            </div>
+
−
    </section>
+
−
 
+
−
    <!-- Footer -->
+
−
    <footer>
+
−
        <div class="container text-center sponsor-section">
+
−
            <p>Copyright &copy; Your Website 2016</p>
+
−
        </div>
+
−
    </footer>
+
−
  </body>
+
  
−
  </html>
+
{{BOKU-Vienna-footer}}

Latest revision as of 15:41, 12 December 2017

D.I.V.E.R.T.

The Next Step of Evolution.
Created by BOKU Vienna.

V



Welcome.


Welcome to our Wiki! Check out the video below for a short introduction into our project. If you want to learn more about our project idea, the lab work, the team behind it, our public engagement or the competition in general please explore our website. We would especially like to thank our sponsors who helped us realize this project!

If you would like to contact us please send an email to igem2017@students.boku.ac.at

We are proud and happy to say that we had the opportunity to attend the Giant Jamboree in Boston and that our efforts were rewarded in form of a Silver Medal! By participating in the iGEM competition we definitely learned a lot and are honored to be a part of the ever-growing synthetic biology community.