mrezende/layout.md Secret

## layout.md

      
    Raw
  

              layout.md
            
          
    Exercícios de fixação

1 - Crie um arquivo chamado layout.blade.php no diretório /resources/views/.
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>@yield('title')</title>
    <link rel="stylesheet" type="text/css" href="/css/app.css" />
  </head>
  <body>


    <div class="container">

      <div class="page-header">
        <h1>Cabeçalho</h1>
        <p>Para exibir o conteúdo, é necessário definir o conteúdo dentro do @@section('content') e @@endsection </p>
      </div>

      @yield('content')

      <footer class="footer">
        <p>&copy; 2017 Curso de Verão USP</p>
      </footer>

    </div>

    <script type="text/javascript" src="/js/app.js">
  </body>
</html>
2 - Altere o arquivo index.blade.php para utilizar o arquivo layout.blade.php como layout da nossa página. O arquivo index.blade.php fica no diretório /resources/views/cursos.
+ @extends('layout')
+
+ @section('content')
+  <div class="row">
+    <div class="col-md-6">
+
+      <h3>Cursos</h3>
+
+      <ul class="list-group">
+        @foreach ($cursos as $curso)
+          <li class="list-group-item"><a href="/cursos/{{ $loop->index }}">{{ $curso }}</a></li>
+        @endforeach
+      </ul>
+
+    </div>
+  </div>
+ @endsection
3 - Altere também o arquivo show.blade.php para utilizar o layout.blade.php como layout. O arquivo show.blade.php fica no diretório /resources/views/cursos.
+ @extends('layout')
+
+ @section('content')
+  <div class="row">
+      <div class="col-md-6">
+        <h4>{{ $curso }}</h4>
+      </div>
+  </div>
+ @endsection
4 - Verifique as alterações feitas e envie para o GitHub.
git status

git add .

git commit -m "adicionando layout"

git push origin master