Vacatures en beelden toegevoegd

resources/views/widgets/beelden.blade.php

@@ -0,0 +1,52 @@
+
+<?php 
+if($data && count($data)): 
+shuffle($data);
+$img = $data[0];
+?>
+<h4 class="page_margin_top box_header"><span class="fa fa-camera"></span> &nbsp; Beelden uit 't Gooi</h4>
+ 
+ <div class='featured'>
+  <p>
+   <img src="images/logo.png" alt="{{$img->images[0]->title}}" title="{{$img->images[0]->title}}" />
+   <b>{{ $img->title }}</b>
+   {{ $img->images[0]->title }}
+  </p>
+  <p class='bouwmee'><a href="mailto:beelden@nhgooi.nl">Uw foto hier? Mail naar beelden@nhgooi.nl!</a></p>
+ </div>
+
+  <style>
+    .featured {
+      padding-top: 10px;
+      padding-left: 0;
+      padding-right: 0;
+    }
+    .featured img {
+      width: 100%;
+    }
+    .featured p, .featured a {
+      font-size: 90%;
+      padding-top: 0;
+      padding-bottom: 0;
+      color: #3A3A3A;
+      text-align: center;
+    }
+    .featured .bouwmee {
+      color: #3333CC;
+    }
+  </style>
+
+  @push('scripts')
+   <script>
+    $(function() { 
+      $('.featured img')
+.load(function() {
+        $('.featured').slideDown();
+      })
+.attr('src', '{{$imgBase . $img->images[0]->url}}');
+    });
+   </script>
+  @endpush
+<?php
+endif;
+?>