diff --git "a/assets/photos/Wallpaper-FCi\303\252ncias-Um-toque-de-verde-ao-domingo.jpeg" "b/assets/photos/Wallpaper-FCi\303\252ncias-Um-toque-de-verde-ao-domingo.jpeg"
new file mode 100644
index 0000000..256858a
Binary files /dev/null and "b/assets/photos/Wallpaper-FCi\303\252ncias-Um-toque-de-verde-ao-domingo.jpeg" differ
diff --git a/assets/photos/bd27f112d84644ad4c4edb983259fa22.jpg b/assets/photos/bd27f112d84644ad4c4edb983259fa22.jpg
new file mode 100644
index 0000000..8e45388
Binary files /dev/null and b/assets/photos/bd27f112d84644ad4c4edb983259fa22.jpg differ
diff --git a/assets/photos/blue-gradient-green-linear-3840x2160-c2-0000cd-41f012-a-300-f-14.svg b/assets/photos/blue-gradient-green-linear-3840x2160-c2-0000cd-41f012-a-300-f-14.svg
new file mode 100644
index 0000000..33c10cc
--- /dev/null
+++ b/assets/photos/blue-gradient-green-linear-3840x2160-c2-0000cd-41f012-a-300-f-14.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:ev="http://www.w3.org/2001/xml-events"  width="3840px" height = "2160px"><metadata><?xpacket begin="" id=""?><x:xmpmeta xmlns:x="adobe:ns:meta/"><rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"><rdf:Description rdf:about="" xmlns:xapRights="http://ns.adobe.com/xap/1.0/rights/"><xapRights:Marked>True</xapRights:Marked></rdf:Description><rdf:Description rdf:about="" xmlns:xapRights="http://ns.adobe.com/xap/1.0/rights/"><xapRights:WebStatement rdf:resource="http://www.xmple.com/wallpaper/blue-gradient-green-linear-3840x2160-c2-0000cd-41f012-a-300-f-14-image/"/></rdf:Description><rdf:Description rdf:about="" xmlns:xapRights="http://ns.adobe.com/xap/1.0/rights/"><xapRights:UsageTerms><rdf:Alt><rdf:li xml:lang="en" >This work is licensed under a &lt;a rel=&#34;license&#34; href=&#34;http://creativecommons.org/licenses/by-nc-nd/4.0/&#34;&gt;Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License&lt;/a&gt;.</rdf:li></rdf:Alt></xapRights:UsageTerms></rdf:Description><rdf:Description rdf:about="" xmlns:dc="http://purl.org/dc/elements/1.1/"><dc:title><rdf:Alt><rdf:li xml:lang="en">blue gradient green linear medium blue 3840x2160 #0000cd #41f012 300°</rdf:li></rdf:Alt></dc:title></rdf:Description><rdf:Description rdf:about="" xmlns:cc="http://creativecommons.org/ns#"><cc:license rdf:resource="http://creativecommons.org/licenses/by-nc-nd/4.0/"/></rdf:Description><rdf:Description rdf:about="" xmlns:cc="http://creativecommons.org/ns#"><cc:attributionName>xmple.com</cc:attributionName></rdf:Description><rdf:Description rdf:about="" xmlns:cc="http://creativecommons.org/ns#"><cc:morePermissions rdf:resource="http://www.xmple.com"/></rdf:Description></rdf:RDF></x:xmpmeta><?xpacket end="r"?></metadata><title>blue gradient green linear medium blue 3840x2160 #0000cd #41f012 300°</title><desc>blue gradient green linear medium blue 3840x2160 #0000cd #41f012 300°</desc><style type="text/css" ><![CDATA[.x{font:20px verdana;fill:#fff;stroke:#555;stroke-width:20px;opacity:0.35;}.o{stroke:none;opacity:0.01;}]]></style><defs><linearGradient id="p1" x1="66.237976320958%" y1="100%" x2="33.762023679042%" y2="0%"><stop offset="0%" style="stop-color:#0000cd;stop-opacity:1" /><stop offset="100%" style="stop-color:#41f012;stop-opacity:1" /></linearGradient></defs><rect width="3840" height="2160" x="0" y="0" fill="#0000cd" /><rect width="3840" height="2160" x="0" y="0" fill="url(#p1)" /><path class="x o" d="M5 5h2v1H6v1h1v1H5zM4 3h4v1h1v5H8v1H4V9H3V4h1v5h4V4H4zm7 1h1v2h1V4h1v2h-1v1h1v2h-1V7h-1v2h-1V7h1V6h-1zm4 0h5v5h-1V5h-1v4h-1V5h-1v4h-1zm6 0h3l-1 1h-1v3h1V5l1-1v5h-2v2h-1zm4-2h1v6h1v1h-2zm3 2h3l-1 1h-1v1h1V5l1-1v3h-2v1h2v1h-3V4zm4 4h1v1h-1zm2-4h3v1h-2v3h2v1h-3zm4 0h3v5h-3l1-1h1V5h-1v3l-1 1zm4 0h5v5h-1V5h-1v4h-1V5h-1v4h-1z"/><text x="4" y="2154" class="x o">© xmple.com</text><a xlink:href="https://www.xmple.com"><text text-anchor="end" x="3830" y="22" class="x o">xmple.com</text></a><a xlink:href="https://www.xmple.com"><g transform="translate(3438.883231584,2083.800006) scale(0.0609599952)" id="a" class="x"><path d="m549 679c9 0 16 3 21 9c6 6 9 13 9 22c0 8-3 15-9 22c-25 21-52 37-82 49c-30 11-62 17-95 17c-75 0-139-26-192-80c-53-53-80-117-80-192c0-75 27-139 80-192c53-53 117-80 192-80c33 0 65 6 95 17c30 11 58 28 82 49c7 6 11 14 11 23c0 9-3 16-9 22c-6 6-13 9-21 9c-7 0-14-2-19-7c-39-34-86-52-139-52c-59 0-108 21-149 62c-41 41-62 91-62 149c0 59 21 108 62 149c41 41 91 62 149 62c25 0 50-5 74-14c24-9 45-22 64-38c5-4 11-6 19-6zm234-153c0 108-38 201-115 277c-76 76-169 114-276 114c-108 0-200-38-277-114c-76-77-115-169-115-277c0-108 38-200 115-276c76-77 168-115 277-115c108 0 200 38 276 115c77 76 115 168 115 276zm-391-350c-96 0-179 34-248 103c-68 68-102 150-102 247c0 97 34 179 102 248c69 68 152 103 248 103c96 0 178-34 247-103c69-69 103-151 103-247c0-97-34-179-103-247c-68-69-150-103-247-103zm937 367l-186-223c-5-5-7-12-7-20c0-8 3-16 9-21c6-6 13-9 22-9c8 0 15 3 21 9l181 216l180-216c7-6 14-9 22-9c9 0 16 3 22 9c6 6 9 13 9 22c0 8-3 15-7 20l-187 223l188 225c4 6 6 12 6 19c0 9-3 16-9 22c-6 6-13 9-22 9c-8 0-15-3-20-9l-182-217l-182 217c-5 6-12 9-20 9c-9 0-16-3-22-9c-6-6-9-13-9-21c0-7 2-13 6-18zm412 244c0 9-3 16-9 22c-6 6-13 9-22 9c-8 0-15-3-21-9c-6-6-9-13-9-21v-486c0-8 3-16 9-21c6-6 13-9 21-9c9 0 16 3 22 9c6 6 9 13 9 22v33c49-42 100-63 152-63c58 0 108 21 150 63c10 10 21 23 32 38c11-15 22-28 32-38c42-42 92-62 150-62c59 0 109 21 151 63c41 41 62 92 62 150v304c0 9-3 16-9 22c-6 6-13 9-22 9c-8 0-15-3-21-9c-6-6-9-13-9-21v-304c0-42-15-78-45-107c-30-30-65-45-107-45c-41 0-77 15-107 45c-30 30-45 65-45 107v 304c0 9-3 16-9 22c-6 6-13 9-21 9c-9 0-16-3-22-9c-6-6-9-13-9-21v-304c0-42-14-78-44-107c-30-30-66-45-107-45c-42 0-78 15-108 45c-29 30-44 65-44 107zm861-243c0 59 21 109 63 150c41 42 91 63 150 63c59 0 109-21 150-62c42-41 62-91 62-150c0-59-20-109-62-150c-41-42-91-62-150-62c-59 0-109 21-150 63c-42 42-63 92-63 150zm0 478c0 9-3 16-9 22c-6 5-13 8-21 8c-9 0-16-3-22-8c-6-6-8-13-8-22v-477c0-75 26-140 80-193c53-53 117-80 193-80c75 0 140 27 193 80c54 53 80 118 80 193c0 76-26 140-80 193c-53 53-118 80-193 80c-76 0-140-27-193-80l-20-19zm568-956c0-8 3-16 9-21c6-6 13-9 21-9c9 0 16 3 22 9c6 6 9 13 9 21v691h50c9 0 16 3 22 9c6 6 9 13 9 22c0 9-3 16-9 22c-6 6-13 9-22 9h-81c-8 0-15-3-21-9c-6-6-9-13-9-21zm716 448c-9-48-30-89-61-120c-42-42-92-62-151-62c-58 0-108 21-150 63c-31 31-52 71-62 120zm-56 186c9 0 16 3 22 9c5 6 8 13 8 22c0 8-2 15-7 21c-51 44-111 66-179 66c-75 0-140-27-193-80c-53-53-80-118-80-193c0-75 27-140 80-193c53-53 118-80 193-80c76 0 140 27 194 80c53 53 80 118 80 193c0 9-3 16-9 22c-6 6-13 9-22 9h-455c10 49 31 89 62 120c42 42 92 63 150 63c27 0 52-4 75-13c22-9 43-21 62-37c6-4 12-7 19-7zm307 67c0 14-5 26-15 36c-9 10-21 15-36 15c-14 0-26-5-36-15c-9-10-14-22-14-36c0-14 5-26 14-36c10-10 22-15 36-15c15 0 27 5 36 15c10 9 15 21 15 36zm515-68c8 0 15 3 21 9c6 6 9 13 9 22c0 9-3 16-9 22c-25 21-52 37-83 49c-30 11-62 17-95 17c-76 0-140-27-194-80c-53-53-80-118-80-193c0-75 27-140 80-193c54-53 118-80 194-80c33 0 65 6 96 17c30 11 57 28 82 49c3 3 5 7 7 11c3 4 4 9 4 13c0 8-3 16-9 21c-6 6-13 9-22 9c-7 0-14-2-19-7c-40-35-86-52-139-52c-59 0-109 21-151 63c-41 41-62 91-62 150c0 59 21 109 62 150c42 42 92 63 151 63c25 0 50-5 74-14c24-9 46-22 65-38c5-4 11-6 18-6zm663-155c0 76-27 140-80 193c-54 53-118 80-193 80c-76 0-140-27-194-80c-53-53-80-118-80-193c0-75 27-140 80-193c54-53 118-80 194-80c75 0 139 27 193 80c53 53 80 118 80 193zm-273-213c-59 0-109 21-151 63c-42 42-62 92-62 150c0 59 20 109 62 150c42 42 92 63 151 63c58 0 108-21 150-62c41-41 62-91 62-150c0-59-21-109-62-150c-42-42-92-62-150-62zm410 456c0 9-3 16-9 22c-6 6-13 9-22 9c-8 0-15-3-21-9c-6-6-9-13-9-21v-486c0-8 3-16 9-21c6-6 13-9 21-9c9 0 16 3 22 9c6 6 9 13 9 22v33c49-42 100-63 152-63c58 0 108 21 150 63c10 10 21 23 32 38c11-15 21-28 32-38c42-42 92-62 150-62c59 0 109 21 151 63c41 41 62 92 62 150v304c0 9-3 16-9 22c-6 6-13 9-22 9c-8 0-15-3-21-9c-6-6-9-13-9-21v-304c0-42-15-78-45-107c-30-30-65-45-107-45c-41 0-77 15-107 45c-30 30-45 65-45 107v 304c0 9-3 16-9 22c-6 6-13 9-21 9c-9 0-16-3-22-9c-6-6-9-13-9-21v-304c0-42-14-78-44-107c-30-30-66-45-107-45c-42 0-78 15-108 45c-30 30-44 65-44 107z"/></g></a></svg>
\ No newline at end of file
diff --git a/assets/photos/fios.jpg b/assets/photos/fios.jpg
new file mode 100644
index 0000000..c4c0f33
Binary files /dev/null and b/assets/photos/fios.jpg differ
diff --git a/assets/photos/imagem2.jpg b/assets/photos/imagem2.jpg
new file mode 100644
index 0000000..1facb30
Binary files /dev/null and b/assets/photos/imagem2.jpg differ
diff --git a/assets/photos/imagem3.jpg b/assets/photos/imagem3.jpg
new file mode 100644
index 0000000..92647cb
Binary files /dev/null and b/assets/photos/imagem3.jpg differ
diff --git a/assets/photos/imagem4.jpg b/assets/photos/imagem4.jpg
new file mode 100644
index 0000000..93e62b4
Binary files /dev/null and b/assets/photos/imagem4.jpg differ
diff --git a/assets/photos/images.jpg b/assets/photos/images.jpg
new file mode 100644
index 0000000..bac9cb5
Binary files /dev/null and b/assets/photos/images.jpg differ
diff --git a/assets/photos/limao.jpg b/assets/photos/limao.jpg
new file mode 100644
index 0000000..cfbe922
Binary files /dev/null and b/assets/photos/limao.jpg differ
diff --git a/assets/photos/michele.jpg b/assets/photos/michele.jpg
new file mode 100644
index 0000000..566b885
Binary files /dev/null and b/assets/photos/michele.jpg differ
diff --git a/assets/photos/mulher1.jpg b/assets/photos/mulher1.jpg
new file mode 100644
index 0000000..4b3c424
Binary files /dev/null and b/assets/photos/mulher1.jpg differ
diff --git a/assets/photos/mundo.PNG b/assets/photos/mundo.PNG
new file mode 100644
index 0000000..8a8df7e
Binary files /dev/null and b/assets/photos/mundo.PNG differ
diff --git a/assets/photos/one-piece-stampede-visual.png b/assets/photos/one-piece-stampede-visual.png
new file mode 100644
index 0000000..0cf3fd0
Binary files /dev/null and b/assets/photos/one-piece-stampede-visual.png differ
diff --git a/assets/photos/semana 8.jpg b/assets/photos/semana 8.jpg
new file mode 100644
index 0000000..d2e2f27
Binary files /dev/null and b/assets/photos/semana 8.jpg differ
diff --git a/assets/photos/super hero.jpg b/assets/photos/super hero.jpg
new file mode 100644
index 0000000..ec7e046
Binary files /dev/null and b/assets/photos/super hero.jpg differ
diff --git a/assets/photos/todo.PNG b/assets/photos/todo.PNG
new file mode 100644
index 0000000..7fd795b
Binary files /dev/null and b/assets/photos/todo.PNG differ
diff --git a/index.html b/index.html
index 39e6e9b..22e4514 100644
--- a/index.html
+++ b/index.html
@@ -8,7 +8,7 @@
     <title>Document</title>
 </head>
 <body>
-    <nav class="navbar navbar-expand-lg navbar-light bg-roxo">
+    <nav class="navbar navbar-expand-lg navbar-light bg-roxo ">
       <div class="container">
         <a class="navbar-brand text-white" href="https://reprograma.com.br/" target="_blank">{Reprograma}</a>
         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#menudesktop" aria-controls="menudesktop" aria-expanded="false" aria-label="Alterna navegação">
@@ -30,16 +30,234 @@
         </div>
       </div>
       </nav>
+     <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
+        <ol class="carousel-indicators carousel-fade">
+          <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
+          <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
+          <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
+        </ol>
+        <div class="carousel-inner">
+          <div class="carousel-item active">
+            <img src="./assets/photos/imagem4.jpg" class=" img_carousel" alt="Imagem 1">
+            <div class="carousel-caption d-none d-md-block color">
+              
+            </div>
+          </div>
+          <div class="carousel-item ">
+            <img src="./assets/photos/imagem2.jpg" class="img_carousel" alt=" Imagem 2">
+            <div class="carousel-caption d-none d-md-block color ">
+              
+            </div>
+          </div>
+          <div class="carousel-item">
+            <img src="./assets/photos/imagem3.jpg" class="img_carousel" alt="imagem 3 ">
+            <div class="carousel-caption d-none d-md-block color">
+              
+            </div>
+          </div>
+        </div>
+        <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
+          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+          <span class="sr-only">Previous</span>
+        </a>
+        <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
+          <span class="carousel-control-next-icon" aria-hidden="true"></span>
+          <span class="sr-only">Next</span>
+        </a>
+      </div>
+      <!--SOBRE-->
+      <section >
+        
+        <h3 class=nome> Jemima Matheus</h3>
+        <!--i class="fa fa-code d-flex flex-column flex-md-row justify-content-md-around p-3 "></i-->
+        <p class="nome_curso">Desenvolvedora front-end</p>
+        <div class=" d-flex flex-column flex-md-row justify-content-md-around p-3">
+          <a class="link-sobre" href="https://github.com/jemimatheus" target="_blank">
+            <i class=" fab fa-github-alt m-b3"></i>
+            <span>Github</span>
+          </a>
+          <a class="link-sobre" href="https://www.linkedin.com/in/jemima-matheus-41a4386a/" target="_blank">
+            <i class=" fab fa-linkedin m-b3"></i>
+            <span>Linkedin</span>
+          </a>
+          <a class="link-sobre" href="mailto:messenger.mariah2017@gmail.com" target="_blank">
+            <i class=" fas fa-envelope m-b3"></i>
+            <span>E-mail</span>
+          </a>
+        </div>
+      </section>
+      <!--Sobre/ Habilidades-->
+      <section class="bg-roxo d-flex flex-column flex-lg-row justify-content-lg-around text-center text-white">
+
+        <div class="habilidades w-100 p-5 ">
+          <h2 >Habilidades</h2>
+
+          <div class="icones  row justify-content-center p-2">
+
+            <div>
+              <div class="text-center col">
+                <i class="fab fa-sass"></i>
+                <p>Sass</p>
+              </div>
+              <div class="text-center col">
+                <i class="fab fa-bootstrap"></i>
+                <p>bootstrap</p>
+              </div>
+              <div class="text-center col">
+                <i class="fab fa-html5"></i>
+                <p>HTML</p>
+              </div>
+            </div>
+            <div>
+              <div class="text-center col">
+                <i class="fab fa-css3-alt"></i>
+                <p>CSS</p>
+              </div>
+              <div class="text-center col">
+                <i class="fab fab fa-react"></i>
+                <p>React</p>
+              </div>
+              <div class="text-center col">
+                <i class="fab fa-git-alt"></i>
+                <p>Git</p>
+              </div>
+            </div>
+            <div>
+              <div class="text-center col">
+                <i class="fab fa-js"></i>
+                <p>Javascript</p>
+              </div>
+              <div class="text-center col">
+                <i class="fas fa-book"></i>
+                <p>JQuery</p>
+              </div>
+              <div class="text-center col">
+                <i class="fas fa-tasks"></i>
+                <p>Scrum</p>
+              </div>
+            </div>
+
+          </div>
+        </div>
+
+        <div class="sobre w-100 p-5">
+          <h2>Sobre</h2>
+          <p>Aluna do curso de front-end do {Reprograma}.</p>
+          <p> Estou na reprograma para uma transição de carreira para Devgirl e quero, ou melhor, 
+            farei diferença na área da tecnologia.
+          Sou focada nos meus estudos e tento sempre absorver o máximo de tudo, dando o máximo de mim.
+        Além da Reprograma também estou no penúltimo semestre do curso de Análise e desenvolvimento de Sistemas. 
+      Também tenho interesse em algumas outras áreas e linguagens como python e Java.</p>
+        </div>
+      </section>
+
+     
+      <h4 class=" text-center mt-3 color_geral">Portfólio</h4>
+
+       <!--Section Modal/ Card Modal!-->
+      <section class=" row justify-content-lg-around p-4">
+      <div class="card m-5" style="width: 18rem;">
+          <img src="./assets/photos/michele.jpg" class="card-img-top" alt="...">
+          <div class="card-body text-center">
+            <h5 class="card-title color_geral">M de Maravilhosa</h5>
+            <p class="card-text color_geral">Projeto foi relacionado à criação de uma pagina de perfil com o HTML e CSS de uma mulher que nos inspira.</p>
+            <button type="button" class="m-5 btn bg-roxo text-white m-auto  " data-toggle="modal" data-target="#modal1">
+              Veja mais
+            </button>
+          </div>
+        </div>
+       
+<!-- Modal-->
+<div class="modal fade" id="modal1" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="exampleModalLongTitle">Sobre o Projeto M de Maravilhosa</h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        <p>Na quarta semana do curso de front-end, nós fomos desafiadas a criar uma pagina de perfil de uma mulher que nos inspira. Para a criação utilizamos um modelo já pronto do figma  e o desafio do desenvolvimento foi feito através do html e css.</p>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn bg-roxo text-white" data-dismiss="modal">Fechar</button>
+        
+      </div>
+    </div>
+  </div>
+</div>
+
+<!--MODAL2-->
+<div class="card m-5" style="width: 18rem;">
+  <img src="./assets/photos/todo.PNG" class="card-img-top" alt="...">
+  <div class="card-body text-center">
+    <h5 class="card-title">Projeto To do List</h5>
+    <p class="card-text">Projeto consiste na criação de uma lista de tarefas.</p>
+    <button type="button" class="m-5 btn bg-roxo text-white m-auto" data-toggle="modal" data-target="#modal2">
+      Veja mais
+    </button>
+  </div>
+</div>
+
 
-   
 
-    
-  
+<!-- CARDModa2 -->
+<div class="modal fade" id="modal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
+<div class="modal-dialog" role="document">
+<div class="modal-content">
+<div class="modal-header">
+<h5 class="modal-title" id="exampleModalLongTitle">To do List</h5>
+<button type="button" class="close" data-dismiss="modal" aria-label="Close">
+  <span aria-hidden="true">&times;</span>
+</button>
+</div>
+<div class="modal-body">
+  <p>Na oitava semana do curso de front-end, nós fomos desafiadas a criar uma lista de tarefas. Para o desenvolvimento foi utilizado o html,css e java script. Os desafios da lista era que deveriamos conseguir excluir um item da lista, marcar como concluido, marcar todos eles e excluir todos.</p>
+</div>
+<div class="modal-footer">
+<button type="button" class="btn bg-roxo text-white" data-dismiss="modal">Fechar</button>
 
-  
+</div>
+</div>
+</div>
+</div>
 
+<!--MODAL3 -->
+<div class="card m-5" style="width: 18rem;">
+  <img src="./assets/photos/mundo.PNG" class="card-img-top" alt="...">
+  <div class="card-body text-center">
+    <h5 class="card-title">Mundo Gelado</h5>
+    <p class="card-text">Projeto consiste na replicação de uma página do mundo gelado.</p>
+    <button type="button" class="m-5 btn bg-roxo text-white m-auto" data-toggle="modal" data-target="#modal3">
+      Veja mais
+    </button>
+  </div>
+</div>
+<!-- Button trigger modal -->
 
 
+<!-- CARD Modal3 -->
+<div class="modal fade" id="modal3" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
+<div class="modal-dialog" role="document">
+<div class="modal-content">
+<div class="modal-header">
+<h5 class="modal-title" id="exampleModalLongTitle">Mundo Gelado</h5>
+<button type="button" class="close" data-dismiss="modal" aria-label="Close">
+  <span aria-hidden="true">&times;</span>
+</button>
+</div>
+<div class="modal-body">
+  <p>Na terceira semana do curso de front-end, nós fomos desafiadas a recriar a pagina do mundo gelado. Para o desenvolvimento foi utilizado o html e css. Os desafios do projeto era deixar a pagina responsiva.</p>
+</div>
+<div class="modal-footer">
+  <button type="button" class="btn bg-roxo text-white" data-dismiss="modal">Fechar</button>
+  <!--<a href="" target="_blank" class="btn bg-roxo text-white">Salvar</a>-->
+</div>
+</div>
+</div>
+</div>
+      </section>
     <script src="./js/jquery-3.4.1.min.js"></script>
     <script src="./js/bootstrap.min.js"></script>
     <script src="https://kit.fontawesome.com/4fe8d55b33.js" crossorigin="anonymous"></script>
diff --git a/styles/style.css b/styles/style.css
index a24a761..ef0c9da 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -1,7 +1,61 @@
 .bg-roxo{
-    background-color: #7E459B;
+    background-color: #57BC90;
+  
 }
 
 a:hover{
   font-weight: bold;
-}
\ No newline at end of file
+}
+
+.img_carousel{
+  object-fit: cover;
+  object-position: 0 20%;
+  width: 100%;
+  height: 65vh;
+  text-decoration-color: rgb(2, 58, 5);
+
+
+}
+.color_geral{
+  color: rgb(2, 58, 5);
+}
+
+.nome{
+  display: flex;
+  justify-content: center;
+  margin-top: 30px;
+  color: rgb(2, 58, 5);
+
+ 
+}
+.nome_curso{
+  color: rgb(2, 58, 5);
+}
+p{
+  display: flex;
+  justify-content: center;
+  padding-top: -40px;
+  font-style: oblique;
+
+}
+.link-sobre{
+  color: rgb(2, 58, 5);
+}
+
+.link-sobre:hover{
+  rgb(2, 58, 5);
+  color: rgb(2, 58, 5);
+}
+.fas{
+  font-size: 30px;
+}
+.fab{
+  font-size: 30px;
+}
+
+button{
+  width: 100px ;
+}
+button:hover{
+  opacity: 0.8;
+}