#193 Modificando pagina inicial do produto

Signed-off-by: João Egewarth <[email protected]> Co-authored-by: João Egewarth <[email protected]> Co-authored-by: Felipe Campos <[email protected]> Signed-off-by: Felipe Campos <[email protected]>
Dulce-Work-Schedule · Apr 19, 2018 · 6a54011 · 6a54011
1 parent bdfad5f
commit 6a54011
Show file tree

Hide file tree

Showing 2 changed files with 125 additions and 35 deletions.
diff --git a/docs/assets/img/DragAndDrop.gif b/docs/assets/img/DragAndDrop.gif
diff --git a/docs/index.html b/docs/index.html
@@ -6,31 +6,31 @@
     <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
     <!-- Favicons -->
-    
-    <link rel="icon" href="/docs/VisualDulce/DulcePurpleIcon.ico" type="image/x-icon" />
-    <link rel="shortcut icon" href="/docs/VisualDulce/DulcePurpleIcon.ico" type="image/x-icon" />
-    
-    <link rel="apple-touch-icon" href="./assets//img/kit/free/apple-icon.png">
-    <link rel="icon" href="./assets//img/kit/free/favicon.png">
+
+    <link rel="icon" href="VisualDulce/DulcePurpleIcon.ico" type="image/x-icon" />
+    <link rel="shortcut icon" href="VisualDulce/DulcePurpleIcon.ico" type="image/x-icon" />
+
+    <!-- <link rel="apple-touch-icon" href="./assets/img/kit/free/apple-icon.png"> -->
+    <!-- <link rel="icon" href="./assets/img/kit/free/favicon.png"> -->
     <title>
         Dulce
     </title>
     <!--     Fonts and icons     -->
     <link href="https://fonts.googleapis.com/css?family=Poiret+One" rel="stylesheet">
     <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:400,700|Material+Icons" />
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" />
-    <link rel="stylesheet" href="./assets//css/material-kit.css?v=2.0.2">
+    <link rel="stylesheet" href="assets/css/material-kit.css?v=2.0.2">
     <!-- Documentation extras -->
     <!-- CSS Just for demo purpose, don't include it in your project -->
-    <link href="./assets//assets/-for-demo/demo.css" rel="stylesheet" />
+    <link href="assets/assets-for-demo/demo.css" rel="stylesheet" />
     <!-- iframe removal -->
 </head>
 
 <body class="index-page ">
     <nav class="navbar navbar-color-on-scroll navbar-transparent    fixed-top  navbar-expand-lg " color-on-scroll="100" id="sectionsNav">
         <div class="container">
             <div class="navbar-translate">
-                <a class="navbar-brand" href="./index.html"> <img src="/docs/VisualDulce/DulcePurpleIcon.svg" width="35" title="Dulce Logo"> </a>
+                <a class="navbar-brand" href="./index.html"> <img src="VisualDulce/DulcePurpleIcon.svg" width="35" title="Dulce Logo"> </a>
                 <button class="navbar-toggler" type="button" data-toggle="collapse" aria-expanded="false" aria-label="Toggle navigation">
                     <span class="navbar-toggler-icon"></span>
                     <span class="navbar-toggler-icon"></span>
@@ -77,11 +77,17 @@
             <div class="row">
                 <div class="col-md-8 ml-auto mr-auto">
                     <div class="brand">
-
-                        <img src="/docs/VisualDulce/DulceHorizontalFullWhite.svg" width="800" title="Dulce Logo">
-
-                        <h2>Planeje escalas de maneira eficiente.</h2> 
-
+                        <div style=";align-content: center">
+                        <img src="VisualDulce/DulceHorizontalFullWhite.svg" width="800" title="Dulce Logo">
+                      </div>
+                        <div style="text-align: center;">
+                          <h2 style="font-family: 'Poiret One', cursive; color:'gray'; font-size:40px;">
+                            Planeje escalas de maneira eficiente
+                          </h2>
+                          <h2 style="font-family: 'Poiret One', cursive; color:'gray'; font-size:26px;">
+                            Dulce transforma a criação de escalas em algo simples e direto.
+                          </h2>
+                        </div>
                     </div>
                 </div>
             </div>
@@ -90,20 +96,104 @@ <h2>Planeje escalas de maneira eficiente.</h2>
     <div class="main main-raised">
         <div class="section">
             <div class="container tim-container">
-                <!--     	        typography -->
-                <div id="typography" class="cd-section">
-                    <div  class="title">
-                        <h2>Dulce</h2>
-                        <h4 align="justify">&emsp;&emsp;Dulce (Dispositivo Unificado de Colaboração para Construção de Escala) tem o propósito de auxiliar a gestão no sistema de saúde do DF, promovendo uma interface entre gestor e servidores de um determinado setor, auxiliando os gestores a criar escalas dos servidores do seu setor, facilitando também o remanejamento de escalas, e aos servidores, seu controle de ponto.
-                        </h4>
-                        <h4 align="justify">&emsp;&emsp;O app será utilizado em conjunto com o TrakCare e o sistema de ponto, com o objetivo de fornecer informações relevantess aos gestores para auxiliá-los nas decisões de remanejamento e no contato entre gestores e servidores de cada setor.
-                        </h4>
-                        <h2>Por que usar o Dulce?</h2>
-                        <h4 align="justify">&emsp;&emsp;O Dulce é o unico APP que permite os gestores de saúde uma facil vizualização das escalas dos médicos ligados a Secretaria de Saúde do Distrito Federal.
-                        </h4>
-                    </div>
-                  </div>
+              <h2 align-items: center; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; >Dulce </h2>
+              <div class="row justify-content-center">
+              <div style="align-items: center; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;">
+                  <img src="assets/img/DragAndDrop.gif" alt="">
+                  <h4 style="margin-left:35px;">
+                    <div style="font-family: 'Poiret One', cursive; color:'gray'; font-size:30px;">
+                      Use o Dulce para criar escalas de maneira simples.</div>
+                    <br>
+
+                      Modifique as escalas dos seus funcionários facilmente com o drag-and-drop.</h4>
+
+                  <!-- tem o propósito de auxiliar a gestão no sistema de saúde do DF,
+                  promovendo uma interface entre gestor e servidores de um determinado setor,
+                  auxiliando os gestores a criar escalas dos servidores do seu setor,
+                  facilitando também o remanejamento de escalas,
+                  e aos servidores, seu controle de ponto. -->
+
+
+              <!-- <h2>Por que usar o Dulce?</h2>
+              <h4 align="justify">&emsp;&emsp;O Dulce é o unico APP que permite os gestores de saúde uma facil vizualização das escalas dos médicos ligados a Secretaria de Saúde do Distrito Federal.
+              </h4> -->
             </div>
+          </div>
+
+<!--//////////////////////////////////////////////////////////////////////////////////////////-->
+
+          <div class="row justify-content-center">
+          <div style="align-items: center; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;">
+              <img src="assets/img/DragAndDrop.gif" alt="">
+              <h4 style="margin-left:35px;">
+                <div style="font-family: 'Poiret One', cursive; color:'gray'; font-size:30px;">
+                  Use o Dulce para criar escalas de maneira simples.</div>
+                <br>
+
+                  Modifique as escalas dos seus funcionários facilmente com o drag-and-drop.</h4>
+
+              <!-- tem o propósito de auxiliar a gestão no sistema de saúde do DF,
+              promovendo uma interface entre gestor e servidores de um determinado setor,
+              auxiliando os gestores a criar escalas dos servidores do seu setor,
+              facilitando também o remanejamento de escalas,
+              e aos servidores, seu controle de ponto. -->
+
+
+          <!-- <h2>Por que usar o Dulce?</h2>
+          <h4 align="justify">&emsp;&emsp;O Dulce é o unico APP que permite os gestores de saúde uma facil vizualização das escalas dos médicos ligados a Secretaria de Saúde do Distrito Federal.
+          </h4> -->
+        </div>
+      </div>
+<!--//////////////////////////////////////////////////////////////////////////////////////////-->
+
+      <div class="row justify-content-center">
+      <div style="align-items: center; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;">
+          <img src="assets/img/DragAndDrop.gif" alt="">
+          <h4 style="margin-left:35px;">
+            <div style="font-family: 'Poiret One', cursive; color:'gray'; font-size:30px;">
+              Use o Dulce para criar escalas de maneira simples.</div>
+            <br>
+
+              Modifique as escalas dos seus funcionários facilmente com o drag-and-drop.</h4>
+
+          <!-- tem o propósito de auxiliar a gestão no sistema de saúde do DF,
+          promovendo uma interface entre gestor e servidores de um determinado setor,
+          auxiliando os gestores a criar escalas dos servidores do seu setor,
+          facilitando também o remanejamento de escalas,
+          e aos servidores, seu controle de ponto. -->
+
+
+      <!-- <h2>Por que usar o Dulce?</h2>
+      <h4 align="justify">&emsp;&emsp;O Dulce é o unico APP que permite os gestores de saúde uma facil vizualização das escalas dos médicos ligados a Secretaria de Saúde do Distrito Federal.
+      </h4> -->
+    </div>
+  </div>
+<!--//////////////////////////////////////////////////////////////////////////////////////////-->
+  <div class="row justify-content-center">
+  <div style="align-items: center; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;">
+      <img src="assets/img/DragAndDrop.gif" alt="">
+      <h4 style="margin-left:35px;">
+        <div style="font-family: 'Poiret One', cursive; color:'gray'; font-size:30px;">
+          Use o Dulce para criar escalas de maneira simples.</div>
+        <br>
+
+          Modifique as escalas dos seus funcionários facilmente com o drag-and-drop.</h4>
+
+      <!-- tem o propósito de auxiliar a gestão no sistema de saúde do DF,
+      promovendo uma interface entre gestor e servidores de um determinado setor,
+      auxiliando os gestores a criar escalas dos servidores do seu setor,
+      facilitando também o remanejamento de escalas,
+      e aos servidores, seu controle de ponto. -->
+
+
+  <!-- <h2>Por que usar o Dulce?</h2>
+  <h4 align="justify">&emsp;&emsp;O Dulce é o unico APP que permite os gestores de saúde uma facil vizualização das escalas dos médicos ligados a Secretaria de Saúde do Distrito Federal.
+  </h4> -->
+</div>
+</div>
+<!--//////////////////////////////////////////////////////////////////////////////////////////-->
+
+          </div>
         </div>
     </div>
     <footer class="footer ">
@@ -127,19 +217,19 @@ <h4 align="justify">&emsp;&emsp;O Dulce é o unico APP que permite os gestores d
         </div>
     </footer>
     <!--   Core JS Files   -->
-    <script src="./assets//js/core/jquery.min.js"></script>
-    <script src="./assets//js/core/popper.min.js"></script>
-    <script src="./assets//js/bootstrap-material-design.js"></script>
+    <script src="./assets/js/core/jquery.min.js"></script>
+    <script src="./assets/js/core/popper.min.js"></script>
+    <script src="./assets/js/bootstrap-material-design.js"></script>
     <!--  Plugin for Date Time Picker and Full Calendar Plugin  -->
-    <script src="./assets//js/plugins/moment.min.js"></script>
+    <script src="./assets/js/plugins/moment.min.js"></script>
     <!--	Plugin for the Datepicker, full documentation here: https://github.com/Eonasdan/bootstrap-datetimepicker -->
-    <script src="./assets//js/plugins/bootstrap-datetimepicker.min.js"></script>
+    <script src="./assets/js/plugins/bootstrap-datetimepicker.min.js"></script>
     <!--	Plugin for the Sliders, full documentation here: http://refreshless.com/nouislider/ -->
-    <script src="./assets//js/plugins/nouislider.min.js"></script>
+    <script src="./assets/js/plugins/nouislider.min.js"></script>
     <!-- Material Kit Core initialisations of plugins and Bootstrap Material Design Library -->
-    <script src="./assets//js/material-kit.js?v=2.0.2"></script>
+    <script src="./assets/js/material-kit.js?v=2.0.2"></script>
     <!-- Fixed Sidebar Nav - js With initialisations For Demo Purpose, Don't Include it in your project -->
-    <script src="./assets//assets/-for-demo/js/material-kit-demo.js"></script>
+    <script src="./assets/assets-for-demo/js/material-kit-demo.js"></script>
     <script>
         $(document).ready(function() {