From 701c6256e6f44f595b99f3ccbb54909e27a3fb5f Mon Sep 17 00:00:00 2001 From: AnnieCwr Date: Thu, 17 Mar 2016 10:32:37 -0400 Subject: [PATCH 1/2] Added content in html file --- css/main.css | 0 index.html | 23 +++++++++++++++++++++++ 2 files changed, 23 insertions(+) create mode 100644 css/main.css create mode 100644 index.html diff --git a/css/main.css b/css/main.css new file mode 100644 index 0000000..e69de29 diff --git a/index.html b/index.html new file mode 100644 index 0000000..d01bf43 --- /dev/null +++ b/index.html @@ -0,0 +1,23 @@ + +< + + + + Call to action banner + + + + + + + + + From 2275c02fdd9edf4ee457af079bb604cd243a9161 Mon Sep 17 00:00:00 2001 From: AnnieCwr Date: Thu, 17 Mar 2016 11:48:46 -0400 Subject: [PATCH 2/2] Added content in html file --- css/main.css | 71 ++++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 29 ++++++++++++--------- 2 files changed, 88 insertions(+), 12 deletions(-) diff --git a/css/main.css b/css/main.css index e69de29..7bfa95d 100644 --- a/css/main.css +++ b/css/main.css @@ -0,0 +1,71 @@ +body { + overflow: hidden; + position: relative; +} + +html { + box-sizing: border-box; + font-family: sans-serif; +} + +*, *::before, *::after { + box-sizing: inherit; +} + +.img-flex { + display: block; + width: 100%; +} + +.banner-content { + position: absolute; + left: 50%; + top: 1rem; + transform: translatex(-50%); + width: 100%; + font-size: 1.5rem; + font-family: "Roboto"; + float: right; +} + +.circle { + float: left; + margin: 2rem; +} + +.title { + font-weight: bold; + font-size: 3rem; + font-family: "Roboto Condensed"; +} + +.btn { + color: white; + display: inline-block; + border-radius: 8px; + border: 1px solid #333; + background-color: #333; + padding: .5em; +} + +a { + text-decoration: none; + color: white; +} + +.btn-big { + font-size: 1.5rem; +} + +body { + font-family: "Roberto"; + margin: 0; +} + +.btn:hover { + background-color: #ccc; +} + +.banner { + max-height: 500px; +} diff --git a/index.html b/index.html index d01bf43..b3f5e2e 100644 --- a/index.html +++ b/index.html @@ -1,23 +1,28 @@ -< Call to action banner + + - + - -