Ajout des sections experience et education
This commit is contained in:
parent
9fbacbfa1f
commit
ca8ca26626
@ -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;
|
||||
}
|
568
css/main.css
568
css/main.css
File diff suppressed because one or more lines are too long
89
index.html
89
index.html
@ -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">
|
||||
|
Loading…
x
Reference in New Issue
Block a user