From add46e4739ed4b6c76d23a2ec704284bcc24aa46 Mon Sep 17 00:00:00 2001 From: WillSimao Date: Wed, 16 Nov 2022 13:28:24 -0300 Subject: [PATCH] feat(TouristAttractions): Adiciona e Estiliza inputs Text e Button --- index.html | 41 +++++++++++++++++++ style.css | 118 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 159 insertions(+) create mode 100644 index.html create mode 100644 style.css diff --git a/index.html b/index.html new file mode 100644 index 0000000..6b5e548 --- /dev/null +++ b/index.html @@ -0,0 +1,41 @@ + + + + + + + + + Tourist Attractions + + +
+ +

Adicionar um Ponto Turístico

+ +
+ +
+ +
+ +
+ + + +
+ +
+ +
+ + +
+ +
+ + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..815575f --- /dev/null +++ b/style.css @@ -0,0 +1,118 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.page-titulo__tourist { + font-family: "Poppins", sans-serif; + font-style: normal; + font-weight: 700; + font-size: 32px; + line-height: 120%; +} + +.container-input { + display: flex; +} + +.wrapper-input__img input { + display: none; + margin-right: 20px; +} + +.wrapper-input__img label { + display: flex; + align-items: center; + justify-content: center; + + color: #858585; + font-family: "Roboto", sans-serif; + font-style: normal; + font-weight: 400; + font-size: 16px; + line-height: 24px; + letter-spacing: 0.15px; + + width: 343px; + height: 212px; + + margin-right: 20px; + border: 2px solid #e5e5e5; + border-radius: 8px; + + cursor: pointer; +} + +.wrapper-input__text { + display: flex; + flex-direction: column; +} + +.input-text__titulo { + display: flex; + + width: 328px; + height: 56px; + + margin-bottom: 20px; + padding: 16px 0 16px 16px; + border: 2px solid #d6d6d6; + border-radius: 8px; + + color: #858585; + font-family: "Roboto", sans-serif; + font-style: normal; + font-weight: 400; + font-size: 16px; + line-height: 24px; + letter-spacing: 0.15px; +} + +.input-text__descricao { + display: flex; + + width: 417px; + height: 136px; + + margin-bottom: 16px; + padding: 40px 0px 72px 20px; + + color: #858585; + font-family: "Roboto", sans-serif; + font-style: normal; + font-weight: 400; + font-size: 16px; + line-height: 24px; + letter-spacing: 0.15px; + + border: 2px solid #d6d6d6; + border-radius: 8px; +} + +.wrapper-button-submit { + display: flex; + justify-content: end; +} + +.button-submit__input { + display: flex; + align-items: center; + justify-content: center; + + width: 121px; + height: 56px; + + background: #ff5a5f; + + color: #ffffff; + font-family: "Poppins", sans-serif; + font-style: normal; + font-weight: 700; + font-size: 16px; + + border: 1px solid #ff5a5f; + border-radius: 8px; + + cursor: pointer; +}