Skip to content

Commit e411f7e

Browse files
cgsdev0cgsdev0
committed
almost done
1 parent c080180 commit e411f7e

File tree

3 files changed

+48
-64
lines changed

3 files changed

+48
-64
lines changed

‎css/new-age.css

Lines changed: 18 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -28,11 +28,11 @@ a {
2828
-webkit-transition: all 0.35s;
2929
-moz-transition: all 0.35s;
3030
transition: all 0.35s;
31-
color: #fdcc52;
31+
color: #1DB954;
3232
}
3333
a:hover,
3434
a:focus {
35-
color: #fcbd20;
35+
color: #1DB954;
3636
}
3737
hr {
3838
max-width: 100px;
@@ -72,7 +72,7 @@ p {
7272
font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
7373
font-weight: 200;
7474
letter-spacing: 1px;
75-
color: #fdcc52;
75+
color: #1DB954;
7676
}
7777
.navbar-default .navbar-header .navbar-brand:hover,
7878
.navbar-default .navbar-header .navbar-brand:focus {
@@ -95,11 +95,11 @@ p {
9595
}
9696
.navbar-default .nav > li > a:hover,
9797
.navbar-default .nav > li > a:focus:hover {
98-
color: #fdcc52;
98+
color: #1DB954;
9999
}
100100
.navbar-default .nav > li.active > a,
101101
.navbar-default .nav > li.active > a:focus {
102-
color: #fdcc52 !important;
102+
color: #1DB954 !important;
103103
background-color: transparent;
104104
}
105105
.navbar-default .nav > li.active > a:hover,
@@ -135,27 +135,24 @@ p {
135135
}
136136
.navbar-default.affix .navbar-header .navbar-brand:hover,
137137
.navbar-default.affix .navbar-header .navbar-brand:focus {
138-
color: #fdcc52;
138+
color: #1DB954;
139139
}
140140
.navbar-default.affix .nav > li > a,
141141
.navbar-default.affix .nav > li > a:focus {
142142
color: #222222;
143143
}
144144
.navbar-default.affix .nav > li > a:hover,
145145
.navbar-default.affix .nav > li > a:focus:hover {
146-
color: #fdcc52;
146+
color: #1DB954;
147147
}
148148
}
149149
header {
150150
position: relative;
151151
width: 100%;
152152
min-height: auto;
153153
overflow-y: hidden;
154-
background: url("../img/bg-pattern.png"), #7b4397;
155-
/* fallback for old browsers */
156-
background: url("../img/bg-pattern.png"), -webkit-linear-gradient(to left, #7b4397, #dc2430);
157-
/* Chrome 10-25, Safari 5.1-6 */
158-
background: url("../img/bg-pattern.png"), linear-gradient(to left, #7b4397, #dc2430);
154+
background: #171717;
155+
159156
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
160157
color: white;
161158
}
@@ -284,8 +281,7 @@ section.features .feature-item h3 {
284281
}
285282
section.features .feature-item i {
286283
font-size: 80px;
287-
background: -webkit-linear-gradient(to left, #7b4397, #dc2430);
288-
background: linear-gradient(to left, #7b4397, #dc2430);
284+
background-color: rgb(30, 215, 96);
289285
-webkit-background-clip: text;
290286
-webkit-text-fill-color: transparent;
291287
}
@@ -363,11 +359,11 @@ section.contact ul.list-social li.social-facebook a {
363359
section.contact ul.list-social li.social-facebook a:hover {
364360
background-color: #344e86;
365361
}
366-
section.contact ul.list-social li.social-google-plus a {
367-
background-color: #dd4b39;
362+
section.contact ul.list-social li.social-github a {
363+
background-color: #333;
368364
}
369-
section.contact ul.list-social li.social-google-plus a:hover {
370-
background-color: #d73925;
365+
section.contact ul.list-social li.social-github a:hover {
366+
background-color: #222;
371367
}
372368
footer {
373369
background-color: #222222;
@@ -393,12 +389,10 @@ footer ul li a.active {
393389
text-decoration: none;
394390
}
395391
.bg-primary {
396-
background: #fdcc52;
397-
background: -webkit-linear-gradient(#fdcc52, #fdc539);
398-
background: linear-gradient(#fdcc52, #fdc539);
392+
background: #1DB954;
399393
}
400394
.text-primary {
401-
color: #fdcc52;
395+
color: #1DB954;
402396
}
403397
.no-gutter > [class*='col-'] {
404398
padding-right: 0;
@@ -414,8 +408,8 @@ footer ul li a.active {
414408
.btn-outline:active,
415409
.btn-outline.active {
416410
color: white;
417-
background-color: #fdcc52;
418-
border-color: #fdcc52;
411+
background-color: #1DB954;
412+
border-color: #1DB954;
419413
}
420414
.btn {
421415
font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif';

‎img/demo.png

329 KB
Loading

‎index.html

Lines changed: 30 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
<meta name="description" content="">
1010
<meta name="author" content="">
1111

12-
<title>New Age - Start Bootstrap Theme</title>
12+
<title>Party Queue</title>
1313

1414
<!-- Bootstrap Core CSS -->
1515
<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
@@ -25,7 +25,7 @@
2525
<link rel="stylesheet" href="lib/device-mockups/device-mockups.min.css">
2626

2727
<!-- Theme CSS -->
28-
<link href="css/new-age.min.css" rel="stylesheet">
28+
<link href="css/new-age.css" rel="stylesheet">
2929

3030
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
3131
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@@ -45,7 +45,7 @@
4545
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
4646
<span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
4747
</button>
48-
<a class="navbar-brand page-scroll" href="#page-top">Start Bootstrap</a>
48+
<a class="navbar-brand page-scroll" href="#page-top">Party Queue</a>
4949
</div>
5050

5151
<!-- Collect the nav links, forms, and other content for toggling -->
@@ -73,18 +73,18 @@
7373
<div class="col-sm-7">
7474
<div class="header-content">
7575
<div class="header-content-inner">
76-
<h1>New Age is an app landing page that will help you beautifully showcase your new mobile app, or anything else!</h1>
77-
<a href="#download" class="btn btn-outline btn-xl page-scroll">Start Now for Free!</a>
76+
<h1>Looking for a better way to DJ?<br>Party Queue turns your phone into a jukebox, giving everyone the power to control the music.</h1>
77+
<a href="#download" class="btn btn-outline btn-xl page-scroll">Download Now</a>
7878
</div>
7979
</div>
8080
</div>
8181
<div class="col-sm-5">
8282
<div class="device-container">
83-
<div class="device-mockup iphone6_plus portrait white">
83+
<div class="device-mockup iphone6_plus portrait black">
8484
<div class="device">
8585
<div class="screen">
8686
<!-- Demo image for screen mockup, you can put an image here, some HTML, an animation, video, or anything else! -->
87-
<img src="img/demo-screen-1.jpg" class="img-responsive" alt="">
87+
<img src="img/demo.png" class="img-responsive" alt="">
8888
</div>
8989
<div class="button">
9090
<!-- You can hook the "home button" to some JavaScript events or just remove it -->
@@ -101,8 +101,8 @@ <h1>New Age is an app landing page that will help you beautifully showcase your
101101
<div class="container">
102102
<div class="row">
103103
<div class="col-md-8 col-md-offset-2">
104-
<h2 class="section-heading">Discover what all the buzz is about!</h2>
105-
<p>Our app is available on any mobile device! Download now to get started!</p>
104+
<h2 class="section-heading">Start the party!</h2>
105+
<p>Our app is available on any mobile device. Download now to get started!</p>
106106
<div class="badges">
107107
<a class="badge-link" href="#"><img src="img/google-play-badge.svg" alt=""></a>
108108
<a class="badge-link" href="#"><img src="img/app-store-badge.svg" alt=""></a>
@@ -117,8 +117,8 @@ <h2 class="section-heading">Discover what all the buzz is about!</h2>
117117
<div class="row">
118118
<div class="col-lg-12 text-center">
119119
<div class="section-heading">
120-
<h2>Unlimited Features, Unlimited Fun</h2>
121-
<p class="text-muted">Check out what you can do with this app theme!</p>
120+
<h2>Main Features</h2>
121+
<p class="text-muted">Learn what our app can do for you!</p>
122122
<hr>
123123
</div>
124124
</div>
@@ -130,7 +130,7 @@ <h2>Unlimited Features, Unlimited Fun</h2>
130130
<div class="device">
131131
<div class="screen">
132132
<!-- Demo image for screen mockup, you can put an image here, some HTML, an animation, video, or anything else! -->
133-
<img src="img/demo-screen-1.jpg" class="img-responsive" alt=""> </div>
133+
<img src="img/demo.png" class="img-responsive" alt=""> </div>
134134
<div class="button">
135135
<!-- You can hook the "home button" to some JavaScript events or just remove it -->
136136
</div>
@@ -143,32 +143,32 @@ <h2>Unlimited Features, Unlimited Fun</h2>
143143
<div class="row">
144144
<div class="col-md-6">
145145
<div class="feature-item">
146-
<i class="icon-screen-smartphone text-primary"></i>
147-
<h3>Device Mockups</h3>
148-
<p class="text-muted">Ready to use HTML/CSS device mockups, no Photoshop required!</p>
146+
<i class="fa fa-music text-primary"></i>
147+
<h3>No More DJ</h3>
148+
<p class="text-muted">Let your guests request their favorite music from their own devices!</p>
149149
</div>
150150
</div>
151151
<div class="col-md-6">
152152
<div class="feature-item">
153-
<i class="icon-camera text-primary"></i>
154-
<h3>Flexible Use</h3>
155-
<p class="text-muted">Put an image, video, animation, or anything else in the screen!</p>
153+
<i class="fa fa-balance-scale text-primary"></i>
154+
<h3>Fair Ordering</h3>
155+
<p class="text-muted">Party Queue automatically orders requests fairly, so no one can hog the spotlight.</p>
156156
</div>
157157
</div>
158158
</div>
159159
<div class="row">
160160
<div class="col-md-6">
161161
<div class="feature-item">
162-
<i class="icon-present text-primary"></i>
163-
<h3>Free to Use</h3>
164-
<p class="text-muted">As always, this theme is free to download and use for any purpose!</p>
162+
<i class="fa fa-mobile text-primary"></i>
163+
<h3>Multi-Platform</h3>
164+
<p class="text-muted">Parties can be hosted from Android or iOS, and guests can connect from any device.</p>
165165
</div>
166166
</div>
167167
<div class="col-md-6">
168168
<div class="feature-item">
169-
<i class="icon-lock-open text-primary"></i>
170-
<h3>Open Source</h3>
171-
<p class="text-muted">Since this theme is MIT licensed, you can use it commercially!</p>
169+
<i class="fa fa-spotify text-primary"></i>
170+
<h3>Powered by Spotify</h3>
171+
<p class="text-muted">Get access to the entire Spotify library! Requires a Spotify Premium account.</p>
172172
</div>
173173
</div>
174174
</div>
@@ -178,37 +178,27 @@ <h3>Open Source</h3>
178178
</div>
179179
</section>
180180

181-
<section class="cta">
182-
<div class="cta-content">
183-
<div class="container">
184-
<h2>Stop waiting.<br>Start building.</h2>
185-
<a href="#contact" class="btn btn-outline btn-xl page-scroll">Let's Get Started!</a>
186-
</div>
187-
</div>
188-
<div class="overlay"></div>
189-
</section>
190-
191181
<section id="contact" class="contact bg-primary">
192182
<div class="container">
193-
<h2>We <i class="fa fa-heart"></i> new friends!</h2>
183+
<h2>Connect With Us</h2>
194184
<ul class="list-inline list-social">
195185
<li class="social-twitter">
196186
<a href="#"><i class="fa fa-twitter"></i></a>
197187
</li>
198188
<li class="social-facebook">
199189
<a href="#"><i class="fa fa-facebook"></i></a>
200190
</li>
201-
<li class="social-google-plus">
202-
<a href="#"><i class="fa fa-google-plus"></i></a>
191+
<li class="social-github">
192+
<a href="#"><i class="fa fa-github"></i></a>
203193
</li>
204194
</ul>
205195
</div>
206196
</section>
207197

208198
<footer>
209199
<div class="container">
210-
<p>&copy; 2016 Start Bootstrap. All Rights Reserved.</p>
211-
<ul class="list-inline">
200+
<p>&copy; 2017 Party Queue. All Rights Reserved. Party Queue is not affiliated with Spotify Technology S.A.</p>
201+
<!--<ul class="list-inline">
212202
<li>
213203
<a href="#">Privacy</a>
214204
</li>
@@ -218,7 +208,7 @@ <h2>We <i class="fa fa-heart"></i> new friends!</h2>
218208
<li>
219209
<a href="#">FAQ</a>
220210
</li>
221-
</ul>
211+
</ul>-->
222212
</div>
223213
</footer>
224214

0 commit comments

Comments
 (0)