Added templates for demo

simpleux/simpleux-6/css/pageloader.css

@@ -0,0 +1,72 @@
+/*----------------------------------------------------------------------
+Page loader CSS BY HighHay
+
+USAGE:
+------
+- Add this as an external CSS file and put it before other css links inside
+html file
+- Add the following tag inside HTML file :
+<div class='page-loader'>
+    <div><i class='fa fa-spinner  fa-spin'></i><p>loading</p></div>
+</div>
+------------------------------------------------------------------------*/
+.page-loader{
+    position: fixed;
+    z-index: 200;
+    width: 100%;
+    height: 100%;
+    top:0;
+    left:0;
+    background: #fff;
+    display: block;  
+    
+}
+.page-loader .fa{
+    font-size: 2.5rem;
+}
+.page-loader,
+.page-loader.visible{
+    -webkit-transition: 0.6s;
+    -ms-transition: 0.6s;
+    -moz-transition: 0.6s;
+    transition: 0.6s;
+    opacity: 1;
+    visibility: visible;    
+}
+.page-loader.p-hidden{
+    visibility: hidden;
+    opacity: 0;
+}
+    .page-loader div{
+        position: absolute;
+        top:50%;
+        width: 100%;
+        text-align: center;
+        color: #1d1d1d;
+        margin-top: -50px;
+    	display: block; 
+    }
+		.page-loader div .icon{
+			display: inline-block;
+			margin-left: -20px;
+            left: 50%;
+			width: 40px;
+			height: 40px;
+			content: "";
+			background: #1d1d1d;
+			border-radius: 100px;
+			border: 8px solid #fff;
+			border-top-color: rgba(255, 255, 255, 0.58);
+			border-bottom-color: rgba(255, 255, 255, 0.58);
+		}
+        .page-loader div p{
+            margin-top: 100px;
+            font-size: 14px;
+            color: #555;
+            letter-spacing: 1em;
+            padding-left: 1em;
+            text-transform: uppercase;
+/*			font-family: 'Montserrat';*/
+			font-family: 'Roboto', 'Helvetica', sans-serif;
+			font-weight: bold;
+        }

simpleux/simpleux-6/css/style-default.css

@@ -0,0 +1,56 @@
+a {
+  color: #f8204b; }
+  a:hover {
+    color: rgba(248, 32, 75, 0.8); }
+
+.page-header-alpha .navbar-mainmenu .nav-item a:hover {
+  color: #f8204b; }
+
+.btn-white {
+  color: #ffffff;
+  border: 1px solid transparent;
+  background-color: #f8204b; }
+  .btn-white:hover {
+    background-color: rgba(248, 32, 75, 0.8);
+    color: #ffffff; }
+
+.btn-outline-primary {
+  color: #f8204b;
+  border-color: currentColor; }
+
+.btn-outline-primary:hover,
+.btn-outline-primary:focus {
+  color: rgba(248, 32, 75, 0.5);
+  border-color: currentColor; }
+
+.btn-transp-arrow.btn-primary.active, .btn-transp-arrow.btn-primary:active,
+.btn-transp-arrow.btn-primary:hover {
+  background-color: rgba(77, 77, 77, 0.05);
+  color: #8b8b8b;
+  -webkit-box-shadow: none;
+          box-shadow: none; }
+
+/* subscription form */
+.form-container-transparent.form-container-white .form-desc h4 {
+  color: #ffffff; }
+
+.form-container-transparent.form-container-white .form-input label {
+  color: #ffffff; }
+
+.form-control-outline,
+.form-control-line {
+  border-color: #ffffff; }
+  .form-control-outline:focus,
+  .form-control-line:focus {
+    border-color: #adadad; }
+
+.page-cover:after {
+  content: "";
+  background: -webkit-gradient(linear, right top, left top, from(#D1335B), to(#00152e));
+  background: linear-gradient(to left, #D1335B, #00152e);
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  opacity: 0.7; }