Première version d'amélioration des boutons de contact sur mobile/tablet/desktop
This commit is contained in:
parent
3a43fb1e6d
commit
baac97276d
85
index.html
85
index.html
@ -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>
|
||||
|
Loading…
x
Reference in New Issue
Block a user