From a2b8035742d1411a04c32864c65d20b8a4b94bef Mon Sep 17 00:00:00 2001 From: Matthew Reichardt Date: Wed, 24 Apr 2019 23:28:56 +0900 Subject: [PATCH] Rough design start --- index.html | 71 +++++++++++++++++++++++++++++------------------------- styles.css | 58 +++++++++++++++++++++++++++++++++++++++++--- 2 files changed, 93 insertions(+), 36 deletions(-) diff --git a/index.html b/index.html index a48815b..dda6df4 100644 --- a/index.html +++ b/index.html @@ -10,45 +10,50 @@ - {dev}Osan + { dev } Osan - - - - -
-
-
- Responsive image + +
+
+

{ dev } Osan

+

What is our catchphrase?

- - -
-
-
asdf
+
+
+
+
+
+

Vision

+

To create X, Y, and Z.

+
+
+
+
+
+
+

Meet

+

To create X, Y, and Z.

+
+
+
- - - - - - - - - - - - \ No newline at end of file + diff --git a/styles.css b/styles.css index 4b307b7..4012a9b 100644 --- a/styles.css +++ b/styles.css @@ -1,3 +1,55 @@ -* { - background-color: darkseagreen; -} \ No newline at end of file +.navbar { + z-index: +2; +} +.navbar .content { + float: left; + width: 60%; + margin: 0px auto; +} +.navbar .content span { + float: left; +} +.navbar .content .navbar-toggler { + float: right; +} + +.jumbotron { + position: absolute; + top: 0px; + background: url("https://media.defense.gov/2016/May/10/2001535489/-1/-1/0/160509-F-LU738-221.JPG") no-repeat center center fixed; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; + height: 40%; + width: 100%; + color: #fff; +} +.jumbotron .container { + float: left; + margin-top: 50px; + background: #3e3e3e; + opacity: 0.80; + max-width: 450px; + text-align: center; +} + +.main { + position: absolute; + top: 40%; + width: 100%; +} +.main .lead { + font-size: 20pt; +} +.main .row { + padding: 70px 15px 70px 15px; + margin: 0px; +} +.main .alt { + position: absolute; + left: 0px; + width: 100%; + margin: 0px; + background: #e3e3e3; +}