Difference between revisions of "Team:Cardiff Wales/gallery"

Line 210: Line 210:
 
   <div class="column">
 
   <div class="column">
 
     <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="openModal();currentSlide(16)" class="hover-shadow cursor">
 
     <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="openModal();currentSlide(16)" class="hover-shadow cursor">
 +
  </div>
 +
<div class="column">
 +
    <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="openModal();currentSlide(17)" class="hover-shadow cursor">
 +
  </div>
 +
  <div class="column">
 +
    <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="openModal();currentSlide(18)" class="hover-shadow cursor">
 +
  </div>
 +
  <div class="column">
 +
    <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="openModal();currentSlide(19)" class="hover-shadow cursor">
 +
  </div>
 +
  <div class="column">
 +
    <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="openModal();currentSlide(20)" class="hover-shadow cursor">
 +
<br><br>
 +
  </div>
 +
<div class="column">
 +
    <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="openModal();currentSlide(21)" class="hover-shadow cursor">
 +
  </div>
 +
  <div class="column">
 +
    <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="openModal();currentSlide(22)" class="hover-shadow cursor">
 +
  </div>
 +
  <div class="column">
 +
    <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="openModal();currentSlide(23)" class="hover-shadow cursor">
 +
  </div>
 +
  <div class="column">
 +
    <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="openModal();currentSlide(24)" class="hover-shadow cursor">
 +
<br><br>
 +
  </div>
 +
 +
<div class="column">
 +
    <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="openModal();currentSlide(25)" class="hover-shadow cursor">
 +
  </div>
 +
  <div class="column">
 +
    <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="openModal();currentSlide(26)" class="hover-shadow cursor">
 +
  </div>
 +
  <div class="column">
 +
    <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="openModal();currentSlide(27)" class="hover-shadow cursor">
 +
  </div>
 +
  <div class="column">
 +
    <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="openModal();currentSlide(28)" class="hover-shadow cursor">
 +
<br><br>
 +
  </div>
 +
<div class="column">
 +
    <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="openModal();currentSlide(29)" class="hover-shadow cursor">
 +
  </div>
 +
  <div class="column">
 +
    <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="openModal();currentSlide(30)" class="hover-shadow cursor">
 +
  </div>
 +
  <div class="column">
 +
    <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="openModal();currentSlide(31)" class="hover-shadow cursor">
 +
  </div>
 +
  <div class="column">
 +
    <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="openModal();currentSlide(32)" class="hover-shadow cursor">
 
   </div>
 
   </div>
 
</div>
 
</div>
Line 218: Line 270:
  
 
     <div class="mySlides">
 
     <div class="mySlides">
       <div class="numbertext">1 / 16</div>
+
       <div class="numbertext">1 / 32</div>
 
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 
     </div>
 
     </div>
  
 
     <div class="mySlides">
 
     <div class="mySlides">
       <div class="numbertext">2 / 16</div>
+
       <div class="numbertext">2 / 32</div>
 
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 
     </div>
 
     </div>
  
 
     <div class="mySlides">
 
     <div class="mySlides">
       <div class="numbertext">3 / 16</div>
+
       <div class="numbertext">3 / 32</div>
 
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 
     </div>
 
     </div>
 
      
 
      
 
     <div class="mySlides">
 
     <div class="mySlides">
       <div class="numbertext">4 / 16</div>
+
       <div class="numbertext">4 / 32</div>
 
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 
     </div>
 
     </div>
  
 
<div class="mySlides">
 
<div class="mySlides">
       <div class="numbertext">5 / 16</div>
+
       <div class="numbertext">5 / 32</div>
 
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 
     </div>
 
     </div>
  
 
     <div class="mySlides">
 
     <div class="mySlides">
       <div class="numbertext">6 / 16</div>
+
       <div class="numbertext">6 / 32</div>
 
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 
     </div>
 
     </div>
  
 
     <div class="mySlides">
 
     <div class="mySlides">
       <div class="numbertext">7 / 16</div>
+
       <div class="numbertext">7 / 32</div>
 
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 
     </div>
 
     </div>
 
      
 
      
 
     <div class="mySlides">
 
     <div class="mySlides">
       <div class="numbertext">8 / 16</div>
+
       <div class="numbertext">8 / 32</div>
 
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 
     </div>
 
     </div>
 
<div class="mySlides">
 
<div class="mySlides">
       <div class="numbertext">9 / 16</div>
+
       <div class="numbertext">9 / 32</div>
 
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 
     </div>
 
     </div>
  
 
     <div class="mySlides">
 
     <div class="mySlides">
       <div class="numbertext">10 / 16</div>
+
       <div class="numbertext">10 / 32</div>
 
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 
     </div>
 
     </div>
  
 
     <div class="mySlides">
 
     <div class="mySlides">
       <div class="numbertext">11 / 16</div>
+
       <div class="numbertext">11 / 32</div>
 
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 
     </div>
 
     </div>
 
      
 
      
 
     <div class="mySlides">
 
     <div class="mySlides">
       <div class="numbertext">12 / 16</div>
+
       <div class="numbertext">12 / 32</div>
 
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 
     </div>
 
     </div>
  
 
<div class="mySlides">
 
<div class="mySlides">
       <div class="numbertext">13 / 16</div>
+
       <div class="numbertext">13 / 32</div>
 
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 
     </div>
 
     </div>
  
 
     <div class="mySlides">
 
     <div class="mySlides">
       <div class="numbertext">14 / 16</div>
+
       <div class="numbertext">14 / 32</div>
 
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 
     </div>
 
     </div>
  
 
     <div class="mySlides">
 
     <div class="mySlides">
       <div class="numbertext">15 / 16</div>
+
       <div class="numbertext">15 / 32</div>
 
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 
     </div>
 
     </div>
 
      
 
      
 
     <div class="mySlides">
 
     <div class="mySlides">
       <div class="numbertext">16 / 16</div>
+
       <div class="numbertext">16 / 32</div>
 +
      <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 +
    </div>
 +
<div class="mySlides">
 +
      <div class="numbertext">17 / 32</div>
 +
      <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 +
    </div>
 +
 
 +
    <div class="mySlides">
 +
      <div class="numbertext">18 / 32</div>
 +
      <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 +
    </div>
 +
 
 +
    <div class="mySlides">
 +
      <div class="numbertext">19 / 32</div>
 +
      <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 +
    </div>
 +
   
 +
    <div class="mySlides">
 +
      <div class="numbertext">20 / 32</div>
 +
      <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 +
    </div>
 +
 
 +
<div class="mySlides">
 +
      <div class="numbertext">21 / 32</div>
 +
      <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 +
    </div>
 +
 
 +
    <div class="mySlides">
 +
      <div class="numbertext">22 / 32</div>
 +
      <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 +
    </div>
 +
 
 +
    <div class="mySlides">
 +
      <div class="numbertext">23 / 32</div>
 +
      <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 +
    </div>
 +
   
 +
    <div class="mySlides">
 +
      <div class="numbertext">24 / 32</div>
 +
      <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 +
    </div>
 +
<div class="mySlides">
 +
      <div class="numbertext">25 / 32</div>
 +
      <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 +
    </div>
 +
 
 +
    <div class="mySlides">
 +
      <div class="numbertext">26 / 32</div>
 +
      <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 +
    </div>
 +
 
 +
    <div class="mySlides">
 +
      <div class="numbertext">27 / 32</div>
 +
      <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 +
    </div>
 +
   
 +
    <div class="mySlides">
 +
      <div class="numbertext">28 / 32</div>
 +
      <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 +
    </div>
 +
 
 +
<div class="mySlides">
 +
      <div class="numbertext">29 / 32</div>
 +
      <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 +
    </div>
 +
 
 +
    <div class="mySlides">
 +
      <div class="numbertext">30 / 32</div>
 +
      <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 +
    </div>
 +
 
 +
    <div class="mySlides">
 +
      <div class="numbertext">31 / 32</div>
 +
      <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 +
    </div>
 +
   
 +
    <div class="mySlides">
 +
      <div class="numbertext">32 / 32</div>
 
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 
       <img src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%">
 
     </div>
 
     </div>
Line 352: Line 482:
 
     <div class="column">
 
     <div class="column">
 
       <img class="demo cursor" src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="currentSlide(16)" alt="Them.">
 
       <img class="demo cursor" src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="currentSlide(16)" alt="Them.">
 +
    </div>
 +
<img class="demo cursor" src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="currentSlide(17)" alt="I">
 +
    </div>
 +
    <div class="column">
 +
      <img class="demo cursor" src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="currentSlide(18)" alt="Really">
 +
    </div>
 +
    <div class="column">
 +
      <img class="demo cursor" src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="currentSlide(19)" alt="Love">
 +
    </div>
 +
    <div class="column">
 +
      <img class="demo cursor" src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="currentSlide(20)" alt="Aphids.">
 +
    </div>
 +
<div class="column">
 +
      <img class="demo cursor" src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="currentSlide(21)" alt="Like">
 +
    </div>
 +
    <div class="column">
 +
      <img class="demo cursor" src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="currentSlide(22)" alt="Really">
 +
    </div>
 +
    <div class="column">
 +
      <img class="demo cursor" src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="currentSlide(23)" alt="Love">
 +
    </div>
 +
    <div class="column">
 +
      <img class="demo cursor" src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="currentSlide(24)" alt="Them.">
 +
    </div>
 +
<div class="column">
 +
      <img class="demo cursor" src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="currentSlide(25)" alt="I">
 +
    </div>
 +
    <div class="column">
 +
      <img class="demo cursor" src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="currentSlide(26)" alt="Really">
 +
    </div>
 +
    <div class="column">
 +
      <img class="demo cursor" src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="currentSlide(27)" alt="Love">
 +
    </div>
 +
    <div class="column">
 +
      <img class="demo cursor" src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="currentSlide(28)" alt="Aphids.">
 +
    </div>
 +
<div class="column">
 +
      <img class="demo cursor" src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="currentSlide(29)" alt="Like">
 +
    </div>
 +
    <div class="column">
 +
      <img class="demo cursor" src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="currentSlide(30)" alt="Really">
 +
    </div>
 +
    <div class="column">
 +
      <img class="demo cursor" src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="currentSlide(31)" alt="Love">
 +
    </div>
 +
    <div class="column">
 +
      <img class="demo cursor" src="https://i.ytimg.com/vi/HVTitHBwpN0/maxresdefault.jpg" style="width:100%" onclick="currentSlide(32)" alt="Them.">
 
     </div>
 
     </div>
 
   </div>
 
   </div>

Revision as of 17:13, 4 October 2018

Gallery