-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
70 lines (60 loc) · 2.58 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!doctype html>
<html>
<head>
<title>GRED Website</title>
<!-- Foundation imports: -->
<link rel='stylesheet' type='text/css' href="Foundation/css/foundation.css">
<link href="https://fonts.googleapis.com/css?family=Raleway:200" rel="stylesheet">
<!-- Insert this within your head tag and after foundation.css -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/motion-ui/1.1.1/motion-ui.min.css" />
<script src="Scripts/javascript.js"></script>
</head>
<body>
<div class="row">
<div class="small-centered small-12 medium-6 large-4 columns ">
<div class="orbit" role="region" aria-label="Favorite Space Pictures" data-orbit>
<ul class="orbit-container">
<button class="orbit-previous"><span class="show-for-sr">Previous Slide</span>◀︎</button>
<button class="orbit-next"><span class="show-for-sr">Next Slide</span>▶︎</button>
<li class="is-active orbit-slide">
<a href="ChartsPage.html">
<img class="orbit-image" src="Images/Slideshow/Slideshow 1.jpeg">
<figcaption class="orbit-caption">Charts</figcaption>
</a>
</li>
<li class="orbit-slide">
<a href="LessonsPage.html">
<img class="orbit-image" src="Images/Slideshow/Slideshow 2.jpeg">
<figcaption class="orbit-caption">Lessons</figcaption>
</a>
</li>
<li class="orbit-slide">
<a href="resources.html">
<img class="orbit-image" src="Images/Slideshow/Slideshow 3.jpeg">
<figcaption class="orbit-caption">Resources</figcaption>
</a>
</li>
<li class="is-active orbit-slide">
<a href="About.html">
<img class="orbit-image" src="Images/Slideshow/Slideshow 4.jpeg">
<figcaption class="orbit-caption">About</figcaption>
</a>
</li>
</ul>
<nav class="orbit-bullets">
<button class="is-active" data-slide="0"><span class="show-for-sr">First slide details.</span><span class="show-for-sr">Current Slide</span></button>
<button data-slide="1"><span class="show-for-sr">Second slide details.</span></button>
<button data-slide="2"><span class="show-for-sr">Third slide details.</span></button>
<button data-slide="3"><span class="show-for-sr">Fourth slide details.</span></button>
</nav>
</div>
</div>
</div>
<!-- Foundation scripts -->
<script src="Foundation/js/vendor/jquery.js"></script>
<script src="Foundation/js/vendor/what-input.js"></script>
<script src="Foundation/js/vendor/foundation.js"></script>
<script>
$(document).foundation();
</script>
</body>