Skip to content

Commit 765490e

Browse files
author
Karan Goel
committed
basic landing page
0 parents  commit 765490e

File tree

3 files changed

+198
-0
lines changed

3 files changed

+198
-0
lines changed

‎bg-bg.jpg‎

158 KB
Loading

‎index.html‎

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta name="fragment" content="!" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
6+
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
7+
8+
<title>ForkCode - Short Programming Videos</title>
9+
10+
<meta name="description" content="" />
11+
<meta name="keywords" content="" />
12+
13+
<meta property="og:locale" content="en_US" />
14+
<meta property="og:title" content="ForkCode - Short Programming Videos" />
15+
<meta property="og:description" content="" />
16+
<meta property="og:site_name" content="ForkCode - Short Programming Videos" />
17+
18+
<meta property="og:image" content="http://s3.amazonaws.com/instapage-user-media-live/97101-0-brandshadow.png" />
19+
20+
<link rel="stylesheet" type="text/css" href="style.css" />
21+
22+
<script>
23+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
24+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
25+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
26+
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
27+
28+
ga('create', 'UA-9509587-29', 'forkcode.github.io');
29+
ga('send', 'pageview');
30+
</script>
31+
32+
</head>
33+
<body>
34+
35+
<div class="bg"></div>
36+
37+
<div class="container">
38+
<h1><a href="https://www.youtube.com/user/ForkCode">Fork Code</a></h1>
39+
40+
<h2>Free short programming videos.</h2>
41+
<div class="signup">
42+
<!-- Begin MailChimp Signup Form -->
43+
<div id="mc_embed_signup">
44+
<form action="http://goel.us3.list-manage.com/subscribe/post?u=e6728b4299cef4104e10240b9&amp;id=c5d6f66e4a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
45+
<h4>Sign up to get free notifications of new videos and occasional private video tutorials.</h4>
46+
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
47+
<div style="position: absolute; left: -5000px;"><input type="text" name="b_e6728b4299cef4104e10240b9_c5d6f66e4a" tabindex="-1" value=""></div>
48+
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
49+
</form>
50+
</div>
51+
<!--End mc_embed_signup-->
52+
</div>
53+
</div>
54+
55+
</body>
56+
</html>

‎style.css‎

Lines changed: 142 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,142 @@
1+
@font-face {
2+
font-family: "Open Sans";
3+
font-style: normal;
4+
font-weight: 400;
5+
src: local("Open Sans"), local("OpenSans"), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format("woff")
6+
}
7+
8+
@font-face {
9+
font-family: "Open Sans";
10+
font-style: normal;
11+
font-weight: 700;
12+
src: local("Open Sans Bold"), local("OpenSans-Bold"), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/k3k702ZOKiLJc3WVjuplzKRDOzjiPcYnFooOUGCOsRk.woff) format("woff")
13+
}
14+
15+
* {
16+
margin: 0;
17+
padding: 0;
18+
-webkit-font-smoothing: antialiased;
19+
-moz-box-sizing: border-box;
20+
box-sizing: border-box
21+
}
22+
23+
html, body {
24+
max-width: 100%;
25+
overflow-x: hidden;
26+
margin: 0;
27+
padding: 0;
28+
}
29+
30+
body {
31+
font-family: "Open Sans", sans-serif;
32+
font-weight: 400;
33+
color: #fff;
34+
font-size: 16pt
35+
}
36+
37+
@media only screen and (max-width: 400px) {
38+
body { font-size: 70%; }
39+
}
40+
41+
@media only screen and (max-width: 640px) {
42+
body { font-size: 80%; }
43+
}
44+
45+
h1, h2, h3, h4 {
46+
color: #fff;
47+
}
48+
49+
h1 {
50+
font-size: 3.5em;
51+
font-weight: 700;
52+
}
53+
54+
h1 a {
55+
color: #fff;
56+
text-decoration: none;
57+
}
58+
59+
h2 {
60+
font-size: 1.5em;
61+
}
62+
63+
.bg {
64+
content: "";
65+
z-index: -1;
66+
position: absolute;
67+
height: 100%;
68+
width: 100%;
69+
background-attachment: fixed;
70+
background-repeat: no-repeat;
71+
background-position: center center;
72+
background-image: url("bg-bg.jpg");
73+
-webkit-background-size: cover;
74+
-moz-background-size: cover;
75+
-o-background-size: cover;
76+
background-size: cover;
77+
-moz-filter: brightness(55%);
78+
}
79+
80+
.container {
81+
margin: 0 auto;
82+
width: 80%;
83+
max-width: 640px;
84+
text-align: center;
85+
background-color: rgba(0, 0, 0, 0.5);
86+
padding: 50px;
87+
}
88+
89+
#mc-embedded-subscribe-form {
90+
color: #fff;
91+
margin-top: 30px;
92+
padding: 20px 20px;
93+
text-align: center;
94+
}
95+
96+
input#mce-EMAIL.email {
97+
height: 50px;
98+
width: 70%;
99+
max-width: 400px;
100+
padding: 7px 15px;
101+
display: inline-block;
102+
font-weight: bold;
103+
background: #fff;
104+
font-size: 1em;
105+
color: #202020;
106+
float: left;
107+
margin-top: 30px;
108+
}
109+
110+
input#mce-EMAIL.email:focus {
111+
outline: 0;
112+
}
113+
114+
input#mc-embedded-subscribe {
115+
margin-left: 3%;
116+
-moz-border-radius: 5px;
117+
-webkit-border-radius: 5px;
118+
border-radius: 5px;
119+
width: 27%;
120+
max-width: 150px;
121+
display: inline-block;
122+
height: 50px;
123+
padding: 7px 10px;
124+
color: #fff;
125+
margin-top: 30px;
126+
background-color: #202020;
127+
border: 2px solid #fff;
128+
font-size: 1em;
129+
-moz-transition: all 0.2s linear;
130+
-o-transition: all 0.2s linear;
131+
-webkit-transition: all 0.2s linear;
132+
transition: all 0.2s linear
133+
}
134+
135+
input#mc-embedded-subscribe:hover {
136+
background-color: #fff;
137+
color: #202020;
138+
-moz-transition: all 0.2s linear;
139+
-o-transition: all 0.2s linear;
140+
-webkit-transition: all 0.2s linear;
141+
transition: all 0.2s linear
142+
}

0 commit comments

Comments
 (0)