-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
107 lines (105 loc) · 8.44 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!DOCTYPE html>
<html lang="fr">
<head>
<meta property="og:type" content="website">
<meta property="og:url" content="https://amelienbernard.fr">
<meta property="og:title" content="Amélien BERNARD - Portfolio">
<meta property="og:description" content="Portfolio de Amélien BERNARD">
<meta name="google-site-verification" content="A4ZwVLgSUz9mvNxa2MNysJEF2bJno5xfnzWyqjVG9K4" />
<meta name="description" content="Portfolio de Amélien BERNARD, étudiant en informatique.">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/style_mobile.css">
<link rel="stylesheet" href="./css/style_computer.css">
<title>Amélien BERNARD</title>
</head>
<body>
<nav>
<div id="menu-container">
<input type="checkbox">
<span></span>
<span></span>
<span></span>
<ul id="menu">
<li><a href="./">Accueil</a></li>
<li><a href="#presentation">Présentation</a></li>
<li><a href="#formation">Formation</a></li>
<li><a href="#projects">Projets</a></li>
<li class="links">
<a href="https://github.com/amcpqb86/" target="_blank">
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.3619 0.931948C8.29467 1.8345 1.80631 8.51378 0.929552 16.6368C0.0527925 25.1212 4.78764 32.703 11.9781 35.5905C12.5038 35.7721 13.0295 35.4107 13.0295 34.6879V31.8005C13.0295 31.8005 12.3274 31.9803 11.4507 31.9803C8.99676 31.9803 7.94363 29.8138 7.76896 28.5516C7.59429 27.8289 7.24325 27.2877 6.71753 26.7465C6.19011 26.5649 6.01544 26.5649 6.01544 26.3851C6.01544 26.0237 6.54115 26.0237 6.71753 26.0237C7.76896 26.0237 8.64572 27.2877 8.99677 27.8289C9.87352 29.2726 10.925 29.634 11.4507 29.634C12.1528 29.634 12.6785 29.4542 13.0295 29.2726C13.2042 28.0087 13.7316 26.7465 14.783 26.0237C10.7503 25.1212 7.76896 22.7749 7.76896 18.8033C7.76896 16.8184 8.64572 14.8317 9.87352 13.3879C9.69715 13.0266 9.52248 12.124 9.52248 10.8601C9.52248 10.1391 9.52248 9.05496 10.0482 7.9726C10.0482 7.9726 12.5038 7.9726 14.9577 10.3189C15.8345 9.95752 17.0623 9.77771 18.2901 9.77771C19.5179 9.77771 20.7457 9.95752 21.7971 10.3189C24.0763 7.9726 26.7066 7.9726 26.7066 7.9726C27.0577 9.05496 27.0577 10.1391 27.0577 10.8601C27.0577 12.3056 26.883 13.0266 26.7066 13.3879C27.9344 14.8317 28.8112 16.6368 28.8112 18.8033C28.8112 22.7749 25.8299 25.1212 21.7971 26.0237C22.8485 26.9263 23.5506 28.5516 23.5506 30.1752V34.8695C23.5506 35.4107 24.0763 35.9519 24.7784 35.7721C31.2668 33.0644 35.8253 26.5649 35.8253 18.9831C35.8253 8.15241 26.883 -0.330223 16.3619 0.931948Z" fill="#335384"/>
</svg>
</a>
<a href="mailto:amcpqb86@gmail.com">
<svg width="44" height="36" viewBox="0 0 44 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M37.8194 0.625H6.70833C3.48688 0.625 0.875 3.23688 0.875 6.45833V29.7917C0.875 33.0131 3.48688 35.625 6.70833 35.625H37.8194C41.0409 35.625 43.6528 33.0131 43.6528 29.7917V6.45833C43.6528 3.23688 41.0409 0.625 37.8194 0.625ZM37.8194 4.51389C38.0426 4.51389 38.2535 4.5591 38.4528 4.62813L22.2639 17.5791L6.07493 4.62813C6.27472 4.5591 6.48521 4.51389 6.70833 4.51389H37.8194ZM37.8194 31.7361H6.70833C5.63403 31.7361 4.76389 30.866 4.76389 29.7917V8.55979L21.0491 21.5876C21.404 21.8719 21.8342 22.0139 22.2639 22.0139C22.6936 22.0139 23.1238 21.8719 23.4787 21.5876L39.7639 8.55979V29.7917C39.7639 30.866 38.8938 31.7361 37.8194 31.7361Z" fill="#335384"/>
</svg>
</a>
<a href="https://www.linkedin.com/in/am%C3%A9lien-bernard-0144111a1/" target="_blank">
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.51389 0.625C2.36437 0.625 0.625 2.36437 0.625 4.51389V31.7361C0.625 33.8856 2.36437 35.625 4.51389 35.625H31.7361C33.8856 35.625 35.625 33.8856 35.625 31.7361V4.51389C35.625 2.36437 33.8856 0.625 31.7361 0.625H4.51389ZM4.51389 4.51389H31.7361V31.7361H4.51389V4.51389ZM9.91808 7.07357C8.25087 7.07357 7.25206 8.07617 7.25206 9.40918C7.25206 10.7422 8.25087 11.741 9.75098 11.741C11.4182 11.741 12.417 10.7422 12.417 9.40918C12.417 8.07617 11.4182 7.07357 9.91808 7.07357ZM7.38498 14.2361V27.8472H12.2917V14.2361H7.38498ZM16.3401 14.2361V27.8472H21.2467V20.4074C21.2467 18.1934 22.8266 17.8743 23.3013 17.8743C23.776 17.8743 25.0445 18.351 25.0445 20.4074V27.8472H29.7917V20.4074C29.7917 16.135 27.8928 14.2361 25.5192 14.2361C23.1456 14.2361 21.8791 15.026 21.2467 16.135V14.2361H16.3401Z" fill="#335384"/>
</svg>
</a>
</li>
</ul>
</div>
</nav>
<div class="main">
<div id="first-part">
<img src="img/human.png" id="main-image">
<div id="main-text">
<h1>Amélien BERNARD</h1>
<h2>Étudiant en Informatique</h2>
</div>
</div>
<div id="second-part">
<div class="little-part" id="presentation">
<h1 class="title">Présentation</h1>
<p class="paragraph">
Je m’appelle Amélien BERNARD et je fais de l’informatique depuis la troisième. A cette époque je faisais parti d’un club de programmation ou j’ai appris quelques bases en Python.
J’ai continué au lycée ou j’ai choisi Informatique Création Numérique en enseignement d’exploration de seconde. Cela m’a permis de continuer le Python et d’apprendre quelques bases en HTML et CSS
En terminale j’ai décidé de prendre l’option Informatique et Sciences du Numérique (ISN). J’ai donc pu continuer ma formation en Python.
Durant mes trois années de lycée je continuais d’apprendre le HTML, le CSS. J’ai également appris de mon côté les bases du PHP et du JavaScript.
</p>
</div>
<div class="little-part" id="formation">
<h1 class="title">Formation</h1>
<ul class="paragraph">
<li>Bac scientifique Spécialité Informatique et Sciences du Numérique</li>
<li>Actuellement en deuxième année de DUT Informatique à La Rochelle</li>
<li>Certifications freeCodeCamp :</li>
<ul>
<li><a href="https://www.freecodecamp.org/certification/amcpqb86/responsive-web-design" target="_blank" class="formation-link">Responsive Web Design</a></li>
<li><a href="https://www.freecodecamp.org/certification/amcpqb86/javascript-algorithms-and-data-structures" target="_blank" class="formation-link">Javascript Algorithms and Data Structures</a></li>
</ul>
</ul>
<a href="./docs/CV_Amélien_2021.pdf" target="_blank" class="formation-link paragraph">CV au format PDF ></a>
</div>
<div class="little-part" id="projects">
<h1 class="title">Projets</h1>
<div class="project">
<img src="img/sea-gull-job.png" alt="">
<div class="description paragraph">
<h1 class="project-title">Sea Gull Job</h1>
<p class="desc-paraph">Site développé en HTML, CSS et JS dans le cadre d'un projet en première année d'IUT</p>
<a href="./html/project1.html" class="project-link">En savoir plus ></a>
</div>
</div>
<div class="project">
<img src="img/hogo.png" alt="">
<div class="description paragraph">
<h1 class="project-title">Hogo</h1>
<p class="desc-paraph">Jeu développé en C++ dans le cadre d’un projet en première année d’IUT</p>
<a href="./html/project2.html" class="project-link">En savoir plus ></a>
</div>
</div>
</div>
</div>
<footer>
<p>© Amélien BERNARD 2021 - Tous droits réservés</p>
</footer>
</div>
</body>
</html>