-
Notifications
You must be signed in to change notification settings - Fork 0
/
west.html
106 lines (100 loc) · 8.44 KB
/
west.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
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>"Culturecene: Respect The Craft"</title>
<meta name='description' content='The Beginners Guide to Hip-Hop'>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href='https://fonts.googleapis.com/css?family=Great%20Vibes' rel='stylesheet'>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="css/culturecene.css">
</head>
<body>
<header>
<div class="first" style= "padding: 1% 5% 1% 5%;">
<nav class="navbar nav">
<div class="container">
<div class="row">
<img src="img/logo.png" alt="Logo" class="toplogo d-sm-none d-md-inline-block">
<ul class="nav nav-pills nav-justified">
<li class="nav-item"><a href="index.html">Home</a></li>
<li class="nav-item"><a href="history.html">History</a></li>
<li role="presentation" class="dropdown nav-item">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Scenes</a>
<ul class="dropdown-menu">
<li> <a href ="scenes.html">Map Overview</a></li>
<li> <a href ="east.html">East Coast & The Mid-West</a></li>
<li> <a href ="west.html">West Coast</a></li>
<li> <a href ="south.html">The South</a></li>
</ul>
<li class="nav-item"><a href="about.html">About</a></li>
</ul>
</div>
</div>
</nav>
</div>
</header>
<main>
<section class="contents">
<h1> Palm Trees, Sticky Green & Lowriders. We straight west coastin'.</h1>
<article class="sceneText">
<p> As Xzibit once spat cleverly: Esse's, B's and C's, represent your letter. Most tie the west coast scene to the lives and struggles touched by gang culture, police brutality and social exclusion. For the most part, this is what was truly promoted in the industry, however, whilst it played an important part in the making of the west coast identity, it was surely not the primary element that makes this sound and scene so great. West coast hip-hop for the most part, pulls influences from the vibe and funk genres and boasts the benefits of having a laid-back, smoother approach to lyricism in comparison to other scenes. This is music you can ride to, so sit back, enjoy the playlist and take a hit 'n' pass. <br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vitae proin sagittis nisl rhoncus mattis rhoncus. Cursus vitae congue mauris rhoncus aenean vel elit scelerisque mauris. Scelerisque mauris pellentesque pulvinar pellentesque habitant morbi tristique senectus. In tellus integer feugiat scelerisque varius morbi enim nunc faucibus. Odio pellentesque diam volutpat commodo sed egestas. Ut diam quam nulla porttitor. Ipsum suspendisse ultrices gravida dictum fusce ut placerat orci nulla. Tellus rutrum tellus pellentesque eu. Nec feugiat in fermentum posuere urna nec tincidunt.<br><br>
Aliquam malesuada bibendum arcu vitae elementum curabitur vitae nunc sed. Velit sed ullamcorper morbi tincidunt ornare massa eget egestas. Tincidunt vitae semper quis lectus nulla at volutpat. Enim facilisis gravida neque convallis a cras semper auctor. Turpis cursus in hac habitasse. Morbi enim nunc faucibus a pellentesque sit amet. Duis tristique sollicitudin nibh sit amet commodo nulla facilisi nullam. Id diam maecenas ultricies mi eget mauris pharetra et. Mollis nunc sed id semper risus in hendrerit gravida rutrum. Imperdiet nulla malesuada pellentesque elit eget gravida cum sociis natoque. Viverra maecenas accumsan lacus vel facilisis volutpat est velit egestas. <br><br>
Dictumst quisque sagittis purus sit. Ultrices vitae auctor eu augue ut lectus arcu bibendum. Hac habitasse platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper. Ultrices tincidunt arcu non sodales neque sodales ut. Amet risus nullam eget felis. Dignissim diam quis enim lobortis scelerisque fermentum dui faucibus in. Duis tristique sollicitudin nibh sit amet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames. Pellentesque adipiscing commodo elit at imperdiet. Purus in massa tempor nec feugiat nisl pretium fusce. Dictum sit amet justo donec enim. Suscipit adipiscing bibendum est ultricies integer quis auctor elit sed. Urna nec tincidunt praesent semper feugiat nibh sed pulvinar proin. In hac habitasse platea dictumst. Justo laoreet sit amet cursus. Amet dictum sit amet justo donec enim diam. Ac auctor augue mauris augue neque gravida in. Accumsan lacus vel facilisis volutpat est velit egestas dui id. Tempus quam pellentesque nec nam aliquam sem et tortor. Ut eu sem integer vitae justo eget magna. <br><br>
The following playlist highlights some of the key songs pulled from this scene: </p></article>
<div class="wrapper"><div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="https://open.spotify.com/embed/playlist/5LCQqWdsjwUW0DFoJQF8qY" allow="encrypted-media"></iframe></div>
<!-- CAROUSEL -->
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="https://img.discogs.com/irV7nwQaOXXx6pcs86coL-BHYzU=/fit-in/600x600/filters:strip_icc():format(jpeg):mode_rgb():quality(90)/discogs-images/R-11979828-1526570585-8792.jpeg.jpg" alt="Snoop Doggy Dogg - Doggystyle (1994)">
<div class="carousel-caption d-none d-sm-block">
<h5>Doggystyle - Snoop Dogg</h5>
<p>Snoop Dogg's classic 1994 debut album boasts replay value like none other. DO NOT SKIP A TRACK!</p>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="https://pbs.twimg.com/media/EVG0YioU4AAjwcE.jpg" alt="All eyes on me - 2pac">
<div class="carousel-caption d-none d-sm-block">
<h5>All Eyes on Me - 2pac</h5>
<p>The encapsulation of all things great about hip-hop. In short, one of the greatest albums to touch our souls.</p>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="https://images-na.ssl-images-amazon.com/images/I/61pIGUEHeSL._AC_SX522_.jpg" alt="2001 - Dr. Dre">
<div class="carousel-caption d-none d-sm-block">
<h5>2001 - Dr. Dre</h5>
<p>If you're not familiar, I'm offended. DO NOT SKIP A TRACK!</p>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!-- END --></div>
</section>
</main>
<footer>
<div class="bottom">
<h4> Designed by </h4>
<img src="img/leoLogo.png" alt="Designed by Studio Leo">
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
</footer>
</body>
</html>