lorismsimon · IsMiSi · Mar 30, 2023 · Mar 30, 2023 · Jun 2, 2023 · Jun 11, 2023
diff --git a/.vscode/launch.json b/.vscode/launch.json
@@ -0,0 +1,15 @@
+{
+    // Use o IntelliSense para saber mais sobre os atributos possíveis.
+    // Focalizar para exibir as descrições dos atributos existentes.
+    // Para obter mais informações, acesse: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "chrome",
+            "request": "launch",
+            "name": "Iniciar o Chrome em relação a localhost",
+            "url": "http://localhost:8080",
+            "webRoot": "${workspaceFolder}"
+        }
+    ]
+}
diff --git a/PequenoCotolengo/about.html b/PequenoCotolengo/about.html
@@ -19,20 +19,23 @@
         <!--[if lt IE 7]>
             <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
         <![endif]-->
-
-            <header>
-                <nav class="header-bar">
-                    <div id="header-cotolengo">
-                        <a href="./index.html">Pequeno Cotolengo de Palmas</a>
-                    </div>
-                    <ul id="header-links">
-                        <li><a href="./index.html" id="header-links-1">Home</a></li>
-                        <li><a href="./about.html" id="header-links-2">Sobre nós</a></li> 
-                        <li><a href="./form.html" id="header-links-3">Amigo 10</a></li>
-                        <li><a href="./form2.html">Voluntários</a></li>
-                    </ul>
-                </nav>
-            </header>
+        <header>   
+            <div class="head-logo">
+                <img  src="./imgs/header_img.png" alt="" class="img-logo">
+                <h4 class="header-cotolengo">
+                    <a class="name-logo" href="./index.html">Pequeno Cotolengo de Palmas</a>
+                </h4>
+            </div>
+
+            <nav class="header-bar">
+                <ul id="header-links">
+                    <li><a href="./index.html" id="header-links-1">Home</a></li>
+                    <li><a href="./about.html" id="header-links-2">Sobre nós</a></li> 
+                    <li><a href="./form.html" id="header-links-3">Amigo 10</a></li>
+                    <li><a href="./form2.html">Voluntários</a></li>
+                </ul>
+            </nav>
+        </header>  
         <main>
             <section> 
                 <div class="aboutpage-principal">

diff --git a/PequenoCotolengo/css/about.css b/PequenoCotolengo/css/about.css
@@ -40,4 +40,4 @@
 
 .aboutpage-text p {
     font-size: 1em;
-}
+}
diff --git a/PequenoCotolengo/css/footer.css b/PequenoCotolengo/css/footer.css
@@ -1,10 +1,12 @@
 .footer-cotolengo {
-    background-color: #E09F3E;
+
     min-height: 13vh;
     display: flex;
     flex-direction: row;
     justify-content: center;
     margin-top: 10vh;
+    background: #FFFFFF;
+
 }
 
 #footer-icons {
@@ -14,6 +16,7 @@
     align-items: center;
 }
 
+
 #footer-icons a {
     margin: 2vh;
     font-size: 1.3em;
@@ -50,4 +53,5 @@
 
 #business-text {
     text-align: center;
-}
+}
+
diff --git a/PequenoCotolengo/css/header.css b/PequenoCotolengo/css/header.css
@@ -1,34 +1,57 @@
-.header-bar {
+header{
+    display: flex ;
+    min-height: 70px;
+    background: #FFFFFF;
+    box-shadow: 0px 10px 0px #E09F3E;
+    box-sizing: border-box;
+    border-radius:8px;
+    justify-content: space-between;
+}
+
+.img-logo{
+    height: 60px;
+    margin-right: 10px;
+}
+
+.name-logo{
+    font-weight: bolder;
+    color: #9E2A2B;
+    font-family: 'Heebo'S
+}
+
+.head-logo{
     display: flex;
-    flex-direction: row;
-    justify-content: flex-start;
-    border-bottom: 2px solid #9E2A2B;
+}
+
+.header-cotolengo{
+    display: flex;
+    align-items: center;
 }
 
 .header-bar a {
     font-size: 1em; 
     font-weight: bolder;
     color: #9E2A2B;
+    font-family: 'Heebo';
+    display: flex;
 }
 
 .header-bar a:visited {
     color: #9E2A2B;
 }
 
-#header-cotolengo {
-    margin: 1vh;
-    padding: 1vh;
-    max-width: 50vh;
-}
-
 #header-links {
+
     display: flex;
-    margin: 1vh;
     padding: 1vh;
     max-width: 50vh;
-    margin-left: auto;
     list-style: none;
     flex-direction: row;
+    margin-right: 52px;
+}
+
+#header-links :hover{
+    color: #E09F3E;
 }
 
 #header-links-1 {
@@ -41,4 +64,4 @@
 
 #header-links-3 {
     margin-right: 10px;
-}
+}
diff --git a/PequenoCotolengo/form.html b/PequenoCotolengo/form.html
@@ -17,19 +17,23 @@
     </head>
     <body>
 
-            <header>     
-                    <nav class="header-bar">
-                        <div id="header-cotolengo">
-                            <a href="./index.html">Pequeno Cotolengo de Palmas</a>
-                        </div>
-                        <ul id="header-links">
-                            <li><a href="./index.html" id="header-links-1">Home</a></li>
-                            <li><a href="./about.html" id="header-links-2">Sobre nós</a></li> 
-                            <li><a href="./form.html" id="header-links-3">Amigo 10</a></li>
-                            <li><a href="./form2.html">Voluntários</a></li>
-                        </ul>
-                    </nav>
-            </header>    
+            <header>   
+                <div class="head-logo">
+                    <img  src="./imgs/header_img.png" alt="" class="img-logo">
+                    <h4 class="header-cotolengo">
+                        <a class="name-logo" href="./index.html">Pequeno Cotolengo de Palmas</a>
+                    </h4>
+                </div>
+
+                <nav class="header-bar">
+                    <ul id="header-links">
+                        <li><a href="./index.html" id="header-links-1">Home</a></li>
+                        <li><a href="./about.html" id="header-links-2">Sobre nós</a></li> 
+                        <li><a href="./form.html" id="header-links-3">Amigo 10</a></li>
+                        <li><a href="./form2.html">Voluntários</a></li>
+                    </ul>
+                </nav>
+            </header>   
         <main>  
             <section> 
                 <div class="form form-header">

diff --git a/PequenoCotolengo/form2.html b/PequenoCotolengo/form2.html
@@ -22,19 +22,23 @@
         <![endif]-->
 
 
-        <header> 
+        <header>   
+            <div class="head-logo">
+                <img  src="./imgs/header_img.png" alt="" class="img-logo">
+                <h4 class="header-cotolengo">
+                    <a class="name-logo" href="./index.html">Pequeno Cotolengo de Palmas</a>
+                </h4>
+            </div>
+
             <nav class="header-bar">
-                <div id="header-cotolengo">
-                    <a href="./index.html">Pequeno Cotolengo de Palmas</a>
-                </div>
                 <ul id="header-links">
                     <li><a href="./index.html" id="header-links-1">Home</a></li>
                     <li><a href="./about.html" id="header-links-2">Sobre nós</a></li> 
                     <li><a href="./form.html" id="header-links-3">Amigo 10</a></li>
                     <li><a href="./form2.html">Voluntários</a></li>
                 </ul>
             </nav>
-        </header>
+        </header>  
       <main> 
         <section> 
             <div class="form form-header">

diff --git a/PequenoCotolengo/imgs/header_img.png b/PequenoCotolengo/imgs/header_img.png
diff --git a/PequenoCotolengo/index.html b/PequenoCotolengo/index.html
@@ -22,18 +22,21 @@
         <!--[if lt IE 7]>
             <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
         <![endif]-->
-
-                <header>    
+                <header>   
+                    <div class="head-logo">
+                        <img  src="./imgs/header_img.png" alt="" class="img-logo">
+                        <h4 class="header-cotolengo">
+                            <a class="name-logo" href="./index.html">Pequeno Cotolengo de Palmas</a>
+                        </h4>
+                    </div>
+
                     <nav class="header-bar">
-                            <div id="header-cotolengo">
-                                <a href="./index.html">Pequeno Cotolengo de Palmas</a>
-                            </div>
-                            <ul id="header-links">
-                                <li><a href="./index.html" id="header-links-1">Home</a></li>
-                                <li><a href="./about.html" id="header-links-2">Sobre nós</a></li> 
-                                <li><a href="./form.html" id="header-links-3">Amigo 10</a></li>
-                                <li><a href="./form2.html">Voluntários</a></li>
-                            </ul>
+                        <ul id="header-links">
+                            <li><a href="./index.html" id="header-links-1">Home</a></li>
+                            <li><a href="./about.html" id="header-links-2">Sobre nós</a></li> 
+                            <li><a href="./form.html" id="header-links-3">Amigo 10</a></li>
+                            <li><a href="./form2.html">Voluntários</a></li>
+                        </ul>
                     </nav>
                 </header>  
             <main>

diff --git a/PequenoCotolengo/modelos/loris/voluntario.css b/PequenoCotolengo/modelos/loris/voluntario.css
@@ -3,7 +3,6 @@
 *{
     padding: 0;
     margin: 0;
-
 }
 
 body {
@@ -13,40 +12,42 @@ body {
     background-size: cover;
 }
 
-.container{
+.container {
     height: 400px;
     width: 90%;
     margin: 8% auto;
     background: #fff;
     border-radius: 5px;
     display: flex;
+    flex-direction: column;
+    justify-content: space-between;
     box-shadow: 5px 5px 10px rgba(0, 0, 0, .212);
-    position: relative;
+    text-align: center;
 }
 
-h1{
+h1 {
     text-align: center;
-    margin-bottom: 40pxl;
     color: rgb(174, 21, 21);
     font-family: 'ubuntu';
-
 }
 
-container-form{
+container-form {
     width: 280px;
     position: absolute;
     top: 110px;
     left: 40px;
     text-align: center;
 }
 
-.btn_box{
+.btn_box {
     width: 100%;
     text-align: right;
+    padding: 20px;
+    align-self: flex-end;
 
 }
 
-form button{
+form button {
     width: 110px;
     height: 35px;
     margin: 0 10px;
@@ -59,7 +60,7 @@ form button{
     font-size: 0.8em;
 }
 
-form input{
+form input {
 width: 100%;
 padding: 20px 10px;
 margin: 5px 0;
@@ -80,8 +81,6 @@ a {
 }
 
 #header-bar {
-    display: flex;
-    flex-direction: column;
     align-items: center;
     text-align: center;
 }
@@ -91,8 +90,10 @@ a {
     justify-content: space-between;
     flex-direction: row;
     width: 300px;
+    margin-left: 29%;
 }
 
+
 #p-texts {
     text-align: justify;
 }
@@ -136,19 +137,3 @@ a {
 #availability-div {
     text-align: center;
 }
-
-.form2 {
-    left: 450px;
-}
-
-.form3 {
-    left: 450px;
-}
-
-.form4 {
-    left: 450px;
-}
-
-.form5 {
-    left: 450px;
-}
-Original file line number
+Diff line change
@@ Expand Up / @@ -40,4 +40,4 @@ @@
     .aboutpage-text p {
         font-size: 1em;
-    }
+    }