adamas/curriculum
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Anthony Dumas 2019-03-15 17:17:07 +01:00
parent 3a43fb1e6d
commit baac97276d
1 changed files with 38 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
index.html
View File

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