Added templates for demo

creation/creation-4/css/style-color3.css

@@ -0,0 +1,41 @@
+/* Alternative colors */
+.page-nav li.active .icon ,
+.btn-round, .section .content .btns .btn,
+.section .content.with-clock .c-left .c-clock .tile-seconds,
+.section .content .c-illustr .img-middle .swipe-nav{
+    background: #2196F3;
+}
+.page-nav li:hover:not(.active) .icon ,
+.btn-round, .section .content .btns .btn:hover,
+.section .content.with-clock .c-left .c-clock .tile-minutes,
+.section-contact .content .c-illustr .img-middle .tiles-left h4,
+.site-footer .note .marked{
+	color: #2196F3;
+}
+.section-about .content .c-logo .icon, .section-register .content .c-logo .icon, .section-message .content .c-logo .icon, .section-contact .content .c-logo .icon {
+	color: #2196F3;
+}
+.section-contact .content .c-illustr .img-middle .tiles-left .socialnet li a{
+/*	background: #6e2ac2;*/
+	background: #2196F3;
+}
+.section-contact .content .c-illustr .img-middle .tiles-left .socialnet li:hover a{
+	background: #1a67a3;
+}
+
+/* a section background color */
+.section-about,
+.section-contact{
+	background: rgba(0, 0, 0, 0.76);
+}
+
+/* FP Nav */
+#fp-nav li .active span, .fp-slidesNav .active span{
+    background: #2196F3;
+}
+#fp-nav ul li a span, .fp-slidesNav ul li a span{
+	background: #fff;
+}
+#fp-nav ul{
+	margin-top: -40px;
+}