From a01824030b659170f3b8634f39f986f026246f56 Mon Sep 17 00:00:00 2001 From: JailtonAraujo Date: Wed, 10 May 2023 14:42:39 -0300 Subject: [PATCH] page animals --- animals/css/global.css | 93 +++++++++++++++++++++++++++++++++++ animals/css/variables.css | 3 ++ animals/img/wild-animals.png | Bin 0 -> 5109 bytes animals/index.html | 75 +++++++++++++++++++++++++++- animals/pages/animals.html | 28 +++++++++++ 5 files changed, 198 insertions(+), 1 deletion(-) create mode 100644 animals/css/global.css create mode 100644 animals/css/variables.css create mode 100644 animals/img/wild-animals.png create mode 100644 animals/pages/animals.html diff --git a/animals/css/global.css b/animals/css/global.css new file mode 100644 index 0000000..69efeba --- /dev/null +++ b/animals/css/global.css @@ -0,0 +1,93 @@ +@import url("./variables.css"); + +*{padding: 0; margin: 0; box-sizing: border-box; font-family: 'Roboto', sans-serif;} + +body, html{ + width: 100%; + height: 100%; +} + +a{ + text-decoration: none; +} + +header{ + min-height: 5vh; + width: 100%; + background-color: var(--primary-color); + display: flex; + justify-content: space-between; + align-items: center; + padding: 0.5em 1.5em; + border-bottom: 2px solid #000; +} + +header > .header__logo > img { + width: 50px; +} + +header > .header__menu > ul{ + display: flex; + gap: 1em; +} + +header > .header__menu > ul > li{ + list-style: none; +} + +header > .header__menu > ul > li > a{ + list-style: none; + color: #FFF; + font-weight: bold; +} + +main{ + min-height: 87vh; + background-color: #CCC; +} + +.container{ + width: 100%; + min-height: 87vh; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; +} + +footer{ + min-height: 7vh; + background-color: var(--primary-color); + display: flex; + justify-content: center; + align-items: center; + border-top: 2px solid #000; +} + +.main__table { + border-collapse: collapse; + width: 100%; + max-width: 800px; + margin: 0 auto; + font-family: Arial, sans-serif; + font-size: 14px; + box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; + } + + .main__table > thead { + background-color: #CCC; + border: 2px solid #000; + text-align: left; + padding: 1em; + } + + .main__table > thead > tr th { + padding: 1em; + border: 2px solid #000; + } + + .main__table > th, td { + padding: 10px; + text-align: left; + border: 2px solid #000; + } diff --git a/animals/css/variables.css b/animals/css/variables.css new file mode 100644 index 0000000..76122ee --- /dev/null +++ b/animals/css/variables.css @@ -0,0 +1,3 @@ +:root{ + --primary-color:#008080; +} \ No newline at end of file diff --git a/animals/img/wild-animals.png b/animals/img/wild-animals.png new file mode 100644 index 0000000000000000000000000000000000000000..d638ff1148ecfb096dbf820ea64715102a63ea76 GIT binary patch literal 5109 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 XIu^Oznfm!|00000NkvXXu0mjf@P`By literal 0 HcmV?d00001 diff --git a/animals/index.html b/animals/index.html index 18ecdcb..456c50a 100644 --- a/animals/index.html +++ b/animals/index.html @@ -1 +1,74 @@ - + + + + + + + + + + + + + + Document + + + + +
+ + +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + +
FirstLastHandle
MarkOtto@mdo
JacobThornton@fat
Larry the Bird@twitter
+ +
+ +
+ +
+ Animals 2023 𝕔 +
+ + + + \ No newline at end of file diff --git a/animals/pages/animals.html b/animals/pages/animals.html new file mode 100644 index 0000000..d925ca9 --- /dev/null +++ b/animals/pages/animals.html @@ -0,0 +1,28 @@ + + + + + + + Document + + + +
+ + +
+ +
+ + + + + \ No newline at end of file