From 98686002af09f7e79021df4ed2ad447544269994 Mon Sep 17 00:00:00 2001 From: vincentgalarza Date: Sun, 25 Nov 2018 21:10:13 -0500 Subject: [PATCH 1/2] some things --- index.html | 74 ++++++++++++++++++++++++++++++++++++++++++++++++ styles/main.css | 16 +++++++++++ styles/reset.css | 48 +++++++++++++++++++++++++++++++ 3 files changed, 138 insertions(+) create mode 100644 index.html create mode 100644 styles/main.css create mode 100644 styles/reset.css diff --git a/index.html b/index.html new file mode 100644 index 0000000..ad17161 --- /dev/null +++ b/index.html @@ -0,0 +1,74 @@ + + + + + + Startup Matchmaker + + + + + + +
+
+

Startup Matchmaker

+ +
+
+ +

Because two brains taste are better than one.

+ + + +
+
+
+
+

Create a Profile

+
+

Are you a Designer? Developer? Put yourself out there so that others can find you!

+ Sign Up Now +
+
+
+

Find a Developer

+
+

Looking for a fantastic developer to work with on the next big thing? Look no further.

+ Start Your Search +
+
+
+

Find a Designer

+
+

Need someone who can make a product intuitive and appealing? Get ready.

+ Start Your Search +
+
+
+ + + + + + \ No newline at end of file diff --git a/styles/main.css b/styles/main.css new file mode 100644 index 0000000..9380879 --- /dev/null +++ b/styles/main.css @@ -0,0 +1,16 @@ +body { + font-family: 'Source Sans Pro', sans-serif; + font-size: 20px; + line-height: 1.5; + cursor: default; +} + +footer { + background: black; + color: white; +} + +.wrapper { + max-width: 1280px; + margin: auto; +} \ No newline at end of file diff --git a/styles/reset.css b/styles/reset.css new file mode 100644 index 0000000..af94440 --- /dev/null +++ b/styles/reset.css @@ -0,0 +1,48 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} \ No newline at end of file From a89e06f43cb6324033b8879cf199d6d02c9e27bd Mon Sep 17 00:00:00 2001 From: vincentgalarza Date: Mon, 26 Nov 2018 02:03:26 -0500 Subject: [PATCH 2/2] completed SM assignment --- index.html | 40 ++++++------- styles/main.css | 150 +++++++++++++++++++++++++++++++++++++++++++++++- 2 files changed, 163 insertions(+), 27 deletions(-) diff --git a/index.html b/index.html index ad17161..45e92ad 100644 --- a/index.html +++ b/index.html @@ -10,53 +10,45 @@ -
-
+
+

Startup Matchmaker

-
+ -

Because two brains taste are better than one.

+

Because two brains taste are better than one.

-
-
-
-
-

Create a Profile

-
+
+
+
+

Create a Profile

Are you a Designer? Developer? Put yourself out there so that others can find you!

Sign Up Now
-
-
-

Find a Developer

-
+
+

Find a Developer

Looking for a fantastic developer to work with on the next big thing? Look no further.

Start Your Search
-
-
-

Find a Designer

-
+
+

Find a Designer

Need someone who can make a product intuitive and appealing? Get ready.

Start Your Search
@@ -64,7 +56,7 @@

Find a Designer

diff --git a/styles/main.css b/styles/main.css index 9380879..db8cd1a 100644 --- a/styles/main.css +++ b/styles/main.css @@ -2,15 +2,159 @@ body { font-family: 'Source Sans Pro', sans-serif; font-size: 20px; line-height: 1.5; - cursor: default; } footer { background: black; color: white; + padding: 2% 2%; } -.wrapper { - max-width: 1280px; +.max-container { + max-width: 1920px; margin: auto; +} + +.main-header { + background-color: black; + border-bottom: 4px solid yellow; + overflow: hidden; + padding: 5px 140px 5px 140px; +} + +h1 a:link { + color: yellow; text-decoration: none; +} +h1 a:hover { + color: white; text-decoration: none; +} +h1 a:visited { + color: yellow; text-decoration: none; +} + +nav a:link { + color: white; text-decoration: none; +} +nav a:hover { + color: yellow; text-decoration: none; +} +nav a:visited { + color: white; text-decoration: none; +} + +nav { + /* display: inline-block; */ + float: right; + padding: 10px 0 10px 0; + margin-top: 5px; +} + +nav a { + text-decoration: none; + padding: 0px 10px 0px 10px; +} + +h1 { + /* display: inline-block; */ + float: left; + padding: 10px 0 10px 0; +} + +h1 a { + font-size: 1.5em; + font-family: 'Merriweather', sans-serif; +} + +h2 { + font-size: 1.5em; +} + +h3 { + font-family: 'Merriweather', sans-serif; + font-size: 1.25em; +} + +h2, h3 { + font-weight: 900; +} + +nav strong a { + font-family: 'Oswald', sans-serif; + text-transform: uppercase; +} + +.tagline { + background-color: #C4C4C4; + font-family: 'Merriweather', sans-serif; + font-style: italic; + text-align: center; + padding: 20px 0 20px 0; + font-size: 1.25em; +} + +del { + color: #989898; +} + +ins { + text-decoration: none; + border-bottom: 3px solid yellow; +} + +.banner { + background-image: url(../images/coworking.jpg); + background-size: cover; + background-position: center center; + /* min-height: 400px; */ + overflow: hidden; +} + +.middle-box { + background-color: rgba(255, 255, 255, .75); + padding: 50px; + margin: 50px 150px; + float: right; + width: 30%; + box-shadow: 0 0 5px rgba(0,0,0,.75); +} + +.box-bois { + overflow: hidden; + background-color: white; + padding: 50px 140px 50px 140px; +} + +.boi { + float: left; + width: 33.3333%; + box-sizing: border-box; + border-right: 1px solid #999; + padding: 40px; +} + +.boi:last-child{ + border-right: none; +} + +.button { + display: block; + margin-top: 40px; + padding-top: 15px; + text-align: center; + min-height: 50px; + max-height: 50px; + border-radius: 5px; + letter-spacing: 1px; + background-color: rgb(196, 196, 196); + font-family: 'Oswald', sans-serif; + text-decoration: none; + text-transform: uppercase; + font-weight: 900; + box-shadow: 0px 3px 0px 0px #9E9E9E; + color: black; +} + +.yellow { + background-color: yellow; + box-shadow: 0px 3px 0px 0px #CBC63F; } \ No newline at end of file