Added templates for demo

meteor/meteor-2/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;
+        }

meteor/meteor-2/css/style-color2.css

@@ -0,0 +1,47 @@
+/* Alternative colors */
+/* Alternative colors */
+/* menu */
+.main-menu,
+.top-menu-links {
+  background: rgba(0, 0, 0, 0.9); }
+  @media (min-width: 601px) {
+    .main-menu,
+    .top-menu-links {
+      background: none; } }
+
+.top-menu-links .links li.cta a:hover {
+  color: #E7012A; }
+
+.main-menu ul li.active .icon,
+.main-menu ul li a:hover {
+  color: #E7012A; }
+
+/* main page */
+.section .content .title-desc h2 {
+  color: #E7012A; }
+
+.section .content .c-columns .item-desc a {
+  color: #E7012A; }
+.section .content .c-columns .circ-btn:hover:before {
+  border-color: #E7012A;
+  border-top-color: transparent; }
+
+/* footer */
+/* Buttons */
+.circ-btn {
+  color: #fff; }
+
+@media (min-width: 601px) {
+  .circ-btn {
+    color: #fff; } }
+.btn-normal,
+.section .social-grid li .s-icon:hover {
+  color: #E7012A; }
+
+.btn-normal:focus,
+.btn-normal:hover {
+  border-color: #E7012A; }
+
+/* Fonts */
+
+/*# sourceMappingURL=style-color2.css.map */