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

Added animations, improved footer

Browse Source
This commit is contained in:
gltron
2024-06-23 11:32:30 +02:00
parent 6ab4e3f2df
commit 0da0957373
21 changed files with 137 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
V1/index.html
View File

@@ -4,15 +4,18 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Authentique mobilier d'intérieur conçu avec passion et fabriqué en France. Transformez votre espace de vie avec notre collection soigneusement créée alliant style et qualité.">
<link rel="shortcut icon" href="resources/img/ico.ico" type="image/x-icon">
<link rel="stylesheet" href="resources/css/pages/page_index.css">
<link rel="preload" href="resources/fonts/Mona-Sans.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="resources/fonts/OverusedGrotesk-VF.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="resources/fonts/Moonstone-History.otf" as="font" type="font/otf" crossorigin>
<link rel="shortcut icon" href="/resources/img/ico.ico" type="image/x-icon">
<link rel="stylesheet" href="/resources/css/pages/page_index.css">
<link rel="preload" href="/resources/fonts/Mona-Sans.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/resources/fonts/OverusedGrotesk-VF.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/resources/fonts/Moonstone-History.otf" as="font" type="font/otf" crossorigin>
<link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">
<script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script>
<script src="/resources/js/index.js"></script>
<title>KM Design Studio</title>
</head>
<body>
<div class="menu-container menu-container-black">
<div class="menu-container menu-container-black" id="navbar">
<svg width="74" height="83" viewBox="0 0 74 83" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.18459 0.464355H0.48291V47.8009H7.18459V0.464355Z" fill="#F8FAFC"/>
<path d="M72.7598 47.8026V0L53.1998 19.5619L41.018 7.3914L36.2783 12.1292L53.3069 29.1446L66.0581 16.3934V47.8026H72.7598Z" fill="#F8FAFC"/>
@@ -72,7 +75,7 @@
</div>
<section class="hero-container" id="home">
<div class="hero-sub-container">
<div class="hero-sub-container" id="home-title">
<span class="mona-sans hero-title">architecture</span>
<div>
<span class="mona-sans hero-title">& </span>
@@ -129,7 +132,7 @@
</section>
<section class="punch-container">
<section class="punch-container punch-clear" id="punch">
<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>