diff --git a/full-image layout/css/custom.css b/full-image layout/css/custom.css index 2b1dafb..352387d 100755 --- a/full-image layout/css/custom.css +++ b/full-image layout/css/custom.css @@ -1,4 +1,5 @@ /*! +* full image layout * Landing page by Hackerloop */ @@ -7,9 +8,29 @@ Typo */ +.fullbackground { + background: url('http://lorempixel.com/1920/1080/cats/') no-repeat center center fixed; + -webkit-background-size: cover; + -moz-background-size: cover; + background-size: cover; + -o-background-size: cover; +} +.background-image-overlay { + display:block; + position: fixed; + top:0; + left:0; + width:100%; + height:100%; + z-index:-1; + background:url(../img/background-image-overlay.png) repeat; +} + body { font-size: 18px; + color: #fff; font-family: 'Open Sans', sans-serif; + background: transparent; } @@ -22,54 +43,23 @@ p { padding: 12px 0; } -/* -Left column -*/ .logo { font-family: Montserrat, sans-serif; - color: #fff; font-weight: 700; font-size: 2em; - border: 2px solid white; - text-align: center; - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - margin: auto 4em; - height: 80px; } -.full-image { - display: block; - width: 50%; - background: url('http://lorempixel.com/1280/900/cats/3') no-repeat center center scroll; - -webkit-background-size: cover; - -moz-background-size: cover; - background-size: cover; - -o-background-size: cover; -} -/* -Right column -*/ - -.content { - padding: 1em 2.5em; -} - -.fork-button { - text-align: center; -} /* Mailchimp form */ +.form-inline { + +} #mc-form { - padding: 1.5em 0; } .error { @@ -95,22 +85,23 @@ Responsive variables } @media(min-width:768px) { + .content { + padding-top: 10%; + text-align: right; + } + } @media(max-width:767px) { body { - font-size: 15px; - } - .logo { - font-size: 1.5em; - } - .full-image { - width: 100%; - max-height: 200px; + } .content { - padding: 12px 24px; + padding: 5%; + } + .form-inline { + width: 40%; } } diff --git a/full-image layout/img/background-image-overlay.png b/full-image layout/img/background-image-overlay.png new file mode 100644 index 0000000..01b7acc Binary files /dev/null and b/full-image layout/img/background-image-overlay.png differ diff --git a/full-image layout/index.html b/full-image layout/index.html index 22255b3..d2f0fcf 100755 --- a/full-image layout/index.html +++ b/full-image layout/index.html @@ -1,5 +1,5 @@ - + @@ -28,36 +28,40 @@ -
-
-
-

Easily deploy and customize landing pages on Github

-
-

- We create this landing page template to enable you testing your new startup idea in few minutes. -

-

- Just create a github account, fork this repository, and that's it: you have a running landing page available on yourusername.github.io/bootstrap-landing-pages -

- -
-
- -
- - -
- - - - - - - - - +
+
+
+
+

Easily deploy and customize landing pages on Github

+
+

+ We create this landing page template to enable you testing your new startup idea in few minutes. +

+

+ Just create a github account, fork this repository, and that's it: you have a running landing page available on yourusername.github.io/bootstrap-landing-pages +

+ +
+
+ +
+ + +
+
+
+
+
+ + + + + + + + +