diff --git a/remember_laravel/app/Http/Controllers/HomeController.php b/remember_laravel/app/Http/Controllers/HomeController.php
index 01148f90a4c303a79a6157d2e2a29d049e55c5e0..fbc5c460b3d96ed15e1d51f71d3d664e5c4d3ec7 100644
--- a/remember_laravel/app/Http/Controllers/HomeController.php
+++ b/remember_laravel/app/Http/Controllers/HomeController.php
@@ -50,7 +50,17 @@ class HomeController extends Controller
     public function galery()
     {
         $images = Image::all();
-        return view('frontend.galery')->with(['images' => $images, 'frase' => $this->frase()]);
+        return view('frontend.galery')->with(['images' => $images]);
+    }
+
+    public function about()
+    {
+        return view('frontend.about');
+    }
+
+    public function contact()
+    {
+        return view('frontend.contact');
     }
 
     public function frase(){
diff --git a/remember_laravel/public/css/style.css b/remember_laravel/public/css/style.css
index 3b5d62586141b4ebdc62675746e44df54c1e5a5f..0c33cfb3756a7d21b584af30e314bef4d90bf223 100644
--- a/remember_laravel/public/css/style.css
+++ b/remember_laravel/public/css/style.css
@@ -229,4 +229,4 @@ textarea {
 	    transform: translateY(-10px) scale(1.02);
 	    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.15) !important; 
 	}
-}
\ No newline at end of file
+}
diff --git a/remember_laravel/resources/views/frontend/about.blade.php b/remember_laravel/resources/views/frontend/about.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..50b56ce692fdef894be24543105d061f4ae72cd9
--- /dev/null
+++ b/remember_laravel/resources/views/frontend/about.blade.php
@@ -0,0 +1,33 @@
+@extends('frontend.layout.base')
+
+@section('content')
+<!-- Header -->
+<div class="div-index-geral">
+    <img class="bimagem" src="{{ asset('storage/images/background.jpg') }}"/>
+
+    <div class="div-index-texto" align="center">
+      <h2 class="hd2">Remember PET</h2>
+      <p class="pr1">Lembranças de toda a história do PET Computação recuperadas ao longo do tempo</p>
+      <a href="galery">
+          <button class="button-index">GALERIA</button>
+      </a>
+    </div>
+</div>
+
+@endsection
+
+@section('bottomJs')
+
+<script>
+// Used to toggle the menu on small screens when clicking on the menu button
+function myFunction() {
+    var x = document.getElementById("navDemo");
+    if (x.className.indexOf("w3-show") == -1) {
+        x.className += " w3-show";
+    } else { 
+        x.className = x.className.replace(" w3-show", "");
+    }
+}
+</script>
+
+@endsection
\ No newline at end of file
diff --git a/remember_laravel/resources/views/frontend/contact.blade.php b/remember_laravel/resources/views/frontend/contact.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..50b56ce692fdef894be24543105d061f4ae72cd9
--- /dev/null
+++ b/remember_laravel/resources/views/frontend/contact.blade.php
@@ -0,0 +1,33 @@
+@extends('frontend.layout.base')
+
+@section('content')
+<!-- Header -->
+<div class="div-index-geral">
+    <img class="bimagem" src="{{ asset('storage/images/background.jpg') }}"/>
+
+    <div class="div-index-texto" align="center">
+      <h2 class="hd2">Remember PET</h2>
+      <p class="pr1">Lembranças de toda a história do PET Computação recuperadas ao longo do tempo</p>
+      <a href="galery">
+          <button class="button-index">GALERIA</button>
+      </a>
+    </div>
+</div>
+
+@endsection
+
+@section('bottomJs')
+
+<script>
+// Used to toggle the menu on small screens when clicking on the menu button
+function myFunction() {
+    var x = document.getElementById("navDemo");
+    if (x.className.indexOf("w3-show") == -1) {
+        x.className += " w3-show";
+    } else { 
+        x.className = x.className.replace(" w3-show", "");
+    }
+}
+</script>
+
+@endsection
\ No newline at end of file
diff --git a/remember_laravel/resources/views/frontend/layout/navbar.blade.php b/remember_laravel/resources/views/frontend/layout/navbar.blade.php
index fb723f0ff74e012c0cf5d74816511cc16c66f317..0a8ffbd714c4fdc1e42656f95f2af6045287b7c1 100644
--- a/remember_laravel/resources/views/frontend/layout/navbar.blade.php
+++ b/remember_laravel/resources/views/frontend/layout/navbar.blade.php
@@ -2,18 +2,17 @@
 <div class="w3-top">
   <div class="w3-bar w3-black w3-card w3-left-align w3-large">
     <a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large w3-black" href="javascript:void(0);" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a>
-    <a href="index.html" class="w3-bar-item w3-button w3-padding-large home">REMEMBER PET</a>
+    <a href="/" class="w3-bar-item w3-button w3-padding-large home">REMEMBER PET</a>
     <a href="galery" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Galeria</a>
-    <a href="entrevistas.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Entrevistas</a>
-    <a href="sobre.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Sobre</a>
-    <a href="contato.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Contato</a>
+    <a href="about" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Sobre</a>
+    <a href="contact" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Contato</a>
 <!--<a href="#" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Link 4</a> -->
   </div>
   <!-- Navbar on small screens -->
   <div id="navDemo" class="w3-bar-block w3-black w3-hide w3-hide-large w3-hide-medium w3-large">
     <a href="galery" class="w3-bar-item w3-button w3-padding-large w3-hover-white">Galeria</a>
-    <a href="sobre.html" class="w3-bar-item w3-button w3-padding-large w3-hover-white">Sobre</a>
-    <a href="contato.html" class="w3-bar-item w3-button w3-padding-large w3-hover-white">Contato</a>
+    <a href="about" class="w3-bar-item w3-button w3-padding-large w3-hover-white">Sobre</a>
+    <a href="contact" class="w3-bar-item w3-button w3-padding-large w3-hover-white">Contato</a>
     <!--<a href="#" class="w3-bar-item w3-button w3-padding-large">Link 4</a> -->
   </div>
 </div>
\ No newline at end of file
diff --git a/remember_laravel/routes/web.php b/remember_laravel/routes/web.php
index a954add2431d5c9fa8ccc2904fe503a1f855ec21..794799fd4c87d6fd2d0da937373bfa530337de24 100644
--- a/remember_laravel/routes/web.php
+++ b/remember_laravel/routes/web.php
@@ -18,6 +18,8 @@
 
 Route::get('/', 'HomeController@index')->name('home');
 Route::get('/galery', 'HomeController@galery')->name('galery');
+Route::get('/about', 'HomeController@about')->name('about');
+Route::get('/contact', 'HomeController@contact')->name('contact');
 
 Route::group(['prefix' => 'dashboard', 'middleware' => ['web', 'auth']], function () {
     Route::get('/', function () {