-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
93 lines (90 loc) · 5.17 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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Acceuil</title>
<meta name="keywords" content="HTML, CSS, Portfolio">
<meta name="author" content="Mathieu">
<link rel="stylesheet" href="/assets/css/import.css">
</head>
<body>
<nav id="barre-top-nav">
<div class="menu-principal">
<ul>
<li><a href="/pages/parcour/index.html">Parcour</a></li>
<li><a href="/pages/a-propos/index.html">A propos</a></li>
</ul>
</div>
<a id="mon-logo" href="/index.html">
<svg id="mon-logo-svg" class="active-page-logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 421.88 171.44">
<defs>
<style>
.cls-1 {
stroke-width: 0px;
}
.cls-2 {
font-family: CascadiaMono-Regular, 'Cascadia Mono';
font-size: 60px;
font-variation-settings: 'wght' 400;
}
</style>
</defs>
<g id="Calque_1-2" data-name="Calque 1">
<g>
<text class="cls-2" transform="translate(0 50.8)"><tspan x="0" y="0">>TekGeek_dev</tspan></text>
<g>
<path class="cls-1" d="M281.63,118.6l-35.8-37.23c-1.11-1.16-3.12-1.2-4.28-.08l-8.07,7.76c-1.21,1.16-1.24,3.08-.08,4.28l25.94,26.97-26.97,25.94c-1.21,1.16-1.24,3.08-.08,4.28l7.76,8.07c.56.58,1.32.91,2.12.93s1.58-.29,2.16-.85l37.22-35.8"/>
<path class="cls-1" d="M140.25,120.12l35.8,37.23c.56.58,1.32.91,2.12.93s1.58-.29,2.16-.85l8.07-7.76c1.21-1.16,1.24-3.07.08-4.28l-25.94-26.97,26.97-25.94c1.21-1.16,1.24-3.08.08-4.28l-7.76-8.07c-.56-.58-1.32-.91-2.12-.93s-1.58,.29-2.16,.85l-37.22,35.8"/>
</g>
</g>
</g>
</svg>
</a>
<aside class="bouton-vers-contact">
<ul>
<li><a href="/pages/contact/index.html">Contact</a></li>
</ul>
</aside>
</nav>
<header>
<div id="header-main-page">
<div id="left-side-header">
<h1 class="titre-principal">Ledeur Mathieu</h1>
<h1 class="titre-vert">Junior Web Developpeur</h1>
<p>Passionné par le web, découvrez mes réalisations et mes compétences.</p>
</div>
<img id="picture-profil" class="scale" src="/assets/img/dev-img.jpg" alt="image profil page principal">
</div>
</header>
<main>
<div class="contenu-principal">
<article class="card glass-effect">
<h3 class="tittle-card">De passionné à professionnel, suivez mon évolution dans le monde du web.</h3>
<p>Après quelques formations sur udemy, j'ai obtenu quelques certifications : docker, git/github, html, css et étude sur la javascript.</p>
<p>Maintenant j'ai décidé de passer au niveau professionnel, démontrer mes compétences et motiver d'en apprendre toujours plus.</p>
<p>C'est pour cette raison que j'ai rejoins une cohorte afin d'apprendre le PHP, react, nodeJS et bien d'autres</p>
<a href="/pages/parcour/index.html" class="bouton-vert">Mon parcour</a>
</article>
<article class="card flexend glass-effect">
<h3 class="tittle-card">Envie de connaître l’histoire derrière le code ? Découvrez qui je suis.</h3>
<p>Depuis tout jeune, passionné par l'informatique, j'ai tenté mes premières armes sur des tutoriels du site du zéro (maintenant openclaasroom), ce fut laborieux...</p>
<p>mais aujourd'hui avec de la sagesse et une grande motivation, je réalise enfin ma passion.</p>
<p>N'hésite pas à faire un tour en détail pour connaitre tout les aspects de mon parcours</p>
<a href="/pages/a-propos/index.html" class="bouton-vert">À propos</a>
</article>
<article class="card glass-effect">
<h3 class="tittle-card">Besoin d'un développeur passionné ? Votre avis compte !</h3>
<p>Je suis toujours à l'écoute des retours et des suggestions.</p>
<p>Que vous ayez des critiques constructives sur mon portfolio, des idées pour l'améliorer, ou simplement envie d'échanger sur le développement web, n'hésitez pas à me contacter.</p>
<P>Chaque retour est une opportunité de grandir, et je serais ravi de discuter de vos impressions ou de répondre à vos questions.</P>
<P>Ensemble, nous pouvons rendre ce projet encore meilleur !</P>
<a href="/pages/contact/index.html" class="bouton-vert">Contact</a>
</article>
</div>
</main>
<footer>
<span>2024 © Ledeur_Mathieu</span>
</footer>
</body>
</html>