Difference between revisions of "Team:Freiburg/Introduction"

Line 4: Line 4:
 
<html>
 
<html>
 
<head>
 
<head>
<style>
 
 
#cf {
 
  position:relative;
 
  height:281px;
 
  width:450px;
 
  margin:0 auto;
 
}
 
 
#cf img {
 
  position:absolute;
 
  left:0;
 
  -webkit-transition: opacity 1s ease-in-out;
 
  -moz-transition: opacity 1s ease-in-out;
 
  -o-transition: opacity 1s ease-in-out;
 
  transition: opacity 1s ease-in-out;
 
}
 
 
#cf img.top:hover {
 
  opacity:0;
 
}
 
 
</style>
 
  
 
</head>
 
</head>
Line 52: Line 29:
 
</div>
 
</div>
 
<div class="container">
 
<div class="container">
   <div class="row justify-content-center">
+
   <div class="row">
      <div class="col-md-4">                  
+
      <div class="col-md-12 text-center">
                  <div id="cf">
+
        <div class="flex-container">
  <a href = "http://skscience.org">
+
 
  <img class="bottom" src="https://static.igem.org/mediawiki/2017/9/9c/T-FREIBURG-car-red-left2.jpg" />
+
 
  <img class="top" src="https://static.igem.org/mediawiki/2017/e/e9/T-FREIBURG-car-left2.jpg" />
+
<div class="col-sm-6">
</a>
+
<div class="image_box left" style="float:right">
 +
<div class="figure" style="width:180px">
 +
                <div class="figureinner">
 +
                   
 +
                  <a href=""><img src="https://static.igem.org/mediawiki/2017/9/90/Freiburg_car_2.png" style="width:180px;height:50px;">
 +
                    <div class="figurecaption" style="float:right">
 +
                 
 +
                      <p><strong>Home Page</strong></p> </a>
 +
</div>
 +
</div>
 +
</div>
 
</div>
 
</div>
<div>
 
<a href="http://skcience.org">
 
<p> TEST TEST TEST </p>
 
</a>
 
 
</div>
 
</div>
      </div>
 
  
  
 
+
<div class="col-sm-6">
    <div class="col-md-4">                  
+
<div class="image_box right" style="float:left">
            <a href="https://2017.igem.org/Team:Freiburg/Motivation"><img src="https://static.igem.org/mediawiki/2017/b/bc/Freiburg_car.png" style="width:180px;height:50px;">                   
+
<div class="figure" style="width:180px">
                      <p><strong>Motivation</strong></p></a>
+
                <div class="figureinner">
    </div>
+
                   
 +
                    <a href="https://2017.igem.org/Team:Freiburg/Motivation"><img src="https://static.igem.org/mediawiki/2017/b/bc/Freiburg_car.png" style="width:180px;height:50px;">
 +
                     <div class="figurecaption" style="float:left">
 +
                 
 +
                      <p><strong>Motivation</strong></p></a>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
  
 
</div>
 
</div>

Revision as of 13:13, 27 October 2017