diff --git a/remember_laravel/app/Http/Controllers/HomeController.php b/remember_laravel/app/Http/Controllers/HomeController.php
index b301c1fff47184bb9feb4deba5d2902f1c8cc7cb..359d250827db0b00e1ca978f0ed813c1d22106fa 100644
--- a/remember_laravel/app/Http/Controllers/HomeController.php
+++ b/remember_laravel/app/Http/Controllers/HomeController.php
@@ -6,6 +6,7 @@ use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Auth;
 
 use App\User;   
+use App\Image;
 
 class HomeController extends Controller
 {
@@ -21,7 +22,7 @@ class HomeController extends Controller
 
     public function user_info(){
         if (Auth::check()){
-            $data = Auth::user()->name; 
+            $data = Auth/index.html::user()->name; 
             $users = User::get();
             // dd($users);
             return view('frontend.welcome')->with([
@@ -59,6 +60,26 @@ class HomeController extends Controller
             'frase' => $frase
         ]);
     }
+
+    public function galery()
+    {
+// definição das frases da home page
+        $frases = [];
+        $frases[0] = "Sua luta não termina quando sentir cansaço, mas sim quando atingir o sucesso tão merecido.";
+        $frases[1] = "A motivação não acontece por acaso, como tudo na vida você tem de batalhar para a alcançar.";
+        $frases[2] = "Há dias que você tem que ir para a frente só com o que você tem na mão, não dá para esperar pela motivação.";
+        $frases[3] = "Às vezes um pouco de motivação ajuda a superar os maiores desafios.";
+        $frases[4] = "Sonhos existem para serem realizados, por isso não olhe para trás nem escute palavras de desânimo!";
+        
+        // o número de frases é 4, então aleatoriza em uma range de 0..4
+        $conta = rand() % 5;
+        
+        // frase escolhida
+        $frase = $frases[$conta];   
+
+        $images = Image::all();
+        return view('frontend.galery')->with(['images' => $images, 'frase' => $frase]);
+    }
     
     
     //   var conta; 
diff --git a/remember_laravel/public/css/style.css b/remember_laravel/public/css/style.css
index 7b2234c7d17eb7536f7db656ecb6b0f65ba508b1..3b5d62586141b4ebdc62675746e44df54c1e5a5f 100644
--- a/remember_laravel/public/css/style.css
+++ b/remember_laravel/public/css/style.css
@@ -171,4 +171,62 @@ textarea {
  	-o-filter: blur(5px);
 	-ms-filter: blur(5px);
   	filter: blur(5px);
+}
+
+.gallery-block{
+	padding-bottom: 60px;
+	padding-top: 60px;
+}
+
+.gallery-block .heading{
+    margin-bottom: 50px;
+    text-align: center;
+}
+
+.gallery-block .heading h2{
+    font-weight: bold;
+    font-size: 1.4rem;
+    text-transform: uppercase;
+}
+
+.gallery-block.cards-gallery h6 {
+  font-size: 17px;
+  font-weight: bold; 
+}
+
+.gallery-block.cards-gallery .card{
+  transition: 0.4s ease; 
+}
+
+.gallery-block.cards-gallery .card img {
+  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); 
+}
+
+.gallery-block.cards-gallery .card-body {
+  text-align: center; 
+}
+
+.gallery-block.cards-gallery .card-body p {
+  font-size: 15px; 
+}
+
+.gallery-block.cards-gallery a {
+  color: #212529; 
+}
+
+.gallery-block.cards-gallery a:hover {
+  text-decoration: none; 
+}
+
+.gallery-block.cards-gallery .card {
+  margin-bottom: 30px; 
+  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
+}
+
+@media (min-width: 576px) {
+
+	.gallery-block .transform-on-hover:hover {
+	    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/galery.blade.php b/remember_laravel/resources/views/frontend/galery.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..2a30f27edc65e2ad2b199f9bb519fe4ea3d5c1fc
--- /dev/null
+++ b/remember_laravel/resources/views/frontend/galery.blade.php
@@ -0,0 +1,53 @@
+@extends('frontend.layout.base')
+
+@section('content')
+<!-- Header -->
+<div class="div-index-geral">
+    <img class="bimagem" src="{{ asset('storage/images/background.png') }}"/>
+
+    <section class="gallery-block cards-gallery">
+            <div class="container">
+                <div class="heading">
+                  <h1>GALERIA</h1>
+                </div>
+                <div class="row">
+                    @foreach ($images as $image)
+                    <div class="col-md-6 col-lg-4">
+                        <div class="card border-0 transform-on-hover">
+                            <a class="lightbox" href="{{ asset('storage/images/galeria/' . $image->path) }}">
+                                <img src="{{ asset('storage/images/galeria/' . $image->path) }}" alt="Card Image" class="card-img-top" style="width: 355px">
+                            </a>
+                            <div class="card-body">
+                                <h6>{{ $image->title }}</h6>
+                                <p class="text-muted card-text">{{ $image->description }}</p>
+                            </div>
+                        </div>
+                    </div>
+                    @endforeach
+                </div>
+            </div>
+        </section>
+</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>
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.js"></script>
+    <script>
+        baguetteBox.run('.cards-gallery', { animation: 'slideIn'});
+    </script>
+
+@endsection
\ No newline at end of file
diff --git a/remember_laravel/resources/views/frontend/home.blade.php b/remember_laravel/resources/views/frontend/home.blade.php
index 8f080b4a25fd068892816884b083e30d83fbb6e7..5b1526e8620276295589ec478bb7d6e8b3d678da 100644
--- a/remember_laravel/resources/views/frontend/home.blade.php
+++ b/remember_laravel/resources/views/frontend/home.blade.php
@@ -3,18 +3,18 @@
 @section('content')
 <!-- Header -->
 <div class="div-index-geral">
-    <img class="bimagem" src="{{ asset('storage/images/background.png') }}"/>
+    <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="/galeria">
+      <a href="galery">
           <button class="button-index">GALERIA</button>
       </a>
     </div>
 </div>
 
-<div class="w3-container w3-black w3-center w3-opacity w3-padding-64">
+<div class="w3-container w3-black w3-center w3-opacity w3-padding-64" style="bottom:0">
     {{ $frase }}
 </div>
 @endsection
diff --git a/remember_laravel/resources/views/frontend/layout/base.blade.php b/remember_laravel/resources/views/frontend/layout/base.blade.php
index 29cd07a0a2e10b085c013bbb6a4ef3cbadac8e2b..037a3277c3f8d8a5684978a6fa33714a2026ef1f 100644
--- a/remember_laravel/resources/views/frontend/layout/base.blade.php
+++ b/remember_laravel/resources/views/frontend/layout/base.blade.php
@@ -16,14 +16,22 @@
         @yield('head')
     </head>
     <body>
-        @include('frontend.layout.navbar')
         <div>
-            @yield('content')
+            <div>
+
+                @include('frontend.layout.navbar')
+            </div>
+            
+            <div>
+
+                @yield('content')
+            </div>
+            
+            @include('frontend.layout.footer')
+            @include('frontend.layout.bottomJs')
+            @yield('bottomJs')
+            @include('frontend.layout.coreJs')
         </div>
-        @include('frontend.layout.footer')
-        @include('frontend.layout.bottomJs')
-        @yield('bottomJs')
-        @include('frontend.layout.coreJs')
     </body>
 </html>
 
diff --git a/remember_laravel/resources/views/frontend/layout/homeContent.blade.php b/remember_laravel/resources/views/frontend/layout/homeContent.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..70687a7b53f3e60555ea19ee8b3583f5c804f882
--- /dev/null
+++ b/remember_laravel/resources/views/frontend/layout/homeContent.blade.php
@@ -0,0 +1,11 @@
+<div class="div-index-geral">
+        <img class="bimagem" src="{{ asset('storage/images/background.png') }}"/>
+    
+        <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="/galeria">
+              <button class="button-index">GALERIA</button>
+          </a>
+        </div>
+    </div>
\ 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 0290c75d2b4d7e11dfea6bf174be0019cc4a5d35..fb723f0ff74e012c0cf5d74816511cc16c66f317 100644
--- a/remember_laravel/resources/views/frontend/layout/navbar.blade.php
+++ b/remember_laravel/resources/views/frontend/layout/navbar.blade.php
@@ -3,7 +3,7 @@
   <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="galeria.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Galeria</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>
@@ -11,7 +11,7 @@
   </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="galeria.html" class="w3-bar-item w3-button w3-padding-large w3-hover-white">Galeria</a>
+    <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="#" class="w3-bar-item w3-button w3-padding-large">Link 4</a> -->
diff --git a/remember_laravel/routes/web.php b/remember_laravel/routes/web.php
index a8e1363de8b9d82c094079a7e5bad907a58becdb..a954add2431d5c9fa8ccc2904fe503a1f855ec21 100644
--- a/remember_laravel/routes/web.php
+++ b/remember_laravel/routes/web.php
@@ -17,6 +17,7 @@
  */
 
 Route::get('/', 'HomeController@index')->name('home');
+Route::get('/galery', 'HomeController@galery')->name('galery');
 
 Route::group(['prefix' => 'dashboard', 'middleware' => ['web', 'auth']], function () {
     Route::get('/', function () {