From 266b573e6d6a01ad8eecf0718b40ee73f1b79dbe Mon Sep 17 00:00:00 2001
From: Andresa
Date: Wed, 12 Oct 2022 17:44:32 -0300
Subject: [PATCH 01/14] projeto m3
---
estilo.css | 64 ++++++++++++++++++++++++++++++++++++
exemplo.html | 37 +++++++++++++++++++++
imagens/Logo-M3Academy 1.svg | 9 +++++
teste.html | 14 ++++++++
4 files changed, 124 insertions(+)
create mode 100644 estilo.css
create mode 100644 exemplo.html
create mode 100644 imagens/Logo-M3Academy 1.svg
create mode 100644 teste.html
diff --git a/estilo.css b/estilo.css
new file mode 100644
index 0000000..b853f13
--- /dev/null
+++ b/estilo.css
@@ -0,0 +1,64 @@
+body{margin: 0;
+
+
+}
+
+
+.header{
+ background: #000000;
+ height: 101px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+
+.titulo{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-family: 'Inter';
+font-style: normal;
+font-weight: 400;
+font-size: 32px;
+line-height: 39px;
+/* identical to box height */
+
+text-transform: uppercase;
+
+color: #000000;
+margin: 0;
+}
+.subtitulo{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-family: 'Inter';
+font-style: normal;
+font-weight: 500;
+font-size: 48px;
+line-height: 58px;
+/* identical to box height */
+
+text-transform: uppercase;
+
+color: #000000;
+margin: 0;
+}
+.texto{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-family: 'Inter';
+font-style: normal;
+font-weight: 400;
+font-size: 16px;
+line-height: 24px;
+
+
+color: #000000;
+margin-top: 28px;
+max-width: 766px;
+
+
+}
\ No newline at end of file
diff --git a/exemplo.html b/exemplo.html
new file mode 100644
index 0000000..ab52012
--- /dev/null
+++ b/exemplo.html
@@ -0,0 +1,37 @@
+
+
+
+
+
+
+
+
+ Loren ipsum
+
+
+
+
+
+ LOREN IPSUM
+ DOLOR SIT AMET
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringila interdum. Curabitur ut tortorsed lacus egestas vulputate vel sit amet velit. Nulla suscipit magna dui.
+
+
+
+
+
+
+
+
+ Nullam
+
+
+
\ No newline at end of file
diff --git a/imagens/Logo-M3Academy 1.svg b/imagens/Logo-M3Academy 1.svg
new file mode 100644
index 0000000..698965a
--- /dev/null
+++ b/imagens/Logo-M3Academy 1.svg
@@ -0,0 +1,9 @@
+
+
+
+
+
+
+
+
+
diff --git a/teste.html b/teste.html
new file mode 100644
index 0000000..686b210
--- /dev/null
+++ b/teste.html
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+ DOLOR SIT AMET
+
+
+
+
+
+
+
\ No newline at end of file
From a6c4df9dbd6c44afc59faf0109f67af4d7c31210 Mon Sep 17 00:00:00 2001
From: Andresa
Date: Wed, 12 Oct 2022 19:04:18 -0300
Subject: [PATCH 02/14] ultimo parte
---
estilo.css | 81 ++++++++++++++++++++++++++++++++++++++-
exemplo.html | 57 ++++++++++++++++++++++-----
imagens/banner.png | Bin 0 -> 1541110 bytes
imagens/banner01.png | Bin 0 -> 239746 bytes
imagens/banner02.png | Bin 0 -> 219782 bytes
imagens/banner03.png | Bin 0 -> 325271 bytes
imagens/celular.png | Bin 0 -> 1760 bytes
imagens/coin.png | Bin 0 -> 3027 bytes
imagens/imagen2.png | Bin 0 -> 4717 bytes
imagens/laptop.png | Bin 0 -> 1328 bytes
imagens/money.png | Bin 0 -> 1354 bytes
imagens/shop.png | Bin 0 -> 959 bytes
imagens/shopping-bag.png | Bin 0 -> 2071 bytes
imagens/ultimobanner.png | Bin 0 -> 370130 bytes
14 files changed, 126 insertions(+), 12 deletions(-)
create mode 100644 imagens/banner.png
create mode 100644 imagens/banner01.png
create mode 100644 imagens/banner02.png
create mode 100644 imagens/banner03.png
create mode 100644 imagens/celular.png
create mode 100644 imagens/coin.png
create mode 100644 imagens/imagen2.png
create mode 100644 imagens/laptop.png
create mode 100644 imagens/money.png
create mode 100644 imagens/shop.png
create mode 100644 imagens/shopping-bag.png
create mode 100644 imagens/ultimobanner.png
diff --git a/estilo.css b/estilo.css
index b853f13..e254a84 100644
--- a/estilo.css
+++ b/estilo.css
@@ -12,7 +12,12 @@ body{margin: 0;
align-items: center;
}
+.banner{
+ width: 100%;
+ max-width: 100%;
+ margin-bottom: 73px;
+}
.titulo{
display: flex;
justify-content: center;
@@ -22,7 +27,7 @@ font-style: normal;
font-weight: 400;
font-size: 32px;
line-height: 39px;
-/* identical to box height */
+
text-transform: uppercase;
@@ -57,8 +62,80 @@ line-height: 24px;
color: #000000;
-margin-top: 28px;
+margin: 28px auto 0;
max-width: 766px;
+}
+.imagen2{
+display: flex;
+justify-content: center;
+align-items: center;
+width: 315px;
+height: 315px;
+margin: 73px auto 179px;
+
+
+
+}
+
+.linha1, .linha2{
+display: flex;
+justify-content: center;
+align-items: center;
+flex-wrap: wrap;
+}
+.card{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+
+ width: 350px;
+ height: 287px;
+
+ box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15);
+ margin: 0 7.5px 0;
+}
+
+.linha-imagens{
+ margin-bottom: 129px;
+display: flex;
+justify-content: space-between;
+align-items: center;
+
+
+}
+
+.linha-imagens img{
+ width: 30%;
+ height: auto;
+
+
+
+}
+
+.linha2 .card {
+width: 25%;
+}
+
+.ultimobanner{
+
+
+ max-width: 80%;
+ width: 100%;
+ display: flex;
+ margin:0 auto;
+
+}
+/* CELULAR */
+
+@media (max-width: 800px) {
+ .titulo {
+ font-size: 20px;
+ }
+
+ .subtitulo{
+ font-size: 28px;
+ }
}
\ No newline at end of file
diff --git a/exemplo.html b/exemplo.html
index ab52012..547be1b 100644
--- a/exemplo.html
+++ b/exemplo.html
@@ -14,6 +14,7 @@
+
LOREN IPSUM
DOLOR SIT AMET
@@ -22,16 +23,52 @@
-
-
-
-
-
- Nullam
+
+
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
+
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
+
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
+
+
+
+
+
+
+
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
+
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
+
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
+
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
+
+
+
+
+
+
+