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} | ||
− | + | body {font-family: Verdana, sans-serif; margin:0} | |
− | body { | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | ||
.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; | |
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> | ||
− | |||
− | |||
<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="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=" | + | <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=" | + | <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