From 6442d6900caa7a81c05cb96e71e469b007592097 Mon Sep 17 00:00:00 2001 From: JailtonAraujo Date: Wed, 10 May 2023 21:47:44 -0300 Subject: [PATCH] Finalizando atividade --- animals/css/global.css | 77 ++++++++++++++++++++- animals/css/new-animal.css | 0 animals/index.html | 39 +++-------- animals/pages/animals.html | 100 ++++++++++++++++++++++----- animals/pages/new-animal.html | 80 ++++++++++++++++++++++ animals/pages/parques-naturais.html | 101 ++++++++++++++++++++++++++++ animals/pages/processing.html | 12 ++++ 7 files changed, 360 insertions(+), 49 deletions(-) create mode 100644 animals/css/new-animal.css create mode 100644 animals/pages/new-animal.html create mode 100644 animals/pages/parques-naturais.html create mode 100644 animals/pages/processing.html diff --git a/animals/css/global.css b/animals/css/global.css index 69efeba..d63b6df 100644 --- a/animals/css/global.css +++ b/animals/css/global.css @@ -22,7 +22,7 @@ header{ border-bottom: 2px solid #000; } -header > .header__logo > img { +header > .header__logo > a > img { width: 50px; } @@ -46,11 +46,19 @@ main{ background-color: #CCC; } +.main_content{ + width: 805px; + padding: 1em; + display: flex; + flex-direction: column; + align-items: center; +} + .container{ width: 100%; min-height: 87vh; display: flex; - justify-content: center; + padding: 2em; align-items: center; flex-direction: column; } @@ -72,6 +80,8 @@ footer{ font-family: Arial, sans-serif; font-size: 14px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; + font-weight: bold; + font-size: 1em; } .main__table > thead { @@ -91,3 +101,66 @@ footer{ text-align: left; border: 2px solid #000; } + + .main__options{ + width: 100%; + display: flex; + justify-content: flex-start; + } + + .btn{ + background-color: none; + color: var(--primary-color); + border: 2px solid var(--primary-color); + margin-bottom: 0.5em; + width: fit-content; + text-align: center; + padding: 0.3em 0.4em; + font-weight: bold; + border-radius: 5px; + font-size: 1em; + cursor: pointer; + } + + .btn:hover{ + color: #FFF; + background-color: var(--primary-color); + transition: 0.3s; + } + + .form-control{ + width: 550px; + display: flex; + flex-direction: column; + gap: 1em; + padding: 1em; + box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; + border-radius: 5px; + } + + .form-control > .form-control__input-group{ + display: flex; + flex-direction: column; + gap: 0.3em; + } + + .form-control > .form-control__input-group > input{ + padding: 0.4em 0.4em; + font-size: 1em; + border: none; + border-radius: 5px; + } + + .form-control > .form-control__input-group > label{ + font-weight: bold; + } + + .main__iframe{ + width: 550px; + border: 2px solid #000; + } + + .title > h1 > a{ + color: var(--primary-color); + text-decoration: underline; + } \ No newline at end of file diff --git a/animals/css/new-animal.css b/animals/css/new-animal.css new file mode 100644 index 0000000..e69de29 diff --git a/animals/index.html b/animals/index.html index 456c50a..610f1d3 100644 --- a/animals/index.html +++ b/animals/index.html @@ -20,13 +20,13 @@
@@ -35,38 +35,17 @@
- - - - - - - - - - - - - - - - - - - - - - - - -
FirstLastHandle
MarkOtto@mdo
JacobThornton@fat
Larry the Bird@twitter
+
+

Preservando a natureza,

+

conheça parques naturais e animais ameaçados de extinção.

+
diff --git a/animals/pages/animals.html b/animals/pages/animals.html index d925ca9..cb3be05 100644 --- a/animals/pages/animals.html +++ b/animals/pages/animals.html @@ -1,28 +1,94 @@ + - - - - Document + + + + + + + + + + Document + -
-
+
+ NEW +
-
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Nome:Quantidade
Onça-pintada100
Lobo-guará60
Panda-gigante200
Arara-azul-de-lear86
Pinguim-africano96
+ + + + + + + + - - + \ No newline at end of file diff --git a/animals/pages/new-animal.html b/animals/pages/new-animal.html new file mode 100644 index 0000000..e7ec134 --- /dev/null +++ b/animals/pages/new-animal.html @@ -0,0 +1,80 @@ + + + + + + + + + + + + + + + Document + + + + +
+ + +
+ +
+ +
+ +
+

Cadastrar Animal

+
+ +
+ +
+
+ + +
+ +
+ + +
+ +
+ + +
+
+ + +
+ +
+ +
+ + +
+ +
+ + + + + + \ No newline at end of file diff --git a/animals/pages/parques-naturais.html b/animals/pages/parques-naturais.html new file mode 100644 index 0000000..be8bd5f --- /dev/null +++ b/animals/pages/parques-naturais.html @@ -0,0 +1,101 @@ + + + + + + + + + + + + + + Document + + + + +
+ + +
+ +
+ +
+ +
+

Parques naturais

+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Nome:Estado:Área:
Parque Nacional da Chapada dos VeadeirosGoiás2.406 km²
Parque Nacional da Serra dos ÓrgãosRio de Janeiro1.100 km²
Parque Nacional da AmazôniaAmazonas10.707 km²
Parque Nacional do Jaú22.720 km²
Parque Nacional do Pau BrasilBahia190,35 km²
Área total:37123,35 km²
+ +
+ +
+ +
+ + + + + + \ No newline at end of file diff --git a/animals/pages/processing.html b/animals/pages/processing.html new file mode 100644 index 0000000..c1879cd --- /dev/null +++ b/animals/pages/processing.html @@ -0,0 +1,12 @@ + + + + + + + Document + + +

Animal cadastrado com sucesso!

+ + \ No newline at end of file