-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcareer.html
148 lines (122 loc) · 4.79 KB
/
career.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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="https://fonts.googleapis.com/css?family=K2D:400,400i,700,700i|Kaushan+Script" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
<title>Document</title>
</head>
<body>
<header class="site-header">
<div class="site-header__wrap">
<img class="headshot" src="images/Prince1.png" alt="prince-headshot">
</div>
<div class="site-header__wrap site-header__details">
<h1 class="site-title">Prince</h1>
<h4 class="sub-title"><span>Born June 7th, 1958-</span><span>Died April 21st, 2016</span></h4>
<h4 class="sub-title"><span>Minneapolis, MN</span></h4>
<nav class="site-nav">
<ul>
<li class="site-nav__link"><a href="index.html">Summary</a></li>
<li class="site-nav__link active"><a href="career.html">Career</a></li>
<li class="site-nav__link"><a href="personal.html">Personal</a></li>
<li class="site-nav__link"><a href="news.html">News</a></li>
</ul>
</nav>
</div>
</header>
<div class="main_career_wrapper">
<div class="career_title">
<h2 class="page-title">Career</h2>
</div>
<div class="career_intro">
<h3 class="section__title career">Intro</h3>
<p class="p_career">The Los Angeles Times called Prince "our first post-everything pop star, defying easy categories of race,
genre
and commercial appeal." Jon Pareles of The New York Times described him as "a master architect of funk, rock,
R&B
and pop", and highlighted his ability to defy labels. Los Angeles Times writer Randall Roberts called Prince
"among
the most versatile and restlessly experimental pop artists of our time," writing that his "early work connected
disco and synthetic funk [while his] fruitful mid-period merged rock, soul, R&B and synth-pop." Simon Reynolds
called him a "pop polymath, flitting between funkadelia, acid rock, deep soul, schmaltz—often within the same
song".</p>
</div>
<article class="career_article_details">
<div class="career_section">
<h3 class="section__title career career">Skills/ Talents</h3>
<ul>
<li>Stage Presence</li>
<li>Extravgent fashion sense and use of make-up</li>
<li>Wide vocal range</li>
<li>Multi-instrumentalist: guitar, drums, bass, keys, synthesizer</li>
<li>Wide variety of musical styles: funk, rock, R&B, new wave, soul, psychedelica, & pop</li>
</ul>
</div>
<div class="career_section">
<h3 class="section__title career">Homes</h3>
<ul>
<li>Minneapolis, MN: 1958 - 1996</li>
<li>Southern Spain: 1996 - 2004</li>
<li>Toronto, ON: 2001 - 2006</li>
<li>Los Angeles, CA: 2006 - 2008</li>
<li>Paisley Park Minneapolis, MN: 1990s - 2016</li>
</ul>
</div>
<div class="career_section">
<h3 class="section__title career">Collaborators</h3>
<ul>
<li>Bangles</li>
<li>Chaka Khan</li>
<li>Martika</li>
<li>Celine Dion</li>
<li>Paula Abdul</li>
</ul>
</div>
<div class="career_section">
<h3 class="section__title career">Awards</h3>
<ul>
<li>Academy Award</li>
<li>AMA Award</li>
<li>ASCAP Award</li>
<li>BET Award</li>
<li>Billboard Music Award</li>
</ul>
</div>
</article>
<div class="career_section">
<h3 class="section__title career">Top Albums</h3>
<div class="top_albums">
<div class="individual_album">
<img class="album_cover" src="images/Prince_sign-o-the-times_220px.jpg" alt="sign of the times">
<p class="album_name">Sign of the times</p>
</div>
<div class="individual_album">
<img class="album_cover" src="images/prince-parade-300px.jpg" alt="Parade">
<p class="album_name">Parade</p>
</div>
<div class="individual_album">
<img class="album_cover" src="images/prince_purple_rain_600px.png" alt="purple rain">
<p class="album_name">Purple Rain</p>
</div>
</div>
</div>
</div>
<div class="quote">
<p>"Art is about building a new foundation, not just laying something on top of what's already there."</p>
</div>
<footer>
<div class="footer-wrapper">
<ul class="footer-links">
<li><a href="https://twitter.com/prince">Twitter</a></li>
<li><a href="https://facebook.com/prince">Facebook</a></li>
<li><a href="https://instagram.com/prince">Princestagram</a></li>
<li><a href="https://princeestate.com">Prince Estate</a></li>
</ul>
<p>By The Team Formerly Known As Prince</p>
</div>
</footer>
</body>
</html>