Difference between revisions of "Team:GO Paris-Saclay/test2"

Line 1: Line 1:
−
<html>
+
<div id="myCarousel" class="carousel slide border" data-ride="carousel">
−
  <head>
+
  <div class="carousel-inner">
−
      <meta charset="utf-8">
+
      <div class="carousel-item active">
−
      <title>Bootstrap Carousel</title>
+
        <img class="d-block w-100" src="https://2019.igem.org/wiki/images/b/bb/T--Go_Paris-Saclay--Microsc.png" alt="Leopard">
−
      <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css">
+
        <div class="carousel-caption">
−
  </head>
+
            <h5>Leopard</h5>
−
  <body>
+
            <small>
−
      <div class="container-fluid">
+
            A black Panther is the melanistic color variant of any big cat species.
−
        <h4 class="mb-3">Responsive Carousel with Caption</h4>
+
            Black Panthers in Asia and Africa are leopards (Panthera pardus).
−
        <p>.carousel-caption .d-none .d-sm-block</p>
+
            </small>
−
        <div id="myCarousel" class="carousel slide border" data-ride="carousel">
+
−
            <div class="carousel-inner">
+
−
              <div class="carousel-item active">
+
−
                  <img class="d-block w-100" src="https://2019.igem.org/wiki/images/b/bb/T--Go_Paris-Saclay--Microsc.png" alt="Leopard">
+
−
                  <div class="carousel-caption d-none d-sm-block">
+
−
                    <h5>Leopard</h5>
+
−
                    <small>
+
−
                    A black Panther is the melanistic color variant of any big cat species.
+
−
                    Black Panthers in Asia and Africa are leopards (Panthera pardus).
+
−
                    </small>
+
−
                  </div>
+
−
              </div>
+
−
              <div class="carousel-item">
+
−
                  <img class="d-block w-100" src="../images/carousel-img-2.jpg" alt="Cat">
+
−
                  <div class="carousel-caption d-none d-sm-block">
+
−
                    <h5>Black Cat</h5>
+
−
                    <small>
+
−
                    A black cat is a domestic cat with black fur that may be a mixed or specific breed
+
−
                    </small>
+
−
                  </div>
+
−
              </div>
+
−
              <div class="carousel-item">
+
−
                  <img class="d-block w-100" src="https://2019.igem.org/wiki/images/b/bb/T--Go_Paris-Saclay--Microsc.png" alt="Lion">
+
−
                  <div class="carousel-caption d-none d-sm-block">
+
−
                    <h5>Lion</h5>
+
−
                    <small>
+
−
                    The lion (Panthera leo) is a species in the cat family (Felidae).
+
−
                    A muscular, deep-chested cat, it has a short, rounded head,
+
−
                    a reduced neck and round ears
+
−
                    </small>
+
−
                  </div>
+
−
              </div>
+
−
            </div>
+
−
            <a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
+
−
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+
−
            <span class="sr-only">Previous</span>
+
−
            </a>
+
−
            <a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
+
−
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
+
−
            <span class="sr-only">Next</span>
+
−
            </a>
+
 
         </div>
 
         </div>
 
       </div>
 
       </div>
−
       <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
+
       <div class="carousel-item">
−
       <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
+
        <img class="d-block w-100" src="https://2019.igem.org/wiki/images/b/bb/T--Go_Paris-Saclay--Microsc.png" alt="Cat">
−
      <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
+
        <div class="carousel-caption">
−
   </body>
+
            <h5>Black Cat</h5>
−
</html>
+
            <small>
 +
            A black cat is a domestic cat with black fur that may be a mixed or specific breed
 +
            </small>
 +
        </div>
 +
       </div>
 +
      <div class="carousel-item">
 +
        <img class="d-block w-100" src=".https://2019.igem.org/wiki/images/b/bb/T--Go_Paris-Saclay--Microsc.png" alt="Lion">
 +
        <div class="carousel-caption">
 +
            <h5>Lion</h5>
 +
            <small>
 +
            The lion (Panthera leo) is a species in the cat family (Felidae).
 +
            A muscular, deep-chested cat, it has a short, rounded head, a reduced neck and round ears
 +
            </small>
 +
        </div>
 +
      </div>
 +
  </div>
 +
  <a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
 +
  <span class="carousel-control-prev-icon" aria-hidden="true"></span>
 +
  <span class="sr-only">Previous</span>
 +
  </a>
 +
  <a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
 +
  <span class="carousel-control-next-icon" aria-hidden="true"></span>
 +
  <span class="sr-only">Next</span>
 +
   </a>
 +
</div>

Revision as of 21:01, 17 October 2019