-
Notifications
You must be signed in to change notification settings - Fork 0
/
6.html
31 lines (30 loc) · 2.47 KB
/
6.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Music: Stress Buster</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<div class="flex flex-col h-screen overflow-hidden w-screen justify-center bg-[#15083E]" >
<div class="text-4xl font-sans text-yellow-200 mx-20 mt-20 text-center">Music has been an escape in the pandemic for almost all. <br> It has helped people fight stress in the pandemic.</div>
<div class="text-2xl font-sans text-red-200 mx-60 text-center pt-10">Over the pandemic, there has been a 271% increase in people listening to podcasts in India. In this rise the most consumption is of podcasts talking about mental health. This rise is all time high in India with over 600 percent among millennials and 900 percent among GenZs. About 80% people have agreed that the podcast hosts seem like a friend sometimes. </div>
<div class="text-2xl font-sans text-yellow-200 mx-36 text-center pt-10">To read more about this visit: <a href="https://indianexpress.com/article/technology/social/in-india-millennials-and-gen-z-are-consuming-audio-beating-the-stress-spotify-report-7402105/">Click here</a></div>
<img alt='anything' src="image/1.png" class="fixed left-16 top-20"/>
<img alt='anything' src="image/2.png" class="fixed right-44 bottom-40"/>
<div class="flex justify-center w-screen mt-10">
<a href="2.html">
<button type="button" class="text-gray-900 h-16 w-64 bg-gradient-to-r from-red-200 via-red-300 to-yellow-200 hover:bg-gradient-to-bl focus:ring-4 focus:outline-none focus:ring-red-100 dark:focus:ring-red-400 font-medium rounded-xl text-xl px-5 py-2.5 text-center mr-2 mb-2" >Back</button>
</a>
</div>
<div class="text-2xl font-sans text-red-200 mx-60 text-center pt-10">Engagement on Spotify has been constantly growing, how does spotify does it?</div>
<div class="flex justify-center w-screen mt-10">
<a href="7.html">
<button type="button" class="text-gray-900 h-16 w-64 bg-gradient-to-r from-red-200 via-red-300 to-yellow-200 hover:bg-gradient-to-bl focus:ring-4 focus:outline-none focus:ring-red-100 dark:focus:ring-red-400 font-medium rounded-xl text-xl px-5 py-2.5 text-center mr-2 mb-2" >Know about it!!</button>
</a>
</div>
</div>
</body>
</html>