-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
181 lines (173 loc) · 8.95 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"
content="Hey, do you need a website ? Consider this as my online resume. You will find here the projects I worked on, my interests and how to reach me.">
<meta property="og:site_name" content="Florent Feugere's portfolio" />
<meta property="og:url" content="https://flofeu.github.io/my-portfolio/" />
<meta property="og:title" content="Florent Feugere - Web Developer Fullstack Javascript" />
<meta property="og:description"
content="Welcome to my portfolio, here you will find the projects I worked on, and infos about me." />
<meta property="og:image" content="https://github.com/FloFeu/my-portfolio/blob/main/lib/og_image.png?raw=true" />
<title>Florent Feugere Portfolio - Web Developer - Fullstack JavaScript</title>
<link rel="stylesheet preload" as="style" href="./css/style/styleprefixed/style.css">
<link rel="stylesheet preload" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"
integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous"
as="style">
<script src="script.js" defer></script>
</head>
<body>
<header>
<nav class="nav">
<ul id="nav_ul">
<li><a href="#home" id="a_home">Home</a></li>
<li><a href="#projects" id="a_projects">Projects</a></li>
<li><a href="#skills" id="a_skills">Skills</a></li>
<li><a href="#interests" id="a_interests">Interests</a></li>
<li><a href="#resume" id="a_resume">Resume</a></li>
</ul>
</nav>
<section id="home">
<h1>FLORENT FEUGERE</h1>
<p class="subtext">From baker to web developer</p>
<img width="144" height="144" src="./lib/avatar.jpg" alt="Florent">
<p class="welcome">
Welcome to my personal page.
</p>
<p class="intro">
After a few years as a baker, I decided to embrace my true love and became a web developer.
</p>
</section>
</header>
<main>
<section id="projects">
<h2 class="part__title">PROJECTS</h2>
<ul class="container">
<li> <a class="p7" href="https://github.com/FloFeu/FlorentFeugere_7_28052021"
style="background-image: url('./lib/p7/p7_homepage.png')" title="Groupomania">
<span class="project-title">GROUPOMANIA Company Social Network</span>
</a>
</li>
<li><a class="p6" href="https://github.com/FloFeu/FlorentFeugere_6_25032021"
style="background-image: url('./lib/P6/p6_code.png')" title="So Pekocko">
<span class="project-title">So Pekocko Food Review API</span></a></li>
<li><a class="p5" href="https://github.com/FloFeu/FlorentFeugere_5_22022021"
style="background-image: url('./lib/p5/p5_index.png')" title="Orinoco">
<span class="project-title">Orinoco - Initiation to JavaScript</span>
</a></li>
<li><a class="p4" href="https://github.com/FloFeu/FlorentFeugere_4_29012021"
style="background-image: url('./lib/p4/p4_lighthouse.png')" title="La Chouette Agence">
<span class="project-title">La Chouette Agence - SEO optimization</span>
</a></li>
<li><a class="p3" href="https://github.com/FloFeu/FlorentFeugere_3_11012021"
style="background-image: url('./lib/p3/p3_index.png')" title="Ohmyfood">
<span class="project-title">Ohmyfood - learning CSS animations </span>
</a></li>
<li><a class="p2" href="https://github.com/FloFeu/FlorentFeugere_2_15122020"
style="background-image: url('./lib/p2/p2_index.png')" title="Reservia">
<span class="project-title">Reservia - HTML / CSS first project </span>
</a></li>
</ul>
</section>
<section id="skills">
<h2 class="part__title">SKILLS</h2>
<div class="title__container">
<h3>HARD SKILLS</h3>
<ul class="hard__container">
<li><i class="fab fa-html5"></i></li>
<li><i class="fab fa-css3-alt"></i></li>
<li><i class="fab fa-sass"></i></li>
<li><i class="fab fa-js"></i></li>
<li><i class="fab fa-vuejs"></i></li>
<li><i class="fab fa-node"></i></li>
<li><i class="fab fa-github"></i></li>
</ul>
<p class="hard__text">Throughout my courses and researchs, I learned to use Git, HTML, CSS, Sass,
JavaScript, its framework Vue.js, Node.js and its framework Express, MongoDB, MySQL, Sequelize.</p>
<p class="hard__text">I am open to learn anything you need me to know.</p>
<h3>SOFT SKILLS</h3>
<ul class="soft__container">
<li class="errr">Fussy</li>
<li>Respect</li>
<li>Patience</li>
<li>TeamWork</li>
<li>Organized</li>
<li>Passionate</li>
<li>Pragmatism</li>
<li>Adaptability</li>
<li>Communication</li>
<li>Time Management</li>
</ul>
</div>
</section>
<section id="interests">
<h2 class="part__title">INTERESTS</h2>
<div class="part__content">
<p>
I live in Montrouge, near Paris, with my significant other and my cat. I am a simple man, I like to
understand how things work and how to trivialize stuff.
</p>
<p>
Before web development, I worked as a baker for 6 years. I love the job, but having a completely
different rhythm of life than my friends and family was hard to live with.
</p>
</div>
<div class="part__content">
<!-- <h3>Reading</h3> -->
<p>I love reading. Right now I'm reading <a
href="https://www.senscritique.com/livre/My_Absolute_Darling/30209921">My Absolute Darling</a>
by G.Tallent.</p>
</div>
<div class="part__content">
<!-- <h3>Video Games</h3> -->
<p>Gaming is a passion for me. I play on PC and PS5. Currently, I'm playing <a
href="https://www.senscritique.com/jeuvideo/Demon_s_Souls/42389812">Demon's Souls</a> and <a
href="https://www.senscritique.com/jeuvideo/Rocket_League/12947923">Rocket League</a>.</p>
</div>
<div class="part__content">
<!-- <h3>Music</h3> -->
<p>Music takes an important part in my life. I can't work without listening to music. I also used to
play the <span>accordion</span> and I play the <span>guitar</span> on my spare time.</p>
</div>
<div class="part__content">
<!-- <h3>Sports</h3> -->
<p>I play <span> Ultimate </span> and like to <span>swim</span>.</p>
</div>
</section>
<section id="resume">
<h2 class="part__title">RESUME</h2>
<a href="./lib/CV.pdf">
<img src="./lib/resume_preview.png" alt="resume_preview" width="297" height="415">
</a>
</section>
</main>
<footer>
<div class="container">
<div class="contact">
<a href="mailto:[email protected]" title="Email me"
target="_blank">[email protected]</a>
</div>
<ul class="links">
<li>
<a href="https://github.com/FloFeu" title="My github"><i class="fab fa-github"></i></a>
</li>
<li>
<a href="https://twitter.com/FeugereFlorent" title="My twitter">
<i class="fab fa-twitter"></i>
</a>
</li>
<li><a href="https://www.linkedin.com/in/florent-feugere/" title="My linkedin">
<i class="fab fa-linkedin"></i>
</a>
</li>
</ul>
<p class="copyright">© Florent Feugere</p>
<button aria-label="scroll to top" id="to-top" class="to-top"><i
class="fas fa-arrow-alt-circle-up"></i></button>
</div>
</footer>
</body>
</html>