89 lines
4.3 KiB
HTML
89 lines
4.3 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<link rel="stylesheet" href="scss/styles.scss">
|
||
<meta charset="UTF-8" />
|
||
<link rel="icon" type="image/png" href="/phantomthief.png" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<style>
|
||
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
|
||
</style>
|
||
<title>Orabis Homepage</title>
|
||
</head>
|
||
<body class="d-flex flex-column min-vh-100">
|
||
<div id="tsparticles"></div>
|
||
<div class="container m-5 mx-auto text-center">
|
||
<h1>Bienvenue sur <strong>orabis.fr</strong></h1>
|
||
<h2>Retrouvez ici tous mes projets déployés</h2>
|
||
<div class="d-flex justify-content-center mt-4">
|
||
<a href="http://x.com/orabisss" target="_blank">
|
||
<img class="img-fluid social-icon" src="/x.svg" alt="x.com" >
|
||
</a>
|
||
<a href="http://github.com/orabis">
|
||
<img class="img-fluid social-icon" src="/github.svg" alt="github.com">
|
||
</a>
|
||
<a href="https://behance.net/orabis">
|
||
<img class="img-fluid social-icon" src="/behance.svg" alt="behance.com">
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<hr class="my-4 w-50 mx-auto"/>
|
||
<div class="container m-5 mx-auto row">
|
||
<div class="col-sm-6 mb-4">
|
||
<div class="card bg-dark bg-opacity-50 text-white">
|
||
<img class="card-img-fluid" src="/stockseekerimage.png" alt="Image du projet">
|
||
|
||
<div class="card-body">
|
||
<h5 class="card-title">E5-Stockseeker</h5>
|
||
<p class="card-text">
|
||
Outil de gestion de stock. Ajoutez vos entrepôts,
|
||
créez vos produits et gérez vos stocks en toute simplicité.
|
||
Profitez d’une interface épurée et intuitive pour une gestion efficace.
|
||
Suivez vos stocks en temps réel, sans complication.
|
||
</p>
|
||
<a href="https://stock.orabis.fr" target="_blank" class="btn btn-outline-light">Accéder au projet <img class="icon" src="/arrow.svg" alt=""></a>
|
||
<a href="https://github.com/Orabis/E5-StockSeeker" target="_blank" class="btn btn-outline-light">Code source <img class="icon icon-gear" src="/gear.svg" alt=""></a>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-6 mb-4">
|
||
<div class="card bg-dark bg-opacity-50 text-white">
|
||
<img class="card-img-fluid" src="/exportgit.png" alt="Image du projet">
|
||
<div class="card-body opacity-100">
|
||
<h5 class="card-title">E5-ExportGitlab</h5>
|
||
<p class="card-text">
|
||
L'application simplifie l'exportation des issues d'un projet,
|
||
permettant de les télécharger au format PDF.
|
||
Le projet a été réalisé pendant ma période de formation à la Direction du Numérique de l'Université de Strasbourg.
|
||
</p>
|
||
<a href="https://export.orabis.fr" target="_blank" class="btn btn-outline-light">Accéder au projet <img class="icon" src="/arrow.svg" alt=""></a>
|
||
<a href="https://github.com/Orabis/Docs-Export-Gitlab" target="_blank" class="btn btn-outline-light">Code source <img class="icon icon-gear" src="/gear.svg" alt=""></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-6 mb-4">
|
||
<div class="card bg-dark bg-opacity-50 text-white">
|
||
<img class="card-img-top" src="/blog.png" alt="Image du projet">
|
||
<div class="card-body opacity-100">
|
||
<h5 class="card-title">La chambre à l'heure</h5>
|
||
<p class="card-text">
|
||
Blog interactif fait avec WordPress, un coin détente pour lire mes articles.
|
||
J’y partage mes veilles technologiques, mes analyses d'œuvres,
|
||
mes idées de développement ainsi que diverses astuces et conseils.
|
||
</p>
|
||
<a href="https://journal.orabis.fr" target="_blank" class="btn btn-outline-light">Accéder au projet <img class="icon" src="/arrow.svg" alt=""></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<footer>
|
||
<div class="container m-5 mx-auto text-center">
|
||
<p>© 2025 Orabis</p>
|
||
</div>
|
||
</footer>
|
||
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3.8.1/tsparticles.bundle.min.js"></script>
|
||
<script type="module" src="/src/main.js"></script>
|
||
</body>
|
||
</html>
|