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
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
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.
+
+
+
+
+
+
+
+
+
+
+
+
\ 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