BellasFanClub/index.html at master · reevox2/BellasFanClub · GitHub

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
<!DOCTYPE html>
<html>
<head>
	<link href="https://fonts.googleapis.com/css?family=Indie+Flower" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="styles/styles.css">
	<meta charset="utf-8" content="width=device-width">
	<title>BELLA'S FAN PAGE!</title>
</head>
<body>
	<header id="showcase">
		<h1 class="greeting">Good Morning.</h1>
		<h1 class="name">Welcome to Bellas Fan Page</h1>
	</header>
	<div class="wrapper">
			<div class="card1">
				<video class="dance1" width="356" height="356" controls controlsList="nodownload">
				  <source src="media/dance1.mp4" type="video/mp4">
				  Your browser does not support the video tag.
				</video>
				<p class="picture-description"> She's a <span id="action1"> HIP HOP GODDESS </span></p>
			</div>
			<div class="card2">
				<img id="bella" src="media/bella-pose.jpg" alt="A picture of Areum Park posing infront of a mirror in one of her dancer outfits. Damn she's hot." width="360" height="480">
				<p class="picture-description"> She <span id="action">DANCES</span>. Tap Her Picture To See More</p>
			</div>
			<div class="card3">
				<video class="dance2" width="356" height="356" controls controlsList="nodownload">
				  <source src="media/dance2.mp4" type="video/mp4">
				  Your browser does not support the video tag.
				</video>
				<p class="picture-description"> She <span id="action2"> TEACHES </span></p>
			</div>
		<section class="bioSection">
			<div class="expander">
				<h1>A little about her</h1>
			</div>
		</section>
		<div class="bio">
			<p><strong>Bio</strong></p>
		<p class="editor-note"> Bella supplies <strong>cutting edge</strong> dance classes to the world! Her fans wanted a dedication page to show their appreciation.<strong><br>So here it is.</strong><br>"Wow dreams really come true. It's my honor and pleasure to present this fan page to you <br>Love, You're #1 Fan" <br>--BellaFanClub Chairman, circa. 2018 </p>
		</div>
		<div class="skills">
			<p><strong>Skills</strong></p>
		<p>She's an amazing:</p>
			<ul>
				<li>Dancer</li>
				<li>Singer</li>
				<li>Wife</li>
				<li>Best Friend</li>
			</ul>
		</div>
		<section class="footerSection">
			<div class="expander">
				<h1>This Website Runs On Monkeys</h1>
			</div>

		</section>
		<div class="footer">
		<p>Check out her kick ass blog if you wanna find out what healthy supplements you can use! </p>
		<a href="fight-night/index.html">
			<input id='bellaButton' type='button' value='ENTER FIGHT NIGHT'/>
		</a>
		</div>
	</div>
	<script type="text/javascript" src="./scripts/main.js"></script>
</body>
</html>