diff --git a/dist/css/styles.css b/dist/css/styles.css
index ff6c520..46d98fb 100644
--- a/dist/css/styles.css
+++ b/dist/css/styles.css
@@ -79,6 +79,8 @@
   --bs-highlight-bg: #fff3cd;
 }
 
+
+
 *,
 *::before,
 *::after {
diff --git a/dist/icones/ifcLogo.jpeg b/dist/icones/ifcLogo.jpeg
new file mode 100644
index 0000000..4ab86f3
Binary files /dev/null and b/dist/icones/ifcLogo.jpeg differ
diff --git a/dist/icones/oficinaLinguistica.jpg b/dist/icones/oficinaLinguistica.jpg
new file mode 100644
index 0000000..168b209
Binary files /dev/null and b/dist/icones/oficinaLinguistica.jpg differ
diff --git a/dist/icones/peixario.jpg b/dist/icones/peixario.jpg
new file mode 100644
index 0000000..41b0945
Binary files /dev/null and b/dist/icones/peixario.jpg differ
diff --git a/dist/index.html b/dist/index.html
index 88703fc..103b525 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -5,7 +5,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
         <meta name="description" content="" />
         <meta name="author" content="" />
-        <title>Heroic Features - Start Bootstrap Template</title>
+        <title> Projetos de Ensino, Pesquisa e Extensão do IFC - Campus Ibirama</title>
         <!-- Favicon-->
         <link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
         <!-- Bootstrap icons-->
@@ -17,29 +17,33 @@
         <!-- Responsive navbar-->
         <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
             <div class="container px-lg-5">
-                <a class="navbar-brand" href="#!">Start Bootstrap</a>
+                <a class="navbar-brand" href="#!">Instituto Federal Catarinense - Campus Ibirama</a>
                 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
                 <div class="collapse navbar-collapse" id="navbarSupportedContent">
                     <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
-                        <li class="nav-item"><a class="nav-link active" aria-current="page" href="#!">Home</a></li>
-                        <li class="nav-item"><a class="nav-link" href="#!">About</a></li>
-                        <li class="nav-item"><a class="nav-link" href="#!">Contact</a></li>
+                        <li class="nav-item"><a class="nav-link active" aria-current="page" href="#!">Início</a></li>
+                        <li class="nav-item"><a class="nav-link" href="#!">Sobre</a></li>
+                        <li class="nav-item"><a class="nav-link" href="#!">Cadastre-se</a></li>
                     </ul>
                 </div>
             </div>
         </nav>
+
         <!-- Header-->
-        <header class="py-5">
+        <header class="py-3"></header> 
             <div class="container px-lg-5">
                 <div class="p-4 p-lg-5 bg-light rounded-3 text-center">
                     <div class="m-4 m-lg-5">
-                        <h1 class="display-5 fw-bold">A warm welcome!</h1>
-                        <p class="fs-4">Bootstrap utility classes are used to create this jumbotron since the old component has been removed from the framework. Why create custom CSS when you can use utilities?</p>
-                        <a class="btn btn-primary btn-lg" href="#!">Call to action</a>
+                        <h1 class="display-5 fw-bold">Bem Vindo!</h1>
+                        <p class="fs-4">Aqui você encontrará todos os projetos ativos do IFC - Campus Ibirama </p>
+                        <a class="btn btn-danger btn-lg" href="#!">Ensino</a>
+                        <a class="btn btn-primary btn-lg" href="#!">Pesquisa</a>
+                        <a class="btn btn-success btn-lg" href="#!">Extensão</a>
                     </div>
                 </div>
             </div>
         </header>
+
         <!-- Page Content-->
         <section class="pt-4">
             <div class="container px-lg-5">
@@ -48,27 +52,27 @@ <h1 class="display-5 fw-bold">A warm welcome!</h1>
                     <div class="col-lg-6 col-xxl-4 mb-5">
                         <div class="card bg-light border-0 h-100">
                             <div class="card-body text-center p-4 p-lg-5 pt-0 pt-lg-0">
-                                <div class="feature bg-primary bg-gradient text-white rounded-3 mb-4 mt-n4"><i class="bi bi-collection"></i></div>
-                                <h2 class="fs-4 fw-bold">Fresh new layout</h2>
-                                <p class="mb-0">With Bootstrap 5, we've created a fresh new layout for this template!</p>
+                                <div class="feature bg-success bg-gradient text-white rounded-3 mb-4 mt-n4"><img src="icones/oficinaLinguistica.jpg" alt="Imagem" style="height: 3rem;"></div>
+                                <h2 class="fs-4 fw-bold">Linguística Para Educadores</h2>
+                                
                             </div>
                         </div>
                     </div>
                     <div class="col-lg-6 col-xxl-4 mb-5">
                         <div class="card bg-light border-0 h-100">
                             <div class="card-body text-center p-4 p-lg-5 pt-0 pt-lg-0">
-                                <div class="feature bg-primary bg-gradient text-white rounded-3 mb-4 mt-n4"><i class="bi bi-cloud-download"></i></div>
-                                <h2 class="fs-4 fw-bold">Free to download</h2>
-                                <p class="mb-0">As always, Start Bootstrap has a powerful collectin of free templates.</p>
+                                <div class="feature bg-primary bg-gradient text-white rounded-3 mb-4 mt-n4"> <img src="icones/peixario.jpg" alt="Imagem" style="height: 3rem;"></div>
+                                <h2 class="fs-4 fw-bold"> Projeto Peixário</h2>
+                                
                             </div>
                         </div>
                     </div>
                     <div class="col-lg-6 col-xxl-4 mb-5">
                         <div class="card bg-light border-0 h-100">
                             <div class="card-body text-center p-4 p-lg-5 pt-0 pt-lg-0">
-                                <div class="feature bg-primary bg-gradient text-white rounded-3 mb-4 mt-n4"><i class="bi bi-card-heading"></i></div>
-                                <h2 class="fs-4 fw-bold">Jumbotron hero header</h2>
-                                <p class="mb-0">The heroic part of this template is the jumbotron hero header!</p>
+                                <div class="feature bg-danger bg-gradient text-white rounded-3 mb-4 mt-n4"><i class="bi bi-card-heading"></i></div>
+                                <h2 class="fs-4 fw-bold">Oficina de Redações para o ENEM</h2>
+                                
                             </div>
                         </div>
                     </div>