Created a base template for login / signup, Fixed some html design issues on login / signup pages, Added Billing Address Form to payment page, Handle Billing Address Form validation, Created VirtualMachinePlan model in order to store user purchased VM, Create method in order to create a stripe plan , Investigated about stripe payment workflows

hosting/static/hosting/css/landing-page.css

@@ -59,10 +59,23 @@ h6 {
     padding-top: 20%;
     padding-bottom: 20%;
 }
-.intro-signup {
+
+.intro-auth {
+    text-align: center;
+    color: #f8f8f8;
     position: relative;
-    padding-top: 20%;
-    padding-bottom: 20%;
+    padding-bottom: 25%;
+    padding-top: 10%;
+}
+
+.intro-login {
+    background: url(../img/intro-bg.jpg) no-repeat center center;
+    background-size: cover;
+}
+
+.intro-signup {
+    background: url(../img/configure.jpg) no-repeat center center;
+    background-size: cover;   
 }
 
 .intro-message > h1 {
@@ -200,4 +213,12 @@ a#forgotpassword {
   line-height: 1;
   font-weight: 700;
   color: #6db97c;
+}
+
+a.unlink {
+  color: inherit;
+}
+
+a.unlink:hover {
+  color: inherit;
 }

hosting/static/hosting/css/payment.css

@@ -1,4 +1,5 @@
-.creditcard-box {padding-top:17%; padding-bottom: 11%;}
+
+.payment-container {padding-top:5%; padding-bottom: 11%;}
 .creditcard-box .panel-title {display: inline;font-weight: bold; font-size:17px;}
 .creditcard-box .checkbox.pull-right { margin: 0; }
 .creditcard-box .pl-ziro { padding-left: 0px; }
@@ -20,12 +21,6 @@
   margin-top: 2px;
 }
 
-.summary-box {
-
-  padding-top:17%;
-  padding-bottom: 11%;
-}
-
 .summary-box .content {
 
 	padding-top: 15px;