From 147bae5f24fb06df90300f2df1162dbff9fdd6cc Mon Sep 17 00:00:00 2001 From: squirelo Date: Sat, 4 Oct 2014 16:57:26 +0200 Subject: [PATCH] add some styles --- full-image layout/css/custom.css | 77 ++++++++---------- .../img/background-image-overlay.png | Bin 0 -> 3279 bytes full-image layout/index.html | 72 ++++++++-------- 3 files changed, 72 insertions(+), 77 deletions(-) create mode 100644 full-image layout/img/background-image-overlay.png 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 0000000000000000000000000000000000000000..01b7accafd7900f60b16adf4a8d6571f3701a983 GIT binary patch literal 3279 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 N002ovPDHLkV1jW9C; - + @@ -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 +

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