Difference between revisions of "Team:HebrewU/Notebook"

Line 7: Line 7:
 
<!--- Own CSS --->
 
<!--- Own CSS --->
 
<link rel="stylesheet" href="https://2018.igem.org/Template:HebrewU/CSS?action=raw&ctype=text/css">
 
<link rel="stylesheet" href="https://2018.igem.org/Template:HebrewU/CSS?action=raw&ctype=text/css">
 +
 +
<!--- Jquery script - ****** remove when uploading to wiki ********** --->
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  
 
<!--- Main Menu script --->
 
<!--- Main Menu script --->
Line 770: Line 773:
 
<div class="w3-center">
 
<div class="w3-center">
 
             <img src="https://static.igem.org/mediawiki/2018/0/06/T--hebrewU--Notebook_HL.png" width="25%">
 
             <img src="https://static.igem.org/mediawiki/2018/0/06/T--hebrewU--Notebook_HL.png" width="25%">
</div>   
+
</div>  <br /> <br />
  
<div align="center">
 
<div class="carousel-container">
 
 
  <div class="carousel my-carousel carousel--translate">
 
    <input class="carousel__activator" type="radio" name="carousel" id="A" checked="checked"/>
 
    <input class="carousel__activator" type="radio" name="carousel" id="B"/>
 
    <input class="carousel__activator" type="radio" name="carousel" id="c"/>
 
    <input class="carousel__activator" type="radio" name="carousel" id="D"/>
 
    <input class="carousel__activator" type="radio" name="carousel" id="E"/>
 
    <input class="carousel__activator" type="radio" name="carousel" id="F"/>
 
    <input class="carousel__activator" type="radio" name="carousel" id="G"/>
 
 
    <div class="carousel__controls">
 
      <label class="carousel__control carousel__control--backward" for="G"></label>
 
      <label class="carousel__control carousel__control--forward" for="B"></label>
 
    </div>
 
    <div class="carousel__controls">
 
      <label class="carousel__control carousel__control--backward" for="A"></label>
 
      <label class="carousel__control carousel__control--forward" for="c"></label>
 
    </div>
 
    <div class="carousel__controls">
 
      <label class="carousel__control carousel__control--backward" for="B"></label>
 
      <label class="carousel__control carousel__control--forward" for="D"></label>
 
    </div>
 
    <div class="carousel__controls">
 
      <label class="carousel__control carousel__control--backward" for="c"></label>
 
      <label class="carousel__control carousel__control--forward" for="E"></label>
 
    </div>
 
    <div class="carousel__controls">
 
      <label class="carousel__control carousel__control--backward" for="D"></label>
 
      <label class="carousel__control carousel__control--forward" for="F"></label>
 
    </div>
 
    <div class="carousel__controls">
 
      <label class="carousel__control carousel__control--backward" for="E"></label>
 
      <label class="carousel__control carousel__control--forward" for="G"></label>
 
    </div>
 
    <div class="carousel__controls">
 
      <label class="carousel__control carousel__control--backward" for="F"></label>
 
      <label class="carousel__control carousel__control--forward" for="A"></label>
 
    </div>
 
    <div class="carousel__track">
 
      <li class="carousel__slide">
 
      </li>
 
      <li class="carousel__slide">
 
      </li>
 
      <li class="carousel__slide">
 
      </li>
 
      <li class="carousel__slide">
 
      </li>
 
      <li class="carousel__slide">
 
      </li>
 
      <li class="carousel__slide">
 
      </li>
 
      <li class="carousel__slide">
 
      </li>
 
      <li class="carousel__slide">
 
      </li>
 
    </div>
 
    <div class="carousel__indicators">
 
      <label class="carousel__indicator" for="A"></label>
 
      <label class="carousel__indicator" for="B"></label>
 
      <label class="carousel__indicator" for="c"></label>
 
      <label class="carousel__indicator" for="D"></label>
 
      <label class="carousel__indicator" for="E"></label>
 
      <label class="carousel__indicator" for="F"></label>
 
      <label class="carousel__indicator" for="G"></label>
 
 
    </div>
 
  </div>
 
</div>
 
</div>
 
</div>
 
<br />
 
  
  
Line 1,127: Line 1,057:
  
  
<div style="w3-blue-gray; height:300px;">
+
<div style="w3-blue-gray; height:20px;">
 
</div>
 
</div>
 +
 +
 +
<div align="center">
 +
<div class="carousel-container">
 +
 +
  <div class="carousel my-carousel carousel--translate">
 +
    <input class="carousel__activator" type="radio" name="carousel" id="A" checked="checked"/>
 +
    <input class="carousel__activator" type="radio" name="carousel" id="B"/>
 +
    <input class="carousel__activator" type="radio" name="carousel" id="c"/>
 +
    <input class="carousel__activator" type="radio" name="carousel" id="D"/>
 +
    <input class="carousel__activator" type="radio" name="carousel" id="E"/>
 +
    <input class="carousel__activator" type="radio" name="carousel" id="F"/>
 +
    <input class="carousel__activator" type="radio" name="carousel" id="G"/>
 +
 +
    <div class="carousel__controls">
 +
      <label class="carousel__control carousel__control--backward" for="G"></label>
 +
      <label class="carousel__control carousel__control--forward" for="B"></label>
 +
    </div>
 +
    <div class="carousel__controls">
 +
      <label class="carousel__control carousel__control--backward" for="A"></label>
 +
      <label class="carousel__control carousel__control--forward" for="c"></label>
 +
    </div>
 +
    <div class="carousel__controls">
 +
      <label class="carousel__control carousel__control--backward" for="B"></label>
 +
      <label class="carousel__control carousel__control--forward" for="D"></label>
 +
    </div>
 +
    <div class="carousel__controls">
 +
      <label class="carousel__control carousel__control--backward" for="c"></label>
 +
      <label class="carousel__control carousel__control--forward" for="E"></label>
 +
    </div>
 +
    <div class="carousel__controls">
 +
      <label class="carousel__control carousel__control--backward" for="D"></label>
 +
      <label class="carousel__control carousel__control--forward" for="F"></label>
 +
    </div>
 +
    <div class="carousel__controls">
 +
      <label class="carousel__control carousel__control--backward" for="E"></label>
 +
      <label class="carousel__control carousel__control--forward" for="G"></label>
 +
    </div>
 +
    <div class="carousel__controls">
 +
      <label class="carousel__control carousel__control--backward" for="F"></label>
 +
      <label class="carousel__control carousel__control--forward" for="A"></label>
 +
    </div>
 +
    <div class="carousel__track">
 +
      <li class="carousel__slide">
 +
      </li>
 +
      <li class="carousel__slide">
 +
      </li>
 +
      <li class="carousel__slide">
 +
      </li>
 +
      <li class="carousel__slide">
 +
      </li>
 +
      <li class="carousel__slide">
 +
      </li>
 +
      <li class="carousel__slide">
 +
      </li>
 +
      <li class="carousel__slide">
 +
      </li>
 +
      <li class="carousel__slide">
 +
      </li>
 +
    </div>
 +
    <div class="carousel__indicators">
 +
      <label class="carousel__indicator" for="A"></label>
 +
      <label class="carousel__indicator" for="B"></label>
 +
      <label class="carousel__indicator" for="c"></label>
 +
      <label class="carousel__indicator" for="D"></label>
 +
      <label class="carousel__indicator" for="E"></label>
 +
      <label class="carousel__indicator" for="F"></label>
 +
      <label class="carousel__indicator" for="G"></label>
 +
 +
    </div>
 +
  </div>
 +
</div>
 +
</div>
 +
</div>
 +
<br />
 +
 +
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 16:08, 17 October 2018

HebrewU HujiGEM 2018