offres2
Baptiste D 1 year ago
parent 04cfe69e03
commit 1dace622eb

BIN
.DS_Store vendored

Binary file not shown.

BIN
php/.DS_Store vendored

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 226 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 101 KiB

@ -0,0 +1,53 @@
img
{
border-radius: 10px;
}
body{
margin: 0;
padding:0;
}
#titleDiv
{
background-image:url('../assets/deb.webp');
width: 100%;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
background-position: center;
color :white;
}
#title p
{
background-color: grey;
border-radius: 5px;
}
#title
{
font-size: 20px;
padding: 20px;
height: 70%;
align-items: center;
color: white;
background-color: #00DBFF;
}
#key {
display: flex;
justify-content: center;
color: black;
}
#key p
{
background-color: grey;
border-radius: 3px;
padding:10%;
}

@ -113,7 +113,8 @@ class UtilisateurControleur
$twig->addExtension(new TwigExtensions()); // Ajouter l'extension personnalisée à l'environnement Twig $twig->addExtension(new TwigExtensions()); // Ajouter l'extension personnalisée à l'environnement Twig
$offres = $offreMdl->obtenirOffres(); $offres = $offreMdl->obtenirOffres();
echo $twig->render('offres.html', ['offres' => $offres]); echo $twig->render('offreDetail.html',[]);
//echo $twig->render('offres.html', ['offres' => $offres]);
} }
protected function creerOffre() protected function creerOffre()
{ {

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Footer</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
<div class="d-flex justify-content-around">
<div style="background-color:#00DBFF">div 1</div>
<div style="background-color:#00DBFF">
<h3>Association</h3>
</div>
<div style="background-color:#00DBFF">
<h3>Aide</h3>
</div>
</div>
<p class="text-center">© Copyright 2023, All Rights Reserved by Alica</p>
</body>
</html>

@ -0,0 +1,50 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Offre Detail</title>
<link rel="stylesheet" href="css/offreDetail.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
{% include "menu.html" %}
</head>
<body>
<div id="titleDiv" class="jumbotron text-center">
<img src="assets/michelin.png" alt="Logo" height="70px">
<h1>Developpeur Fullstack</h1>
<img src="assets/location.png">
<p>Paris</p>
<div id="key" class="row justify-content-center">
<div class="col-md-2">
<p>CDI</p>
</div>
<div class="col-md-3">
<p>Experience: Non spécifié</p>
</div>
<div class="col-md-3">
<p>Etudes: Bac+2</p>
</div>
</div>
</div>
<p>Offre Proposée par marvin marbout</p>
<p>Publiée le 15/17/2023</p>
<h3>Description de l'offre</h3>
<div id="description" class="container">
<p>
Accompagné(e) par nos experts au sein d'une équipe pluridisciplinaire, tu conçois et développes des solutions innovantes répondant aux besoins de nos clients.
A ce titre, tu utilises les langages, frameworks et outils actuels.
Les méthodes agiles ainsi que les pratiques DevOps, l'intégration et le déploiement continu sont ton quotidien.
Tu interviens dans un environnement technique très riche. Rejoindre CGI dans le cadre de ton stage de fin détudes,
cest intervenir sur des projets denvergure et variés en lien avec ta formation tout en bénéficiant dun accompagnement de proximité pour construire ta carrière.
Cest aussi sinvestir auprès dune entreprise responsable qui propose de nombreux avantages (prise en charge jusquà 100% des transports en commun) et partager des moments de convivialité pour ensuite nous rejoindre en CDI !
</p>
</div>
<!-- Include Bootstrap JS and jQuery -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.2/dist/js/bootstrap.min.js"></script>
</body>
</html>

@ -4,6 +4,27 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Alica - Offres</title> <title>Alica - Offres</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<style>
.offre-container {
margin-bottom: 5%;
}
.offre-img {
max-width: 100%;
}
#titrePrincipal {
padding-bottom: 10px;
border-bottom: 1px solid black;
margin-bottom: 30px;
}
.custom-button {
background-color: #00DBFF;
border-color: #00DBFF;
color: #fff;
}
</style>
</head> </head>
<body> <body>
<header> <header>
@ -13,24 +34,41 @@
<div class="container mt-4"> <div class="container mt-4">
<h1 id="titrePrincipal">Offres d'emploi</h1> <h1 id="titrePrincipal">Offres d'emploi</h1>
{% for offre in offres %} {% for offre in offres %}
<article class="mb-4"> <div class="offre-container">
<div class="row"> <div class="row">
<div class="col-sm-3"> <!-- Première ligne -->
<img src="data:image/png;base64,{{ offre.getImg().getBlob() | base64 }}" class="img-fluid"> <div class="col-12 col-md-3">
<img src="data:image/png;base64,{{ offre.getImg().getBlob() | base64 }}" class="offre-img">
</div> </div>
<div class="col-sm-9">
<div class="col-12 col-md-9">
<h3>{{ offre.getNom() }}</h3> <h3>{{ offre.getNom() }}</h3>
<p>{{ offre.getOffreur().getNom() }} - {{ offre.getExperience() }}</p> <p>Julien Martin</p>
<p>{{ offre.getDescription() }}</p> </div>
<img src="assets/location.png" class="img-fluid" title="image"/> </div>
<div class="row">
<div class="col-12">
<p class="text-left">{{ offre.getDescription() }}</p>
</div>
</div>
<!-- Quatrième ligne (Localisation) -->
<div class="row">
<div class="col-1">
<img src="assets/location.png" class="img-fluid" title="ville">
</div>
<div class="col-11">
<p>{{ offre.getVille() }}</p> <p>{{ offre.getVille() }}</p>
</div> </div>
</div> </div>
</article> <div class="row">
<div class="col-12">
<button type="button" class="btn btn-outline-primary btn-sm mb-2 custom-button">En savoir plus ></button>
</div>
</div>
</div>
{% endfor %} {% endfor %}
</div> </div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>

Loading…
Cancel
Save