Ajout des sections experience et education

This commit is contained in:
Anthony Dumas 2019-03-05 16:01:59 +01:00
parent 9fbacbfa1f
commit ca8ca26626
3 changed files with 453 additions and 211 deletions

View File

@ -26,4 +26,11 @@ $primary-invert: $pink-invert;
// 4. Import the rest of Bulma
*/
$primary: #3c3c3c;
$primary-invert:#fff;
@import "../node_modules/bulma/bulma";
#menu {
text-shadow: 1px 1px 3px #3c3c3c99;
}

File diff suppressed because one or more lines are too long

View File

@ -11,7 +11,7 @@
</head>
<body>
<section class="hero is-primary">
<section id="menu" class="hero is-primary">
<div class="hero-body">
<div class="container">
<div class="columns">
@ -24,6 +24,93 @@
</div>
</div>
</section>
<section class="hero is-medium is-primary-inverted">
<div class="hero-body">
<div class="container">
<div class="columns">
<div id="idCard" class="column">
<div class="card">
<div class="card-image">
<figure class="image is-2by3">
<img src="https://bulma.io/images/placeholders/1280x960.png" alt="Placeholder image">
</figure>
</div>
<div class="card-content">
<div class="media">
<div class="media-content">
<p class="title is-4">Anthony Dumas</p>
<p class="subtitle is-6">@adamas_fr</p>
</div>
</div>
<div class="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Phasellus nec iaculis mauris. <a>@bulmaio</a>.
<a href="#">#css</a> <a href="#">#responsive</a>
<br>
<time datetime="2016-1-1">11:09 PM - 1 Jan 2016</time>
</div>
</div>
</div>
</div>
<div class="column is-two-thirds">
<span class="title">Experience</span>
<div class="card-content" id="harvest">
<div class="media">
<div class="media-left">
<figure class="image is-48x48">
<img src="https://bulma.io/images/placeholders/96x96.png" alt="Placeholder image">
</figure>
</div>
<div class="media-content">
<p class="title is-4">Développeur Web</p>
<p class="subtitle is-6">Harvest - Cournon d'Auvergne</p>
</div>
</div>
<div class="content">
Développement de simulateurs bancaires responsives.
</div>
</div>
<div class="card-content" id="michelin">
<div class="media">
<div class="media-left">
<figure class="image is-48x48">
<img src="https://bulma.io/images/placeholders/96x96.png" alt="Placeholder image">
</figure>
</div>
<div class="media-content">
<p class="title is-4">Développeur Internet des Objets</p>
<p class="subtitle is-6">Michelin - Clermont-Ferrand</p>
</div>
</div>
<div class="content">
Etude du marché des objets connectés, création d'un prototype.
</div>
</div>
<span class="title">Education</span>
<div class="card-content" id="michelin">
<div class="media">
<div class="media-left">
<figure class="image is-48x48">
<img src="https://bulma.io/images/placeholders/96x96.png" alt="Placeholder image">
</figure>
</div>
<div class="media-content">
<p class="title is-4">DUT Informatique - Imagerie Numérique</p>
<p class="subtitle is-6">IUT du Puy en Velay</p>
</div>
</div>
<div class="content">
Programmation 3D temps réel, Web, infographie 3D, retouche d'image.
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer has-text-centered">
<div class="container">