-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
47 lines (41 loc) · 1.72 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
<!Doctype html>
<html>
<head>
<link rel="stylesheet" href="files/css/home.css"></script>
<link rel="stylesheet" href="files/css/stylesheets.css">
<script src="files/css/form.css"></script>
<script src="myscripts.js"></script>
<title>@ Aura</title>
</head>
<body>
<ul>
<li style="float:left"><a class="banner">@ Aura</a></li>
</ul>
<div class = "homepage">
<h1 class="title"><span>welcome to @ Aura</span></h1>
<span class="msg-icn">welcome</span>
<div class="cards">
<div class="card orange" id="happy">
<h3 class="emoji">😃</h3>
<h3 class="subtitle">Happy</h3>
</div>
<div class="card blue" id="sad">
<h3 class="emoji">😭</h3>
<h3 class="subtitle">Sad</h3>
</div>
<div class="card green" id="neutral">
<h3 class="emoji">😐</h3>
<h3 class="subtitle">Neutral</h3>
</div>
<div class="card red" id="angry">
<h3 class="emoji">😡</h3>
<h3 class="subtitle">Angry</h3>
</div>
</div>
<h3 style="margin-top: 4rem;">Want to do tasks together?</h3>
<button class="exam-button" id="form">Get started</button>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="files/js/home.js"></script>
</body>
</html>