+
+
+
+
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/coworking.jpg b/styles/coworking.jpg
new file mode 100755
index 0000000..c499545
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..97bd2ff
--- /dev/null
+++ b/styles/main.css
@@ -0,0 +1,221 @@
+* {
+ box-sizing: border-box;
+}
+
+.row {
+ display: flex;
+ flex-wrap: wrap;
+}
+
+.col {
+ width: calc(8.3333%);
+ min-height: 50px;
+ /* border: solid white 1px; */
+}
+
+.col-2 {
+ width: calc(2 * 8.3333%);
+ min-height: 50px;
+}
+
+.col-3 {
+ width: calc(3 * 8.3333%);
+ min-height: 50px;
+}
+
+.col-4 {
+ width: calc(4 * 8.3333%);
+ min-height: 50px;
+}
+
+.col-6 {
+ width: calc(6 * 8.3333%);
+ min-height: 50px;
+}
+
+.col-8 {
+ width: calc(8 * 8.3333%);
+ min-height: 50px;
+}
+
+.col-12 {
+ width: calc(12 * 8.3333%);
+ min-height: 50px;
+}
+
+/* my code */
+
+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;
+ /* min-height: 500px; */
+}
+
+.greybar {
+ font-style: italic;
+ background: #C6C6C6;
+ padding-top: 15px;
+ padding-bottom: 15px;
+ text-align: center;
+}
+
+.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