forked from nathantoannguyen/ZotBoard-FrontEnd
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
60 lines (45 loc) · 2.26 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
<!DOCTYPE html>
<html>
<head>
<link href="https://fonts.googleapis.com/css2?family=Chewy&display=swap" rel="stylesheet">
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<title>ZotBoard</title>
<link type="text/css" rel="stylesheet" href="./styles.css"/>
</head>
<body>
<script>
AOS.init();
</script>
<div class='petertitle'>
<img class="peterimage" src="https://i.redd.it/te843tecdv031.jpg" alt="Peters">
<h1 data-aos="fade-up" data-aos-duration="1200">Welcome to ZotBoard!</h1>
<img class="peterimage" src="https://i.redd.it/te843tecdv031.jpg" alt="Peters">
</div>
<div class="centerblock">
<div class="block" data-aos="fade-up" data-aos-duration="1200">
<h2>What is ZotBoard?</h2>
<p>
In the midst of the ongoing pandemic and the recent transition of collaboration into a virtual setting,
ZotBoard fosters an environment for Anteaters to work together as if they are in person. With ZotBoard, you
can take notes using text boxes or visualize your ideas with the drawing function. We hope that this
application will help our fellow Anteaters organize their lives and succeed during their time at UCI. :)
</p>
<img src="http://studentlife.uci.edu/newstudent/images/thrive_anteater.png" alt="Peter">
</div>
</div>
<h2 data-aos="fade-up" data-aos-duration="1200">Purposes</h2>
<div class="cards" data-aos="fade-up" data-aos-duration="1200">
<div id="card1"><p>Taking notes in class</p></div>
<div id="card2"><p>Writing reminders</p></div>
<div id="card3"><p>Sharing ideas with others</p></div>
<div id="card4"><p>Drawing diagrams</p></div>
</div>
<div class="centerblock" data-aos="fade-up" data-aos-duration="1200"><div class="point-1"><p>And many more!</p></div></div>
<h2 data-aos="fade-up" data-aos-duration="1200">Get started and ZOT down your ideas!</h2>
<div class="centerlink">
<a href="canvas.html">Go to ZotBoard</a>
</div>
<p>Created by: Team Kenny and Co. plus Maaz, Ryan, and Taesung</p>
</body>
</html>