diff --git a/index.html b/index.html new file mode 100644 index 0000000..3476e97 --- /dev/null +++ b/index.html @@ -0,0 +1,71 @@ + + + + + + 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 your profile +
+
+
+
+

Create a Profile

+

Are you a Designer? Developer? + put yourself out there so that others so that others + can find you +

+ Create a Profile +
+
+

Find a Developer

+

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

+ Find a Developer + +
+
+

Find a designer

+

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

+ Find a Designer + +
+ +
+ + + \ No newline at end of file diff --git a/styles/app.css b/styles/app.css new file mode 100644 index 0000000..97641cd --- /dev/null +++ b/styles/app.css @@ -0,0 +1,187 @@ +body{ + width: 100%; + height: 100%; + font-family: Source Sans Pro; + background-color: black; + font-size: 20px; + line-height: 1.5; +} +.buttonCol{ + width: 27.33%; +} +.Title{ + font-family: 'Merriweather'; + display: block; + color: yellow !important; + +} +.navigationOther{ + margin-left: 10px; + padding: 20px 15px; + display: block; + color: white; + font-family: 'Oswald'; +} +.navigationBold{ + margin-left: 10px; + padding: 20px 15px; + display: block; + color: white; + font-family: 'Oswald'; +} +.creationMenu{ + justify-content: space-evenly; + background-color: white; +} + +.create{ + overflow: auto; + padding: 10px; +} +.create2{ + float: center; + border-left: 1px solid gray; +} +.row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + + +} + +.footer{ + margin-top: 20px; + min-height: 10%; + background-color: black; + color: white; +} +.footerText{ + color:white; + background-color: black; + margin-top: 20px; +} +.cardText{ + font-size: 20px; +} +.bgimg{ + background-size: cover; + background-repeat: no-repeat; + overflow: hidden; + background-image: url('../images/coworking.jpg'); + border: none; + padding: 10px 20px 30px 20px; + +} +.card{ + font-family: 'Oswald'; + margin-top:30px; + font-weight: 900; + overflow: auto; + float: right; + opacity: .9; + width: 35%; + padding: 20px; + padding-bottom: 100px; + background-color: rgb(247, 239, 239); +} + +.infoButton{ + font-family: 'Oswald'; + display: block; + flex-wrap: wrap; + background-color: lightgray; + color:black !important; + padding: 10px; + text-transform: uppercase; + border-radius: 5px; + box-shadow: 0 0px 2px 0px; +} +del{ + color: gray; +} +ins{ + text-decoration: none; + border-bottom: 2px solid yellow; +} +.graybackground{ + width: 100%; + padding:20px; + background-color: rgb(196, 194, 194); + text-align: center; + font-family: Merriweather; + color:black; + font-weight: 900; +} +.smallnav{ + padding-top: 100%; +} +a,a:hover,a:visited { + color: white; + text-decoration: none; +} +.topBorder{ + border-bottom: 5px solid yellow; +} + +.FindDevs{ +font-weight: bolder; +font-size: 25px; +} +.pageTitle { + background-color: black; +} +.TitleText { + color:yellow; + font-family: 'Roboto', sans-serif; + font-weight: 800; + font-size: 200%; +} +.toprow{ + background-color: black; +} +.button{ + flex-wrap: wrap; + font-family: 'Oswald'; + color: black !important; + text-align: center; + background-color: yellow; + display: block; + padding: 12px; + border-radius: 5px; + box-shadow: 0 3px 2px 0px; + float: center; + text-transform: uppercase; + letter-spacing: 1px; + + +} +.col { + width: calc(8.3333% - 4px); + box-sizing: border-box; + display: inline-block; +} + +.col-2 { + width: calc(2 * 8.3333% - 4px); +} + +.col-3 { + width: calc(3 * 8.3333% - 4px); +} + +.col-4 { + width: calc(4 * 8.3333% - 4px); +} + +.col-6 { + width: calc(6 * 8.3333% - 4px); +} + +.col-8 { + width: calc(8 * 8.3333% - 4px); +} + +.col-12 { + width: calc(12 * 8.3333% - 4px); +} \ No newline at end of file