-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
88 lines (74 loc) · 8.45 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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FluidCypher for Life : Code in Style</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
</head>
<body>
<section>
<div id="banner"></div>
</section>
<div class="topnav">
<img class="logo" src="Logo/logo.gif" alt="FluidCypher">
<a class="active" href="#home">Home</a>
<a href="#projects">Projects </a>
<a href="#resources">Resources</a>
<a href="#aboutus">About Us</a>
<a class="login" href="#login">Login</a>
</div>
<div class="slideshow-container">
<div class="mySlides fade">
<div class="numbertext">1 / 3</div>
<img src="https://i.pinimg.com/originals/f3/79/82/f37982257f9bd3885ca1a97ef4452db8.png" style="width:100%" alt="NA">
<div class="text">Caption One</div>
</div>
<div class="mySlides fade">
<div class="numbertext">2 / 3</div>
<img src="data:image/jpeg;base64,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" style="width:100%" alt="NA">
<div class="text">Caption Two</div>
</div>
<div class="mySlides fade">
<div class="numbertext">3 / 3</div>
<img src="https://cdn.thetealmango.com/wp-content/uploads/2021/08/tech-Companies-pic.jpg" style="width:100%" alt="NA">
<div class="text">Caption Three</div>
</div>
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
</div>
<br>
<div style="text-align:center">
<span class="dot" onclick="currentSlide(1)"></span>
<span class="dot" onclick="currentSlide(2)"></span>
<span class="dot" onclick="currentSlide(3)"></span>
</div>
<script>
var slideIndex = 1;
showSlides(slideIndex);
function plusSlides(n) {
showSlides(slideIndex += n);
}
function currentSlide(n) {
showSlides(slideIndex = n);
}
function showSlides(n) {
var i;
var slides = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("dot");
if (n > slides.length) {slideIndex = 1}
if (n < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";
}
</script>
</body>
</html>