-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
151 lines (139 loc) · 6.67 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
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
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<title>Free PSD Mockups by Aerolab</title>
<link rel="icon" href="/favicon.ico">
<link rel="shortcut icon" href="/favicon.ico">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Aerolab">
<meta property="og:title" content="Free PSD Mockups by Aerolab">
<meta property="og:description" content="The PSD mockups you've always wanted">
<meta property="og:image" content="https://aerolab.github.io/nokia-psdimages/social-facebook-home.png">
<meta property="og:url" content="https://aerolab.github.io/nokia-psd/">
<meta property="fb:app_id" content="334719540046999">
<meta property="twitter:card" content="summary">
<meta property="twitter:site" content="@aerolab">
<meta property="twitter:title" content="Free PSD Mockups by Aerolab">
<meta property="twitter:description" content="The PSD mockups you've always wanted">
<meta property="twitter:image" content="https://aerolab.github.io/nokia-psd/social-twitter-home.png">
<meta property="twitter:url" content="https://aerolab.github.io/nokia-psd/">
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "64b220f9-aa21-4e41-af8d-a36e0b540aca", doNotHash: true, doNotCopy: true, hashAddressBar: false});</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-21195039-3', 'aerolab.github.io');
ga('require', 'displayfeatures');
ga('require', 'linkid', 'linkid.js');
ga('send', 'pageview');
</script>
</head>
<body>
<section id="anti-hero">
<div class="wrapper">
<article class="wow fadeIn">
<h1>The PSD mockups<br>you've always wanted</h1>
<p>…but were too ashamed to ask for.</p>
<a href="assets/Nokia_1100_Front.psd?dl=0" class="btn btn-primary">Download</a>
</article>
<div class="device">
<img src="images/color-blue-app.png" class="big wow bounceInDown" alt="OMG YES PLZ">
<img src="images/color-gray-app.png" class="small wow bounceInDown" data-wow-delay=".15s" alt="OMG YES PLZ">
<img src="images/color-black-app.png" class="small right wow bounceInDown" data-wow-delay=".3s" alt="OMG YES PLZ">
</div>
</div>
</section>
<section id="god-no" class="color-black">
<div class="wrapper">
<div class="device wow slideInUp">
<div id="its-a-game"></div>
</div>
<article class="wow fadeIn">
<h2>6 phones delivered in <span>one</span> PSD file with different colors</h2>
<p>Fits every possible color scheme.</p>
<ul id="color-select">
<li class="color-black active"><a href=""></a></li>
<li class="color-red"><a href=""></a></li>
<li class="color-gray"><a href=""></a></li>
<li class="color-blue"><a href=""></a></li>
<li class="color-green"><a href=""></a></li>
<li class="color-yellow"><a href=""></a></li>
</ul>
</article>
</div>
</section>
<section id="gimme-dem-pixels">
<div class="wrapper">
<article class="wow fadeIn">
<h2>Such Detail</h2>
<p>It's one thing to have a big image. Having a completely texturized phone is something else.</p>
<h1 class="huge">2704 x 4065</h1>
<p>RESOLUTION - 72 DPI</p>
</article>
<div class="device wow slideInUp">
<img src="images/color-green.png" alt="OH NOES">
<div class="zoom wow zoomIn" data-wow-delay="1s">
<img src="images/color-green.png" alt="OH NOES">
</div>
</div>
</div>
</section>
<section id="what-a-mess">
<div class="wrapper">
<div id="omg-why">
<img src="images/play-01.png" class="ad-01 wow fadeIn" data-wow-delay=".5s" alt="">
<img src="images/play-02.png" class="ad-02 wow fadeIn" data-wow-delay="1s" alt="">
<img src="images/play-03.png" class="ad-03 wow fadeIn" data-wow-delay="1.5s" alt="">
</div>
<article class="wow fadeIn">
<h2>Just Play</h2>
<p>Test out your creativity and find infinite possibilities.<br> Just make sure nobody finds you actually using this.</p>
<a href="assets/Nokia_1100_Front.psd?dl=0" class="btn btn-secondary">Download</a>
</article>
</div>
</section>
<section id="baby-youre-so-squared">
<div class="wrapper">
<h2 class="wow fadeIn">Check out what people are designing right now</h2>
<ul id="baby-i-dont-care">
<li class="wow fadeIn" data-wow-delay=".5s"><img src="images/screens/01.png" alt="OMG"></li>
<li class="wow fadeIn" data-wow-delay=".5s"><img src="images/screens/02.png" alt="OMG"></li>
<li class="wow fadeIn" data-wow-delay=".5s"><img src="images/screens/03.png" alt="OMG"></li>
<li class="wow fadeIn" data-wow-delay=".5s"><img src="images/screens/04.png" alt="OMG"></li>
<li class="wow fadeIn" data-wow-delay=".5s"><img src="images/screens/05.png" alt="OMG"></li>
<li class="wow fadeIn" data-wow-delay=".5s"><img src="images/screens/06.png" alt="OMG"></li>
</ul>
<div class="clearfix"></div>
</div>
</section>
<section id="yeah-right">
<div class="wrapper">
<article class="wow fadeIn">
<h2>The most personal device yet</h2>
<p>The new chapter in technology is open, and since we wanted to be a part of it we decided to create another PSD for you to display your apps designed for the Watch</p>
<div href="#" class="btn btn-secondary">Coming Soon</div>
</article>
<div class="device wow slideInRight"></div>
</div>
</section>
<footer class="wow fadeIn">
<div class="wrapper">
<div>
<span class='st_facebook_hcount' displayText='Facebook'></span>
<span class='st_twitter_hcount' displayText='Tweet'></span>
</div>
<a href="" class="kite"><img src="images/logo.svg" alt=""></a>
<p>Brought to you by <a href="http://aerolab.co">aerolab</a></p>
</div>
</footer>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="js/wow.min.js"></script>
<script type="text/javascript" src="js/blockrain.jquery.min.js"></script>
<script type="text/javascript" src="js/site.js"></script>
</body>
</html>