diff --git a/README.md b/README.md
index a82a1c6..9879bff 100644
--- a/README.md
+++ b/README.md
@@ -6,4 +6,5 @@ Repositório para armazenar desafios e conteúdos do Front-end Study Group RJ
 [Guia Rápido de Orientações para os Desafios](guiaRapidoDesafiosFESGRJ2.pdf)
 
 * [Desafio#1](desafio1.md)
+* [Desafio#2](desafio2.md)
 
diff --git a/desafio2.md b/desafio2.md
new file mode 100644
index 0000000..6c691a3
--- /dev/null
+++ b/desafio2.md
@@ -0,0 +1,9 @@
+# Desafio #2 - Implementação do CSS3
+
+O objetivo dos desafios é a elaboração de um portfólio, de modo que ao final a participante tenha um site para publicação de seus trabalhos. Os desafios são iterativos e devem ser feitos na ordem. Então, se você ainda não concluiu o [Desafio #1](desafio1.md), termine ele e depois volte aqui. 
+
+Neste desafio você deve implementar o estilo usando **CSS3** com base no [template](template.png). Os arquivos no formato .css devem ser criados na pasta css. 
+
+O material de referência para resolução deste desafio está disponível na [Wiki](https://github.com/WoMakersCode/front-end-study-group-rj/wiki/CSS) deste repositório, lá você vai encontrar manuais, cursos, artigos, vídeos e podcasts. Entre em contato com as mentoras e suas colegas de grupo caso tenha alguma dúvida.  
+
+Quando terminar o desafio, abra um Pull Request e marque as participantes e as mentoras do seu grupo para elas revisarem e darem feedback. Em seguida, procure auxiliar as meninas que ainda não concluíram o desafio. Caso você não tenha familiaridade com o GitHub, consulte o material disponibilizado na [Wiki](https://github.com/WoMakersCode/front-end-study-group-rj/wiki/Git) sobre o assunto.
diff --git a/portfolio/index.html b/portfolio/index.html
new file mode 100644
index 0000000..3ba1742
--- /dev/null
+++ b/portfolio/index.html
@@ -0,0 +1,136 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+  <head>
+    <meta charset="utf-8/">
+    <link rel="icon" href="../images/icon.ico"/>
+    <title>Portifólio - Gabrielly de Andrade</title>
+  </head>
+  <body>
+    <nav>
+      <!-- TODO: modificar os tamanhos com css -->
+      <img src="../images/logo.png" alt="logo" height="50px"/>
+      <ul>
+        <li><a href="#">HOME</a></li>
+        <li><a href="#">SERVIÇOS</a></li>
+        <li><a href="#">PORTFOLIO</a></li>
+        <li><a href="#">SOBRE MIM</a></li>
+        <li><a href="#">CONTATO</a></li>
+      </ul>
+    </nav>
+    <main>
+      <section>
+        <!-- slider :: home -->
+      </section>
+      <section>
+        <h1>Serviços</h1>
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
+          sed do eiusmod tempor incididunt ut labore magna aliqua. </p>
+        <hr/>
+        <div>
+          <figure>
+            <!-- TODO: modificar os tamanhos com css -->
+            <img src="../images/Service1.png" alt="Websites" height="100px"/>
+            <figcaption>
+              <h3>Websites</h3>
+              <p>Lorem ipsum dolor sit amet</p>
+            </figcaption>
+          </figure>
+          <figure>
+            <img src="../images/Service2.png" alt="Templates" height="100px"/>
+            <figcaption>
+              <h3>Templates</h3>
+              <p>Lorem ipsum dolor sit amet</p>
+            </figcaption>
+          </figure>
+          <figure>
+            <img src="../images/Service3.png" alt="WordPress" height="100px"/>
+            <figcaption>
+              <h3>Temas WordPress</h3>
+              <p>Lorem ipsum dolor sit amet</p>
+            </figcaption>
+          </figure>
+        </div>
+      </section>
+      <section>
+        <h1>Meus Trabalhos</h1>
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
+          sed do eiusmod tempor incididunt ut labore magna aliqua. </p>
+        <ul>
+          <li><a href="#">Tudo</a></li>
+          <li><a href="#">Website</a></li>
+          <li><a href="#">Template</a></li>
+          <li><a href="#">Tema</a></li>
+        </ul>
+        <div>
+          <!-- TODO: modificar os tamanhos com css -->
+          <img src="../images/Portfolio01.png" alt="Portfolio01" height="200px"/>
+        </div>
+        <div>
+          <img src="../images/Portfolio02.png" alt="Portfolio02" height="200px"/>
+        </div>
+        <div>
+          <img src="../images/Portfolio03.png" alt="Portfolio03" height="200px"/>
+        </div>
+      </section>
+      <section>
+        <h1>Quem sou eu</h1>
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
+          sed do eiusmod tempor incididunt ut labore magna aliqua. </p>
+        <hr/>
+        <img src="../images/photo.png" alt="Joana D'arc" />
+        <div>
+          <ul>
+            <!-- TODO: utilizar técnica de image replacement com css -->
+            <li><a href="#">facebook</a></li>
+            <li><a href="#">twitter</a></li>
+            <li><a href="#">linkedin</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3>Sobre mim</h3>
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
+            sed do eiusmod tempor incididunt ut labore magna aliqua.
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit,
+            sed do eiusmod tempor incididunt ut labore magna aliqua. </p>
+        </div>
+        <div>
+          <h3>Habilidades</h3>
+          <div>
+            <p>Java Script</p>
+          </div>
+          <div>
+            <p>HTML & CSS</p>
+          </div>
+          <div>
+            <p>jQuery</p>
+          </div>
+          <div>
+            <p>Wordpress</p>
+          </div>
+        </div>
+      </section>
+      <section>
+        <h1>Contato</h1>
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
+          sed do eiusmod tempor incididunt ut labore magna aliqua. </p>
+        <hr/>
+        <p>meuemail@mail.com</p>
+        <p>+55 21 66666-666</p>
+
+        <h3>Mídias</h3>
+        <hr/>
+        <ul>
+          <!-- TODO: utilizar técnica de image replacement com css -->
+          <li><a href="#">facebook</a></li>
+          <li><a href="#">twitter</a></li>
+          <li><a href="#">linkedin</a></li>
+          <li><a href="#">pinterest</a></li>
+          <li><a href="#">google+</a></li>
+        </ul>
+      </section>
+    </main>
+    <footer>
+      <p>Women + Tech = &lt;/strong&gt;</p>
+    </footer>
+  </body>
+</html>
