Skip to content
Snippets Groups Projects
Commit 566cee00 authored by AKIFI NAIL's avatar AKIFI NAIL
Browse files

offre d'emploi

parent 78e37bfe
No related merge requests found
Hide whitespace changes
Inline Side-by-side
public/css/utils.css
+ 42
− 1
View file @ 566cee00
......@@ -14,6 +14,11 @@ .nowrap {
}
.mt-logo{
margin-top: 8rem;
}
.gap-20 {
gap: 12 rem;
}
......@@ -334,7 +339,17 @@ .delay-1{
animation-delay: 1s !important;
}
.round-briefcase{
width: 3rem;
height: 3rem;
background-color: var(--primary-color);
border-radius: 50%;
color: white;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
}
@keyframes slide-right {
......@@ -813,8 +828,17 @@ .icon-home{
}
/*Offre d'emploi index*/
.offre-card{
width: 100%;
height: 100%;
border-radius: 10px;
background-color: white;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
transition: all 0.5s ease;
}
......@@ -1210,6 +1234,17 @@ @media (max-width: 1250px) {
font-size: 1.8rem;
}
.mt-logo {
margin-top: 0rem;
margin-bottom: 5rem;
}
.radius-100 {
width: 200px;
height: 200px;
}
.w-slider{
......@@ -1241,6 +1276,7 @@ @media (max-width: 1100px) {
font-size: 1.6rem;
}
.img-accueil{
margin-top: -30px;
}
......@@ -1418,6 +1454,11 @@ @media (max-width: 768px) {
margin-left: -3.5rem;
}
.radius-100 {
width: 150px;
height: 150px;
}
.w-slider{
width: 100%;
}
......
resources/views/offres/index.blade.php
+ 32
− 10
View file @ 566cee00
<x-layout.front>
<p>Offres</p>
@foreach ($offres as $offre)
<p>{{ $offre->titre}}</p>
<a href="{{ route('offres.show', $offre) }}">Voir l'offre</a>
@endforeach
<h2 class="text-center fs-1 mt-5 mb-5">Liste des Offres d'Emploi ({{ $offres->count() }})</h2>
@if (auth()->check() && auth()->user()->role_id === 1)
<a href="{{ route('offres.create') }}">Créer une offre</a>
@endif
<section class="container d-flex flex-column align-items-center">
@foreach ($offres as $offre)
<div class="card w-100 col-12 col-xl-10 shadow-lg mb-5 p-5 border-0 rounded-4">
<div class="d-flex align-items-center gap-4 mb-4">
<i class="bi bi-briefcase round-briefcase"></i>
<h2 class="mb-0 fw-bold">{{ $offre->titre }}</h2>
</div>
<div class="mb-3">
<span class="blue fs-3 px-1">{{ $offre->type }}</span>
</div>
<div class="mb-4">
<p class="text-muted fs-4">{{ $offre->presentation }}</p>
</div>
<div class="d-flex justify-content-between align-items-center">
@if ($offre->posts->count() > 0)
@foreach ($offre->posts as $post)
<p class="mb-0 text-secondary fs-5">Projet lié : <span class="blue">{{ $post->titre }}
</span> </p>
@endforeach
@else
<p class="mb-0 text-secondary fs-5">Pas de projet lié</p>
@endif
<a href="{{ route('offres.show', $offre) }}" class="btn btn-primary btn-lg px-5">Voir l'Offre</a>
</div>
</div>
@endforeach
@if (auth()->check() && auth()->user()->role_id === 1)
<a href="{{ route('offres.create') }}" class="btn btn-success btn-lg mt-4 px-5">Créer une Offre</a>
@endif
</section>
</x-layout.front>
\ No newline at end of file
</x-layout.front>
resources/views/pages/accueil.blade.php
+ 9
− 5
View file @ 566cee00
......@@ -100,7 +100,7 @@ class="img-fluid object-fit-cover rounded-hard mt-5 w-100 image-icube">
<section
class="d-flex flex-column flex-md-row-reverse align-items-center justify-content-center mt-slider-10 mx-5 gap-md-5 gap-1"
class="d-flex flex-column flex-md-row-reverse align-items-center justify-content-center mt-slider-10 mx-5 gap-md-5 gap-1 "
id="explored-carousel">
<div id="carouselExample" class="carousel slide custom-carousel w-slider" data-bs-ride="carousel">
<div class="carousel-inner">
......@@ -147,7 +147,7 @@ class="d-flex flex-column flex-md-row-reverse align-items-center justify-content
</section>
<section class="d-flex flex-column flex-sm-row justify-content-around align-items-center mt-10">
<section class="d-flex flex-column flex-sm-row justify-content-around align-items-center mt-logo">
<img src="{{ asset('images/slider-unistra.png') }}" alt="image illustration"
class="img-fluid object-fit-cover h-img-spons">
<img src="{{ asset('images/cnrs.png') }}" alt="image illustration"
......@@ -184,13 +184,16 @@ class="img-fluid object-fit-cover h-img-spons">
<section class="mt-5 ms-5">
<h2 class="text-center fs-1 mb-5 pb-5">Nos membres au sein <span class="gray-color">du laboratoire</span></h2>
<h2 class="text-center fs-title-2 mb-5 pb-5" data-aos="fade-up">Nos membres au sein <span
class="gray-color">du
laboratoire</span>
</h2>
<div class="container mt-5 pt-5 pb-5">
<div class="row justify-content-center">
@foreach ($membres as $index => $membre)
<!-- Ligne 1 : 3 colonnes -->
@if ($index < 3)
<div class="col-12 col-md-4 d-flex flex-column align-items-center gap-5">
<div class="col-12 col-md-4 d-flex flex-column align-items-center gap-5" data-aos="fade-up">
<div class="radius-100">
<img src="{{ asset('storage/' . $membre->image) }}" alt="image illustration"
class="img-fluid object-fit-cover">
......@@ -204,7 +207,8 @@ class="img-fluid object-fit-cover">
<!-- Ligne 2 : 2 colonnes -->
@if ($index >= 3)
<div class="col-12 col-md-6 d-flex flex-column align-items-center gap-2 mt-5 pt-5">
<div class="col-12 col-md-6 d-flex flex-column align-items-center gap-2 mt-5 pt-5 blockandnone"
data-aos="fade-up">
<div class="radius-100">
<img src="{{ asset('storage/' . $membre->image) }}" alt="image illustration"
class="img-fluid object-fit-cover">
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment