Difference between revisions of "Team:Queens Canada/HP/Gold Integrated"

Line 1: Line 1:
 
{{Queens Canada/Header}}
 
{{Queens Canada/Header}}
 
{{Queens Canada/Navbar}}
 
{{Queens Canada/Navbar}}
 +
 
<html>
 
<html>
 
<head>
 
<head>
Line 6: Line 7:
 
<style>
 
<style>
 
* {box-sizing: border-box}
 
* {box-sizing: border-box}
.mySlides {display: none}
+
body {font-family: Verdana, sans-serif; margin:0}
body {
+
    background-color: white;
+
    margin-top: 50px;
+
max-width: 1200px;
+
    position: relative;
+
    margin-left: auto;
+
    margin-right: auto;
+
}
+
 
+
 
.mySlides {display: none}
 
.mySlides {display: none}
 
img {vertical-align: middle;}
 
img {vertical-align: middle;}
Line 91: Line 83:
 
.fade {
 
.fade {
 
   -webkit-animation-name: fade;
 
   -webkit-animation-name: fade;
   /*-webkit-animation-duration: 1.5s;*/
+
   -webkit-animation-duration: 1.5s;
 
   animation-name: fade;
 
   animation-name: fade;
 
   animation-duration: 1.5s;
 
   animation-duration: 1.5s;
Line 110: Line 102:
 
   .prev, .next,.text {font-size: 11px}
 
   .prev, .next,.text {font-size: 11px}
 
}
 
}
 
 
</style>
 
</style>
 
</head>
 
</head>
 
 
<body>
 
<body>
 
<p>The page for Integrated Human Practices</p>
 
  
 
<div class="slideshow-container">
 
<div class="slideshow-container">
Line 122: Line 110:
 
<div class="mySlides fade">
 
<div class="mySlides fade">
 
   <div class="numbertext">1 / 3</div>
 
   <div class="numbertext">1 / 3</div>
  <img src="https://static.igem.org/mediawiki/2018/a/a5/T--Queens_Canada--ScienceRendezvous1.jpeg" style="width:100%" />
+
  <img src="img_nature_wide.jpg" style="width:100%">
 
   <div class="text">Caption Text</div>
 
   <div class="text">Caption Text</div>
 
</div>
 
</div>
Line 128: Line 116:
 
<div class="mySlides fade">
 
<div class="mySlides fade">
 
   <div class="numbertext">2 / 3</div>
 
   <div class="numbertext">2 / 3</div>
   <img src="https://static.igem.org/mediawiki/2018/f/f2/T--Queens_Canada--ScienceRendezvous2.jpeg" style="width:100%" />
+
   <img src="img_snow_wide.jpg" style="width:100%">
 
   <div class="text">Caption Two</div>
 
   <div class="text">Caption Two</div>
 
</div>
 
</div>
Line 134: Line 122:
 
<div class="mySlides fade">
 
<div class="mySlides fade">
 
   <div class="numbertext">3 / 3</div>
 
   <div class="numbertext">3 / 3</div>
   <img src="https://static.igem.org/mediawiki/2018/e/e8/T--Queens_Canada--ScienceRendezvous3.jpeg" style="width:100%" />
+
   <img src="img_mountains_wide.jpg" style="width:100%">
 
   <div class="text">Caption Three</div>
 
   <div class="text">Caption Three</div>
 
</div>
 
</div>

Revision as of 00:46, 2 August 2018

1 / 3
Caption Text
2 / 3
Caption Two
3 / 3
Caption Three