Base para a pagina de entrevistas

remember_laravel/app/Http/Controllers/HomeController.php

@@ -51,6 +51,11 @@ class HomeController extends Controller
         return view('frontend.gallery')->with(['images' => $images,'frase' => $this->frase()]);
     }
 
+    public function interview()
+    {
+        return view('frontend.interview')->with(['frase' => $this->frase()]);
+    }
+
     public function about()
     {
         return view('frontend.about')->with(['frase' => $this->frase()]);

remember_laravel/resources/views/frontend/interview.blade.php

+@extends('frontend.layout.base')
+
+@section('content')
+
+<div class="div-index-geral">
+
+    <header class="w3-container w3-center centro">
+            <img class="logo" src="{{ asset('storage/images/NovaLogo/Novalogo_2.png') }}" width="500px"/>
+    </header>
+
+    <div class="container">
+
+      <!-- Page Heading -->
+      <h1 class="my-4">Page Heading
+        <small>Secondary Text</small>
+      </h1>
+
+      <!-- Project One -->
+      <div class="row">
+        <div class="col-md-7">
+          <a href="#">
+            <img class="img-fluid rounded mb-3 mb-md-0" src="http://placehold.it/650x300" alt="">
+          </a>
+        </div>
+        <div class="col-md-5">
+          <h3>Project One</h3>
+          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium veniam exercitationem expedita laborum at voluptate. Labore, voluptates totam at aut nemo deserunt rem magni pariatur quos perspiciatis atque eveniet unde.</p>
+          <a class="btn btn-primary" href="#">View Project</a>
+        </div>
+      </div>
+      <!-- /.row -->
+
+      <hr>
+
+      <!-- Project Two -->
+      <div class="row">
+        <div class="col-md-7">
+          <a href="#">
+            <img class="img-fluid rounded mb-3 mb-md-0" src="http://placehold.it/650x300" alt="">
+          </a>
+        </div>
+        <div class="col-md-5">
+          <h3>Project One</h3>
+          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium veniam exercitationem expedita laborum at voluptate. Labore, voluptates totam at aut nemo deserunt rem magni pariatur quos perspiciatis atque eveniet unde.</p>
+          <a class="btn btn-primary" href="#">View Project</a>
+        </div>
+      </div>
+      <!-- /.row -->
+
+      <hr>
+
+      <!-- Project Three -->
+      <div class="row">
+        <div class="col-md-7">
+          <a href="#">
+            <img class="img-fluid rounded mb-3 mb-md-0" src="http://placehold.it/650x300" alt="">
+          </a>
+        </div>
+        <div class="col-md-5">
+          <h3>Project One</h3>
+          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium veniam exercitationem expedita laborum at voluptate. Labore, voluptates totam at aut nemo deserunt rem magni pariatur quos perspiciatis atque eveniet unde.</p>
+          <a class="btn btn-primary" href="#">View Project</a>
+        </div>
+      </div>
+      <!-- /.row -->
+
+      <hr>
+
+      <!-- Project Four -->
+     <div class="row">
+        <div class="col-md-7">
+          <a href="#">
+            <img class="img-fluid rounded mb-3 mb-md-0" src="http://placehold.it/650x300" alt="">
+          </a>
+        </div>
+        <div class="col-md-5">
+          <h3>Project One</h3>
+          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium veniam exercitationem expedita laborum at voluptate. Labore, voluptates totam at aut nemo deserunt rem magni pariatur quos perspiciatis atque eveniet unde.</p>
+          <a class="btn btn-primary" href="#">View Project</a>
+        </div>
+      </div>
+      <!-- /.row -->
+
+      <hr>
+
+      <!-- Pagination -->
+      <ul class="pagination justify-content-center">
+        <li class="page-item">
+          <a class="page-link" href="#" aria-label="Previous">
+            <span aria-hidden="true">&laquo;</span>
+            <span class="sr-only">Previous</span>
+          </a>
+        </li>
+        <li class="page-item">
+          <a class="page-link" href="#">1</a>
+        </li>
+        <li class="page-item">
+          <a class="page-link" href="#">2</a>
+        </li>
+        <li class="page-item">
+          <a class="page-link" href="#">3</a>
+        </li>
+        <li class="page-item">
+          <a class="page-link" href="#" aria-label="Next">
+            <span aria-hidden="true">&raquo;</span>
+            <span class="sr-only">Next</span>
+          </a>
+        </li>
+      </ul>
+      </div>
+</div>
+
+<div class="w3-container w3-black w3-center w3-opacity w3-padding-64" style="bottom:0">
+        {{ $frase }}
+</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

remember_laravel/resources/views/frontend/layout/base.blade.php

@@ -34,4 +34,3 @@
         </div>
     </body>
 </html>
-

remember_laravel/resources/views/frontend/layout/navbar.blade.php

@@ -4,6 +4,7 @@
     <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="/" class="w3-bar-item w3-button w3-padding-large home">REMEMBER PET</a>
     <a href="gallery" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Galeria</a>
+    <a href="interview" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Entrevistas</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="dashboard" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-right w3-hover-red">ADMIN</a>
@@ -12,6 +13,7 @@
   <!-- 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="gallery" class="w3-bar-item w3-button w3-padding-large w3-hover-white">Galeria</a>
+    <a href="interview" class="w3-bar-item w3-button w3-padding-large w3-hover-white">Entrevistas</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="dashboard" class="w3-bar-item w3-button w3-padding-large w3-right w3-hover-red">ADMIN</a>

remember_laravel/routes/web.php

@@ -18,6 +18,7 @@
 
 Route::get('/', 'HomeController@index')->name('home');
 Route::get('/gallery', 'HomeController@gallery')->name('galery');
+Route::get('/interview', 'HomeController@interview')->name('interview');
 Route::get('/about', 'HomeController@about')->name('about');
 Route::get('/contact', 'HomeController@contact')->name('contact');