Difference between revisions of "Team:Edinburgh UG"

 
(42 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
{{:Team:Edinburgh_UG/Templates/NavigationBar}}
 +
 
<html>
 
<html>
  
 
<head>
 
<head>
 +
    <meta name="viewport" content="width=device-width,initial-scale=1">
 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 
     <link rel="stylesheet" href="https://2017.igem.org/Template:Edinburgh_UG/CSS?action=raw&amp;ctype=text/css">
 
     <link rel="stylesheet" href="https://2017.igem.org/Template:Edinburgh_UG/CSS?action=raw&amp;ctype=text/css">
 +
 +
 
     <!-- External CSS for navbar, footer and page. -->
 
     <!-- External CSS for navbar, footer and page. -->
  
Line 10: Line 15:
 
         .same-width {
 
         .same-width {
 
             width: 70%;
 
             width: 70%;
−
             max-width: 50em;
+
             max-width: 55em;
−
        }
+
−
       
+
−
        .carousel-indicators {
+
−
            left: 13.5%;
+
 
         }
 
         }
 
          
 
          
Line 34: Line 35:
 
             margin: 10px;
 
             margin: 10px;
 
         }
 
         }
−
        .navbar-nav li {
+
/* Putting the carousel indicators outside the carousel: */
−
        max-width: 10.5em;}
+
.carousel-indicators {
 +
  bottom:-2.5em;
 +
  width: auto;
 +
  margin-left: 0;
 +
  left: 20.5em;
 +
}
 +
 
 +
.carousel-inner {
 +
}
 +
 
 +
.carousel-indicators li {
 +
  background-color: white;
 +
  border-color: black;
 +
  border-width: 2.5pt;
 +
}
 +
.carousel-indicators .active {
 +
  background-color: black;
 +
  border-color: black;
 +
  border-width: 2.5pt;
 +
}
 +
 
 +
.carousel-control.left {
 +
  margin-left: -4.5em;
 +
  color: black;
 +
}
 +
 
 +
.carousel-control.right {
 +
  margin-right: -4.5em;
 +
  color: black;
 +
}
 +
 
 +
.carousel .carousel-control{
 +
  opacity: 1;
 +
}
 +
 
 
     </style>
 
     </style>
 
</head>
 
</head>
Line 66: Line 101:
 
         </script>
 
         </script>
 
     </div>
 
     </div>
−
 
−
        <!-- Navbar (adapted from Bootstrap's documentation). -->
 
−
    <nav class="navbar navbar-default navbar-fixed-top">
 
−
        <div class="container-fluid">
 
−
            <!-- Brand and toggle get grouped for better mobile display -->
 
−
            <div class="navbar-header">
 
−
                <a class="navbar-brand" href="https://2017.igem.org/Team:Edinburgh_UG">
 
−
                    <img alt="Brand" src="https://static.igem.org/mediawiki/2017/6/63/T--Edinburgh_UG--navbarlogo4.svg" width="90em" height="auto"
 
−
                        style="padding-top:0.36em">
 
−
                </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 navbar-right">
 
−
                    <li><a href="/Team:Edinburgh_UG">Home</a></li>
 
−
                    <li class="dropdown">
 
−
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Team<span class="caret"></span></a>
 
−
                        <ul class="dropdown-menu">
 
−
                            <li><a href="/Team:Edinburgh_UG/Team">Team</a></li>
 
−
                            <li><a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Collaborations</a></li>
 
−
                        </ul>
 
−
                    </li>
 
−
                    <li class="dropdown">
 
−
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project<span class="caret"></span></a>
 
−
                        <ul class="dropdown-menu">
 
−
                            <li><a href=/Team:Edinburgh_UG/Description>Description</a></li>
 
−
                            <li><a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Design</a></li>
 
−
                            <li><a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Experiments</a></li>
 
−
                            <li><a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Notebook</a></li>
 
−
                            <li><a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">InterLab</a></li>
 
−
                            <li><a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Contribution</a></li>
 
−
                            <li><a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Model</a></li>
 
−
                            <li><a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Results</a></li>
 
−
                            <li><a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Demonstrate</a></li>
 
−
                            <li><a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Improve</a></li>
 
−
                            <li><a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Attributions</a></li>
 
−
                        </ul>
 
−
                    </li>
 
−
                    <li class="dropdown">
 
−
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Parts<span class="caret"></span></a>
 
−
                        <ul class="dropdown-menu">
 
−
                            <li><a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Parts</a></li>
 
−
                            <li><a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Basic Parts</a></li>
 
−
                            <li><a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Composite Parts</a></li>
 
−
                            <li><a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Part Collection</a></li>
 
−
                        </ul>
 
−
                    </li>
 
−
                    <li><a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Safety</a></li>
 
−
                    <li class="dropdown">
 
−
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Human Practices<span class="caret"></span></a>
 
−
                        <ul class="dropdown-menu">
 
−
                            <li><a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Silver HP</a></li>
 
−
                            <li> <a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Integrated and Gold</a></li>
 
−
                            <li><a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Public Engagement</a></li>
 
−
                        </ul>
 
−
                    </li>
 
−
                    <li class="dropdown">
 
−
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Awards<span class="caret"></span></a>
 
−
                        <ul class="dropdown-menu">
 
−
                            <li> <a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Applied Design</a></li>
 
−
                            <li> <a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Entrepreneurship</a></li>
 
−
                            <li> <a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Hardware</a></li>
 
−
                            <li> <a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Model</a></li>
 
−
                            <li> <a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Plant</a></li>
 
−
                            <li> <a href="https://2017.igem.org/Team:Edinburgh_UG/UnderConstruction">Software</a></li>
 
−
                        </ul>
 
−
                    </li>
 
−
                    <a href="mailto:igem2017edinburgh@gmail.com"><img src="https://static.igem.org/mediawiki/2017/c/c8/T--Edinburgh_UG--ContactUs.svg" onmouseover="this.src='https://static.igem.org/mediawiki/2017/d/db/T--Edinburgh_UG--ContactUsHover.svg'"
 
−
                            onmouseout="this.src='https://static.igem.org/mediawiki/2017/c/c8/T--Edinburgh_UG--ContactUs.svg'" width="160em"
 
−
                            height="50em" style="display:inline; padding-top: 0.35em;" /></a>
 
−
 
−
                </ul>
 
−
            </div>
 
−
            <!-- /.navbar-collapse -->
 
−
        </div>
 
−
        <!-- /.container-fluid -->
 
−
    </nav>
 
  
 
     <br><br><br><br><br>
 
     <br><br><br><br><br>
Line 149: Line 106:
 
     <!-- Logo -->
 
     <!-- Logo -->
 
     <center>
 
     <center>
−
         <img src="https://static.igem.org/mediawiki/2017/3/30/T--Edinburgh_UG--headerlogo2.svg" class="same-width">
+
         <img src="https://static.igem.org/mediawiki/2017/c/c0/T--Edinburgh_UG--Smore_Main.svg" class="same-width">
 +
        <h2 style="text-align:centre; font-size: 30px; margin-top: 40px;"> Project Introduction
 
     </center>
 
     </center>
  
Line 155: Line 113:
  
 
     <!-- Carousel -->
 
     <!-- Carousel -->
−
     <center>
+
     <div style="text-align: center">
−
         <div id="carousel" class="carousel slide same-width" data-ride="carousel">
+
         <div id="carousel" class="carousel slide same-width" data-ride="carousel" style="margin-left: auto; margin-right: auto">
 
             <!-- Menu -->
 
             <!-- Menu -->
 +
            <div style="margin: 0 auto; width: 100px; margin-left: 0px;">
 
             <ol class="carousel-indicators">
 
             <ol class="carousel-indicators">
 
                 <li data-target="#carousel" data-slide-to="0" class="active"></li>
 
                 <li data-target="#carousel" data-slide-to="0" class="active"></li>
Line 165: Line 124:
 
                 <li data-target="#carousel" data-slide-to="4"></li>
 
                 <li data-target="#carousel" data-slide-to="4"></li>
 
                 <li data-target="#carousel" data-slide-to="5"></li>
 
                 <li data-target="#carousel" data-slide-to="5"></li>
−
             </ol>
+
             </ol></div>
  
 
             <!-- Items -->
 
             <!-- Items -->
Line 171: Line 130:
  
 
                 <div class="item active">
 
                 <div class="item active">
−
                     <img src="https://static.igem.org/mediawiki/2017/d/da/T--Edinburgh_UG--carouselplaceholder1.svg" alt="Slide 1" />
+
                     <img src="https://static.igem.org/mediawiki/2017/c/cb/T--Edinburgh_UG--Carousel1.svg" alt="Slide 1" />
 
                 </div>
 
                 </div>
 
                 <div class="item">
 
                 <div class="item">
−
                     <img src="https://static.igem.org/mediawiki/2017/f/f2/T--Edinburgh_UG--carouselplaceholder2.svg" alt="Slide 2" />
+
                     <img src="https://static.igem.org/mediawiki/2017/5/5d/T--Edinburgh_UG--Carousel2.svg" alt="Slide 2" />
 
                 </div>
 
                 </div>
 
                 <div class="item">
 
                 <div class="item">
−
                     <img src="https://static.igem.org/mediawiki/2017/d/d9/T--Edinburgh_UG--carouselplaceholder3.svg" alt="Slide 3" />
+
                     <img src="https://static.igem.org/mediawiki/2017/4/42/T--Edinburgh_UG--Carousel3.svg" alt="Slide 3" />
 
                 </div>
 
                 </div>
 
                 <div class="item">
 
                 <div class="item">
−
                     <img src="https://static.igem.org/mediawiki/2017/7/7d/T--Edinburgh_UG--carouselplaceholder4.svg" alt="Slide 4" />
+
                     <img src="https://static.igem.org/mediawiki/2017/5/5a/T--Edinburgh_UG--Carousel4.svg" alt="Slide 4" />
 
                 </div>
 
                 </div>
 
                 <div class="item">
 
                 <div class="item">
−
                     <img src="https://static.igem.org/mediawiki/2017/7/75/T--Edinburgh_UG--carouselplaceholder5.svg" alt="Slide 5" />
+
                     <img src="https://static.igem.org/mediawiki/2017/2/28/T--Edinburgh_UG--Carousel5.svg" alt="Slide 5" />
 
                 </div>
 
                 </div>
 
                 <div class="item">
 
                 <div class="item">
 
                     <a href="https://2017.igem.org/Team:Edinburgh_UG/Description">
 
                     <a href="https://2017.igem.org/Team:Edinburgh_UG/Description">
−
                         <img src="https://static.igem.org/mediawiki/2017/3/38/T--Edinburgh_UG--carouselplaceholder6.svg" alt="Slide 6" /></a>
+
                         <img src="https://static.igem.org/mediawiki/2017/0/04/T--Edinburgh_UG--Carousel6.svg" alt="Slide 6" /></a>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
Line 199: Line 158:
 
     </center>
 
     </center>
  
−
    <h2 style="text-align:center"> Can you help us?
 
−
        <h2>
 
−
            <center>
 
−
                <p style="text-align:center"> We are currently looking for sponsors to help realise our projects. </p>
 
−
                <p style="text-align:center"> We would be delighted to accept support in the form of cash and free or discounted services and consumables.</p>
 
−
                <p style="text-align:center"> iGEM is a high profile, international competition, in return for your sponsorship we can offer a range of
 
−
                    advertising packages for your company: </p>
 
−
            </center>
 
−
 
−
            <center>
 
−
                <container class="same-width sponsor">
 
−
                    <img src="https://static.igem.org/mediawiki/2017/4/43/T--Edinburgh_UG--sponsorBronze.svg" name="bronzeimg" usemap="#bronzemap"
 
−
                        onmouseover="this.src='https://static.igem.org/mediawiki/2017/0/09/T--Edinburgh_UG--sponsorBronzeHover.svg'"
 
−
                        onmouseout="this.src='https://static.igem.org/mediawiki/2017/4/43/T--Edinburgh_UG--sponsorBronze.svg'" />
 
−
                    <map name="bronzemap" onmouseover="document.bronzeimg.src='https://static.igem.org/mediawiki/2017/0/09/T--Edinburgh_UG--sponsorBronzeHover.svg'">
 
−
        <area shape="rect" coords="45 220 150 245" href="mailto:igem2017edinburgh@gmail.com" alt="alttext">
 
−
      </map>
 
−
 
−
                    <img src="https://static.igem.org/mediawiki/2017/c/ce/T--Edinburgh_UG--sponsorSilver.svg" name="silverimg" usemap="#silvermap"
 
−
                        onmouseover="this.src='https://static.igem.org/mediawiki/2017/6/66/T--Edinburgh_UG--sponsorSilverHover.svg'"
 
−
                        onmouseout="this.src='https://static.igem.org/mediawiki/2017/c/ce/T--Edinburgh_UG--sponsorSilver.svg'" />
 
−
                    <map name="silvermap" onmouseover="document.silverimg.src='https://static.igem.org/mediawiki/2017/6/66/T--Edinburgh_UG--sponsorSilverHover.svg'">
 
−
        <area shape="rect" coords="45 220 150 245" href="mailto:igem2017edinburgh@gmail.com" alt="alttext">
 
−
      </map>
 
−
 
−
                    <img src="https://static.igem.org/mediawiki/2017/4/44/T--Edinburgh_UG--sponsorGold.svg" name="goldimg" usemap="#goldmap" onmouseover="this.src='https://static.igem.org/mediawiki/2017/6/6a/T--Edinburgh_UG--sponsorGoldHover.svg'"
 
−
                        onmouseout="this.src='https://static.igem.org/mediawiki/2017/4/44/T--Edinburgh_UG--sponsorGold.svg'" />
 
−
                    <map name="goldmap" onmouseover="document.goldimg.src='https://static.igem.org/mediawiki/2017/6/6a/T--Edinburgh_UG--sponsorGoldHover.svg'">
 
−
        <area shape="rect" coords="45 220 150 245" href="mailto:igem2017edinburgh@gmail.com" alt="alttext">
 
−
      </map>
 
−
 
−
                    <img src="https://static.igem.org/mediawiki/2017/0/09/T--Edinburgh_UG--sponsorPlatinum.svg" name="platimg" usemap="#platmap" onmouseover="this.src='https://static.igem.org/mediawiki/2017/e/e8/T--Edinburgh_UG--sponsorPlatinumHover.svg'"
 
−
                        onmouseout="this.src='https://static.igem.org/mediawiki/2017/0/09/T--Edinburgh_UG--sponsorPlatinum.svg'" />
 
−
                    <map name="platmap" onmouseover="document.platimg.src='https://static.igem.org/mediawiki/2017/e/e8/T--Edinburgh_UG--sponsorPlatinumHover.svg'">
 
−
        <area shape="rect" coords="45 220 150 245" href="mailto:igem2017edinburgh@gmail.com" alt="alttext">
 
−
      </map>
 
−
 
−
                </container>
 
−
            </center>
 
  
 
             <!-- Importing jquery and Bootstrap min.js + making the carousel work. -->
 
             <!-- Importing jquery and Bootstrap min.js + making the carousel work. -->
Line 246: Line 166:
 
             </script>
 
             </script>
 
</body>
 
</body>
 +
</html>
  
−
<!-- Footer -->
+
{{:Team:Edinburgh_UG/Templates/Footer}}
−
<footer style="color:#fff; padding-top:16px; padding-bottom:16px">
+
−
    <p style="text-align: center;">University of Edinburgh 2017 UG Team</p>
+
−
    <center>
+
−
        <a href="http://www.ed.ac.uk/">
+
−
            <img src="https://static.igem.org/mediawiki/2017/f/f6/T--Edinburgh_UG--UoElogo.jpg" style="width: auto; height: 60px"></a>
+
−
        <a href="https://igem.org/Main_Page">
+
−
            <img src="https://static.igem.org/mediawiki/2015/f/fa/Qqq_IGEM_official_logo.png" style="width: auto; height: 60px">
+
−
        </a>
+
−
        <a href="https://www.facebook.com/EdiGEM2017/">
+
−
            <img src="https://facebookbrand.com/wp-content/themes/fb-branding/prj-fb-branding/assets/images/fb-art.png" style="width: auto; height: 60px">
+
−
        </a>
+
−
        <a href="https://igem.org/Main_Page">
+
−
            <img src="https://static.igem.org/mediawiki/2017/7/77/T--Edinburgh_UG--TwitterIcon.svg" style="width: auto; height: 60px">
+
−
        </a>
+
−
 
+
−
    </center>
+
−
</footer>
+

Latest revision as of 05:53, 1 November 2017






Project Introduction