-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
77 lines (64 loc) · 3.32 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
<!DOCTYPE html>
<html>
<head><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Happy+Monkey&family=Orbitron:wght@400;700&family=Rye&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- HERO SECTION-->
<div class="hero">
<h1 id="hero-1"><span>Stardew Valley</span></h1>
<h3 id="hero-2"><span>Enjoy nature and locals in this charming seaside town.</span></h3>
</div>
<!-- EVENTS SECTION: Spring Dance, Jellyfish Festival, Fall Festival-->
<div class="event">
<h3 class="event-town">Town Events</h3>
<p id="event-intro">Take a glance at some of the exciting events Stardew Valley has to offer. From exciting dances to fishing tourneys, there's something for everyone!</p>
</div>
<div class = "event-details-1">
<div class="event-flower-dance">
<div class="event-flower-dance-img event-img-div"></div>
<div id="event-flower">
<p class="event-name">Flower Festival</p>
<p class="event-season">Season: Spring</p>
</div>
</div>
<div class="event-jellys">
<div class="event-jellys-img event-img-div"></div>
<div id="event-jellys">
<p class="event-name">Dance of the Moonlight Jellies</p>
<p class="event-season">Season: Summer</p>
</div>
</div>
<div class= "event-spirits-eve">
<div class="event-spirits-eve-img event-img-div"></div>
<div id="event-spirits-eve">
<p class="event-name">Spirit's Eve</p>
<p class="event-season">Season: Fall</p>
</div>
</div>
</div>
<!-- GUIDE SECTION Linus -->
<div class="guide">
<div class="guide-title">
<h3 class="guide-title"> Meet Your Local Guide</h3>
</div>
<div>
<img class="linus-profile-img" src="images/linus.jpeg">
<span class="guide-name">Linus</span>
</div>
<p class="guide-intro"> Linus has lived in Stardew Valley for an unknown amount of years, but seems to know everything about everyone in town.</p>
</div>
<div class="footer">
<p class="register">Register for pickpocketing tours <a href="https://www.stardewvalley.net/" target= "_blank">here</a>.</p>
<p class="bank">Provide Linus your bank credentials <a href="https://www.ynab.com" target="_blank">here</a>.</p>
</div>
<div class="footer-1">
<p><a class="me" href="https://www.linkedin.com/in/savannah-n-davis/" target="_blank">SDAVIS</a></p>
<p><a class="ca" href="https://twitter.com/ConcernedApe?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor" target="_blank">ConcernedApe</a></p>
</div>
</div>
<body>
</html>