Client pass

This commit is contained in:
2024-07-21 01:30:10 +02:00
parent cd42baaebf
commit 4fe78c0fa4
18 changed files with 120 additions and 65 deletions

View File

@@ -107,11 +107,10 @@
<section class="projet-main-container" id="home">
<div class="projet-images">
<img src="/resources/img/projets/IMG_PA1_I1.1.png" alt="projet">
<img src="/resources/img/projets/IMG_PA1_I1.2.png" alt="projet">
<img src="/resources/img/projets/IMG_PA1_I1.3.png" alt="projet">
<img src="/resources/img/projets/IMG_PA1_I2.1.png" alt="projet">
<img src="/resources/img/projets/IMG_PA1_I2.2.png" alt="projet">
<img src="/resources/img/projets/IMG_PA1_I1.2_cut.png" alt="projet">
<img src="/resources/img/projets/IMG_4728 2.png" alt="projet">
<img src="/resources/img/projets/Cuisine Pelissanne K.19 1.png" alt="projet">
<img src="/resources/img/projets/IMG_5969 1.png" alt="projet">
</div>
<div class="projet-description">
@@ -119,25 +118,16 @@
<h2>Aix-en-Provence (13)</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse tincidunt, augue id hendrerit pellentesque, nibh elit rutrum purus, vitae eleifend quam est a risus. Aenean dolor enim, suscipit non lectus ac, convallis congue nunc. Sed eget semper magna, ut mattis nisi. Ut quis justo eget nibh porta porttitor in id orci. Nullam finibus lacinia ex et volutpat. Maecenas sagittis ante nibh, at auctor sapien hendrerit in. Nulla elementum tellus eget porta imperdiet. Aenean in blandit mi, a iaculis ex. Vivamus scelerisque odio lectus, sit amet posuere leo dignissim in. Duis felis lorem, eleifend ut lorem at, maximus rhoncus nibh. Phasellus nec interdum elit, ut molestie nisl. Nunc aliquam fringilla convallis. Sed aliquet iaculis tellus non sollicitudin.
Maecenas in ullamcorper velit, sed condimentum magna. Nunc consequat finibus dolor ut feugiat. Maecenas vitae lacus in felis condimentum tristique eu quis erat. Integer molestie, urna ut laoreet ornare, sapien leo placerat urna, et faucibus magna est ac tortor. Sed in tellus quis urna pulvinar sodales. Pellentesque eget orci vitae ex imperdiet accumsan. Ut condimentum sapien sed nulla bibendum, sed mattis ante placerat.
Vivamus vulputate euismod sem nec consequat. Mauris facilisis diam eget maximus sodales. Donec porta augue ac mauris placerat, vitae blandit orci tincidunt. Pellentesque odio sem, ultrices a leo a, dictum vehicula sem. Duis ullamcorper varius dui et maximus. Vestibulum porttitor ligula pulvinar consequat bibendum. Aliquam id ornare odio.
Duis mollis libero vitae egestas ultricies. Sed quis facilisis diam, ut dictum quam. Sed lobortis massa ut lacus tempor varius. Nunc aliquet ullamcorper auctor. Praesent faucibus, nulla sollicitudin luctus aliquet, sem libero dictum massa, eu luctus augue tellus non lorem. Nulla vel felis sit amet sapien euismod volutpat eget vitae mi. Sed condimentum ligula magna, molestie ultricies ex varius a. Ut maximus justo et nibh congue molestie. Sed fringilla dapibus auctor. Nulla vitae tortor egestas, dictum libero eu, auctor sem. Aenean urna sem, semper eget iaculis sit amet, mollis auctor magna. Donec felis turpis, aliquam a erat eu, fringilla facilisis sapien.
Fusce dictum mi id ligula luctus, at scelerisque elit aliquet. Aliquam euismod erat turpis, eu consectetur neque lacinia non. Integer feugiat mi rhoncus massa cursus rutrum. Vivamus ut imperdiet nunc. Vivamus efficitur at felis tincidunt viverra. Nulla commodo egestas augue vitae placerat. Proin commodo gravida sem, eget pharetra dui tempor sit amet. Suspendisse sit amet pellentesque elit. Integer fringilla magna ac nibh commodo accumsan. Morbi in pharetra justo. In suscipit odio vel ante ullamcorper feugiat. Ut semper nulla pellentesque elit faucibus pharetra. In elit nibh, tincidunt id ante ac, dictum pharetra urna. </p>
</div>
</section>
<section class="punch-container punch-dark">
<section class="projet-punch-container punch-container punch-dark">
<svg class="punch-quote-left" width="32" height="26" viewBox="0 0 32 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.32 22.58L22.57 12.71L26.07 11.73C25.6967 12.4767 25.2533 13.1067 24.74 13.62C24.2267 14.0867 23.6433 14.32 22.99 14.32C21.4967 14.32 20.1433 13.7133 18.93 12.5C17.7167 11.2867 17.11 9.74666 17.11 7.88C17.11 5.92 17.7633 4.24 19.07 2.84C20.4233 1.39333 22.1033 0.669997 24.11 0.669997C26.0233 0.669997 27.68 1.37 29.08 2.77C30.48 4.17 31.18 5.87333 31.18 7.88C31.18 8.72 31.0167 9.67666 30.69 10.75C30.41 11.8233 29.8033 13.2233 28.87 14.95L22.99 25.73L17.32 22.58ZM0.73 22.58L6.05 12.71L9.55 11.73C9.13 12.4767 8.66333 13.1067 8.15 13.62C7.63667 14.0867 7.05333 14.32 6.4 14.32C4.95333 14.32 3.62333 13.7133 2.41 12.5C1.19667 11.2867 0.59 9.74666 0.59 7.88C0.59 5.92 1.24333 4.24 2.55 2.84C3.90333 1.39333 5.58333 0.669997 7.59 0.669997C9.50333 0.669997 11.16 1.37 12.56 2.77C13.96 4.17 14.66 5.87333 14.66 7.88C14.66 8.72 14.4967 9.67666 14.17 10.75C13.8433 11.8233 13.2133 13.2233 12.28 14.95L6.47 25.73L0.73 22.58Z" fill="#D4D6D8"/>
</svg>
<div class="punch-sub">
<h1 class="punch">Chaque projet est une symphonie singulière.</h1>
<h1 class="punch">Ensemble, composons une œuvre qui incarne votre personnalité et qui reflète vos aspirations.</h1>
<div class="punch-sub projet-punch-sub">
<h1 class="projet-punch punch">Absolument ravi de mon expérience avec Kilian pour la rénovation de ma cuisine. Son professionnalisme et sa créativité ont dépassé mes attentes. Le résultat final est génial, merci pour davoir métamorphosé ma cuisine !</h1>
</div>
<svg class="punch-quote-right" width="32" height="26" viewBox="0 0 32 26" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -148,9 +138,10 @@
<section class="projet-compare-container">
<span class="projet-compare-right" >
<img src="/resources/img/projets/IMG_PA1_I2.1.png" alt="compare">
<img src="/resources/img/projets/IMG_PA1_I2.1_compare.png" alt="compare">
</span>
<span class="projet-compare-left"> <img src="/resources/img/projets/IMG_PA1_I2.2.png" alt="compare">
<span class="projet-compare-left">
<img src="/resources/img/projets/IMG_PA1_I2.2_compare.png" alt="compare">
</span>
<input class="projet-compare-range" type="range" step="0.1" oninput="document.body.style.setProperty('--pos', `${this.value}%`)">
</section>