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 /> |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 1,127: | Line 1,057: | ||
− | <div style="w3-blue-gray; height: | + | <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