212 lines
9.3 KiB
PHP
Executable File
212 lines
9.3 KiB
PHP
Executable File
<!DOCTYPE html>
|
||
<!-- saved from url=(0051) -->
|
||
<html lang="en">
|
||
<head>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||
<meta name="description" content="Portfolio de Valentin SORLIN">
|
||
<meta name="author" content="sorlinv">
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:image" content="https://portfolio.sorlinv.fr/static/logo.png">
|
||
<link rel="icon" href="./static/logo.png">
|
||
<title>Portfolio Valentin SORLIN</title>
|
||
|
||
<link href="./static/bootstrap.min.css" rel="stylesheet">
|
||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
|
||
<link href="./static/product.css" rel="stylesheet">
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css">
|
||
<style>
|
||
.shimeji {
|
||
z-index: 1021;
|
||
/* pointer-events: none; */
|
||
}
|
||
.mirror {
|
||
-webkit-transform: scaleX(-1);
|
||
transform: scaleX(-1);
|
||
}
|
||
@media print {
|
||
.d-none-print {
|
||
display: none;
|
||
}
|
||
.jumbotron {
|
||
margin-top: 0;
|
||
margin-bottom: 0;
|
||
padding-top: 0;
|
||
padding-bottom: 0;
|
||
}
|
||
.less-padding {
|
||
padding-top: 0 !important;
|
||
padding-bottom: 0 !important;
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<nav class="site-header sticky-top py-1 d-none-print">
|
||
<div class="container d-flex flex-column flex-md-row justify-content-between">
|
||
<a class="py-2" href="javascript:initShimeji()">
|
||
<img src="/static/logo.png" alt="logo" style="height: 2rem">
|
||
</a>
|
||
<a class="py-2 d-none d-md-inline-block bi-bar-chart" href="#competences">Compétences</a>
|
||
<a class="py-2 d-none d-md-inline-block bi-mortarboard" href="#etudes">Études / Formations</a>
|
||
<a class="py-2 d-none d-md-inline-block bi-clock-history" href="#xp">Expériences</a>
|
||
<!-- <a class="py-2 d-none d-md-inline-block bi-folder" href="#project">Projets</a> -->
|
||
</div>
|
||
</nav>
|
||
|
||
<div class="less-padding position-relative overflow-hidden p-3 p-md-5 m-md-3 text-center bg-light">
|
||
<div class="col-md-5 p-lg-5 mx-auto mb-5 mt-1">
|
||
<img src="/static/logo.png" class="rounded" alt="">
|
||
<h1 class="display-4 font-weight-normal">Valentin SORLIN</h1>
|
||
<p class="lead font-weight-normal">Développeur depuis <span durationFromInYear="01-11-2017">5</span> ans.</p>
|
||
<div class="btn-group-vertical">
|
||
<a class="btn btn-outline-secondary bi-envelope" href="mailto:valentin.sorlin@hotmail.com"> valentin.sorlin@hotmail.com</a>
|
||
<a class="btn btn-outline-secondary bi-phone" href="tel:+33770952130"> +33 7 70 95 21 30</a>
|
||
<a class="btn btn-outline-secondary bi-git" href="https://github.com/sorlinv"> github.com/sorlinv</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="competences" class="jumbotron mx-xl-5">
|
||
<h1 class="display-4 bi bi-bar-chart">Compétences</h1>
|
||
<div class="d-flex flex-wrap">
|
||
<div class="col-6">
|
||
<h3>Développement Logiciel</h3>
|
||
<span class="row pl-5">Rust</span>
|
||
<span class="row pl-5">Symfony</span>
|
||
<span class="row pl-5">C</span>
|
||
<span class="row pl-5">C# Logiciel Unity3D</span>
|
||
<span class="row pl-5">Python</span>
|
||
<span class="row pl-5">Powerbuilder</span>
|
||
<br>
|
||
<hr class="my-4">
|
||
</div>
|
||
<div class="col-6">
|
||
<h3>Développement Web</h3>
|
||
<span class="row pl-5">HTML/CSS</span>
|
||
<span class="row pl-5">PHP</span>
|
||
<span class="row pl-5">JAVASCRIPT</span>
|
||
<span class="row pl-5">SQL Bases de données</span>
|
||
<span class="row pl-5">NodeJs/npm</span>
|
||
<span class="row pl-5">Symfony</span>
|
||
<span class="row pl-5">Bootstrap</span>
|
||
<hr class="my-4">
|
||
</div>
|
||
<div class="col-6">
|
||
<h3>Administration system</h3>
|
||
<span class="row pl-5">Docker/Docker compose</span>
|
||
<span class="row pl-5">Installation Serveurs web et SSH complète</span>
|
||
<span class="row pl-5">Notion administration domain Windows</span>
|
||
<br>
|
||
<br>
|
||
<hr class="my-4">
|
||
</div>
|
||
<div class="col-6">
|
||
<h3>Autre</h3>
|
||
<span class="row pl-5">Travail d'équipe</span>
|
||
<span class="row pl-5">Analyse des besoins du client</span>
|
||
<span class="row pl-5">Élaboration de solution technique</span>
|
||
<span class="row pl-5">Notions de Modélisation sous Blender</span>
|
||
<span class="row pl-5">Notions d’animation 3D</span>
|
||
<hr class="my-4">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="etudes" class="jumbotron mx-xl-5">
|
||
<h1 class="display-4 bi-mortarboard">Études / Formations</h1>
|
||
<span class="row pl-5"><i>2021</i>-<b>Permis B</b> - avec une voiture</span>
|
||
<span class="row pl-5"><i>Novembre 2018</i>-<b> Développeur logiciel – Niveau III</b> - Confirmation des compétences en programmation.</span>
|
||
<span class="row pl-5"><i>Avril 2017-Novembre 2017 (7mois)</i>-<b>Formation Simplon lyon</b> - Confirmation des compétences en programmation, Travail d’équipe gestion de projet et conception d’interfaces.</span>
|
||
<span class="row pl-5"><i>2016(1er année)</i>-<b>Epitech</b> - Pédagogie axée autour des besoins réels des entreprises et apprentissage du developpement.</span>
|
||
<span class="row pl-5"><i>2015</i>-<b>Bac STI2D</b> - Lycée Etienne Mimard à Saint-Etienne.</span>
|
||
</div>
|
||
<div id="xp" class="jumbotron mx-xl-5">
|
||
<h1 class="display-4 bi-clock-history">Expériences</h1>
|
||
<span class="row pl-5"><i>Octobre 2019</i>-<b>Développeur Unity et web</b> - Imaplan Givors</span>
|
||
<span class="row pl-5"><i>Novembre 2017-septembre 2019</i>-<b>Technicien Développeur</b> - A-SIS Saint-Etienne</span>
|
||
</div>
|
||
<!--
|
||
<div id="project" class="jumbotron mx-xl-5">
|
||
<h1 class="display-4 bi-folder">Projets</h1>
|
||
<div class="d-flex">
|
||
<?php
|
||
$folders = scandir("./Projects/");
|
||
foreach($folders as $folder) {
|
||
if ($folder[0] != ".") {
|
||
$data = file_get_contents("./Projects/".$folder."/data.json");
|
||
$data = json_decode($data);
|
||
?>
|
||
<div class="card mx-2" style="width: 18rem;">
|
||
<img class="card-img-top" src="/Projects/<?=$folder?>/logo.svg" alt="Card image cap">
|
||
<div class="card-body">
|
||
<a href="<?=$data->url?>" class="btn btn-outline-secondary text-secodary mb-3 mdi mdi-">Visiter</a>
|
||
<h5 class="card-title"><?=$folder?></h5>
|
||
<p class="card-text"><?=$data->desc?></p>
|
||
</div>
|
||
</div>
|
||
<?php
|
||
}
|
||
}
|
||
?>
|
||
</div>
|
||
</div>
|
||
<footer class="container py-5">
|
||
<div class="row">
|
||
<div class="col-12 col-md">
|
||
Valentin SORLIN
|
||
<small class="d-block mb-3 text-muted">© 2022</small>
|
||
</div>
|
||
<div class="col-6 col-md">
|
||
<h5>Features</h5>
|
||
<ul class="list-unstyled text-small">
|
||
<li><a class="text-muted" href="javascript:initShimeji()">Cool stuff</a></li>
|
||
<li><a class="text-muted" href="javascript:initShimeji()">Random feature</a></li>
|
||
<li><a class="text-muted" href="javascript:initShimeji()">Team feature</a></li>
|
||
<li><a class="text-muted" href="javascript:initShimeji()">Stuff for developers</a></li>
|
||
<li><a class="text-muted" href="javascript:initShimeji()">Another one</a></li>
|
||
<li><a class="text-muted" href="javascript:initShimeji()">Last time</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-6 col-md">
|
||
<h5>Resources</h5>
|
||
<ul class="list-unstyled text-small">
|
||
<li><a class="text-muted" href="javascript:initShimeji()">Resource</a></li>
|
||
<li><a class="text-muted" href="javascript:initShimeji()">Resource name</a></li>
|
||
<li><a class="text-muted" href="javascript:initShimeji()">Another resource</a></li>
|
||
<li><a class="text-muted" href="javascript:initShimeji()">Final resource</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-6 col-md">
|
||
<h5>Resources</h5>
|
||
<ul class="list-unstyled text-small">
|
||
<li><a class="text-muted" href="javascript:initShimeji()">Business</a></li>
|
||
<li><a class="text-muted" href="javascript:initShimeji()">Education</a></li>
|
||
<li><a class="text-muted" href="javascript:initShimeji()">Government</a></li>
|
||
<p><li><a class="text-muted" href="javascript:initShimeji()">Gaming</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-6 col-md">
|
||
<h5>About</h5>
|
||
<ul class="list-unstyled text-small">
|
||
<li><a class="text-muted" href="javascript:startaudio()">Team</a></li>
|
||
<li><a class="text-muted" href="javascript:startaudio()">Locations</a></li>
|
||
<li><a class="text-muted" href="javascript:startaudio()">Privacy</a></li>
|
||
<li><a class="text-muted" href="javascript:startaudio()">Terms</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
-->
|
||
|
||
<!-- Bootstrap core JavaScript ================================================== -->
|
||
<!-- Placed at the end of the document so the pages load faster -->
|
||
<script src="./static/popper.min.js"></script>
|
||
<!-- <script src="./static/bootstrap.min.js"></script> -->
|
||
<script type="text/javascript" src="pts.min.js"></script>
|
||
<script src="./static/Shimeji.js"></script>
|
||
<script src="./static/index.js"></script>
|
||
|
||
|
||
</body>
|