wip
This commit is contained in:
parent
7f7e85a160
commit
ee84c5701a
4 changed files with 25 additions and 17 deletions
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.3 KiB |
Before Width: | Height: | Size: 8.8 KiB After Width: | Height: | Size: 8.8 KiB |
32
index.html
32
index.html
|
@ -32,10 +32,9 @@
|
|||
</div>
|
||||
<button id="theme"></button>
|
||||
</header>
|
||||
|
||||
<section class="banner">
|
||||
<a href="vcard.vcf">
|
||||
<img class="big" id="vcard" src="img/vcard.svg" alt="Vcard QR code."></a>
|
||||
<div>
|
||||
<img class="big photo" src="img/photo.png" alt="Me in front of hex dumps.">
|
||||
<table><tbody>
|
||||
<tr>
|
||||
<th><a href="https://marc.beninca.link/cv/en">English</a></th>
|
||||
|
@ -48,27 +47,36 @@
|
|||
<td>C2</td>
|
||||
</tr>
|
||||
</tbody></table>
|
||||
</div>
|
||||
<img class="big photo" src="img/photo.png" alt="Me in front of hex dumps.">
|
||||
<p>Talence,<br>
|
||||
Bordeaux,<br>
|
||||
France</p>
|
||||
</section>
|
||||
|
||||
</article>
|
||||
|
||||
<section>
|
||||
<h2>Contact</h2>
|
||||
|
||||
<section class="banner">
|
||||
<a href="vcard.vcf">
|
||||
<img class="big" id="vcard" src="img/vcard.svg" alt="Vcard QR code."></a>
|
||||
<table><tbody>
|
||||
<tr>
|
||||
<th>Phone</th>
|
||||
<td class="logo"><img class="logo" src="img/phone.svg" alt="Phone logo"></td>
|
||||
<th class="logo"><img class="logo" src="img/tel.svg" alt="Tel logo"></th>
|
||||
<td><span class="fa fa-plus"></span> 33 6 07 47 84 34</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Email</th>
|
||||
<td class="logo"><img class="logo" src="img/email.svg" alt="E-mail logo"></td>
|
||||
<th class="logo"><img class="logo" src="img/mail.svg" alt="Mail logo"></th>
|
||||
<td>cv <span class="fa fa-at"></span> marc.beninca.link</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Link</th>
|
||||
<td class="logo"><img class="logo" src="img/link.svg" alt="Link logo"></td>
|
||||
<th class="logo"><img class="logo" src="img/link.svg" alt="Link logo"></th>
|
||||
<td><a href="https://marc.beninca.link">marc.beninca.link</a></td>
|
||||
</tr>
|
||||
</tbody></table>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>Skills</h2>
|
||||
|
|
|
@ -118,7 +118,7 @@ div.org {
|
|||
section.banner {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
.banner {
|
||||
margin-block-start: .5em;
|
||||
|
@ -176,6 +176,10 @@ li:nth-of-type(odd) {
|
|||
background: var(--item-odd-gradient);
|
||||
}
|
||||
|
||||
.banner table {
|
||||
margin-block-start: 0;
|
||||
margin-inline: 0;
|
||||
}
|
||||
table {
|
||||
margin-inline: auto;
|
||||
}
|
||||
|
@ -199,10 +203,6 @@ ul {
|
|||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.banner div {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.title, .duration.org {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
|
Loading…
Add table
Reference in a new issue