inital check in

schasite/static/css/style.css

@@ -0,0 +1,156 @@
+/* CSS Document */
+{% load static  %}
+body{
+	margin:0px;
+	background-repeat: repeat;
+	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;
+	}
+a{color:#63880a;}	
+h1{
+	font-family:Arial, Helvetica, sans-serif; font-size:25px;
+	color:#63880a; line-height:normal;
+	margin:0px; padding:30px 0px 0px 0px;
+	}
+h1 span{color:#979797;}			
+.clear{margin:0px; padding:0px; clear:both;}	
+.top-head{
+	height:118px; width:1000px; margin:auto;
+	background:url(../images/top-head.gif) repeat-x;
+	}	
+.logo{
+	height:103px; width:325px;
+	float:left; padding:15px 0px 0px 55px;
+	}
+.right-top{
+	height:83px; width:620px; float:left;
+	padding:35px 0px 0px 0px;
+	}
+.tag-line{
+	height:auto; width:175px; float:left; padding:0px 10px 0px 20px;
+	color:#8b8b8b; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;
+	line-height:22px; border-left:#cad79f solid 1px; text-transform:uppercase; font-weight:bold;
+	}
+.punch-line{
+	height:auto; width:370px; float:left; padding:0px 20px 0px 20px;
+	color:#4a4a4a; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;
+	line-height:22px; border-left:#cad79f solid 1px; font-weight:bold; font-style:italic;
+	}
+.punch-line a{color:#9db54e;}
+#header{
+	height:279px; width:445px; margin:auto;
+	background:url(../images/header.gif) no-repeat;
+	padding:40px 500px 0px 55px;
+	font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;
+	font-size:23px; line-height:26px; font-weight:normal;
+	}
+#header ul{margin:0px; padding:20px 0px 0px 20px;}
+#header ul li{
+	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px;
+	color:#FFFFFF; font-weight:bold;
+	}
+#header ul li a{color:#FFFFFF;}
+.nav-bar{
+	height:56px; width:1000px; margin:auto;
+	background:url(../images/nav-bar.gif) repeat-x;
+	}
+.nav-bar ul{
+	margin:0px;
+	padding:0px 0px 0px 30px;
+	list-style-type:none;
+	}
+.nav-bar ul li{
+	height:36px; width:auto; float:left;
+	background:url(../images/list-left.gif) no-repeat;
+	display:block;
+	padding:20px 12px 0px 12px;
+	}
+.nav-bar ul li a{
+	font-family:Arial, Helvetica, sans-serif; font-size:14px; text-decoration:none;
+	color:#FFFFFF;
+	background:url(../images/list-arrow.gif) no-repeat;
+	font-weight:normal;
+	padding-left:22px; font-weight:bold;
+	background-position: 6px;
+	}
+.top-body{
+	height:auto; width:940px; margin:auto;
+	background:	url(../images/top-body.gif) repeat-x #cfcfcf;
+	padding:0px 0px 25px 60px;
+	}
+.top-body-con{
+	height:auto; width:265px; float:left;
+	padding:0px 35px 0px 0px;
+	}
+.top-body-con p{
+	margin:0px; padding:30px 0px 0px 0px;
+	font-family:Verdana, Arial, Helvetica, sans-serif; color:#2e2e2e;
+	font-size:11px; font-weight:bold; line-height:26px;
+	}
+.top-body-con a{color:#63880a;}	
+.top-body-con span{color:#63880a; font-size:15px;}		
+.img-box{
+	height:auto; width:auto; float:left;
+	padding:30px 25px 0px 0px;
+	}
+.img-box-1{
+	height:auto; width:auto; float:right;
+	padding:20px 0px 0px 25px;
+	}	
+.mid-body{
+	height:auto; width:890px; margin:auto;
+	background:url(../images/mid-body.gif) repeat-x #FFFFFF;
+	padding:0px 50px 30px 60px;
+	}
+.mid-body p{
+	margin:0px; padding:10px 0px 0px 0px;
+	font-family:Verdana, Arial, Helvetica, sans-serif; color:#343434;
+	font-size:14px; line-height:26px;
+	}
+.mid-body a{color:#63880a;}	
+.mid-body p span{color:#343434; font-size:17px;}	
+.bt-cont{
+	height:auto; width:930px; margin:auto;
+	background:url(../images/rest-con.gif) repeat-x #e8edda;
+	padding:0px 0px 20px 70px;
+	}
+.cont-rl{
+	height:auto; width:300px; float:left;
+	}
+.bt-cont p{
+	margin:0px; padding:30px 0px 0px 0px;
+	font-family:Verdana, Arial, Helvetica, sans-serif; color:#2e2e2e;
+	font-size:14px; line-height:30px;
+	}
+.bt-cont a{color:#63880a;}	
+.bt-cont span{color:#63880a; font-size:20px; font-weight:normal;}
+#footer{
+	height:25px; width:880px; margin:auto;
+	text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif;
+	color:#FFFFFF; font-size:11px; background:url(../images/footer.gif) repeat-x;
+	padding:15px 60px 0px 60px; 
+	}
+#footer strong{
+	float:right; color:#FFFFFF;
+	}
+#footer a{	color:#FFFFFF;	}			
+
+/* inner pages css start */
+h1.inner{font:33px Myriad Pro, Arial; color:#fff; font-weight:100; margin:0px; padding:25px 0px 10px 0px; background:none}
+.aboutus-img{float:right; border:4px solid #b0a48b;	margin:0px 0px 10px 20px;}
+h5{font:15px Myriad Pro, Arial, Helvetica, sans-serif; color:#63880a; font-weight:bold; padding:0px 0px 5px 0px;	border-bottom:1px dotted #666666;	margin:0px 0px 10px 0px;}
+h6{font:17px Myriad Pro, Arial, Helvetica, sans-serif; color:#63880a; font-weight:bold; padding:0px 0px 5px 0px;	margin:0px 0px 10px 0px;}
+.aboutcolumnzone{padding:20px 0px 16px 0px;}
+.aboutcolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
+.aboutcolumn2{width:48%; float:right; margin:0px 0px 10px 0px;}
+.abouticon{float:left; margin:0px 20px 0px 0px;}
+.insidereadmore{padding:10px 0px 10px 0px;}
+input.button{color:#ffffff;	background:#414141;	font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px; margin:0px 5px 5px 0;	border:1px solid #000000;}
+input.button:hover{cursor:pointer; color:#cccccc;}
+.project-img{float:right; margin-left:20px;	border: 6px solid #a1b96b;}
+.whiteheading{font:30px Myriad Pro, Arial; color:#ffffff; font-weight:100;	padding:0px; margin:25px 0px 20px 0px;}
+.ourprojectrow{margin-bottom:20px;	border-bottom:1px dotted #666666; padding-bottom:10px; width: 95%;}
+.servicecolumnzone{padding:20px 0px 16px 0px;}
+.servicecolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
+.servicecolumn2{width:48%; float:right;	margin:0px 0px 10px 0px;}
+.blog-posted-row{padding:3px;}
+/* inner pages css ends */								

schasite/static/main.js

@@ -0,0 +1,24 @@
+// static/main.js
+
+console.log("Sanity Check");
+
+fetch("/schasite/config/")
+.then((result) => {return result.json(); })
+.then((data) => {
+    const stripe = Stripe(data.publicKey);
+
+    // Event Handler
+    document.querySelector("#submitBtn").addEventListener("click", () => {
+        // Get Checkout Session ID
+        fetch("/schasite/create-checkout-session/")
+        .then((result) => { return result.json(); })
+        .then((data) => {
+          console.log(data);
+          // Redirect to Stripe Checkout
+          return stripe.redirectToCheckout({sessionId: data.sessionId})
+        })
+        .then((res) => {
+          console.log(res);
+        });
+      });
+});