forked from SavannahNDavis/Crew-Page
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
78 lines (67 loc) · 3.26 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--Add in Fonts Here-->
<title>The Crew</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<section class="sContainer">
<div class="crew_title">
<h1 class="header">The Straw Hat Pirates</h1>
</div>
<div class="crew_container">
<button class="crew_button">Who We Are</button>
<p class="crew_description">The Straw Hats are pirates who don't abide by the laws of the World Government. We are a very infamous and powerful pirate crew that originated from the East Blue looking for adventure and the One Piece. Although we're considered villains by the World Government and the general public who are not familiar with us, we are kindhearted for the most part and only fight in self-defense or vengeance for our friends. Our current bounties now total up to 8,816,001,000 Berries.
</p>
</div>
<!-- ALL Crew Members-->
<div class="crew_all" class="img">
<!-- Crew Members Left-->
<div class="crew_members">
<div class="captain characterBackground">
<img class="characterImg mainsBoxShadow" src="images/luffy.jpeg">
<p class="names">Monkey D. Luffy</p>
<p class="titles">Captain</p>
</div>
<div class="swordsman characterBackground">
<img class="characterImg mainsBoxShadow" src="images/Zoro.jpeg">
<p class="names">Roronoa Zoro</p>
<p class="titles">Swordsman</p>
</div>
<!-- Crew Members Middle-->
<div class="navigator characterBackground">
<img class="characterImg mainsBoxShadow" src="images/nami.jpeg">
<p class="names">Nami</p>
<p class="titles">Navigator</p>
</div>
<div class="sniper characterBackground">
<img class="characterImg mainsBoxShadow" src="images/usopp.jpeg">
<p class="names">Usopp</p>
<p class="titles">Sniper</p>
</div>
<!-- Crew Members Right-->
<div class="cook characterBackground">
<img class="characterImg mainsBoxShadow" src="images/sanji.jpeg">
<p class="names">Sanji</p>
<p class="titles">Cook</p>
</div>
<div class="doctor characterBackground">
<img class="characterImg mainsBoxShadow" src="images/Tony_Tony_Chopper.jpeg">
<p class="names">Tony Tony Chopper</p>
<p class="titles">Doctor</p>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer>
Created by <a style="text-decoration: none;" href="https://github.com/snovacain" target="_blank" ><span class= "creator_name"> Thomas </span></a>
& <a style="text-decoration:none;" href= "https://github.com/SavannahNDavis" target="_blank" ><span class= "creator_name"> Savannah </span></a>
| <a href= "https://legacy.devchallenges.io/" target="_blank">devchallenges.io</a>
</footer>
<script src="./crew.js"></script>
</body>
</html>