dorian.hodin
/
Portfolio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Adding personal interest
continuous-integration/drone/push Build is passing Details

Browse Source
master
Dorian HODIN 12 months ago
parent 03d268ec42
commit 9e8e0941cf
3 changed files with 46 additions and 112 deletions
Show Stats Download Patch File Download Diff File

2
.drone.yml
Unescape View File

@ -27,5 +27,5 @@ steps:
CONTAINERNAME: portfolio
COMMAND: create
OVERWRITE: true
ADMINS: dorianhodin,corentinrichard
ADMINS: dorianhodin
depends_on: [ build-portfolio]

12
site/assets/css/style.css
Unescape View File

@ -17,6 +17,18 @@ body {
background: transparent;
}
.container_perso {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.activity {
width: 30%;
height: 30%;
margin-bottom: 1%;
border: solid #18d26e;
}
body::before {
content: "";
position: fixed;

144
site/index.html
Unescape View File

@ -1,21 +1,15 @@
<!DOCTYPE html>
<html lang="en">
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Portefolio</title>
<link href="https://codefirst.iut.uca.fr/containers/dorianhodin-portfolio/assets/img/favicon.ico" rel="icon">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<link href="assets/css/bootstrap-css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<header id="header">
<div class="container">
@ -132,16 +126,12 @@
<section id="competence" class="competence">
<div class="skills container">
<div class="section-title">
<h2>Compétences :</h2>
</div>
Voici mes différentes Compétences ainsi que leur niveau de maîtrise :
<div class="row skills-content">
<div class="col-lg-6">
<div class="progress">
<span class="skill">PHP <i class="val">70%</i></span>
<div class="progress-bar-wrap">
@ -149,8 +139,6 @@
</div>
</div>
<br>
<div class="progress">
<span class="skill">PHP Slim <i class="val">80%</i></span>
<div class="progress-bar-wrap">
@ -158,8 +146,6 @@
</div>
</div>
<br>
<div class="progress">
<span class="skill">Java <i class="val">30%</i></span>
<div class="progress-bar-wrap">
@ -167,8 +153,6 @@
</div>
</div>
<br>
<div class="progress">
<span class="skill">SpringBoot 3<i class="val">75%</i></span>
<div class="progress-bar-wrap">
@ -176,8 +160,6 @@
</div>
</div>
<br>
<div class="progress">
<span class="skill">Flutter <i class="val">70%</i></span>
<div class="progress-bar-wrap">
@ -185,19 +167,14 @@
</div>
</div>
<br>
<div class="progress">
<span class="skill">Dart <i class="val">60%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="progress">
<span class="skill">Socket IO (Javascript) <i class="val">60%</i></span>
<div class="progress-bar-wrap">
@ -205,7 +182,6 @@
</div>
</div>
<br>
<div class="progress">
<span class="skill">Réseau (Reverse proxy, organisation d'un serveur) <i class="val">70%</i></span>
<div class="progress-bar-wrap">
@ -213,8 +189,6 @@
</div>
</div>
<br>
<div class="progress">
<span class="skill">Git <i class="val">70%</i></span>
<div class="progress-bar-wrap">
@ -222,8 +196,6 @@
</div>
</div>
<br>
<div class="progress">
<span class="skill">Teams <i class="val">75%</i></span>
<div class="progress-bar-wrap">
@ -231,8 +203,6 @@
</div>
</div>
<br>
<div class="progress">
<span class="skill">HTML <i class="val">55%</i></span>
<div class="progress-bar-wrap">
@ -240,19 +210,14 @@
</div>
</div>
<br>
<div class="progress">
<span class="skill">CSS <i class="val">35%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="35" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
</div>
</section>
@ -268,80 +233,40 @@
</div>
<div class="row">
<div class="col-lg-3 col-md-4">
<div class="icon-box">
<i class="ri-store-line" style="color: #ffbb2c;"></i>
<h3>Lorem Ipsum</h3>
</div>
</div>
<div class="col-lg-3 col-md-4 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-bar-chart-box-line" style="color: #5578ff;"></i>
<h3>Dolor Sitema</h3>
</div>
</div>
<div class="col-lg-3 col-md-4 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-calendar-todo-line" style="color: #e80368;"></i>
<h3>Sed perspiciatis</h3>
</div>
</div>
<div class="col-lg-3 col-md-4 mt-4 mt-lg-0">
<div class="icon-box">
<i class="ri-paint-brush-line" style="color: #e361ff;"></i>
<h3>Magni Dolores</h3>
</div>
</div>
<div class="col-lg-3 col-md-4 mt-4">
<div class="icon-box">
<i class="ri-database-2-line" style="color: #47aeff;"></i>
<h3>Nemo Enim</h3>
</div>
</div>
<div class="col-lg-3 col-md-4 mt-4">
<div class="icon-box">
<i class="ri-gradienter-line" style="color: #ffa76e;"></i>
<h3>Eiusmod Tempor</h3>
</div>
</div>
<div class="col-lg-3 col-md-4 mt-4">
<div class="icon-box">
<i class="ri-file-list-3-line" style="color: #11dbcf;"></i>
<h3>Midela Teren</h3>
</div>
</div>
<div class="col-lg-3 col-md-4 mt-4">
<div class="icon-box">
<i class="ri-price-tag-2-line" style="color: #4233ff;"></i>
<h3>Pira Neve</h3>
</div>
</div>
<div class="col-lg-3 col-md-4 mt-4">
<div class="icon-box">
<i class="ri-anchor-line" style="color: #b2904f;"></i>
<h3>Dirada Pack</h3>
</div>
</div>
<div class="col-lg-3 col-md-4 mt-4">
<div class="icon-box">
<i class="ri-disc-line" style="color: #b20969;"></i>
<h3>Moton Ideal</h3>
</div>
</div>
<div class="col-lg-3 col-md-4 mt-4">
<div class="icon-box">
<i class="ri-base-station-line" style="color: #ff5828;"></i>
<h3>Verdo Park</h3>
<div class="container_perso">
<div class="activity">
<img src="https://images.pexels.com/photos/586415/pexels-photo-586415.jpeg" width="100%" height="200%" style="float: left; margin-right: 10px;">
<h1 style="float: left;">Piano</h1>
<p style="float: left;">Ma grand-mère m'as appris le piano quand j'était en primaire, et j'ai repris en autodidacte depuis 5 ans</p>
</div>
<div class="activity">
<img src="https://c4.wallpaperflare.com/wallpaper/49/843/630/guitar-wallpaper-preview.jpg" width="100%" height="200%" style="float: left; margin-right: 10px;">
<h1 style="float: left;">Guitare</h1>
<p style="float: left;">J'ai récemment commencé à apprendre la guitare pour pouvoir m'accompagner au piano</p>
</div>
<div class="activity">
<img src="https://4kwallpapers.com/images/wallpapers/boxing-gloves-dark-2560x2560-15486.jpg" width="100%" height="200%" style="float: left; margin-right: 10px;">
<h1 style="float: left;">Boxe</h1>
<p style="float: left;">Un coach à ma salle de sport m'as initié à la boxe thaï et anglaise avec un sac de frappe</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 mt-4">
<div class="icon-box">
<i class="ri-fingerprint-line" style="color: #29cc61;"></i>
<h3>Flavor Nivelanda</h3>
<div class="container_perso">
<div class="activity">
<img src="https://img.freepik.com/free-photo/3d-gym-equipment_23-2151114193.jpg" width="100%" height="200%" style="float: left; margin-right: 10px;">
<h1 style="float: left;">Musculation</h1>
<p style="float: left;">Je me suis inscrit à la salle de sport il y a 3 ans après avoir déménagé à Clermont-Ferrand</p>
</div>
<div class="activity">
<img src="https://i.pinimg.com/736x/04/6a/35/046a35b2b4c2cdbc2e462bcb84e2eab9.jpg" width="100%" height="200%" style="float: left; margin-right: 10px;">
<h1 style="float: left;">Course à pied</h1>
<p style="float: left;">J'ai commencé à m'entraîner pour réaliser le Marathon des Pyus à Clermont-Ferrand en octobre 2024</p>
</div>
<div class="activity">
<img src="https://www.fubiz.net/wp-content/uploads/2016/03/bwemptycinemas1-900x698.jpg" width="100%" height="200%" style="float: left; margin-right: 10px;">
<h1 style="float: left;">Cinéma</h1>
<p style="float: left;">Cinéphile grâce à ma soeur et mes parents, je continue d'aller régulierement au cinéma</p>
</div>
</div>
</div>
</div>
</div>
</section>
@ -350,8 +275,5 @@
<script src="assets/js/bootstrap-js/swiper-bundle.min.js"></script>
<script src="assets/js/bootstrap-js/noframework.waypoints.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>
Write Preview
Loading…
Cancel
Save