diff --git a/index.html b/index.html new file mode 100644 index 0000000..1c23e51 --- /dev/null +++ b/index.html @@ -0,0 +1,90 @@ + + + + + Startup Matchmaker + + + + + +
+
+
+ Startup Matchmaker +
+
+
+ +
+
+
+
+
+
+
Because two brains taste are better than one.
+
+
+
+
+
+

Meet your Match!

+

Have a great idea for a product, but need help making it a + reality? + We're here to help. Startup Matchmaker is the best place for designers and developers to + find each other.

+ Create a Profile +
+
+
+
+
+
+
+
+
+

Create a Profile

+

Are you a Designer? 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/.DS_Store b/styles/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/styles/.DS_Store differ diff --git a/styles/coworking.jpg b/styles/coworking.jpg new file mode 100644 index 0000000..58eeffb Binary files /dev/null and b/styles/coworking.jpg differ diff --git a/styles/main.css b/styles/main.css new file mode 100644 index 0000000..a84d4e0 --- /dev/null +++ b/styles/main.css @@ -0,0 +1,174 @@ +{ + box-sizing: border-box; +} + .row { + display: flex; + flex-wrap: wrap; +} + .col { + width: calc(8.3333%); + + +} + .col-2 { + width: calc(2 * 8.3333%); +} + .col-3 { + width: calc(3 * 8.3333%); +} + .col-4 { + width: calc(4 * 8.3333%); +} + .col-6 { + width: calc(6 * 8.3333%); +} + .col-8 { + width: calc(8 * 8.3333%); +} + .col-12 { + width: calc(12 * 8.3333%); + +} + + body { + background-color: black; + margin: 0px; +} + .right { + justify-content: flex-end; +} + .width300 { + min-width: 300px; + color: yellow; +} + .width150 { + min-width: 110px; +} + .backgroundpic { + background-image: url("coworking.jpg"); + background-size: cover; + +} + .greybar { + font-style: italic; + background: #C6C6C6; + text-align: center; + } + .greybartext { + flex-wrap: wrap; + text-align: center; + margin: 2%; +} + .page-nav-link { + text-decoration: none; +} + .page-nav-link:hover { + color: yellow; + text-decoration: underline; +} + .text { + color: white; +} + .white { + background-color: rgba(255, 255, 255, .8); + box-shadow: 0 0 5px rgba(0, 0, 0, .75) +} + .white-2 { + background-color: white; +} + .noheight { + min-height: 0px; +} + .underline { + border-bottom: 3px solid yellow; +} + .movedown { + padding-top: 15px; + text-align: center; +} + .border { + border-bottom: 4px solid yellow; +} + .moveright { + margin-left: 15px; + padding-right: 10px; +} + s { + color: #999; +} + .boxmargin { + margin: 15px 20px 15px; + ; +} + .padbox-top { + padding: 20px 20px 0 30px; +} + .padbox-mid { + padding: 10px 20px 0 30px; +} + .padbox-button { + padding: 15px 20px 0 30px; +} + .button { + text-decoration: none; + text-transform: uppercase; + letter-spacing: 1px; + font-weight: bold; + background: yellow; + color: black; + display: block; + text-align: center; + padding: 12px; + box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .2); + border-radius: 5px; + margin: 12px; +} + .flowover { + overflow: scroll; +} + .maxheight { + max-height: 360px; +} + .marg { + margin-bottom: 15px; + margin-right: 10px; +} + .minwidth { + min-width: 150px; + ; +} + .fonthead { + font-weight: bold; +} + .grey { + background: #C6C6C6; +} + .borderright { + border-right: 1px solid grey; +} + .marginbottom { + margin-top: 20px; + margin-bottom: 20px; + padding: 0 15px 0 15px; +} + .head { + font-size: 30px; +} + .navfont { + font-size: 15px; +} + .greyfont { + font-size: 25px; + font-weight: bold; +} + .meetfont { + font-weight: bold; + font-size: 20px; +} + p { + margin: 0; +} + .footerfont { + font-weight: bold; + padding: 15px 0 0 15px; +} \ No newline at end of file