-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
140 lines (138 loc) · 7.14 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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<title>Slido2</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<link rel="stylesheet" href="css/styles1.css">
<link rel="icon" href="img/chat-box.png" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="stackedCards.css"/>
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@200&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/demo.css" />
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
<script type="text/javascript" src="js/modernizr.custom.53451.js"></script>
</head>
<body>
<div class="container-fluid h-100 ">
<div class="a-words text-center" style="position: relative;top: 40%;transform: translateY(-50%);">
<h1 class="ml6">
<span class="text-wrapper text-white">
<span class="letters display-1" >Slido2</span>
</span>
</h1>
<a href="login.html"><h5 class="a-h5" style="color: lightgray">click to join a chat room</h5></a>
</div>
<div class="h1 text-center" style="position: relative;top: 30%;transform: translateY(-50%);">
<svg class="bi bi-chevron-down bii" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" onclick="down1()">
<path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z" clip-rule="evenodd"/>
</svg>
</div>
</div>
<div class="container-fluid" id="block-B">
<div class="h1 text-center" style="position: relative;top: 0%;transform: translateY(-50%);">
<svg class="bi bi-chevron-up biii" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" onclick="up1()">
<path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 01.708 0l6 6a.5.5 0 01-.708.708L8 5.707l-5.646 5.647a.5.5 0 01-.708-.708l6-6z" clip-rule="evenodd"/>
</svg>
</div>
<div class="container">
<h4 class="text-white">User Guide</h4>
<div id="banner" class="vert carousel slide align-items-center" data-ride='carousel' style="position: relative;border: border: 2px solid yellowgreen;">
<ul class="carousel-indicators">
<li data-target='#banner' data-slide-to='0' class="active">1</li>
<li data-target='#banner' data-slide-to='1' >2</li>
<li data-target='#banner' data-slide-to='2' >3</li>
<li data-target='#banner' data-slide-to='3' >4</li>
<li data-target='#banner' data-slide-to='4' >5</li>
</ul>
<div class="carousel-inner ccc">
<div class="carousel-item active">
<img src="img/1.png" width="100%">
</div>
<div class="carousel-item">
<img src="img/2.png" width="100%">
</div>
<div class="carousel-item">
<img src="img/3.png" width="100%">
</div>
<div class="carousel-item">
<img src="img/4.png" width="100%">
</div>
<div class="carousel-item">
<img src="img/5.png" width="100%">
</div>
</div>
<ul class="bbb">
<li data-target='#banner' data-slide-to='0' class="active">1</li>
<li data-target='#banner' data-slide-to='1' >2</li>
<li data-target='#banner' data-slide-to='2' >3</li>
<li data-target='#banner' data-slide-to='3' >4</li>
<li data-target='#banner' data-slide-to='4' >5</li>
</ul>
</div>
</div>
<div class="h1 text-center" style="position: relative;top: 0%;transform: translateY(-50%);">
<svg class="bi bi-chevron-down biii" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" onclick="down2()">
<path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z" clip-rule="evenodd"/>
</svg>
</div>
</div>
<div class="container-fluid h-auto">
<div class="h1 text-center" style="position: relative;top: 0%;transform: translateY(-50%);">
<svg class="bi bi-chevron-up biii" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" onclick="up2()">
<path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 01.708 0l6 6a.5.5 0 01-.708.708L8 5.707l-5.646 5.647a.5.5 0 01-.708-.708l6-6z" clip-rule="evenodd"/>
</svg>
</div>
<div class="container">
<div style="height: 235px;">
<h4 class="text-white">About Slido2</h4>
<p class="mt-5 h4 text-white text-center" data-aos="fade-up" style="font-family: Charcoal">Slido connects the world.</p>
<p class="mt-5 h4 text-white text-center" data-aos="fade-up" style="font-family: Charcoal;transition-delay: 1s">We’re committed to bring the world close together with our easy-to-use slido2.</p>
</div>
<div>
<h4 class="text-white">About Developer</h4><br>
<div class="container" style="padding: 0px;">
<section id="dg-container" class="dg-container">
<div class="dg-wrapper">
<a href="https://s08170120.s3.amazonaws.com/08170120/work2/index.html"><img src="img/Yasmine's Blog_001.png" alt="image01"><div>鄭雅綿</div></a>
<a href="https://s08170114.s3.amazonaws.com/work2/index.html"><img src="img/吳東儒-呱呱幫BLOG_001.png" alt="image02"><div>吳東儒</div></a>
<a href="https://s08170107.s3.amazonaws.com/work2/index.html"><img src="img/張智淵的BLOG--音樂分享_001.png" alt="image03"><div>張智淵</div></a>
<a href="http://54.208.221.136/06121334/work2/index.html"><img src="img/作業內容2_001.png" alt="image04"><div>林 澤</div></a>
<a href="https://s08170129.s3.amazonaws.com/08170129/work2/index2.html"><img src="img/blog_001.png" alt="image05"><div>楊若彤</div></a>
</div>
<nav>
<span class="dg-prev"><</span>
<span class="dg-next">></span>
</nav>
</section>
</div>
</div>
</div>
</div>
<div class="container-fluid bg-light align-middle">
<div class="footer container">
<p class="ending text-center font-weight-bold mb-0 p-4">Copyright © 2020 網路資料科技應用第十組貳點零•Maintain by the same group.</p>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script>
<script src="js/js1.js"></script>
<script src="http://cdn.bootcss.com/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.8.3.min.js"><\/script>')</script>
<script type="text/javascript" src="js/jquery.gallery.js"></script>
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script>
AOS.init({
duration: 3000,
})
</script>
<script type="text/javascript">
$(function() {
$('#dg-container').gallery();
});
</script/>
</body>
</html>