-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·110 lines (93 loc) · 5.62 KB
/
index.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
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Grooveshark | Preview</title>
<meta name="description" content="A shiny new Grooveshark">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
<div class="header">
<div class="nav">
<ul>
<a class="nav-cta button" href="http://preview.grooveshark.com" target="_blank">TRY IT NOW</a>
<li><a href="#social">Social</a></li>
<li><a href="#collect">Collect</a></li>
<li><a href="#radio">Radio</a></li>
<li><a href="#mobile">Mobile</a></li>
</ul>
<a class="logo" href="#top"><img src="img/logo.png" /></a>
</div>
</div>
<div role="main" id="top">
<div class="intro">
<h1>Search, Play, and Discover</h1>
<h2>The easiest way to listen to music</h2>
<a class="cta button" href="http://preview.grooveshark.com" target="_blank">TRY IT NOW</a>
<div class="world"></div>
<div class="app"></div>
</div>
<div class="section2" id="social">
<div class="sections">
<img src="img/dustin.jpg" />
<h3>Music Sounds Better When Shared</h3>
<p>Our enhanced Community features transform your listening session into an interactive music experience. Follow your friends and view their listening activity in real-time, easily share your favorite songs and Playlists on social media sites, and use the sidebar to see which friends are currently online.</p>
</div>
</div>
<div class="section3">
<div class="sections">
</div>
</div>
<div class="section4" id="collect">
<div class="sections">
<img class="collect" src="img/collect.jpg" />
<h3>Build Your Musical Empire</h3>
<p>Create your online music Utopia. Add songs and albums to your collection for easy access, save the best ones to your Favorites, assemble, edit, and save pitch-perfect Playlists—and access it all from anywhere you login.</p>
</div>
<div class="sections radio" id="radio">
<h3>Craft The Perfect String Of Melodies</h3>
<p>From indie to classical to reggae, enjoy endless mood-setting possibilities with our 30 genre Radio Stations, or launch a personalized Radio Station based on the artists in your Current Songs. Mark songs with a “happy” or “sad” face to further tailor the tunes to your taste, add and remove songs from the list, and even save a particularly wonderful session as a Playlist to relive the experience again and again.</p>
<img class="queue" src="img/queue.png" />
<div class="albums-holder"></div>
<div class="bar"></div>
</div>
</div>
<div class="section5" id="mobile">
<div class="sections">
<div class="iphone"></div>
<div class="section5-text">
<img src="img/icons.png" />
<h3>Never Be Without Grooveshark</h3>
<p>Access Grooveshark’s extensive music library on your mobile devices with our new beta HTML5 site. Search and play music instantly, build and save Playlists, listen to genre Radio Stations, and enjoy Popular songs on-the-go. No app download required, and best of all, <strong>it’s free!</strong></p>
<div class="iphone-small"></div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="nav">
<ul>
<li><a href="http://www.grooveshark.com/about">About</a></li>
<li><a href="http://help.grooveshark.com/">Help</a></li>
<li><a href="http://www.grooveshark.com/careers">Careers</a></li>
<li><a href="http://www.grooveshark.com/press">Press</a></li>
<li><a href="http://www.grooveshark.com/legal">Legal</a></li>
<li><a href="http://blog.grooveshark.com/">Blog</a></li>
<div class="social">
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.1340179658.html#_=1343861980948&count=horizontal&id=twitter-widget-0&lang=en&original_referer=http%3A%2F%2Fwww.grooveshark.com/new%2F&size=m&text=New%20Grooveshark%20-%20made%20for%20artists%20-%20coming%20soon.%20Just%20requested%20my%20invite%20%40&url=http%3A%2F%2Fwww.grooveshark.com/new&via=grooveshark" class="twitter-share-button twitter-count-horizontal" style="width: 107px; height: 20px; " title="Twitter Tweet Button"></iframe>
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.grooveshark.com/new&send=false&layout=button_count&width=150&show_faces=false&action=like&colorscheme=light&font=arial&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:150px; height:21px;" allowtransparency="true"></iframe>
</div>
</ul>
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.1.min.js"><\/script>')</script>
<script src="js/script.js"></script>
</body>
</html>