Skip to content
Snippets Groups Projects
Commit 87fc1922 authored by Paul Cancel's avatar Paul Cancel
Browse files

ajout du site web

parent 9f84c1d4
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 504 additions and 0 deletions
Fonts/Cascadia.ttf 0 → 100644
+ 0
− 0
View file @ 87fc1922
File added
Images/Dark-space-wallpaper-1920x1200.jpg 0 → 100644
+ 0
− 0
View file @ 87fc1922
Images/Dark-space-wallpaper-1920x1200.jpg

319 KiB

Images/Icones/Java.png 0 → 100644
+ 0
− 0
View file @ 87fc1922
Images/Icones/Java.png

8.28 KiB

Images/Icones/Python.png 0 → 100644
+ 0
− 0
View file @ 87fc1922
Images/Icones/Python.png

36.5 KiB

Images/Icones/SQL.png 0 → 100644
+ 0
− 0
View file @ 87fc1922
Images/Icones/SQL.png

13.2 KiB

Images/Icones/css.png 0 → 100644
+ 0
− 0
View file @ 87fc1922
Images/Icones/css.png

12.4 KiB

Images/Icones/git.png 0 → 100644
+ 0
− 0
View file @ 87fc1922
Images/Icones/git.png

29.4 KiB

Images/Icones/html.png 0 → 100644
+ 0
− 0
View file @ 87fc1922
Images/Icones/html.png

11.8 KiB

Images/ProfilePic.png 0 → 100644
+ 0
− 0
View file @ 87fc1922
Images/ProfilePic.png

4.74 MiB

Images/Projets/JO.JPG 0 → 100644
+ 0
− 0
View file @ 87fc1922
Images/Projets/JO.JPG

79.2 KiB

Images/Projets/Portfolio.JPG 0 → 100644
+ 0
− 0
View file @ 87fc1922
Images/Projets/Portfolio.JPG

58.2 KiB

Images/Projets/appariement.png 0 → 100644
+ 0
− 0
View file @ 87fc1922
Images/Projets/appariement.png

88.3 KiB

Images/Projets/background.png 0 → 100644
+ 0
− 0
View file @ 87fc1922
Images/Projets/background.png

1.27 MiB

Images/Projets/fightbird.JPG 0 → 100644
+ 0
− 0
View file @ 87fc1922
Images/Projets/fightbird.JPG

32.1 KiB

Images/Screenshot-Terminal.png 0 → 100644
+ 0
− 0
View file @ 87fc1922
Images/Screenshot-Terminal.png

6.38 KiB

Images/vintage-abstract-black-white-wave-background-free-video.jpg 0 → 100644
+ 0
− 0
View file @ 87fc1922
Images/vintage-abstract-black-white-wave-background-free-video.jpg

492 KiB

Pages/Contact.html 0 → 100644
+ 32
− 0
View file @ 87fc1922
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<title>Page</title>
<link rel="stylesheet" href="../Styles/styles.css" />
</head>
<body>
<div class="topnav">
<a class="active" href="./Index.html">Accueil</a>
<a href="./Projets.html">Mes projets</a>
</div>
<header>
<h1>Me contacter</h1>
</header>
<main>
<section id="middle">
<div class="contact">
<header><h2>Contact : </h2></header>
<ul>
<li>Telephone : +33 7 81 39 79 17</li>
<li>Mail : <a href="mailto:paul.cancel.etu@univ-lille.fr">paul.cancel.etu@univ-lille.fr</a></li>
<li>LinkedIn : <a href="https://www.linkedin.com/in/paul-cancel-7003b62a4/" target="_blank">Paul Cancel</a></li>
</ul>
</div>
</section>
</main>
<div class="bottomfoot">
<a href="./Contact.html">Me contacter</a>
<a href="../pdf/cv.pdf" target="_blank">Mon CV</a>
</div>
</body>
\ No newline at end of file
Pages/Index.html 0 → 100644
+ 115
− 0
View file @ 87fc1922
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<title>Page</title>
<link rel="stylesheet" href="../Styles/styles.css" />
</head>
<body>
<div class="topnav">
<a class="active" href="./Index.html">Accueil</a>
<a href="./Projets.html">Mes projets</a>
<a href="#presentation">Presentation</a>
</div>
<header>
<h1>Paul CANCEL</h1>
<h4>Mon portfolio</h4>
</header>
<div class="presentation">
<main>
<section id="middle">
<article>
<profile>
<img src="../Images/ProfilePic.png" alt="pfp">
</profile>
</article>
<article>
<div class="boutonprojets">
<a href="./Projets.html" class="button">Mes projets</a>
</div>
</article>
</section>
<section id="presentation">
<header>
<h1>Presentation</h1>
</header>
<article>
<h5>Bonjour, je suis etudiant en deuxieme annee de Brevet Universitaire de Technologie (BUT) en informatique a l'Universite de Lille.
Actuellement en quete d'un stage, je souhaite mettre en pratique mes competences dans le domaine informatique au sein d'une entreprise
dynamique. Depuis ma jeunesse, mon interet pour le developpement logiciel, en particulier avec Java et Python, s'est consolide.
Bien que la programmation reste ma passion premiere, je suis ouvert a explorer d'autres domaines tels que le developpement web,
la gestion de bases de donnees, ainsi que les secteurs du reseau et de l'architecture. Mon objectif est d'integrer une entreprise
offrant l'opportunite d'elargir mes connaissances et de travailler avec de nouveaux outils, renforcant ainsi mon experience professionnelle.
</h5>
</article>
<header>
<h1>
Competences
</h1>
</header>
<article>
<ul>
<li>
<img src="../Images/Icones/Java.png" alt="java">
<div class="title">
<p>Java</p>
</div>
</li>
<li>
<img src="../Images/Icones/Python.png" alt="Python">
<div class="title">
<p>Python</p>
</div>
</li>
<li>
<img src="../Images/Icones/SQL.png" alt="SQL">
<div class="title">
<p>SQL</p>
</div>
</li>
<li>
<img src="../Images/Icones/html.png" alt="HTML">
<div class="title">
<p>HTML</p>
</div>
</li>
<li>
<img src="../Images/Icones/css.png" alt="CSS">
<div class="title">
<p>CSS</p>
</div>
</li>
<li>
<img src="../Images/Icones/git.png" alt="GIT">
<div class="title">
<p>GIT</p>
</div>
</li>
</ul>
</article>
<header>
<h1>
Formation
</h1>
</header>
<article>
<h3>
2021 : Baccalaureat, specialite Mathematique & NSI
<br><br><br>
2022/2023/2024 : BUT Informatique
</h3>
</article>
</section>
<div class="end">
N'hesitez pas a me contacter si vous avez besoin de complements d'information
</div>
</main>
</div>
<div class="bottomfoot">
<a href="./Contact.html">Me contacter</a>
<a href="../pdf/cv.pdf" target="_blank">Mon CV</a>
</div>
</body>
\ No newline at end of file
Pages/Projets.html 0 → 100644
+ 72
− 0
View file @ 87fc1922
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<title>Page</title>
<link rel="stylesheet" href="../Styles/styles.css" />
</head>
<body>
<div class="topnav">
<a class="active" href="./Index.html">Accueil</a>
<a href="./Projets.html">Mes projets</a>
</div>
<header>
<h1>
Mes projets
</h1>
</header>
<div class="projets">
<ul>
<li>
<a href="https://github.com/PaulCancelEtu/BDD_Olympique" target="_blank">
<img src="../Images/Projets/JO.JPG" alt="BDD">
<div class="title">
<p>Creation d'une base de donnee</p>
</div>
</a>
</li>
<li>
<a href="https://github.com/PaulCancelEtu/Affiliation" target="_blank">
<img src="../Images/Projets/appariement.png" alt="appariement">
<div class="title">
<p>Application d'appariement</p>
</div>
</a>
</li>
<li>
<a href="https://github.com/PaulCancelEtu/Affiliation" target="_blank">
<img src="../Images/Projets/fightbird.JPG" alt="fight bird">
<div class="title">
<p>Jeu video "Fight Bird"</p>
</div>
</a>
</li>
<li>
<a href="https://github.com/PaulCancelEtu/chasseAuMonstre" target="_blank">
<img src="../Images/Projets/background.png" alt="Chasse au monstre">
<div class="title">
<p>Jeu video "Fight Bird"</p>
</div>
</a>
</li>
<li>
<a href="https://github.com/PaulCancelEtu/portfolio" target="_blank">
<img src="../Images/Projets/Portfolio.JPG" alt="Portfolio">
<div class="title">
<p>Portfolio</p>
</div>
</a>
</li>
</ul>
</div>
<main>
<section id="middle">
</section>
</main>
<div class="bottomfoot">
<a href="./Contact.html">Me contacter</a>
<a href="../pdf/cv.pdf" target="_blank">Mon CV</a>
</div>
</body>
\ No newline at end of file
Styles/styles.css 0 → 100644
+ 285
− 0
View file @ 87fc1922
@font-face {
font-family: 'Cascadia';
src: url('../Fonts/Cascadia.ttf') format('truetype');
}
body{
background-image: url('../Images/vintage-abstract-black-white-wave-background-free-video.jpg');
font-family: 'Cascadia';
color: rgb(255, 255, 255);
}
body>header{
text-align: center;
font-size: 1.5em;
background-color: rgb(26, 26, 26);
border-color: white;
border-style: solid;
}
body>header h1{
letter-spacing: 1em;
font-size: 300%;
}
body>header h4{
letter-spacing: 0.5em;
}
#middle{
margin: auto;
display: flex;
align-items: center;
height: 100%;
flex-flow: column;
width: 80%;
padding: 10px;
}
a{
text-decoration: none;
color: rgb(55, 77, 206);
}
.boutonprojets a:hover{
transition: 1s;
color: white;
background-color: black;
filter: drop-shadow(white 0rem 0rem 15px);
}
profile img{
margin-top: 40px;
margin-bottom: 20px;
margin-left: 10%;
width: 20em;
border-color: white;
border-style: solid;
border-radius: 50%;
}
profile img:hover{
transition: 1s;
filter: drop-shadow(white 0rem 0rem 15px);
}
.topnav {
background-color: #333;
overflow: hidden;
}
.topnav a {
float: left;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
.topnav a:hover {
background-color: #ddd;
color: black;
}
.topnav a.active {
background-color: #242424;
color: white;
}
.bottomfoot {
background-color: #333;
overflow: hidden;
position: fixed;
bottom: 0;
}
.bottomfoot a {
float: right;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
.bottomfoot a:hover {
background-color: #ddd;
color: black;
}
.image-container {
position: relative;
display: inline-block;
}
.image-container img {
display: block;
width: 100%;
height: auto;
}
.overlay-text {
position: absolute;
top: 40%;
left: 40%;
transform: translate(-50%, -50%);
background-color: #000000;
color: #fff;
padding: 10px 20px;
font-size: 15px;
text-align: center;
}
.button {
background-color: white;
border: none;
color: black;
padding: 32px 50px;
text-align: center;
text-decoration: none;
display: inline-block;
margin-top: 15%;
border-style: solid;
margin-left: 15%;
margin-bottom: 150%;
font-size: 150%;
}
#presentation{
margin-left: 4em;
display: flex;
align-items: left;
background-color: rgb(20, 20, 20);
flex-flow: column;
margin-bottom: 5em;
}
#presentation header{
margin-left: 3em;
font-style: bold;
color: white;
border: white;
}
#presentation h5{
width: 80%;
background-color: rgb(41, 41, 41);
padding: 1%;
margin: auto;
text-align: center;
margin-bottom: 2em;
}
#presentation ul li{
list-style-type: none;
display: inline-block;
margin-left: 6em;
}
.projets ul li{
list-style-type: none;
display: inline-block;
margin-left: 6em;
}
ul li img{
margin-top: 40px;
margin-bottom: 20px;
margin-left: 2em;
width: 5em;
}
.title{
opacity: 0;
margin-bottom: 20px;
text-align: center;
padding-left: 25px;
font-size: 25px;
}
ul li:hover .title{
opacity: 1;
}
ul li img:hover{
transition: 1s;
width: 6em;
}
ul li img:not(:hover){
transition: 1s;
width: 5em;
}
.contact{
padding-left: 5%;
margin: 1em;
margin-top: 2em;
width: 80%;
font-size: 1.5em;
background-color: #242424;
}
.contact li {
padding-bottom: 3em;
}
.contact ul{
margin-top: 2em;
}
.current{
background-color: white;
}
.projets{
margin: 2em;
background-color: rgb(41, 41, 41, 75%);
margin-bottom: 2em;
}
.projets ul li img{
margin-top: 40px;
margin-bottom: 20px;
margin-left: 2em;
width: 20em;
}
.projets .title{
opacity: 1;
margin-bottom: 20px;
margin-left: 10%;
text-align: center;
font-size: 25px;
width: 60%;
}
.projets a:hover{
transition: 1s;
filter: drop-shadow(white 0rem 0rem 15px);
font-weight: bold;
}
.projets a{
color: white;
text-decoration: underline;
}
article h3{
background-color:#242424;
padding: 1em;
width: 60%;
margin-left: 9em;
}
.end{
-webkit-text-stroke-width: 0.5px;
-webkit-text-stroke-color: black;
margin-top: 5em;
text-align: end;
}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment