-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
191 lines (173 loc) · 7.76 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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset = "utf-8">
<title>Portfolio - Melinda Pasco</title>
<!-- Meta Informations -->
<meta name="description" content="Melinda Pasco's Portfolio, Front Dev">
<meta name="author" content="Melinda Pasco">
<meta name="robots" content="index, follow">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap" rel="stylesheet">
<link href= "style.css" type="text/css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="wrapper">
<header>
<nav>
<div id="logo" data-word="Portfolio">Melinda Pasco</div>
<a id="nav-btn" href="mailto:[email protected]">Me contacter</a>
</nav>
</header>
<div id="intro">
<div id="cssPortrait">
<div id="mainFace"></div>
<div id="chin"></div>
<div id="eyeLeft"></div>
<div id="eyeRight"></div>
<div id="nose"></div>
<div id="mouth"></div>
<div id="hairTop"></div>
<div id="hairPerspect"></div>
<div id="hairLeftSide"></div>
<div id="ear"></div>
<div id="hairRightSide"></div>
<div id="hairRightPoint"></div>
<div id="hairRightString"></div>
<div id="neck"></div>
<div id="shoulder"></div>
<div id="background"></div>
</div>
<h1>Bonjour !</h1>
</div>
<div id="about">
<p>Développeuse Junior en quête de ma prochaine aventure.</p>
<p>Pour en savoir plus :</p>
<a href="https://www.linkedin.com/in/melinda-pasco-5087b5118/" target="_blank" id="btnIn" class="btnGlass"><div><b>Linkedin</b></div></a>
<a href="media/CV_Melinda_Pasco.pdf" target="_blank" download id="btnCv" class="btnGlass"><div><b>Mon CV</b></div></a>
</div>
<div class="container">
<h2 class="title">Projets</h2>
<a href="https://melindapasco.github.io/webdesign-intro/" target="_blank" class="project">
<h3>Première Intégration</h3>
<p>
Projet d'apprentissage.<br>
Tout premier projet de formation: Intégration à partir d'une maquette.
</p>
<p>HTML & CSS</p>
</a>
<a href="https://melindapasco.github.io/puissance4/" target="_blank" class="project">
<h3>Puissance 4</h3>
<p>
Projet d'apprentissage.<br>
Ecrit en JS: règles de victoire,
ainsi que des options de custumisation (nom et couleur des joueurs, taille de la grille).
</p>
<p>HTML, CSS & Javascript</p>
</a>
<a href="https://melindapasco.github.io/webdesign-bootstrap/" target="_blank" class="project">
<h3>Store Page</h3>
<p>
Projet d'apprentissage.<br>
Vitrine type e-commerce à l'aide de Bootstrap.
</p>
<p>HTML, CSS & Bootstrap</p>
</a>
<a href="https://melindapasco.github.io/pokedex" target="_blank" class="project">
<h3>Pokedex</h3>
<p>
Projet d'apprentissage.<br>
Explorez la 1ère génération de Pokemon grace à la PokeApi !
</p>
<p>Angular & RESTful API</p>
</a>
<a href="https://melindapasco.github.io/react-intro/" target="_blank" class="project">
<h3>To Do List</h3>
<p>
Projet d'apprentissage.<br>
La classique To Do List pour travailler les composants.
</p>
<p>REACT</p>
</a>
<a href="https://melindapasco.github.io/css-challenges/" target="_blank" class="project">
<h3>CSS Challenges</h3>
<p>
Projet personnel<br>
J'aime jouer avec le CSS, voici donc ma sandbox, inspiré par les CSS Challenges que l'ont peut trouver sur internet.
</p>
<p>HTML & CSS</p>
</a>
<a href="https://melindapasco.github.io/neumorphism/" target="_blank" class="project">
<h3>Neumorphism</h3>
<p>
Projet personnel<br>
Experimentation avec le Neumorphism
</p>
<p>HTML & SASS</p>
</a>
<a href="https://melindapasco.github.io/League-Quiz/" target="_blank" class="project">
<h3>League Quiz</h3>
<p>
Projet personnel<br>
Quiz sur le thème League of Legends
7 questions, peut-être plus dans le future !
</p>
<p>Vue Js</p>
</a>
<a href="https://melindapasco.github.io/pinia-practice/" target="_blank" class="project">
<h3>Pinia Practice</h3>
<p>
Projet personnel<br>
Familiarisation avec Pinia pour le gestion d'états sur Vue<br>
Les changements ne sont pas persistés
</p>
<p>Vue Js, Pinia</p>
</a>
<a href="https://github.com/MelindaPasco" target="_blank" id="btnGit" class="btnGlass"><div>Mon Git - Code et autres projets</div></a>
</div>
<div id="techs">
<h2>J'utilise :</h2>
<div id="techno">
<div class="tech--main">HTML</div>
<div class="tech--main">CSS</div>
<div class="tech--main">JavaScript</div>
</div>
<div id="techno">
<div class="tech">Adobe XD</div>
<div class="tech">Bootstrap</div>
<div class="tech--main">Figma</div>
<div class="tech--main">Git</div>
<div class="tech">Materialize</div>
<div class="tech--main">Pinia</div>
<div class="tech--main">SASS</div>
<div class="tech">Stimulus</div>
<div class="tech">Storybook</div>
<div class="tech">Tailwind</div>
<div class="tech--main">Vue</div>
<div class="tech">Vuex</div>
</div>
<h3>Des notions :</h3>
<div id="techno">
<div class="tech">Angular</div>
<div class="tech">Jest</div>
<div class="tech">Nuxt</div>
<div class="tech">PHP</div>
<div class="tech">React</div>
<div class="tech">RSpec Capybara</div>
<div class="tech">TypeScript</div>
<div class="tech">Wordpress</div>
</div>
</div>
<footer>
<p>
Au plaisir d'échanger avec vous,
et en vous souhaitant une agréable journée !
</p>
</footer>
</div>
<script src= "script.js"></script>
</body>
</html>