June 7, 2016 14:12 · Jun 7, 2016
diff --git a/index.html b/index.html
@@ -0,0 +1,33 @@
+<div class="wrapper">
+  <div class="details">
+    <div class="wrap header">
+      Create new Project
+    </div>
+    <div class="wrap">
+      <div class="project-name">
+        <label for="">Project Name</label>
+        <input type="text" />
+      </div>
+      <div class="rate">
+        <label for="">Rate (In Dollars)</label>
+        <div class="rate-wrap">
+          <input type="text" />
+          <div class="dropdown">
+            <button class="btn">Hourly</button>
+            <ul class="dropdown-menu">
+              <li><a href="">Hourly</a></li>
+              <li><a href="">Monthly</a></li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="wrap"></div>
+    <div class="wrap"></div>
+    <div class="wrap"></div>
+  </div>
+  <div class="btns">
+    <div class="btn cancel">Cancel</div>
+    <div class="btn create">Create</div>
+  </div>
+</div>
diff --git a/mPvwJJ.markdown b/mPvwJJ.markdown
@@ -0,0 +1,7 @@
+mPvwJJ
+------
+
+
+A [Pen](http://codepen.io/ajduke/pen/mPvwJJ) by [ajduke](http://codepen.io/ajduke) on [CodePen](http://codepen.io/).
+
+[License](http://codepen.io/ajduke/pen/mPvwJJ/license).
diff --git a/script.coffeescript b/script.coffeescript
@@ -0,0 +1,3 @@
+$(document).ready(()->
+
+)
diff --git a/scripts b/scripts
@@ -0,0 +1 @@
+<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
diff --git a/style.scss b/style.scss
@@ -0,0 +1,132 @@
+@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:700,400|Titillium+Web:400,600,700,300);
+
+$body-bg: #e5e5e5;
+$green-bg: #2cd0c8;
+
+@mixin trans($prop:all, $time:0.4s, $time_function:ease-in-out) {
+  transition: $prop $time $time_function;
+}
+
+* {
+  box-sizing: border-box;  
+}
+::-webkit-input-placeholder {
+   color: #e4e4e4;
+}
+
+body {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  background: $body-bg;
+  font-family: 'PT Sans Narrow', sans-serif;
+}
+
+.wrapper {
+  width: 700px;
+  height: 600px;
+  margin: 20px auto;
+  text-align: center;
+  color: #fff;
+  background: #fff;
+}
+
+.details {
+  height: 530px;
+  color: #000;
+}
+
+.wrap {
+  padding: 20px;
+  // background: #999;
+  margin-top: 5px;
+  display: flex;
+}
+
+.header {
+   font-size: 25px; 
+   text-align: center;
+   justify-content: center;
+}
+
+input {
+  outline: 0;
+  padding: 8px;
+  width: 100%;
+  background: #e9f3f5;
+  border: 0;
+  height: 50px;
+  font-size: 20px;
+  font-weight: 700;
+  letter-spacing: 0.5px;
+}
+
+label {
+  display: block;
+  text-transform: uppercase;
+  font-size: 14px;
+  float: left;
+  color: #a7a7a7;
+  margin-bottom: 5px;
+}
+
+.project-name {
+  margin-right: 20px;
+  flex: 1;
+
+  input {
+  }
+}
+
+.rate {
+  flex: 1;
+}
+
+.rate-wrap {
+  display: flex;
+}
+
+.dropdown {
+  .dropdown-menu {
+    width: 200px;
+    background: #e5e5e5;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    li {
+      padding: 8px;
+      a {
+        text-decoration: none;
+        color: #000;
+      }
+    }
+  }
+}
+
+
+.btns {
+  // height: 70px;
+  display: flex;
+  .btn {
+    width: 50%;
+    text-align: center;
+    color: #000;
+    display: flex;
+    align-content: center;
+    padding: 20px;
+    color: #fff;
+    font-size: 22px;
+  }
+
+  .cancel {
+    background: #333;
+    padding-left: 30px;
+  }
+
+  .create {
+    background: #2358fb;  
+    justify-content: flex-end;
+    padding-right: 30px;
+  }
+}
diff --git a/styles b/styles
@@ -0,0 +1,2 @@
+<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet" />
+<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet" />
		<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />