-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
84 lines (74 loc) · 4.95 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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<link rel="icon" href="asset/favicon.ico"/>
<link href="css/head.css" rel="stylesheet">
<link href="css/body.css" rel="stylesheet">
<link href="css/footer.css" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet">
<title>Cottrelle's Corner</title>
</head>
<body>
<button id="scrollTopBtn">⇡</button>
<div id="top_page">
<img src="asset/arrow-right.png" id="arrow_img" width="30" height="30">
<a href="index.html" id="menu_txt"><strong>Cottrelle's Corner</strong></a>
<img src="asset/arrow-left.png" id="arrow_img" width="30" height="30">
</div>
<div id="top_page_tool">
<a href="index.html" class="toolbar"><strong>HOME</strong></a>
<a href="html/project.html" class="toolbar"><strong>PROJET</strong></a>
<a href="html/parcours.html" class="toolbar"><strong>PARCOURS</strong></a>
<a href="html/about.html" class="toolbar"><strong>À PROPOS</strong></a>
</div>
<div id="navigation_bar"></div>
<div id="main_area_contact">
<br>
<section class="tab" type="title">
<h2 class="special_title">Bienvenue</h2>
</section>
<div>
<br>
<section class="tab special_low_title" type="description">
<p>Bienvenue sur mon site !<br>Je suis étudiant en informatique et je suis ravi de vous présenter mes créations et de vous donner un aperçu de mon travail en tant que développeur informatique.<br><br>
A travers ces pages, vous découvrirez une sélection soigneusement choisie de mes projets les plus représentatifs.
Naviguez à travers les différentes sections pour explorer mes compétences et mes réalisations.<br><br>Je vous invite également à consulter la section "À propos" pour en apprendre davantage sur moi et mon parcours.
Je suis toujours ouvert aux collaborations et aux opportunités professionnelles passionnantes, donc n'hésitez pas à me contacter via le formulaire de contact disponible sur le site.
<br><br>Je suis impatient d'établir de nouveaux contacts et de collaborer avec vous pour des projets inspirants et innovants.</p>
</section>
<br>
<div>
<section class="tab special_text Box" type="box">
<p><strong>Que touverez vous dans "PROJET" :</strong></p>
<p class="tab"><br>Vous trouverez dans l'onglet "PROJET", une sélection des projets les plus intéressants que j'ai réalisés au cours de ma carrière.
Chaque projet représente un défi unique et met en valeur mes compétences, ma créativité et ma passion pour mon travail.</p><br>
<a href="html/project.html" class="redirection_button"><strong>PROJET</strong></a><br>
</section>
<section class="tab special_text Box" type="box">
<p><strong>Que touverez vous dans "PARCOURS" :</strong></p>
<p class="tab"><br>Vous trouverez dans l'onglet "PARCOURS", un aperçu détaillé de mon parcours académique, de mes études et de mes réalisations éducatives.
Mon parcours académique a été enrichissant et diversifié, me permettant d'acquérir des connaissances solides dans différents domaines.</p><br>
<a href="html/parcours.html" class="redirection_button"><strong>PARCOURS</strong></a><br>
</section>
<section class="tab special_text Box" type="box">
<p><strong>Que touverez vous dans "À PROPOS" :</strong></p>
<p class="tab"><br>Vous trouverez dans l'onglet "À PROPOS", des informations détaillées sur moi et mes activités professionnelles. Permettez-moi de vous
présenter qui je suis et comment je peux vous aider.</p><br>
<a href="html/about.html" class="redirection_button"><strong>À PROPOS</strong></a><br>
</section>
</div>
<br>
</div>
</div>
</div>
<h1 id="down_page">KILLIAN COTTRELLE - EPITECH</h1>
<script src="javascript/dynamic.js"></script>
<script src="javascript/top_button.js"></script>
</body>
<footer>
<p>© 2023 <strong>Cottrelle's Corner</strong>. Tous droits réservés.</p>
</footer>
</html>