nardu.in
/
website-astro
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

offres layout and starting page

This commit is contained in:
Nico 2023-07-20 15:33:27 +02:00
parent 407cdf9099
commit a7f5da2a72
3 changed files with 77 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/layouts/OffreLayout.astro Normal file
View File

@ -0,0 +1,43 @@
---
import { astroI18n } from "astro-i18n";
astroI18n.init(Astro);
import "../styles/style.css";
import Head from "../components/Head.astro";
import Header from "../components/Header.astro";
import Footer from "../components/Footer.astro";
const { pageTitle } = Astro.props;
---
<html lang={astroI18n.langCode} dir="ltr">
<Head pageTitle={pageTitle} />
<body class="offre-layout">
<div class="wrapper">
<!-- <Header /> -->
<main id="skip-content" role="main">
<slot />
</main>
</div>
<!-- <Footer /> -->
<style>
html {
--color-primary: rgb(255, 222, 223);
--color-secondary: rgb(150, 0, 13);
}
@supports (color: oklch(0% 0 0)) {
html {
--color-primary: oklch(92.9% 0.04480512547881144 16.3020144016784);
--color-secondary: oklch(42.3% 0.193 26.95);
}
}
.offre-layout {
background-color: var(--color-primary);
}
.offre-layout :global(*) {
color: var(--color-secondary);
}
</style>
</body>
</html>

6
src/pages/en/offres/web-classique.astro Normal file
View File

@ -0,0 +1,6 @@
---
import Page from "../../offres/web-classique.astro"
const { props } = Astro
---
<Page {...props} />

28
src/pages/offres/web-classique.astro Normal file
View File

@ -0,0 +1,28 @@
---
import OffreLayout from "../../layouts/OffreLayout.astro";
const pageTitle = "Offre web classique";
---
<OffreLayout pageTitle={pageTitle}>
<div class="region">
<section class="flow">
<h1>{pageTitle}</h1>
<p class="h3">Un site rapide, moderne et (plus) accessible.</p>
</section>
<section class="flow">
<h2>Description</h2>
<p class="h3">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Est esse
molestias ipsam rerum, dolor libero dolores aperiam blanditiis,
provident, ut recusandae in quae non doloremque officia quia labore.
Tempore, sint!
</p>
</section>
</div>
</OffreLayout>
<style>
section {
}
</style>