Skip to content

Commit 2fcdcff

Browse files
pixelsignpixelsign
committed
Merge pull request #19 from pixelsign/gh-pages
merge
2 parents 53f8ceb + f3b429a commit 2fcdcff

24 files changed

+722
-60
lines changed

‎Device Examples/s3_landscape_black.html‎ renamed to ‎Device Examples/galaxy_s3_landscape_black.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@
4848

4949
<h1>Scalable landscaped Galaxy S3 HTML5 mockup.</h1>
5050

51-
<div class="device-mockup s3 landscape black">
51+
<div class="device-mockup galaxy_s3 landscape black">
5252
<div class="device">
5353
<div class="screen">
5454
<!-- PUT CONTENTS HERE -->

‎Device Examples/s3_landscape_white.html‎ renamed to ‎Device Examples/galaxy_s3_landscape_white.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@
4848

4949
<h1>Scalable white landscaped Galaxy S3 HTML5 mockup.</h1>
5050

51-
<div class="device-mockup s3 landscape white">
51+
<div class="device-mockup galaxy_s3 landscape white">
5252
<div class="device">
5353
<div class="screen">
5454
<!-- PUT CONTENTS HERE -->

‎Device Examples/s3_portrait_black.html‎ renamed to ‎Device Examples/galaxy_s3_portrait_black.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@
4848

4949
<h1>Scalable Galaxy S3 HTML5 mockup.</h1>
5050

51-
<div class="device-mockup s3 portrait black">
51+
<div class="device-mockup galaxy_s3 portrait black">
5252
<div class="device">
5353
<div class="screen">
5454
<!-- PUT CONTENTS HERE -->

‎Device Examples/s3_portrait_white.html‎ renamed to ‎Device Examples/galaxy_s3_portrait_white.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@
4848

4949
<h1>Scalable white Galaxy S3 HTML5 mockup.</h1>
5050

51-
<div class="device-mockup s3 portrait white">
51+
<div class="device-mockup galaxy_s3 portrait white">
5252
<div class="device">
5353
<div class="screen">
5454
<!-- PUT CONTENTS HERE -->

‎Device Examples/galaxy_s5_landscape_black.html‎

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
<!DOCTYPE HTML>
2+
<html>
3+
<head>
4+
<!-- METATAGS -->
5+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6+
<meta http-equiv="Content-Language" content="en-US" />
7+
<title>Mockups - Galaxy S3 (landscape/black)</title>
8+
9+
<style>
10+
* {
11+
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing:border-box; box-sizing: border-box;
12+
padding: 0;
13+
margin: 0;
14+
}
15+
16+
html, body {
17+
width: 100%;
18+
width: 100%;
19+
position: relative;
20+
}
21+
22+
html {
23+
background-image: -webkit-radial-gradient(center center, circle cover, #ffffff, #cfcfcf 100%);
24+
background-image: -moz-radial-gradient(center center, circle cover, #ffffff, #cfcfcf 100%);
25+
background-image: -ms-radial-gradient(center center, circle cover, #ffffff, #cfcfcf 100%);
26+
background-image: -o-radial-gradient(center center, circle cover, #ffffff, #cfcfcf 100%);
27+
background-image: radial-gradient(center center, circle cover, #ffffff, #cfcfcf 100%);
28+
}
29+
30+
body {
31+
margin: 0 auto;
32+
max-width: 600px;
33+
}
34+
35+
h1 {
36+
line-height: 200%;
37+
margin: 30px auto;
38+
text-align: center;
39+
font-family: sans-serif;
40+
font-weight: 100;
41+
}
42+
</style>
43+
44+
<link rel="stylesheet" type="text/css" href="./../device-mockups/device-mockups.css" />
45+
</head>
46+
47+
<body>
48+
49+
<h1>Scalable landscaped Galaxy S5 <br>HTML5 mockup.</h1>
50+
51+
<div class="device-mockup galaxy_s5 landscape black">
52+
<div class="device">
53+
<div class="screen">
54+
<!-- PUT CONTENTS HERE -->
55+
</div>
56+
<div class="button">
57+
<!-- You can hook the "home button" to some JavaScript events or just remove it -->
58+
</div>
59+
</div>
60+
</div>
61+
62+
63+
</body>
64+
</html>

‎Device Examples/galaxy_s5_landscape_gold.html‎

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
<!DOCTYPE HTML>
2+
<html>
3+
<head>
4+
<!-- METATAGS -->
5+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6+
<meta http-equiv="Content-Language" content="en-US" />
7+
<title>Mockups - Galaxy S3 (landscape/black)</title>
8+
9+
<style>
10+
* {
11+
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing:border-box; box-sizing: border-box;
12+
padding: 0;
13+
margin: 0;
14+
}
15+
16+
html, body {
17+
width: 100%;
18+
width: 100%;
19+
position: relative;
20+
}
21+
22+
html {
23+
background-image: -webkit-radial-gradient(center center, circle cover, #ffffff, #cfcfcf 100%);
24+
background-image: -moz-radial-gradient(center center, circle cover, #ffffff, #cfcfcf 100%);
25+
background-image: -ms-radial-gradient(center center, circle cover, #ffffff, #cfcfcf 100%);
26+
background-image: -o-radial-gradient(center center, circle cover, #ffffff, #cfcfcf 100%);
27+
background-image: radial-gradient(center center, circle cover, #ffffff, #cfcfcf 100%);
28+
}
29+
30+
body {
31+
margin: 0 auto;
32+
max-width: 600px;
33+
}
34+
35+
h1 {
36+
line-height: 200%;
37+
margin: 30px auto;
38+
text-align: center;
39+
font-family: sans-serif;
40+
font-weight: 100;
41+
}
42+
</style>
43+
44+
<link rel="stylesheet" type="text/css" href="./../device-mockups/device-mockups.css" />
45+
</head>
46+
47+
<body>
48+
49+
<h1>Scalable landscaped Galaxy S5 <br>HTML5 mockup.</h1>
50+
51+
<div class="device-mockup galaxy_s5 landscape gold">
52+
<div class="device">
53+
<div class="screen">
54+
<!-- PUT CONTENTS HERE -->
55+
</div>
56+
<div class="button">
57+
<!-- You can hook the "home button" to some JavaScript events or just remove it -->
58+
</div>
59+
</div>
60+
</div>
61+
62+
63+
</body>
64+
</html>

‎Device Examples/galaxy_s5_landscape_white.html‎

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
<!DOCTYPE HTML>
2+
<html>
3+
<head>
4+
<!-- METATAGS -->
5+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6+
<meta http-equiv="Content-Language" content="en-US" />
7+
<title>Mockups - Galaxy S3 (landscape/black)</title>
8+
9+
<style>
10+
* {
11+
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing:border-box; box-sizing: border-box;
12+
padding: 0;
13+
margin: 0;
14+
}
15+
16+
html, body {
17+
width: 100%;
18+
width: 100%;
19+
position: relative;
20+
}
21+
22+
html {
23+
background-image: -webkit-radial-gradient(center center, circle cover, #ffffff, #cfcfcf 100%);
24+
background-image: -moz-radial-gradient(center center, circle cover, #ffffff, #cfcfcf 100%);
25+
background-image: -ms-radial-gradient(center center, circle cover, #ffffff, #cfcfcf 100%);
26+
background-image: -o-radial-gradient(center center, circle cover, #ffffff, #cfcfcf 100%);
27+
background-image: radial-gradient(center center, circle cover, #ffffff, #cfcfcf 100%);
28+
}
29+
30+
body {
31+
margin: 0 auto;
32+
max-width: 600px;
33+
}
34+
35+
h1 {
36+
line-height: 200%;
37+
margin: 30px auto;
38+
text-align: center;
39+
font-family: sans-serif;
40+
font-weight: 100;
41+
}
42+
</style>
43+
44+
<link rel="stylesheet" type="text/css" href="./../device-mockups/device-mockups.css" />
45+
</head>
46+
47+
<body>
48+
49+
<h1>Scalable landscaped Galaxy S5 <br>HTML5 mockup.</h1>
50+
51+
<div class="device-mockup galaxy_s5 landscape white">
52+
<div class="device">
53+
<div class="screen">
54+
<!-- PUT CONTENTS HERE -->
55+
</div>
56+
<div class="button">
57+
<!-- You can hook the "home button" to some JavaScript events or just remove it -->
58+
</div>
59+
</div>
60+
</div>
61+
62+
63+
</body>
64+
</html>

‎Device Examples/galaxy_s5_portrait_black.html‎

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
<!DOCTYPE HTML>
2+
<html>
3+
<head>
4+
<!-- METATAGS -->
5+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6+
<meta http-equiv="Content-Language" content="en-US" />
7+
<title>Mockups - Galaxy S3 (landscape/black)</title>
8+
9+
<style>
10+
* {
11+
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing:border-box; box-sizing: border-box;
12+
padding: 0;
13+
margin: 0;
14+
}
15+
16+
html, body {
17+
width: 100%;
18+
width: 100%;
19+
position: relative;
20+
}
21+
22+
html {
23+
background-image: -webkit-radial-gradient(center center, circle cover, #ffffff, #cfcfcf 100%);
24+
background-image: -moz-radial-gradient(center center, circle cover, #ffffff, #cfcfcf 100%);
25+
background-image: -ms-radial-gradient(center center, circle cover, #ffffff, #cfcfcf 100%);
26+
background-image: -o-radial-gradient(center center, circle cover, #ffffff, #cfcfcf 100%);
27+
background-image: radial-gradient(center center, circle cover, #ffffff, #cfcfcf 100%);
28+
}
29+
30+
body {
31+
margin: 0 auto;
32+
max-width: 600px;
33+
}
34+
35+
h1 {
36+
line-height: 200%;
37+
margin: 30px auto;
38+
text-align: center;
39+
font-family: sans-serif;
40+
font-weight: 100;
41+
}
42+
</style>
43+
44+
<link rel="stylesheet" type="text/css" href="./../device-mockups/device-mockups.css" />
45+
</head>
46+
47+
<body>
48+
49+
<h1>Scalable landscaped Galaxy S5 <br>HTML5 mockup.</h1>
50+
51+
<div class="device-mockup galaxy_s5 portrait black">
52+
<div class="device">
53+
<div class="screen">
54+
<!-- PUT CONTENTS HERE -->
55+
</div>
56+
<div class="button">
57+
<!-- You can hook the "home button" to some JavaScript events or just remove it -->
58+
</div>
59+
</div>
60+
</div>
61+
62+
63+
</body>
64+
</html>

‎Device Examples/galaxy_s5_portrait_gold.html‎

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
<!DOCTYPE HTML>
2+
<html>
3+
<head>
4+
<!-- METATAGS -->
5+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6+
<meta http-equiv="Content-Language" content="en-US" />
7+
<title>Mockups - Galaxy S3 (landscape/black)</title>
8+
9+
<style>
10+
* {
11+
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing:border-box; box-sizing: border-box;
12+
padding: 0;
13+
margin: 0;
14+
}
15+
16+
html, body {
17+
width: 100%;
18+
width: 100%;
19+
position: relative;
20+
}
21+
22+
html {
23+
background-image: -webkit-radial-gradient(center center, circle cover, #ffffff, #cfcfcf 100%);
24+
background-image: -moz-radial-gradient(center center, circle cover, #ffffff, #cfcfcf 100%);
25+
background-image: -ms-radial-gradient(center center, circle cover, #ffffff, #cfcfcf 100%);
26+
background-image: -o-radial-gradient(center center, circle cover, #ffffff, #cfcfcf 100%);
27+
background-image: radial-gradient(center center, circle cover, #ffffff, #cfcfcf 100%);
28+
}
29+
30+
body {
31+
margin: 0 auto;
32+
max-width: 600px;
33+
}
34+
35+
h1 {
36+
line-height: 200%;
37+
margin: 30px auto;
38+
text-align: center;
39+
font-family: sans-serif;
40+
font-weight: 100;
41+
}
42+
</style>
43+
44+
<link rel="stylesheet" type="text/css" href="./../device-mockups/device-mockups.css" />
45+
</head>
46+
47+
<body>
48+
49+
<h1>Scalable landscaped Galaxy S5 <br>HTML5 mockup.</h1>
50+
51+
<div class="device-mockup galaxy_s5 portrait white">
52+
<div class="device">
53+
<div class="screen">
54+
<!-- PUT CONTENTS HERE -->
55+
</div>
56+
<div class="button">
57+
<!-- You can hook the "home button" to some JavaScript events or just remove it -->
58+
</div>
59+
</div>
60+
</div>
61+
62+
63+
</body>
64+
</html>

0 commit comments

Comments
 (0)