-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
143 lines (133 loc) · 5.57 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
141
142
143
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src='index.js'></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="index.css">
<link href="https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap" rel="stylesheet">
<title>Welcome</title>
</head>
<nav>
<img src="logo.png" width="75">
<a href="index.html">Home</a>
<a href="villagers.html">Villagers</a>
<a href="fish.html">Fish</a>
<a href="bugs.html">Bugs</a>
<a href="sea.html">Sea Creatures</a>
<a href="music.html">Music</a>
<a href="myInfo.html">My Island</a>
</nav>
<body>
<div id = "critters">
<div id="dailyFish">
<h2>Fish</h2>
<div id="rod-net-snorkel">
<img src="rod.png" width="50px">
</div>
</div>
<div id="dailyBugs">
<h2>Bugs</h2>
<div id="rod-net-snorkel">
<img src="net.png" width="50px">
</div>
</div>
<div id="dailySea">
<h2>Sea Creatures</h2>
<div id="rod-net-snorkel">
<img src="snorkel.png" width="50px">
</div>
</div>
</div>
<div id = "stars-todo">
<div id="stars">
<h2>Celestial Insights</h2>
<h3 id="sign"></h3>
<p>Don't forget to look for stars on clear nights from 7 pm to 4 am!</p>
<img src="celeste.png" width="100">
</div>
<div id="tasks">
<h2>To Do</h2>
<table>
<tr>
<td><p>Shake trees for wasps</p></td>
<td>
<img src = "https://acnhapi.com/v1/icons/bugs/25" height="50px" width="50px">
<input type="checkbox" name="Wasp">
<img src = "https://acnhapi.com/v1/icons/bugs/25" height="50px" width="50px">
<input type="checkbox" name="Wasp">
<img src = "https://acnhapi.com/v1/icons/bugs/25" height="50px" width="50px">
<input type="checkbox" name="Wasp">
<img src = "https://acnhapi.com/v1/icons/bugs/25" height="50px" width="50px">
<input type="checkbox" name="Wasp">
<img src = "https://acnhapi.com/v1/icons/bugs/25" height="50px" width="50px">
<input type="checkbox" name="Wasp">
</td>
</tr>
<tr>
<td><p>Shake trees for furniture</p></td>
<td>
<img src = "leaf.png" width="40px">
<input type="checkbox" name="Furniture">
<img src = "leaf.png" width="40px">
<input type="checkbox" name="Furniture">
</td>
</tr>
<tr>
<td><p>Hit rocks</p></td>
<td>
<img src = "rock.png" width="40px">
<input type="checkbox" name="Rock">
<img src = "rock.png" width="40px">
<input type="checkbox" name="Rock">
<img src = "rock.png" width="40px">
<input type="checkbox" name="Rock">
<img src = "rock.png" width="40px">
<input type="checkbox" name="Rock">
<img src = "rock.png" width="40px">
<input type="checkbox" name="Rock">
<img src = "rock.png" width="40px">
<input type="checkbox" name="Rock">
</td>
</tr>
<tr>
<td><p>Dig up fossils</p></td>
<td>
<img src = "fossil.png" width="50px">
<input type="checkbox" name="Fossil">
<img src = "fossil.png" width="50px">
<input type="checkbox" name="Fossil">
<img src = "fossil.png" width="50px">
<input type="checkbox" name="Fossil">
<img src = "fossil.png" width="50px">
<input type="checkbox" name="Fossil">
</td>
</tr>
<tr>
<td><p>Find the recipe bottle on the beach</p></td>
<td>
<img src = "recipe.png" width="50px">
<input type="checkbox" name="DIY Recipe Bottle">
</td>
</tr>
<tr>
<td><p>Plant the bell tree</p></td>
<td>
<img src = "bells.png" width="50px">
<input type="checkbox" name="Bell Tree">
</td>
</tr>
</table>
</div>
<div id="scallop">
<h2>Pascal's Words of Wisdom</h2>
<img src="pascal.png" width="100">
</div>
</div>
</body>
<footer>
<p>© Meghan Sicard, Raymond Ren, and Alyza Diaz Rodriguez </br>
The Animal Crossing: New Horizons Guide is not affliated with Nintendo</p>
</footer>
</html>