diff --git a/.vscode/launch.json b/.vscode/launch.json new file mode 100644 index 0000000..302b766 --- /dev/null +++ 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}" + } + ] +} \ No newline at end of file diff --git a/PequenoCotolengo/about.html b/PequenoCotolengo/about.html index 4088533..3e1b615 100644 --- a/PequenoCotolengo/about.html +++ b/PequenoCotolengo/about.html @@ -19,20 +19,23 @@ - -
- -
+
+ + + +
diff --git a/PequenoCotolengo/css/about.css b/PequenoCotolengo/css/about.css index 38fc44e..be50c86 100644 --- a/PequenoCotolengo/css/about.css +++ b/PequenoCotolengo/css/about.css @@ -40,4 +40,4 @@ .aboutpage-text p { font-size: 1em; -} \ No newline at end of file +} diff --git a/PequenoCotolengo/css/footer.css b/PequenoCotolengo/css/footer.css index d70aefd..279bf45 100644 --- 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; -} \ No newline at end of file +} + diff --git a/PequenoCotolengo/css/header.css b/PequenoCotolengo/css/header.css index 33b7030..0bafdad 100644 --- 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; -} \ No newline at end of file +} diff --git a/PequenoCotolengo/form.html b/PequenoCotolengo/form.html index 89a1ed7..5f98fac 100644 --- a/PequenoCotolengo/form.html +++ b/PequenoCotolengo/form.html @@ -17,19 +17,23 @@ -
- -
+
+ + + +
diff --git a/PequenoCotolengo/form2.html b/PequenoCotolengo/form2.html index 71b6dcd..d96b927 100644 --- a/PequenoCotolengo/form2.html +++ b/PequenoCotolengo/form2.html @@ -22,11 +22,15 @@ -
+
+ + -
+
diff --git a/PequenoCotolengo/imgs/header_img.png b/PequenoCotolengo/imgs/header_img.png new file mode 100644 index 0000000..154cd46 Binary files /dev/null and b/PequenoCotolengo/imgs/header_img.png differ diff --git a/PequenoCotolengo/index.html b/PequenoCotolengo/index.html index 2818f07..e881a2a 100644 --- a/PequenoCotolengo/index.html +++ b/PequenoCotolengo/index.html @@ -22,18 +22,21 @@ - -
+
+ +
diff --git a/PequenoCotolengo/modelos/loris/voluntario.css b/PequenoCotolengo/modelos/loris/voluntario.css index 20da28f..df5fd47 100644 --- a/PequenoCotolengo/modelos/loris/voluntario.css +++ b/PequenoCotolengo/modelos/loris/voluntario.css @@ -3,7 +3,6 @@ *{ padding: 0; margin: 0; - } body { @@ -13,26 +12,26 @@ 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; @@ -40,13 +39,15 @@ container-form{ 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; -}