diff --git a/img/devOsan_noLogo.png b/img/devOsan_noLogo.png new file mode 100644 index 0000000..c498b63 Binary files /dev/null and b/img/devOsan_noLogo.png differ diff --git a/img/devosan.png b/img/devosan.png deleted file mode 100644 index 9a237f0..0000000 Binary files a/img/devosan.png and /dev/null differ diff --git a/img/header.png b/img/header.png index c498b63..9a237f0 100644 Binary files a/img/header.png and b/img/header.png differ diff --git a/index.html b/index.html index 37a74ed..6762d3a 100644 --- a/index.html +++ b/index.html @@ -1,175 +1,193 @@ - + - - + + - + - + {dev}Osan + +
+ +
+
- +
-
-
- Responsive image +
+
+
+
+
+

+ Bringing Developers, Graphic Designers, and Engineering together + at Osan! Beginners and Experts alike! +

+
+
-
-
+
+
+
+
-
-
-

{dev}Osan

-

Software Development Club

-
-
+

Meeting Info

+
+ º +
+
+
+ 1600 - 1700 +
+
+    Tuesdays & Wednesdays +
+
+
+
+

Location

+
+ H +
+
+ Mustang Center +
+
- - +
-
-
-
-
-

Bringing Developers, Graphic Designers, and Engineering together at Osan! Beginners and Experts alike!

-
-
-
-
+
+

Events

+
    +
  • Event 1
    • +
  • Event 2
    • +
  • Event 3
    • +
  • Event 4
    • +
+
+
+

Projects

+
    +
  • Project 1
    • +
  • Project 2
    • +
  • Project 3
    • +
  • Project 4
    • +
+
-
-
-
-
-

Meeting Info

-
- º -
-
-
- 1600 - 1700 -
-
-    Tuesdays & Wednesdays -
-
-
-
-

Location

-
- H -
-
- Mustang Center -
-
-
-
-
-
-
-
-

Events

-
    -
  • Event 1
    • -
  • Event 2
    • -
  • Event 3
    • -
  • Event 4
    • -
-
-
-

Projects

-
    -
  • Project 1
    • -
  • Project 2
    • -
  • Project 3
    • -
  • Project 4
    • -
-
-
-
-
-
+
+
-
-

Learning Resources

-
Learning Resource 1 - Go here
-
Learning Resource 2 - Go here
-
Learning Resource 3 - Go here
-
Learning Resource 4 - Go here
-
Learning Resource 5 - Go here
-
-
-

FAQ

-
??????
-
AAAAAAAAA
-
??????
-
AAAAAAAAA
-
??????
-
AAAAAAAAA
-
??????
-
AAAAAAAAA
-
-
-
-
-
+
+

Learning Resources

+
Learning Resource 1 - Go here
+
Learning Resource 2 - Go here
+
Learning Resource 3 - Go here
+
Learning Resource 4 - Go here
+
Learning Resource 5 - Go here
+
+
+

FAQ

+
??????
+
AAAAAAAAA
+
??????
+
AAAAAAAAA
+
??????
+
AAAAAAAAA
+
??????
+
AAAAAAAAA
+
+
+
+
+
-
-
-

Contact Us

-
-
-
- - - - +
+
+
+

Contact Us

+
+
+
+ - - - + + + - \ No newline at end of file + diff --git a/styles.css b/styles.css index a25b002..a0cafe6 100644 --- a/styles.css +++ b/styles.css @@ -1,51 +1,50 @@ -* { - background-color: #BDB; - color: #202222; +.above-the-fold { + height: 100vh; + background-image: url("img/devOsan_noLogo.png"); + background-size: cover; + background-repeat: no-repeat; + background-position: center; } -.rightalign{ - text-align:right; +.rightalign { + text-align: right; } -.osanlogo{ - font-size:64px; +.visionstatement { + text-align: center; + font-style: italic; } -.visionstatement{ - text-align:center; - font-style: italic; +.wingdings-image { + font-family: "Wingdings"; + font-size: 96px; + color: #040; + width: 120px; } -.wingdings-image{ - font-family:"Wingdings"; - font-size:96px; - color:#040; - width:120px; +.webdings-image { + font-family: "Webdings"; + font-size: 96px; + color: #040; + width: 120px; } -.webdings-image{ - font-family:"Webdings"; - font-size:96px; - color:#040; - width:120px; +.info-display { + padding-top: 16px; } -.info-display{ - padding-top:16px; +.info-header { + font-size: 48px; } -.info-header{ - font-size:48px; +.info-header-sm { + padding-left: 12px; } -.info-header-sm{ - padding-left:12px; +.answer { + margin-left: 10px; } -.answer{ - margin-left:10px; -} - -.spacer{ - height:64px; +.spacer { + height: 64px; } \ No newline at end of file