diff --git a/image/Logo-M3Academy 1.svg b/image/Logo-M3Academy 1.svg new file mode 100644 index 0000000..698965a --- /dev/null +++ b/image/Logo-M3Academy 1.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/image/img-3pc.png b/image/img-3pc.png new file mode 100644 index 0000000..41cf659 Binary files /dev/null and b/image/img-3pc.png differ diff --git a/image/not-descktop.png b/image/not-descktop.png new file mode 100644 index 0000000..54581d8 Binary files /dev/null and b/image/not-descktop.png differ diff --git a/image/not-mobi.png b/image/not-mobi.png new file mode 100644 index 0000000..a0f7541 Binary files /dev/null and b/image/not-mobi.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..cfd7718 --- /dev/null +++ b/index.html @@ -0,0 +1,41 @@ + + + + + + + primeiro-desafio-M3 + + + + + + + + + +
+ Imagem notebook em uma mesa de escritório + Imagem notebook em uma mesa de escritório +
+ + +
+
+

Lorem ipsum

+

dolor sit amet

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Curabitur ut tortor sed lacus egestas vulputate vel sit amet velit. Nulla suscipit magna dui.

+
+ +
+ Imagem três compudadores ligados +
+
+ + + + + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..66a6104 --- /dev/null +++ b/style.css @@ -0,0 +1,117 @@ +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap'); +*{ + margin: 0; + padding: 0; + font-family: 'Inter', sans-serif; +} +body html{ + box-sizing: border-box; + width: 100%; + +} +/*HEADER*/ +.back-logo{ + background-color: #000000; + display: flex; + justify-content: center; + padding: 29px 0; + width: 100%; +} +.img-logo{ + display: block; + width: 12%; +} +/*FINAL HEADER*/ + + + +/*IMG PRINCIPAL*/ +.not-main{ + width: 100%; + display: block; +} + + + + + +.section-3pc{ + display: flex; + flex-direction: column; + align-items: center; + margin-top: 145px; + +} +.div-3pc{ + display: flex; + flex-direction: column; + align-items: center; + width: 40%; + margin-bottom: 73px; +} +.h2-3pc{ + font-weight: 400; + font-size: 32px; + line-height: 39px; + text-transform: uppercase; +} +.h1-3pc{ + font-weight: 500; + font-size: 48px; + line-height: 58px; + text-transform: uppercase; +} +.p-3pc{ + font-weight: 400; + font-size: 16px; + line-height: 24px; + margin-top: 28px; +} +.figure-3pc{ + width: 100%; + text-align: center; +} +.img-3pc{ + width: 16.5%; +} + + +/*MEDIA SCREEN*/ +@media screen and (max-width: 1024px){ +.img-logo{ + display: block; + width: 52%; +} +.not-main-descktop{ + display: none; +} +/*SECTION 3-PC*/ +.section-3pc{ + margin-top: 73px; +} +.div-3pc{ + width: 86%; +} +.h2-3pc { + font-weight: 400; + font-size: 20px; + line-height: 24px; +} +.h1-3pc { + font-weight: 500; + font-size: 28px; + line-height: 34px; +} +.p-3pc{ + margin-top: 20px; +} +.img-3pc{ + width: 58%; +} +/*FIM SECTION 3-PC*/ +} +@media screen and (min-width: 1025px){ + .not-main-mobi{ + display: none; + } +} \ No newline at end of file