-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
112 lines (111 loc) · 3.63 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
<html>
<head>
<meta charset="utf-8" />
<meta
property="og:title"
content="The Professionals Portfolio"
/>
<meta property="og:type" content="website" />
<meta
property="og:image"
content="/sprites/sprite0.jpg"
/>
<meta property="og:url" content="https://andylow14.github.io/the-professionals-portfolio" />
<title>The Professionals Portfolio</title>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css"
/>
<link rel="stylesheet" href="index.css" />
<script src="main.js"></script>
<script
src="https://kit.fontawesome.com/1438e6301e.js"
crossorigin="anonymous"
></script>
</head>
<body>
<div class="content">
<div class="head">
<a href="index.html">
<img src="dog.gif" class="dog" />
</a>
<div class="title">The Professionals</div>
<div class="dropdown">
<button class="color-select">THEME</button>
<div class="dropdown-content">
<button class="color-choose" onclick="changePink()" id="selector">
CANDY
</button>
<button
class="color-choose blue"
onclick="changeBlue()"
id="selector"
>
OCEAN
</button>
<button
class="color-choose green"
onclick="changeGreen()"
id="selector"
>
NATURE
</button>
</div>
</div>
</div>
<div class="subtitle">Character Selection</div>
<div class="container">
<!-- Character Selection -->
<div class="buttons-vertical">
<button onclick="displayAndy()" id="Andy">
<i class="fa-solid fa-locust"></i>
ANDY
</button>
<button onclick="displayAshlyn()" id="Ashlyn">
<i class="fa-solid fa-crow"></i>
ASHLYN
</button>
<button onclick="displayFernando()" id="Fernando">
<i class="fa-solid fa-shrimp"></i>
FERNANDO
</button>
<button onclick="displayNahyun()" id="Nahyun">
<i class="fa-solid fa-cow"></i>
NAHYUN
</button>
<a href="contact.html" class="contact-us-button">
<div id="shadowBox">
<div class="rainbow rainbow_text_animated">CONTACT US</div>
</div>
</a>
</div>
<div class="summary-container" id="summary-container">
<div class="summary-title" id="summary-title">The Professionals</div>
<div></div>
<div class="summary-body" id="summary-body">
<img class="group-photo" id="group-photo" src="group.jpg" />
<div class="summary-text" id="summary-text">
The dream team came together when Ashlyn and Nahyun decided to
hack into the Unimelb database to delete their overdue library
fees record. Lacking any coding experience, they recruited Andy
the Russian hacker, and Fernando the coding adventurer. The group
turned out to be too ethical to actually carry out the plan, but
together they began undertaking Hackathon projects.
</div>
</div>
<div class="summary-img">
<img id="sprite" />
</div>
<div id="hidden"></div>
<button
class="select-character"
id="characterSelect"
onclick="goToPage()"
>
SELECT
</button>
</div>
</div>
</div>
</body>
</html>