forked from EvanGit09/ProgrammingBlackWebPage
-
Notifications
You must be signed in to change notification settings - Fork 0
/
entertainment.html
202 lines (192 loc) · 13.1 KB
/
entertainment.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
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<!-- Main external CSS stylesheet -->
<link rel="mainstylesheet" href="mainstylesheet.css">
<!--Link to style sheet one with background colour for footer -->
<link rel="stylesheet" href="mainstylesheet.css">
<title>Entertainment</title>
</head>
<body>
<!-- added main navbar-->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<!--just shifted text in-->
<div class="container">
<a class="navbar-brand" href="#"> <img src="images/internet-icon-vector.jpg" width="50" height="50" alt="" loading="lazy">
The internet</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="wiki.html">Wikipedia</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Educational.html">Education</a>
</li>
<li class="nav-item">
<a class="nav-link" href="OnlineNews.html">Online News</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="entertainment.html">Entertainment</a>
</li>
</ul>
</div>
</div>
</nav>
<div class = "container-fluid carouselContainer">
<h1 class = "center">Top entertainment services on the internet</h1>
<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 src="images/YoutubeLogo.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="images/SpotifyLogo.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="images/NetflixLogo.png" class="d-block w-100" alt="...">
</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>
</div>
<div class = "container-fluid cardContainer center">
<h2 class = "darkText">Types</h2>
<hr>
<div class = "card-group">
<div class="card border-dark">
<img src="images/steamLogo.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title darkText"><a class = "linkButton" href = "https://store.steampowered.com">video Games</a></h5>
<p class="card-text">The internet has brought many advances to video games. one example is the steam platform. Steam is a cloud-based gaming library. One of its most popular features is the ability for users to use any computer to play games they buy/download to their Steam accounts. This also allows users to store a large collection of games without using too much computer memory.</p>
</div>
</div>
<div class="card border-dark">
<img src="images/NetflixLogo.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title darkText"><a class = "linkButton" href = "https://www.netflix.com">Video Streaming</a></h5>
<p class="card-text">A significant change brought on by the internet was the change from physical media to video streaming e.g. Netflix. Netflix is a subscription-based streaming service that allows our members to watch TV shows and movies without commercials on an internet-connected device. You can also download TV shows and movies.</p>
</div>
</div>
<div class="card border-dark">
<img src="images/SpotifyLogo.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title darkText"><a class = "linkButton" href = "https://www.spotify.com">Music</a></h5>
<p class="card-text">Digital streaming is a change to the music industry brought on by the internet. Spotify is a digital music, podcast, and video streaming service that gives you access to millions of songs and other content from artists all over the world.</p>
</div>
</div>
</div>
</div>
<!--Accordion wrapper-->
<div class = "container collapseContainer">
<p>
<a class="btn linkButton" data-toggle="collapse" href="#collapseExample1" role="button" aria-expanded="false" aria-controls="collapseExample1">
Intro
</a>
</p>
<div class="collapse" id="collapseExample1">
<div class="card card-body collapseCard">
The internet has played a significant role in entertainment. It has changed the way that entertainment is viewed, consumed and also the way in which it’s received. Many years ago, entertainment was primarily enjoyed in real time and live. Now, we are able to watch things live and also watch replays of entertainment thanks to the provision of the internet. As with everything, this has many implications for the entertainment industry and has helped artists globally. It has also created an avenue for other sub-forms of entertainment to emerge as a result. This article is going to explore three ways in which the internet has helped entertainment evolve.
</div>
</div>
<p>
<a class="btn linkButton" data-toggle="collapse" href="#collapseExample2" role="button" aria-expanded="false" aria-controls="collapseExample2">
Visiblility
</a>
</p>
<div class="collapse" id="collapseExample2">
<div class="card card-body collapseCard">
The internet has millions of users who are searching for both information and entertainment on a daily basis. There is an overload of entertainment available for them to consume because of how easy it is to upload content and share it. Once upon a time, entertainment was something that could only be shared if people were there to see it in person on by word of mouth. Now it can be seen by people all over the world because the internet has no barriers. Social media platforms, for instance, have made many entertainers more influential than they may have been without its existence. It has also played a prominent role in curating entertainment.
</div>
</div>
<p>
<a class="btn linkButton" data-toggle="collapse" href="#collapseExample3" role="button" aria-expanded="false" aria-controls="collapseExample3">
Accessiblity
</a>
</p>
<div class="collapse" id="collapseExample3">
<div class="card card-body collapseCard">
Similar to visibility, the internet has made entertainment more accessible. Now, people from anywhere in the world have access to various content that is available. This means that someone in China could see an art exhibition taking place live in London. It also means that people are able to experience a variety of cultures from the comfort of their own homes. Seeing as 47% of the world’s population is said to now use the internet, this means that almost half of the world have the ability to access and consume eclectic forms of entertainment.
</div>
</div>
<p>
<a class="btn linkButton" data-toggle="collapse" href="#collapseExample4" role="button" aria-expanded="false" aria-controls="collapseExample4">
Diversity
</a>
</p>
<div class="collapse" id="collapseExample4">
<div class="card card-body collapseCard">
Another way in which the internet has helped entertainment is by making it more diverse. For instance, football is no longer limited to a pitch and can now be watched online, seen in clips on social media, or played on a FIFA video game. In addition, the internet has created more opportunities for other businesses to emerge as branches of core forms of entertainment. Platforms such as https://www.unibet.co.uk/blog/football/world-cup, for instance, are able to create other forms of activities such as betting to entertain football fans as a result of the internet. In addition to this, most forms of entertainment are now able to share their content in audio, video, and the written word as well as live. All of these versions can be targeted at various audiences which helps expand their reach.
The internet is a phenomenon that has transformed life as we know it. There are no longer limits to what we can do and how far we can reach with entertainment and art as a result. Now, almost anything can be shared thanks to various technologies and our ability to place it on the internet.
</div>
</div>
<div class="whiteText">
<h4>source: <a href = "http://digicult.it/digimag/internet-helped-entertainment-evolve/">http://digicult.it/digimag/internet-helped-entertainment-evolve/</a></h4>
<h4>Author details</h4>
<ul>
<li>Name: Jack Rathbone</li>
<li>Github: <a href=https://github.com/wordysumo>wordysumo</a></li>
<li>LinkedIn: <a href = https://www.linkedin.com/in/jack-rathbone-01a38b1ba/ >Jack's LinkedIn</a></li>
<li>About: Jack is a first year student at Durham University studying Computer Science.</li>
</ul>
</div>
</div>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
<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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
<!-- Option 2: jQuery, Popper.js, and Bootstrap JS
<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/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
-->
<!--Once you add your text, footer can go at bottom of page!-->
<hr class = "footerLine">
<footer>
<div class="container">
<div class="row">
<div class="col-med-8">
<a class="footer-logo" href="">the internet</a>
<p>Webpage about the how the internet has made a positive social impact. Made with collaboration.</p>
</div>
<div class="col-med-8">
<div class="whiteText">
<h4>Useful links</h4>
</div>
<ul>
<li><a class="nav-link" href="index.html">Home</a></li>
<li><a class="nav-link" href="wiki.html">Wiki</a></li>
<li><a class="nav-link" href="entertainment.html">Entertainment</a></li>
<li><a class="nav-link" href="Educational.html">Education</a></li>
</ul>
</div>
</div>
<div class="w-100 text-center">
<p>Made by Jack in collabaration with Sam, Corey and Suzanne © 2020. All rights reserved</p>
</div>
</div>
</footer>
</body>
</html>