1 files changed, 122 insertions, 0 deletions
diff --git a/ui/client/css/landing.css b/ui/client/css/landing.css
new file mode 100644
index 0000000..59c0806
--- /dev/null
+++ b/ui/client/css/landing.css
@@ -0,0 +1,122 @@
+/****************************************************************************************/
+/* Copyright (c) 2017 Koren Lev (Cisco Systems), Yaron Yogev (Cisco Systems) and others */
+/*                                                                                      */
+/* All rights reserved. This program and the accompanying materials                     */
+/* are made available under the terms of the Apache License, Version 2.0                */
+/* which accompanies this distribution, and is available at                             */
+/* http://www.apache.org/licenses/LICENSE-2.0                                           */
+/****************************************************************************************/
+/* ======= landging page =======*/
+
+a.mdl-button:hover{
+    text-decoration: none;
+}
+
+.mdl-button--raised.mdl-button--colored {
+  background-color: #2196F3;
+}
+
+.mdl-button--accent.mdl-button--accent.mdl-button--raised:hover {
+  background-color: rgb(63,81,181);
+
+}
+
+section.section-margin-50 {
+    margin: 50px 0;
+}
+
+.background-blue{
+    background-color: #2196F3;
+    color: #f9f9f9;
+}
+.background-white {
+    border-color: #FFF;
+}
+
+.background-grey {
+    background-color: #f9f9f9;
+}
+
+.home-fullscreen {
+    /* padding: 25px; */
+}
+
+.mtop-50{
+    margin-top: 100px;
+}
+
+.font20{
+    font-size: 20px;
+}
+
+.title-border-bottom{
+    border-bottom: 5px solid #2196F3;
+}
+.text-align-center{
+    text-align: center;
+}
+
+/*
+.home_mockups {
+    position: relative;
+    margin-top: 4rem;
+    margin-bottom: -1rem;
+    z-index: 3;
+}
+
+.home_mockups_1 {
+    position: relative;
+    animation-delay: 0.5s;
+}
+
+.home_mockups_2 {
+    animation-delay: 1s;
+}
+
+.home_mockups_2, .home_mockups_3 {
+    position: absolute;
+    margin: 0 auto;
+    top: 0;
+    right: 0;
+    left: 0;
+    bottom: 0;
+}
+*/
+
+.box {
+    margin: 50px;
+}
+
+.box-side{
+    margin: 10px 50px;
+}
+/* ======= End of section =========*/
+
+/*====== Main page =======*/
+.logo{
+    padding: 10px;
+}
+
+.view-100{
+    height: 100vh;
+}
+
+.user-bar{
+    background: #42A5F5;
+    color: #fff;
+    padding-left: 15px;
+}
+/* ======= End of section =======*/
+
+/*// Rules for sizing the icon.*/
+.material-icons.md-18 { font-size: 21px; }
+.material-icons.md-24 { font-size: 24px; }
+.material-icons.md-36 { font-size: 36px; }
+.material-icons.md-48 { font-size: 48px; }
+/*// Rules for using icons as black on a light background.*/
+.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
+.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }
+/*// Rules for using icons as white on a dark background.*/
+.material-icons.md-light { color: rgba(255, 255, 255, 1); }
+.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }
+/* ======= End of section ===========*/