-
Notifications
You must be signed in to change notification settings - Fork 0
/
community.html
120 lines (109 loc) · 5.24 KB
/
community.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>STAR FACTOR - We Create Superstars</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="css/main.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/styles-home.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/community.css">
</head>
<body>
<header>
<div class="container">
<!-- START changes to header after this line -->
<logo>STAR FACTOR</logo>
<nav>
<ul>
<li><strong><a class="header__link" href="../index.html">Home</a></strong></li>
<li><a class="header__link" href="community.html">Community</a></li>
<li><a class="header__link" href="tutorials.html">Tutorials</a></li>
<li><a class="header__link" href="contact.html">Contact Us</a></li>
<li><a class="header__link" href="cart.html"><img src="images/cart.png" alt="Go to your shopping cart"></a></li>
</ul>
</nav>
<!-- END changes for header -->
</div>
</header>
<section class="hero">
<div class="container">
<!-- START changes for hero header -->
<h1>The StarFactor Community</h1>
<h2>Connect With Other Artists</h2>
<p>Looking to connect with other artists who share the same passion for music as you? Your search is over. The STAR FACTOR community is THE number one online forum for budding and accomplished musicians alike. Connect with your favorite professional
musicians, or find the missing member of your band within your local community. Below are just a few of our accomplished contributors active within our community. What are you waiting for? Get chatting, and Shine Up, to Shine On!
</p>
<button class="hero__btn" onclick="tutorials()">
Learn More
</button>
</div>
<!-- END changes for hero header -->
</section>
<section class="main">
<div class="container">
<!-- START changes for this secontion after this line -->
<section class="flex-container">
<article class="card">
<img class="ourpic" src="img/randy.jpg" alt="Jesie">
<h4 class="card-name">
Randy Blythe
</h4>
<p class="band">
Lamb Of God
</p>
<p class="words">
An American singer, best known as the vocalist and lyricist of American heavy metal band Lamb of God. He has also performed guest vocals for Cannabis Corpse, Overkill, Gojira, and EYEHATEGOD and he is also the lead singer of side-project band Halo of
Locusts.
</p>
</article>
<article class="card">
<img class="ourpic" src="img/phil.jpg" alt="Jesie">
<h4 class="card-name">
Phil Anselmo
</h4>
<p class="band">
Pantera
</p>
<p class="words">
An American heavy metal musician who is best known as the lead vocalist for Pantera. He is also the owner of Housecore Records and has been involved with several other bands.
</p>
</article>
</section>
<section class="flex-container">
<article class="card">
<img class="ourpic" src="img/cory.jpeg" alt="Jesie">
<h4 class="card-name">
Corey Taylor
</h4>
<p class="band">
Slipknot, Stone Sour
</p>
<p class="words">
An American musician, singer, songwriter, actor, and author, best known as the lead singer and lyricist of the American heavy metal band Slipknot and the American alternative metal band Stone Sour.
</p>
</article>
<article class="card">
<img class="ourpic" src="img/kerry2.jpg" alt="Jesie">
<h4 class="card-name">
Kerry King
</h4>
<p class="band">
Slayer
</p>
<p class="words">
An American musician, best known as a rhythm guitarist for the American thrash metal band Slayer. He co-founded the band with Jeff Hanneman in 1981 and has been a member ever since. He became lead songwriter for the band after Hanneman's death.
</p>
</article>
</section>
<!-- END changes for main section -->
</section>
<!-- FOOTER -->
<footer>
<div class="container">
<p>© IDEO 2018</p>
</div>
</footer>
<script src="js/main.js"></script>
</body>
</html>