-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
80 lines (77 loc) · 3.9 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio Jacques Ducloy</title>
<link rel="stylesheet" href="style.css">
<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:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
</head>
<body>
<nav>
<div id="logo"><img src="./image/logo.png" alt="logo"></div>
<ul>
<li><input id="burger-toggle" class="burger" type="checkbox">
<label class="burger" for="burger-toggle">PROJET 1</label></li>
<li>PROJET 2</li>
<li>PROJET 3</li>
<li>PROJET 4</li>
<li>PROJET 5</li>
<li>PROJET 6</li>
</ul>
</nav>
<div id="container">
<section id="intro">
<div>
<h1>Salut 👋, moi c'est Jacques !</h1>
<p>En devenir développeur web et passionné par la culture japonaise,
je suis animé par le désir de poursuivre ma carrière au pays du soleil levant.
Ma passion pour le développement web est alimentée par la fascination pour les
possibilités infinies qu'offre la technologie dans la création
d'expériences en ligne captivantes. Au fil de ma formation, j'explore les
multiples facettes du développement web, de la conception à la mise en œuvre,
en passant par l'optimisation pour assurer des sites performants et esthétiquement
plaisants. J'ai hâte de mettre en pratique mes compétences et de contribuer
à des projets innovants qui repoussent les limites de l'expérience utilisateur.
</p>
</div>
</section>
<section id="propos">
<div>
<h1>À propos de moi. 😏👉👉</h1>
<p>À 34 ans, passionné de cinéma fantastique et de science-fiction, mon esprit
s'épanouit au contact de la culture japonaise. Curieux et avide de découvertes,
je navigue entre les lignes de code et les univers imaginaires des films et jeux vidéos.
Inspiré par la fusion entre tradition et modernité, je suis en quête d'expériences
web uniques. Animé par la recherche constante de connaissances et de nouvelles
perspectives, je vous invite à embarquer avec moi dans cette aventure où la
technologie et la créativité se rencontrent pour que l'on façonne un futur digital captivant.
</p>
</div>
</section>
<section id="competence">
<div class="comp"><img src="./image/html.png" alt="html"></div>
<div class="comp"><img src="./image/css.png" alt="css"></div>
<div class="comp"><img src="./image/js.svg" alt="js"></div>
<div class="comp"><img src="./image/php.png" alt="php"></div>
<div class="comp"><img src="./image/git.png" alt="git"></div>
<div class="comp"><img src="./image/docker.svg" alt="docker"></div>
<div class="comp"><img src="./image/figma.svg" alt="figma"></div>
<div class="comp"><img src="./image/mysql.png" alt="mysql"></div>
</section>
<section id="contact">
<div id="citation">
<p>``Un but ne doit pas toujours être atteint,
souvent il sert juste à nous donner la direction.``
<span>BRUCE LEE</span></p>
</div>
<div id="info">
<p>MAIL: [email protected]</p>
<p>GSM: 06/17/89/31/83</p>
</div>
</section>
</div>
</body>
</html>