-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
113 lines (102 loc) · 6.24 KB
/
index.html
File metadata and controls
113 lines (102 loc) · 6.24 KB
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
113
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="index.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<title>Portfolio</title>
</head>
<body>
<header>
<center><h1><a id="spe" href="index.html">Portfolio</a></h1></center>
</header>
<nav>
<svg width="121" height="233" viewBox="0 0 121 233" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 232V1H90C90 1 76.664 17.4864 79 29C82.4387 45.9483 113.201 31.7076 119 48C126.885 70.1544 72.5165 59.6191 70 83C67.7015 104.355 114.905 109.122 103 127C97.092 135.872 84.6597 130.967 79 140C67.7016 158.032 120.873 155.803 119 177C117.541 193.513 87.894 191.557 90 208C91.8675 222.581 119 232 119 232H1Z"/>
</svg>
<div class="container">
<div class="profil">
</div>
<div class="presentation">
<p class="longText">
Je m'appelle Rudy DANIEL, <br>
J'ai 19 ans, ceci est mon portfolio.
Vous trouverez ici mon <a href="cv_page.html">CV</a> et d'autre information concerant mes
compétences que je met à jour régulièrement!
</p>
</div>
</div>
<div class="container">
<div class="subContainer">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<p class="title"><img class="langageIcons" src="ressources/icons/logo_langages/html.svg" alt=""></p>
<p>HTML</p>
</div>
<div class="flip-card-back">
<p class="title">HTML</p>
<p class="stars"><i class="material-icons">star</i><i class="material-icons">star</i><i class="material-icons">star</i><i class="material-icons">star</i><i class="material-icons">star</i></p>
</div>
</div>
</div>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<p class="title"><img class="langageIcons" src="ressources/icons/logo_langages/css.svg" alt=""></p>
<p>CSS</p>
</div>
<div class="flip-card-back">
<p class="title">CSS</p>
<p class="stars"><i class="material-icons">star</i><i class="material-icons">star</i><i class="material-icons">star</i><i class="material-icons">star</i><i class="material-icons">star</i></p>
</div>
</div>
</div>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<p class="title"><img class="langageIcons" src="ressources/icons/logo_langages/js.svg" alt=""></p>
<p>JavaScript</p>
</div>
<div class="flip-card-back">
<p class="title">JavaScript</p>
<p class="stars"><i class="material-icons">star</i><i class="material-icons">star</i><i class="material-icons">star_border</i><i class="material-icons">star_border</i><i class="material-icons">star_border</i></p>
</div>
</div>
</div>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<p class="title"><img class="langageIcons" src="ressources/icons/logo_langages/php.svg" alt=""></p>
<p>PHP</p>
</div>
<div class="flip-card-back">
<p class="title">PHP</p>
<p class="stars"><i class="material-icons">star</i><i class="material-icons">star</i><i class="material-icons">star</i><i class="material-icons">star_half</i><i class="material-icons">star_border</i></p>
</div>
</div>
</div>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<p class="title"><img class="langageIcons" src="ressources/icons/logo_langages/sql.svg" alt=""></p>
<p>SQL</p>
</div>
<div class="flip-card-back">
<p class="title">SQL</p>
<p>Langage en cours d'acquisition. <br><p class="stars"><i class="material-icons">star</i><i class="material-icons">star</i><i class="material-icons">star_border</i><i class="material-icons">star_border</i><i class="material-icons">star_border</i></p></p>
</div>
</div>
</div>
</div>
</div>
</nav>
<footer>
<div class="reseaux">
<!-- <div class="icons"><a href="https://github.com/FrenchWebDev" target="_blank"><img class="icon" src="ressources/icons/contact/github.svg" alt="github logo" title="github logo"></a></div> -->
<div class="icons"><a href="https://www.instagram.com/rudy.dnl/" target="_blank"><img class="icon" src="ressources/icons/contact/insta.svg" alt="insta logo" title="insta logo"></a></div>
<div class="icons"><a href="mailto:rudy0017@icloud.com.com" target="_blank"><img class="icon" src="ressources/icons/contact/mail.svg" alt="mail logo" title="mail contact"></a></div>
<div class="icons"><a href="tel:+330757871532" target="_blank"><img class="icon" src="ressources/icons/contact/call.svg" alt="call icon" title="Téléphone : 07 57 87 15 32"></a></div>
</div>
</html>