gltron/KM_Design
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Client pass

Browse Source
This commit is contained in:
gltron
2024-07-21 01:30:10 +02:00
parent cd42baaebf
commit 4fe78c0fa4
18 changed files with 120 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
V1/index.html
View File

@@ -194,52 +194,65 @@
<span class="follow-sub-line-number">01.</span>
<span class="follow-sub-line-title">Contact</span>
<span class="follow-sub-line-text">L'essence même d'un bon déroulement de projet réside dans ses premiers échanges. Rencontrons-nous et présentez-moi votre projet.</span>
<span class="follow-sub-line-icon">
<svg width="48" height="34" viewBox="0 0 48 34" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.0013 0C13.8193 -2.22849e-08 12.6488 0.208288 11.5568 0.61297C10.4648 1.01765 9.47256 1.61081 8.63676 2.35856C7.80096 3.10632 7.13797 3.99403 6.68564 4.97102C6.23331 5.94801 6.0005 6.99514 6.0005 8.05263C6.0005 9.11012 6.23331 10.1572 6.68564 11.1342C7.13797 12.1112 7.80096 12.9989 8.63676 13.7467C9.47256 14.4945 10.4648 15.0876 11.5568 15.4923C12.6488 15.897 13.8193 16.1053 15.0013 16.1053C17.3884 16.1053 19.6778 15.2569 21.3657 13.7467C23.0537 12.2365 24.002 10.1883 24.002 8.05263C24.002 5.91694 23.0537 3.86872 21.3657 2.35856C19.6778 0.8484 17.3884 4.50063e-08 15.0013 0ZM9.00075 8.05263C9.00075 7.34764 9.15596 6.64955 9.45751 5.99823C9.75907 5.3469 10.2011 4.75509 10.7583 4.25658C11.3155 3.75808 11.9769 3.36265 12.705 3.09286C13.433 2.82307 14.2133 2.68421 15.0013 2.68421C15.7892 2.68421 16.5695 2.82307 17.2975 3.09286C18.0256 3.36265 18.687 3.75808 19.2442 4.25658C19.8014 4.75509 20.2434 5.3469 20.545 5.99823C20.8465 6.64955 21.0018 7.34764 21.0018 8.05263C21.0018 9.47643 20.3696 10.8419 19.2442 11.8487C18.1189 12.8555 16.5927 13.4211 15.0013 13.4211C13.4098 13.4211 11.8836 12.8555 10.7583 11.8487C9.63295 10.8419 9.00075 9.47643 9.00075 8.05263ZM36.003 3.57895C34.1463 3.57895 32.3657 4.23881 31.0528 5.41338C29.74 6.58795 29.0024 8.18101 29.0024 9.8421C29.0024 11.5032 29.74 13.0963 31.0528 14.2708C32.3657 15.4454 34.1463 16.1053 36.003 16.1053C37.8597 16.1053 39.6403 15.4454 40.9532 14.2708C42.266 13.0963 43.0036 11.5032 43.0036 9.8421C43.0036 8.18101 42.266 6.58795 40.9532 5.41338C39.6403 4.23881 37.8597 3.57895 36.003 3.57895ZM32.0027 9.8421C32.0027 8.89291 32.4241 7.98259 33.1743 7.31141C33.9246 6.64023 34.942 6.26316 36.003 6.26316C37.064 6.26316 38.0815 6.64023 38.8317 7.31141C39.5819 7.98259 40.0033 8.89291 40.0033 9.8421C40.0033 10.7913 39.5819 11.7016 38.8317 12.3728C38.0815 13.044 37.064 13.4211 36.003 13.4211C34.942 13.4211 33.9246 13.044 33.1743 12.3728C32.4241 11.7016 32.0027 10.7913 32.0027 9.8421ZM0 23.7105C0 22.6427 0.474145 21.6186 1.31813 20.8635C2.16211 20.1084 3.3068 19.6842 4.50038 19.6842H25.5021C26.6957 19.6842 27.8404 20.1084 28.6844 20.8635C29.5284 21.6186 30.0025 22.6427 30.0025 23.7105V24.6607C30.001 24.8056 29.9896 24.9502 29.9685 25.0938C29.9235 25.4629 29.85 25.8289 29.7485 26.1889C29.4172 27.3638 28.8277 28.4679 28.0143 29.4368C25.9862 31.858 22.1178 34 15.0013 34C7.88466 34 4.01634 31.858 1.98817 29.4368C1.17556 28.4678 0.586734 27.3637 0.256021 26.1889C0.125121 25.7212 0.041445 25.2439 0.00600054 24.7627L0 24.6607V23.7105ZM3.00025 24.5963V24.6285L3.01825 24.8075C3.03825 24.9757 3.07826 25.228 3.16626 25.5376C3.39947 26.3653 3.8142 27.1433 4.38637 27.8263C5.73448 29.4315 8.61672 31.3158 15.0013 31.3158C21.3858 31.3158 24.268 29.4315 25.6141 27.8263C26.3142 26.9924 26.6622 26.1585 26.8342 25.5376C26.9186 25.2394 26.9741 24.9352 27.0003 24.6285L27.0023 24.5963V23.7105C27.0023 23.3546 26.8442 23.0132 26.5629 22.7615C26.2815 22.5098 25.9 22.3684 25.5021 22.3684H4.50038C4.10252 22.3684 3.72095 22.5098 3.43963 22.7615C3.1583 23.0132 3.00025 23.3546 3.00025 23.7105V24.5963ZM30.2025 29.7411C31.7486 30.1652 33.6568 30.4211 35.999 30.4211C41.5395 30.4211 44.6357 28.9966 46.3179 27.2787C46.9894 26.5983 47.4876 25.7954 47.778 24.9256C47.8915 24.5741 47.9646 24.2131 47.996 23.8483L48 23.7642V23.7105C48 22.6427 47.5259 21.6186 46.6819 20.8635C45.8379 20.1084 44.6932 19.6842 43.4996 19.6842H30.1905C30.9786 20.4197 31.5546 21.3413 31.8267 22.3684H43.5016C43.896 22.3684 44.2746 22.5073 44.5554 22.7552C44.8361 23.003 44.9965 23.3398 45.0018 23.6926L44.9918 23.7749C44.9718 23.9099 44.9403 24.0433 44.8977 24.174C44.729 24.6687 44.4424 25.1247 44.0577 25.5107C43.1156 26.4771 40.9634 27.7368 35.999 27.7368C34.1168 27.7368 32.6387 27.5561 31.4766 27.2769C31.1702 28.1432 30.7421 28.9712 30.2025 29.7411Z" fill="#222222"/>
</svg>
</span>
</div>
<div class="follow-sub-line">
<span class="follow-sub-line-number">02.</span>
<span class="follow-sub-line-title">Devis</span>
<span class="follow-sub-line-text">Je vous prépare un chiffrage précis et transparent de votre projet, accompagné de conseils avisés et d'un suivi attentif à chaque étape de notre collaboration.</span>
<span class="follow-sub-line-icon">
<svg width="36" height="37" viewBox="0 0 36 37" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.69231 17.2667H8.30769V19.7333H9.69231V17.2667ZM26.3077 19.7333H27.6923V17.2667H26.3077V19.7333ZM20.7692 24.6667H19.3846V27.1333H20.7692V24.6667ZM26.3077 27.1333H27.6923V24.6667H26.3077V27.1333ZM9.69231 9.86667H8.30769V12.3333H9.69231V9.86667ZM15.2308 12.3333H16.6154V9.86667H15.2308V12.3333ZM26.3077 1.23333L27.288 0.360133L26.8809 0H26.3077V1.23333ZM34.6154 8.63333H36V8.12273L35.5957 7.76013L34.6154 8.63333ZM9.69231 19.7333H26.3077V17.2667H9.69231V19.7333ZM20.7692 27.1333H26.3077V24.6667H20.7692V27.1333ZM9.69231 12.3333H15.2308V9.86667H9.69231V12.3333ZM31.8462 34.5333H4.15385V37H31.8462V34.5333ZM2.76923 33.3V3.7H0V33.3H2.76923ZM4.15385 2.46667H26.3077V0H4.15385V2.46667ZM33.2308 8.63333V33.3H36V8.63333H33.2308ZM25.3274 2.10653L33.6351 9.50653L35.5957 7.76013L27.288 0.360133L25.3274 2.10653ZM4.15385 34.5333C3.78662 34.5333 3.43444 34.4034 3.17478 34.1721C2.91511 33.9408 2.76923 33.6271 2.76923 33.3H0C0 34.2813 0.437636 35.2224 1.21663 35.9163C1.99563 36.6102 3.05218 37 4.15385 37V34.5333ZM31.8462 37C32.9478 37 34.0044 36.6102 34.7834 35.9163C35.5624 35.2224 36 34.2813 36 33.3H33.2308C33.2308 33.6271 33.0849 33.9408 32.8252 34.1721C32.5656 34.4034 32.2134 34.5333 31.8462 34.5333V37ZM2.76923 3.7C2.76923 3.3729 2.91511 3.0592 3.17478 2.8279C3.43444 2.59661 3.78662 2.46667 4.15385 2.46667V0C3.05218 0 1.99563 0.38982 1.21663 1.0837C0.437636 1.77759 0 2.7187 0 3.7H2.76923Z" fill="#222222"/>
</svg>
</span>
</div>
<div class="follow-sub-line">
<span class="follow-sub-line-number">03.</span>
<span class="follow-sub-line-title">Idéation</span>
<span class="follow-sub-line-text">À partir de votre description et de vos inspirations, je réalise des planches tendance qui nous permettrons de valider l’atmosphère du projet.</span>
<span class="follow-sub-line-icon">
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M24.4745 1.97747L11.8226 14.6293C6.52857 19.9367 2.51947 26.3854 0.102388 33.4814C-0.0128786 33.8171 -0.0312365 34.1784 0.0494194 34.524C0.130075 34.8696 0.306481 35.1854 0.558411 35.4354L0.565024 35.442C0.740338 35.6186 0.948848 35.7589 1.17856 35.8546C1.40827 35.9504 1.65465 35.9998 1.90353 36C2.11294 35.9999 2.32092 35.9654 2.51916 35.8979C9.61516 33.4808 16.0638 29.4716 21.3711 24.1774L34.0225 11.5257C35.2887 10.2595 36 8.54223 36 6.7516C36 4.96097 35.2887 3.24368 34.0225 1.97751C33.3956 1.35056 32.6513 0.853245 31.8322 0.513943C31.0131 0.174642 30.1351 3.52888e-06 29.2485 0C27.4579 -7.12674e-06 25.7406 0.71131 24.4745 1.97747ZM19.651 22.4577C14.8691 27.2271 9.10957 30.9026 2.76967 33.2306C5.0976 26.8906 8.77299 21.1311 13.5424 16.3491L21.0791 8.81239L27.1876 14.921L19.651 22.4577ZM32.3028 9.80592L28.9074 13.2013L22.7988 7.09264L26.1942 3.69722C26.5951 3.29517 27.0713 2.97609 27.5956 2.75824C28.1199 2.5404 28.682 2.42806 29.2498 2.42765C29.8176 2.42724 30.3799 2.53877 30.9045 2.75585C31.4291 2.97294 31.9058 3.29133 32.3073 3.69281C32.7087 4.09429 33.0271 4.57098 33.2442 5.09561C33.4613 5.62024 33.5728 6.18253 33.5724 6.7503C33.572 7.31807 33.4596 7.88019 33.2418 8.4045C33.0239 8.92881 32.7048 9.40504 32.3028 9.80592Z" fill="#222222"/>
</svg>
</span>
</div>
<div class="follow-sub-line">
<span class="follow-sub-line-number">04.</span>
<span class="follow-sub-line-title">Production</span>
<span class="follow-sub-line-text">Je réalise votre concept d’aménagement sous forme de rendus 3D photoréaliste, incluant des éléments tels que le mobilier, les matériaux, les couleurs et l'éclairage souhaités.</span>
<span class="follow-sub-line-icon">
<svg width="46" height="41" viewBox="0 0 46 41" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M25 29.2632C26.9658 32.4542 29.7512 35.0919 33.082 36.9163L36 38.5132V39H10V38.5132L12.918 36.9163C16.2488 35.0919 19.0342 32.4542 21 29.2632M2 23.4211H44M44 2H2V29.2632H44V2Z" stroke="#222222" stroke-width="2.5"/>
</svg>
</span>
</div>
<div class="follow-sub-line">
<span class="follow-sub-line-number">05.</span>
<span class="follow-sub-line-title">Livrable</span>
<span class="follow-sub-line-text">Je vous remets et vous présente le dossier final de votre projet comprenant : recherches, plans, annotations, visuels avant/après, et rendus 3D photoréaliste. Votre projet est maintenant prêt à se concrétiser !</span>
<span class="follow-sub-line-icon">
<svg width="32" height="35" viewBox="0 0 32 35" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M30.5455 0H5.81818C4.2751 0 2.79523 0.567306 1.70411 1.57712C0.612985 2.58693 0 3.95653 0 5.38462V33.6538C0 34.0109 0.153247 34.3533 0.426027 34.6057C0.698807 34.8582 1.06878 35 1.45455 35H27.6364C28.0221 35 28.3921 34.8582 28.6649 34.6057C28.9377 34.3533 29.0909 34.0109 29.0909 33.6538C29.0909 33.2968 28.9377 32.9544 28.6649 32.702C28.3921 32.4495 28.0221 32.3077 27.6364 32.3077H2.90909C2.90909 31.5936 3.21558 30.9088 3.76114 30.4039C4.3067 29.899 5.04664 29.6154 5.81818 29.6154H30.5455C30.9312 29.6154 31.3012 29.4736 31.574 29.2211C31.8468 28.9687 32 28.6263 32 28.2692V1.34615C32 0.989132 31.8468 0.646732 31.574 0.394279C31.3012 0.141826 30.9312 0 30.5455 0ZM29.0909 26.9231H5.81818C4.79663 26.9218 3.79292 27.1709 2.90909 27.645V5.38462C2.90909 4.67057 3.21558 3.98577 3.76114 3.48087C4.3067 2.97596 5.04664 2.69231 5.81818 2.69231H29.0909V26.9231Z" fill="#222222"/>
</svg>
</span>
</div>
<span class="follow-sub-background"></span>
</div>
</section>
<section class="about-container">
<div class="about-image">
<h1>Faites de votre quotidien une expérience à vivre.</h1>
<h1>Faites de votre quotidien une expérience unique.</h1>
</div>
<div class="about-sub">
<h1>KM Design Studio</h1>

29
V1/projets/p-55-401-027.html
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 d’avoir 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>

4
V1/resources/css/components/about.css
View File

@@ -21,8 +21,10 @@
.about-image h1 {
font-family: 'Mona-Sans';
color: rgba(34, 34, 34, 0.60);
font-size: 10vmin;
font-size: 12vmin;
font-weight: 1000;
letter-spacing: -4px;
line-height: 1;
}
.about-sub {

2
V1/resources/css/components/compare.css
View File

@@ -49,7 +49,7 @@
}
img {
max-block-size: 80dvh;
max-block-size: 100%;
max-inline-size: 100%;
}
}

5
V1/resources/css/components/contact.css
View File

@@ -9,9 +9,10 @@
.contact-container h1 {
color: #222;
font-size: 10vmin;
font-size: 13vmin;
font-family: 'Moonstone History';
font-weight: 10;
line-height: .9;
margin: 0;
margin-bottom: 40px;
text-align: center;
@@ -19,7 +20,7 @@
.contact-container a {
background-color: #222;
padding: 10px 25px;
padding: 15px 25px;
border-radius: 25px;
color: #F8FAFC;
text-decoration: none;

32
V1/resources/css/components/follow.css
View File

@@ -1,6 +1,6 @@
.follow-container {
background-color: #F8FAFC;
height: calc(100vh - 200px);
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
@@ -37,7 +37,7 @@
overflow: scroll;
border-top: 1px solid #D4D6D8;
border-bottom: 1px solid #D4D6D8;
height: 100%;
height: 250px;
width: 100%;
padding: 2vmin;
margin-top: 5vmin;
@@ -45,7 +45,7 @@
.follow-sub-line {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-columns: repeat(4, 1fr);
grid-auto-rows: minmax(100px, auto);
font-family: 'Overused Grotesk';
color:#222;
@@ -70,8 +70,32 @@
max-width: 90%;
}
.follow-sub-line svg {
.follow-sub-line-icon {
grid-column: 4;
display: flex;
align-items: end;
flex-direction: column;
z-index: 2;
}
.follow-sub-line-icon svg {
background-color: white;
border-radius: 28.5px;
height: 82px;
width: 47px;
padding: 5px;
}
.follow-sub-background {
position: relative;
background-color: #EFEFEF;
z-index: 1;
border-radius: 38px;
width: 77px;
height: 659px;
display: block;
top: calc(-100% * 2 - 34px);
right: calc(83px - 100%);
}
@media only screen and (max-width: 1200px) {

22
V1/resources/css/components/footer.css
View File

@@ -1,5 +1,5 @@
body {
padding-bottom: 850px;
padding-bottom: 1500px;
background-color: #222;
z-index: -20;
position: relative;
@@ -11,7 +11,7 @@ body {
.footer-container {
font-family: 'Mona-Sans';
font-weight: 500;
font-weight: 600;
background-color: #222;
color: #F8FAFC;
padding: 10vmin;
@@ -30,7 +30,7 @@ body {
}
.footer-menu svg {
width: 10vmin;
width: 20vmin;
}
.footer-menu-items {
@@ -46,6 +46,11 @@ body {
text-decoration: none;
text-transform: uppercase;
transition: text-decoration 2s;
padding-bottom: 10px;
}
.footer-menu-items :last-child {
padding-bottom: 0px;
}
.footer-menu-items a:hover {
@@ -53,7 +58,7 @@ body {
}
.footer-title {
margin-top: 50px;
margin-top: 40px;
}
.footer-title div {
@@ -61,21 +66,22 @@ body {
}
.footer-title h1 {
font-weight: 700;
font-size: 10vmin;
font-weight: 800;
font-size: 14vmin;
text-transform: uppercase;
margin: 0;
line-height: 1;
}
.footer-title h2 {
margin-top: 30px;
margin-top: 8px;
}
.footer-links {
display: flex;
justify-content: space-between;
align-items: center;
margin: 50px 0px;
margin: 35px 0px;
}
.footer-links a {

14
V1/resources/css/components/hero.css
View File

@@ -1,18 +1,18 @@
.hero-title {
color: #F8FAFC;
font-size: 10vmin;
font-size: 17vmin;
font-family: 'Mona-Sans';
font-weight: bold;
line-height: 12vh;
font-weight: 800;
line-height: 15vh;
}
.hero-title2 {
position: relative;
top: 25px;
left: 15px;
top: 21px;
left: 13px;
color: #F8FAFC;
font-family: "Moonstone History";
font-size: 10vmin;
font-size: 19vmin;
line-height: 10vh;
}
@@ -161,7 +161,7 @@
.hero-decoration-arrow {
position: absolute;
color: #F8FAFC;
width: 10vmin;
width: 20vmin;
bottom: 150px;
right: 180px;
}

3
V1/resources/css/components/menu.css
View File

@@ -42,6 +42,7 @@
.menu-items >a:hover, .menu-items >div>button:hover {
text-decoration: underline;
text-decoration-color: #222;
}
.menu-subitem:hover .menu-subitem-items {
@@ -79,6 +80,8 @@
.menu-subitem-items a:hover {
text-decoration: underline;
text-decoration-color: #222;
text-decoration-thickness: 2px;
}
.menu-subitem-items h1 {

2
V1/resources/css/components/mobilier.css
View File

@@ -1,7 +1,7 @@
.mobilier-main-container {
background-color: #222;
display: grid;
grid-template-columns: 5fr 7fr;
grid-template-columns: 5fr 5fr;
}
.mobilier-images img {

25
V1/resources/css/components/projet.css
View File

@@ -1,7 +1,7 @@
.projet-main-container {
background-color: #222;
display: grid;
grid-template-columns: 5fr 7fr;
grid-template-columns: 5fr 5fr;
}
.projet-images img {
@@ -18,8 +18,8 @@
.projet-description h1 {
font-family: "Mona-Sans";
font-weight: 800;
font-size: 75px;
font-weight: 700;
font-size: 40px;
margin-top: 80px;
margin-bottom: 20px;
}
@@ -28,12 +28,27 @@
font-family: "Overused Grotesk";
margin: 0;
font-weight: 100;
font-size: 35px;
font-size: 21px;
}
.projet-description p {
font-family: "Overused Grotesk";
font-size: 19px;
font-size: 21px;
}
.projet-punch-container {
background-image: none !important;
height: 500px !important;
}
.projet-punch {
font-size: 24px !important;
font-weight: 500 !important;
text-align: left !important;
}
.projet-punch-sub {
align-items: start !important;
}
.projet-contact-container {

BIN
V1/resources/img/projets/Cuisine Pelissanne K.19 1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 MiB

BIN
V1/resources/img/projets/IMG_4728 2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 MiB

BIN
V1/resources/img/projets/IMG_5969 1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.1 MiB

BIN
V1/resources/img/projets/IMG_PA1_I1.2_cut.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 MiB

BIN
V1/resources/img/projets/IMG_PA1_I2.1_compare.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 MiB

BIN
V1/resources/img/projets/IMG_PA1_I2.2_compare.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.0 MiB

2
V1/resources/js/index.js
View File

@@ -21,7 +21,7 @@ document.addEventListener('DOMContentLoaded', () => {
let currentScrollY = window.scrollY;
if (navbar) {
if (lastScrollY > currentScrollY) {
if (lastScrollY > currentScrollY && currentScrollY !== 0) {
navbar.style.top = '0';
} else {
navbar.style.top = '-140px';