WIP #4819 @1.5

diff --git a/resources/views/resources.blade.php b/resources/views/resources.blade.php
new file mode 100644 (file)
index 0000000..798a4b3
--- /dev/null
+++ b/resources/views/resources.blade.php
@@ -0,0 +1,42 @@
+@extends('layouts.app')
+
+@section('content')
+
+    @php
+        // TEMPORARY DATA MOCKUP
+        $title = 'Ressources';
+        $subtitle = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rhoncus tellus ipsum.';
+        $documents = [
+            [
+                'document_title' => "Cœur de l'offre",
+                'document_subtitle' => 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rhoncus tellus ipsum, vel elementum eros vehicula quis.',
+                'document_image' => 'https://odl.paris.cubedesigners.com/storage/107/groupe-133-at-2x.png',
+                'document_pdf' => '#',
+            ],
+            [
+                'document_title' => 'Offre détaillée',
+                'document_subtitle' => 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rhoncus tellus ipsum, vel elementum eros vehicula quis.',
+                'document_image' => 'https://odl.paris.cubedesigners.com/storage/108/groupe-134-at-2x.png',
+                'document_pdf' => '#',
+            ],
+        ];
+    @endphp
+
+    <h1 class="text-6xl font-semibold uppercase mb-8">{{ $title }}</h1>
+    <h2 class="text-2xl mb-14 w-1/2">{{ $subtitle }}</h2>
+
+    <div class="grid grid-cols-2 gap-6">
+        @foreach($documents as $doc)
+            <div class="bg-blue flex p-10 text-white rounded-md">
+                <img class="w-1/2 pr-6" src="{{ $doc['document_image'] }}" alt="{{ $doc['document_title'] }}">
+                <div class="-mr-5 space-y-4">
+                    <h3 class="text-4xl font-semibold">{{ $doc['document_title'] }}</h3>
+                    <p>{{ $doc['document_subtitle'] }}</p>
+                    <a href="{{ $doc['document_pdf'] }}" class="bg-blue-dark inline-block py-4 px-10 rounded-full">Visualiser</a>
+                </div>
+            </div>
+        @endforeach
+    </div>
+
+
+@endsection