Skip to content

Commit

Permalink
update
Browse files Browse the repository at this point in the history
  • Loading branch information
@antoine-nedelec
Antoine NEDELEC authored and antoine-nedelec committed Dec 14, 2019
1 parent 55a146a commit de39553
Show file tree
Hide file tree
Showing 4 changed files with 137 additions and 33 deletions.
2 changes: 1 addition & 1 deletion css/footer.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
position: relative;
width: 600px;
height: 300px;
margin: 0 auto;
margin: 50px auto 0 auto;
}
/* TABLE */
#table{
Expand Down
81 changes: 75 additions & 6 deletions css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -73,6 +73,8 @@ h2{
background-position-x: 3px;
background-position-y: 3px;
}
a{ text-decoration: none; }
a:active, a:focus, a:hover{ text-decoration: none; }
/* END GENERICS */

/* CONTAINERS */
Expand All @@ -86,14 +88,15 @@ h2{
"scl main"
"skills main"
"filler main"
". main"
"footer footer";
}
#sub-container {
grid-area: main;
display: grid;
grid-template-columns: auto;
grid-template-rows: auto auto;
grid-template-areas: "experiences" "experiences";
grid-template-areas: "experiences" "educations";
height: 100%;
position: relative;
}
Expand Down Expand Up @@ -291,33 +294,99 @@ progress::-webkit-progress-value {

/* EXPERIENCES */
#experiences{
padding: 40px 60px;
padding: 40px 60px 0 60px;
grid-area: experiences;
font-family: 'Montserrat', sans-serif;
}
.experience{
position: relative;
margin-bottom: 35px;
min-height: 150px;
}
.experience .experience-time {
position: absolute;
left: 0;
top: 0;
width: 250px;
text-align: center;
font-weight: normal;
font-size: 25px;
min-height: 30px;
color: white;
border-radius: 4px;
overflow: hidden;
}
.experience .experience-title {
position: relative;
font-weight: 700;
margin-left: 270px;
min-height: 30px;
font-size: 24px;
color: #292929;
color: white;
margin-bottom: 2px;
border-radius: 4px;
padding-left: 10px;
overflow: hidden;
}
.experience .experience-place {
font-weight: normal;
font-style: italic;
font-weight: bold;
font-size: 23px;
color: #414042;
margin-bottom: 5px;
margin: 10px 0 5px 120px;
}
.experience .experience-place:before{
content: '';
position: absolute;
width: 100px;
height: 100px;
left: 0;
top: 40px;
background-size: cover;
}
.experience .experience-place#experience-manomano:before{
background-image: url("../img/experience-manomano.png");
}
.experience .experience-description {
margin-left: 120px;
font-weight: normal;
font-size: 20px;
color: #6d6e71;
}
/* END EXPERIENCES */

/* EDUCATION */
#educations{
padding: 0 60px 0 60px;
grid-area: educations;
font-family: 'Montserrat', sans-serif;
}
.education{
position: relative;
margin-bottom: 20px;
}
.education .education-year {
position: absolute;
left: 0;
top: 0;
width: 100px;
text-align: center;
font-weight: normal;
font-size: 25px;
min-height: 30px;
color: white;
border-radius: 4px;
overflow: hidden;
}
.education .education-title {
font-weight: 500;
font-size: 20px;
line-height: 30px;
min-height: 30px;
color: #292929;
margin-left: 130px;
}
/* END EDUCATION */

footer{
background: white;
grid-area: footer;
Expand Down
Binary file added img/experience-manomano.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
87 changes: 61 additions & 26 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -100,61 +100,96 @@ <h2>LANGUAGES</h2>
<h2>EXPERIENCES</h2>

<div class="experience">
<div class="experience-title">BACKEND DEVELOPER<span></span></div>
<div class="experience-place">Manomano - Paris</div>
<div class="experience-time secondary-bg">2019 ~ 7 month</div>
<div class="experience-title main-bg">BACKEND DEVELOPER</div>
<a href="http://www.manomano.com" target="_blank"><div id="experience-manomano" class="experience-place">Manomano - Paris</div></a>
<div class="experience-description">
Lorem ipsum <a href="#">dolor</a> sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
<div class="experience-technology">
<span class="git">GIT</span>
</div>
</div>

<div class="experience">
<div class="experience-title">BACKEND DEVELOPER</div>
<div class="experience-place">Manomano - Paris</div>
<div class="experience-time secondary-bg">2019 ~ 3 month</div>
<div class="experience-title main-bg">WEB DEVELOPMENT</div>
<div class="experience-place">DigitAddict - Antibes</div>
<div class="experience-description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<div>Développement Freelance divers:</div>
<ul>
<li>Créations de newsletters</li>
<li>Création d'un <a href="http://preprod.digitaddict.com/unigy" target="_blank">site temporaire</a> sur un salon pour GRTGAZ</li>
<li>Refonte Wordpress <a href="http://younggraduateprogram.com" target="_blank">d'un site</a> pour Total</li>
</ul>
</div>
</div>

<div class="experience">
<div class="experience-title">BACKEND DEVELOPER</div>
<div class="experience-place">Manomano - Paris</div>
<div class="experience-time secondary-bg">2018 ~ 10 month</div>
<div class="experience-title main-bg">FULL STACK DEVELOPER</div>
<div class="experience-place">VIP BOX - Antibes</div>
<div class="experience-description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<ul>
<li>Développement d'un CRM spécialisé sous Symfony4</li>
<li>Refonte du SI</li>
<li>Intégration du design de l'interface</li>
<li>Synchronisation automatique des albums client entre Dropbox & Smugmug a post-événement</li>
<li>Développement d'un "mini-photoshop" (outil JS) pour la création des mises en page clients</li>
<li>Mise en place de l'intégration continue</li>
</ul>
<div>APIs: Amazon S3, Gmail, Dropbox, SendinBlue, Smugmug</div>
</div>
</div>

<div class="experience">
<div class="experience-title">BACKEND DEVELOPER</div>
<div class="experience-place">Manomano - Paris</div>
<div class="experience-time secondary-bg">2017 ~ 12 month</div>
<div class="experience-title main-bg">Digital Nomad</div>
<div class="experience-place">Earth</div>
<div class="experience-description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<div>Passage dans 15 pays en 15 mois, réalisant des projets informatiques en :</div>
<ul>
<li>Chine (3 mois)</li>
<li>Japon (1 mois)</li>
<li>Guadeloupe (1 mois)</li>
<li>Divers Amérique du Sud (4 mois)</li>
</ul>
</div>
</div>

<div class="experience">
<div class="experience-title">BACKEND DEVELOPER</div>
<div class="experience-place">Manomano - Paris</div>
<div class="experience-time secondary-bg">2014-6 ~ 34 month</div>
<div class="experience-title main-bg">FRONT END DEVELOPER</div>
<div class="experience-place">Amundi - Paris</div>
<div class="experience-description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<ul>
<li>Design & Intégration (amundi.com / amundietf.com / bft-im.com / .. )</li>
<li>Responsive design</li>
<li>Gestion du SEO</li>
<li>Gestion des statistiques</li>
</ul>
</div>
</div>
</div>

<div class="experience">
<div class="experience-title">BACKEND DEVELOPER</div>
<div class="experience-place">Manomano - Paris</div>
<div class="experience-description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
<div id="educations">

<h2>EDUCATIONS</h2>

<div class="education">
<div class="education-year secondary-bg">2013</div>
<div class="education-title">Ecole Polytechnique de l'université de Nantes</div>
</div>

<div class="experience">
<div class="experience-title">BACKEND DEVELOPER</div>
<div class="experience-place">Manomano - Paris</div>
<div class="experience-description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
<div class="education">
<div class="education-year secondary-bg">2010</div>
<div class="education-title">IUT Génie Électrique et Informatique Industrielle de Rennes</div>
</div>

<div class="education">
<div class="education-year secondary-bg">2008</div>
<div class="education-title">Baccalauréat S - Sciences de l’Ingénieur à Saint-Malo</div>
</div>
</div>
</div>

Expand Down

0 comments on commit de39553

Please sign in to comment.