From 03d0314ef3e1380d15c720c6f11ed048d0e9a7ad Mon Sep 17 00:00:00 2001 From: unknown Date: Thu, 9 Sep 2021 14:44:45 -0300 Subject: [PATCH] primeiro commit --- exercicio-extra/mundo-gelado/css/style.css | 119 +++++++++++++++++++++ exercicio-extra/mundo-gelado/index.html | 6 +- isabella-brandao/index.html | 43 ++++++++ isabella-brandao/menina-globo.png | Bin 0 -> 78043 bytes isabella-brandao/read.md | 32 ++++++ isabella-brandao/style.css | 102 ++++++++++++++++++ 6 files changed, 299 insertions(+), 3 deletions(-) create mode 100644 isabella-brandao/index.html create mode 100644 isabella-brandao/menina-globo.png create mode 100644 isabella-brandao/read.md create mode 100644 isabella-brandao/style.css diff --git a/exercicio-extra/mundo-gelado/css/style.css b/exercicio-extra/mundo-gelado/css/style.css index e69de29..ef3d885 100644 --- a/exercicio-extra/mundo-gelado/css/style.css +++ b/exercicio-extra/mundo-gelado/css/style.css @@ -0,0 +1,119 @@ +*{ + font-family:'Varela Round'; + + +} + +.container{ + width: 100%; + height: 15vh; + background: linear-gradient(rgba(182, 220, 241, 0.5), rgba(210, 202, 238, 0.7)); + + +} + +.nav__link{ + color: rgb(40, 15, 68); + text-decoration: none; +} + +.nav__mobile{ + width: 20px; + padding-top: 5px; + text-align: left; +} + +.btn-primary__banner__btn__transition{ +color:rgb(82, 53, 170); +box-sizing: border-box; +background-color:#e4f1fd; +text-decoration: none; +border: solid; +border-radius: 10px; +font-size: 16px; +} + +.banner__title{ + width: 80%; + padding:4%; + color: rgb(110, 130, 238); + +} + + +.banner__subtitle{ + width: 80%; + padding:4%; + color: rgb(135, 149, 228); +} + + +.destination--siberia__img{ + padding-top: 30%; + width: 80%; + +} + + +.destination--groenlandia__img{ + width: 80%; +} + +.destination--antartida__img{ + width: 80%; +} + +/* max-width */ +@media (max-width: 600px) { + .destination--siberia__img { + background: rgb(255, 153, 184); + } + span .maior600 { + display: inline-block; + } +} + +/* min-width */ +@media (min-width: 400px) { + .destination--antartida__img{ + background: #F90; + } + span .menor400 { + display: inline-block; + } +} + +/* min-width & max-width */ +@media (min-width: 600px) and (max-width: 900px) { + .destination--siberia__img { + background: rgb(121, 174, 228); + } + span .entre600-900 { + display: inline-block; + } +} + +/* max width telas pequenas */ +@media (max-width: 480px) { + .destination--groenlandia { + background: rgb(209, 165, 209); + } +} + + +.conta.footer{ + justify-content: end; + padding: 20px; + background-color: #a866ad; +} + + + + + + + + + + + diff --git a/exercicio-extra/mundo-gelado/index.html b/exercicio-extra/mundo-gelado/index.html index e7fe2c0..4a38b4f 100644 --- a/exercicio-extra/mundo-gelado/index.html +++ b/exercicio-extra/mundo-gelado/index.html @@ -31,10 +31,10 @@
-