-
Notifications
You must be signed in to change notification settings - Fork 0
/
project.html
112 lines (97 loc) · 5 KB
/
project.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
108
109
110
111
112
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="CSS/style.css" rel="stylesheet">
<script src="JS/navbar.js" defer></script>
<title>CHAUMULON Cassandra | Développeuse Front-End</title>
</head>
<body>
<header id="header">
<a href="index.html" id="logo">C. Cassandra</a>
<nav id="navbar">
<ul class="menu">
<li class="link-menu">
<a href="about.html">A propos</a>
</li>
<li class="link-menu">
<a href="skills.html">Compétences</a>
</li>
<li class="link-menu-active">
<a href="project.html">Projets</a>
</li>
<li class="link-menu">
<a href="contact.html">Contact</a>
</li>
</ul>
</nav>
</header>
<div class="section">
<p class="section-title">Mes projets</p>
<p class="section-subtitle">Retrouvez mes projets personnels.</p>
</div>
<div class="project-content">
<div class="slide">
<a id="prev" onclick="incrementer(-1)">
<img src="IMG/projets/fleche_gauche.png" alt="bouton flèche de gauche/précédent">
</a>
<div class="project-box">
<img src="IMG/projets/beauty_global.png" alt="capture du jeu beauty savior" class="project-capture">
<div class="project-title"><p>Beauty Savior</p></div>
<div class="project-description">
<p class="project-type">Projet scolaire</p>
<p class="technology">Technologies : langage C, SDL2</p>
<p>Jeu développé en groupe dans le cadre de la deuxième année de Licence Informatique. Il s'agit d'un jeu de type plateformer. Tous les graphismes ont été réalisés par l'une de mes collègues.</p>
<a href="https://github.com/ydnic-wolver/beauty-savior" class="project-link"><img src="IMG/logos/logo_github_blanc.png" alt="logo de GitHub"></a>
</div>
</div>
<div class="project-box">
<img src="IMG/projets/cuisine_global.png" alt="capture du site fictif de cuisine" class="project-capture">
<div class="project-title"><p>Site fictif de cuisine</p></div>
<div class="project-description">
<p class="project-type">Projet Personnel</p>
<p class="technology">Technologies : HTML5, CSS3, JS</p>
<p>Il s'agit d'un site fictif dont l'objectif était de pouvoir manipuler HTML, CSS et JS.</p>
<a href="https://github.com/CassandraCH/Projet-site-cuisine" class="project-link"><img src="IMG/logos/logo_github_blanc.png" alt="logo de GitHub"></a>
</div>
</div>
<div class="project-box">
<img src="IMG/projets/projet_vierge.png" alt="rectangle gris avec écrit 'projet à venir'" class="project-capture">
<div class="project-title"><p>Projet en cours</p></div>
<p class="technology">Technologies : ...</p>
<p>Description du projet</p>
<p>.................</p>
<a href="#" class="project-link"><img src="IMG/logos/logo_github_blanc.png" alt="logo de GitHub"></a>
</div>
<div class="project-box">
<img src="IMG/projets/projet_vierge.png" alt="rectangle gris avec écrit 'projet à venir'" class="project-capture">
<div class="project-title"><p>Projet en cours 2</p></div>
<p class="technology">Technologies : ...</p>
<p>Description du projet</p>
<p>.................</p>
<a href="#" class="project-link"><img src="IMG/logos/logo_github_blanc.png" alt="logo de GitHub"></a>
</div>
<a id="next" onclick="incrementer(1)">
<img src="IMG/projets/fleche_droite.png" alt="bouton flèche de droite/suivant">
</a>
</div><!-- Fin du div slide -->
<div class="project-dot">
<span class="dot" onclick="positionActuelle(1)"></span>
<span class="dot" onclick="positionActuelle(2)"></span>
<span class="dot" onclick="positionActuelle(3)"></span>
<span class="dot" onclick="positionActuelle(4)"></span>
</div>
</div><!-- Fin du div project-content -->
<footer>
<div class="footer-content">
<p>
<a href="https://github.com/CassandraCH"><img src="IMG/logos/logo_github.png" alt="logo de github"></a>
<a href="https://www.linkedin.com/in/cassandrachaumulon/"><img src="IMG/logos/logo_linkedin.png" alt="logo de linkedin"></a>
</p>
<p>Copyright © 2020 - CHAUMULON Cassandra</p>
</div>
</footer>
<script src="JS/slide.js"></script>
</body>
</html>