Merge pull request #3 from tecnosoftware/frontend

code review
firebaseve · May 16, 2017 · e32897c · e32897c
2 parents 81574b8 + 6826888
commit e32897c
Show file tree

Hide file tree

Showing 11 changed files with 123 additions and 0 deletions.
diff --git a/site/css/style.css b/site/css/style.css
@@ -0,0 +1,50 @@
+body{
+    background-color: #ececec;
+}
+.mdl-layout__header{
+    background-color: #fff;
+}
+.mdl-layout__header  .mdl-navigation__link{
+    color: #4b4c4d;
+    font-size: 1.3rem;
+
+}
+.logo{
+    margin-top:50px;
+}
+.slide{
+    background: url("../images/bgfirebase.jpg") no-repeat center/cover;
+    height: 500px;
+    width: 100%;
+}
+.container{
+    width: 90%;
+    margin:0 auto;
+    height: 500px; /*provicional*/
+}
+.comunidad{
+    margin-top: 30px;
+}
+
+.comunidad img{
+    width:120px;
+    height: 120px;
+}
+.comunidad a {
+    text-decoration: none;
+    color:#4b4c4d;
+}
+.redes{
+    margin-top:100px;
+}
+footer{
+    display: flex;
+    background-color: #fff;
+    color:#4b4c4d;
+    height: 70px;
+    align-items: center;
+}
+.texto{
+    margin:30px auto;
+    font-size: 1.3rem;
+}
diff --git a/site/images/bgfirebase.jpg b/site/images/bgfirebase.jpg
diff --git a/site/images/favicon.ico b/site/images/favicon.ico
diff --git a/site/images/firebaseve-logo.png b/site/images/firebaseve-logo.png
diff --git a/site/images/github.png b/site/images/github.png
diff --git a/site/images/logo.png b/site/images/logo.png
diff --git a/site/images/logo2.png b/site/images/logo2.png
diff --git a/site/images/telegram.png b/site/images/telegram.png
diff --git a/site/images/twitter.png b/site/images/twitter.png
diff --git a/site/images/youtube.png b/site/images/youtube.png
diff --git a/site/index.html b/site/index.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>FirebaseVE | Comunidad</title>
+        <meta charset="UTF-8">
+        <meta name="description" content="Bienvenidos a FirebaseVe, somos la comunidad de Firebase en Venezuela🔥, ¡Únete y Siguenos!">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link rel="shorcout icon" href="images/favicon.ico">
+
+        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:300,400,500,700" type="text/css">
+        <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+        <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
+        <link href="css/style.css" rel="stylesheet">
+        <script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script></head>
+    <body>
+        <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header"> 
+            <header class="mdl-layout__header">
+                <div class="mdl-layout__header-row">
+                    <a href="" class="mdl-navigation__link">Inicio</a>
+                    <a href="" class="mdl-navigation__link">Comunidad</a>
+                    <div class="mdl-layout-spacer"></div>
+                    <!--logo-->
+                    <span class="logo"><img src="images/firebaseve-logo.png" alt="logo-firebaseve"></span>
+                    <div class="mdl-layout-spacer"></div>
+                    <a href="" class="mdl-navigation__link">Foro</a>
+                    <a href="" class="mdl-navigation__link">Live</a>
+                </div>
+            </header>
+            <div class="mdl-layout__drawer">
+                <span class="mdl-layout-title">FirebaseVe</span>
+                <nav class="mdl-navigation">
+                    <a href="" class="mdl-navigation__link">Inicio</a>
+                    <a href="" class="mdl-navigation__link">Comunidad</a>
+                    <a href="" class="mdl-navigation__link">Foro</a>
+                    <a href="" class="mdl-navigation__link">Live</a>
+                </nav>
+            </div>
+            <main class="mdl-layout__content">
+                <div class="page-content">
+                    <!--Nuestro Contenido-->
+                    <div class="slide"></div>
+                    <div class="container">
+                        <div class="comunidad mdl-typography--text-center">
+                             <h2 class="mdl-typography--text-center mdl-color-text--grey-600">Únete a nuestra Comunidad</h2>
+                             <div class="mdl-grid redes">
+                                <div class="mdl-cell mdl-cell--3-col">
+                                    <img src="images/twitter.png" alt="">
+                                    <a href="https://twitter.com/firebaseVe"><h3 class="mdl-typography--font-thin">@firebaseVe</h3></a>
+                                </div>
+                                <div class="mdl-cell mdl-cell--3-col">
+                                    <img src="images/github.png" alt="">
+                                    <a href="https://github.com/firebaseve"><h3 class="mdl-typography--font-thin">@firebaseVe</h3></a>
+                                </div>
+                                <div class="mdl-cell mdl-cell--3-col">
+                                    <img src="images/telegram.png" alt="">
+                                    <a href="https://web.telegram.org/#/im?p=@firebaseVe"><h3 class="mdl-typography--font-thin">Telegram</h3></a>
+                                </div>
+                                <div class="mdl-cell mdl-cell--3-col">
+                                    <img src="images/youtube.png" alt="">
+                                    <a href="#"><h3 class="mdl-typography--font-thin">Youtube</h3></a>
+                                    </div> 
+
+                             </div>
+                        </div>
+                    </div>
+                </div>
+                <footer>
+                     <p class="texto">2017 | Comunidad Firebase Venezuela</p>
+                </footer>
+            </main>
+        </div> 
+    </body>
+</html>