Web Chaker

Header

Animation (vidéo)

Le titre est animé avec une combinaison de HTML, CSS et Javascript. La photo est avec un fond transparent pour s’adapter avec le fond du site et changement de couleur avec le Dark mode .

Off-Canvas Menu

Photo

Images Transparentes pour s’adapter avec n’importe quelle fond. aussi pour s’adapter avec le mode « Dark Mode » de certains mobiles :

Des fois, pas besoin d’utiliser Photoshop, 4 ligne en CSS suffisent:

.circle-image {
    border-radius: 50%;
    border: solid black 10px;
}

Mais pour écrire ces 4 lignes ici, il a fallu écrire ça:

<div style="background: #ffffff; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;">
<table>
<tr>
<td>
<pre style="margin: 0; line-height: 125%">
1
2
3
4
pre>
td>
<td>
<pre style="margin: 0; line-height: 125%">
<span style="color: #BB0066; font-weight: bold">.circle-imagespan> 
{
    <span style="color: #008800; font-weight: bold">borderspan>
<span style="color: #333333">-span>radius<span style="color: #333333">:span> 
<span style="color: #6600EE; font-weight: bold">50span>
<span style="color: #333333">%span>;
<span style="color: #008800; font-weight: bold">borderspan>
<span style="color: #333333">:span> 
<span style="color: #008800; font-weight: bold">solidspan> 
<span style="color: #007020">blackspan>
 <span style="color: #6600EE; font-weight: bold">10pxspan>;
}
pre>
td>
tr>
table>
div>

et ainsi de suite…

Full Page

Description

Premier CV avec WordPress.

Animation de texte faites avec HTML, CSS et Javascript.

Chaker Nguili

Développeur Full Stack