Première version d'amélioration des boutons de contact sur mobile/tablet/desktop

This commit is contained in:
Anthony Dumas 2019-03-15 17:17:07 +01:00
parent 3a43fb1e6d
commit baac97276d

View File

@ -28,8 +28,8 @@
<div class="hero-body">
<div class="container">
<div class="columns">
<div class="column is-offset-1 is-narrow-tablet dontPrint"></div>
<div id="idCard" class="column is-3 is-hidden-mobile">
<div class="column is-2 is-hidden-touch is-hidden-desktop-only dontPrint"></div>
<div id="idCard" class="column is-3-widescreen is-3-tablet is-hidden-mobile">
<div class="card">
<div class="card-image">
<figure id="photoProfil" class="image">
@ -39,20 +39,22 @@
<div class="card-content">
<div class="media">
<div class="media-content">
<p class="title is-4">Anthony Dumas</p>
<p class="buttons are-small">
<p class="buttons are-large ">
<a class="button" href="https://github.com/AdamasFR" target="_blank">
<span class="icon is-small">
<span class="icon is-large">
<i class="fab icon-github-alt"></i>
</span>
<span>GitHub</span>
</a>
<a class="button" href="https://www.linkedin.com/in/anthonyyvondumas/"
target="_blank">
<span class="icon is-small">
<span class="icon">
<i class="fab icon-linke-square"></i>
</span>
<span>LinkedIn</span>
</a>
<a class="button" href="https://www.twitter.com/anthony__dumas" target="_blank">
<span class="icon">
<i class="fab icon-twit"></i>
</span>
</a>
</p>
</div>
@ -64,7 +66,7 @@
</div>
</div>
</div>
<div class="column is-narrow-desktop" id="experiences">
<div class="column is-7" id="experiences">
<span class="title">Experience</span>
<div class="card-content" id="harvest">
<div class="media">
@ -137,11 +139,9 @@
</div>
</div>
</div>
<div class="column is-offset-1 is-narrow-tablet dontPrint"></div>
</div>
</div>
</section>
<div class="column is-offset-1"></div>
</div>
</div>
</section>
@ -154,42 +154,33 @@
<h2 class="subtitle">
Vous pouvez me contacter de nombreuses façons !
</h2>
<div class="columns btn-centered">
<div class="column is-offset-1"></div>
<div class="column is-3 hasContent">
<a class="button is-large is-fullw-mobile" href="mailto:anthony@dumas.cc">
<span class="icon">
<i class="fab icon-envelope-open"></i>
</span>
<span>Email</span>
</a>
</div>
<div class="column is-3 hasContent">
<a class="button is-large is-fullw-mobile" href="https://www.linkedin.com/in/anthonyyvondumas/"
target="_blank">
<span class="icon">
<i class="fab icon-linke-square"></i>
</span>
<span>LinkedIn</span>
</a>
</div>
<div class="column is-3 hasContent">
<a class="button is-large is-fullw-mobile" href="https://t.me/adamas_FR" target="_blank">
<span class="icon">
<i class="fab icon-teleg"></i>
</span>
<span>Telegram</span>
</a>
</div>
<div class="column is-3 hasContent is-hidden-desktop">
<a class="button is-large is-fullw-mobile" href="https://github.com/AdamasFR" target="_blank">
<span class="icon">
<i class="fab icon-github-alt"></i>
</span>
<span>Github</span>
</a>
</div>
<div class="column is-offset-1"></div>
<div class="btn-centered">
<a class="button is-large is-fullw-mobile" href="mailto:anthony@dumas.cc">
<span class="icon">
<i class="fab icon-envelope-open"></i>
</span>
<span>Email</span>
</a>
<a class="button is-large is-fullw-mobile" href="https://www.linkedin.com/in/anthonyyvondumas/"
target="_blank">
<span class="icon">
<i class="fab icon-linke-square"></i>
</span>
<span>LinkedIn</span>
</a>
<a class="button is-large is-fullw-mobile" href="https://t.me/adamas_FR" target="_blank">
<span class="icon">
<i class="fab icon-teleg"></i>
</span>
<span>Telegram</span>
</a>
<a class="button is-large is-fullw-mobile is-hidden-desktop" href="https://github.com/AdamasFR"
target="_blank">
<span class="icon">
<i class="fab icon-github-alt"></i>
</span>
<span>Github</span>
</a>
</div>
</div>
</div>