Skip to content
Snippets Groups Projects
Commit 6266edfe authored by Giildo's avatar Giildo
Browse files

Cours du 12/02/2024

parent f6d193c9
Branches
No related merge requests found
Hide whitespace changes
Inline Side-by-side
assets/css/style.css
+ 64
− 1
View file @ 6266edfe
:root {
--decoration-color: #abca97;
--decoration-color-bg: color-mix(in srgb, var(--decoration-color), rgba(255, 255, 255, 0.1));
--sm: 960;
}
html {
body {
margin: 0;
background-color: #121212;
}
nav {
display: flex;
flex-direction: row;
justify-content: space-between;
background-color: #abca97;
align-items: center;
background-color: var(--decoration-color);
padding: 0 1rem;
ul {
display: flex;
......@@ -10,4 +25,52 @@ html {
gap: 16px;
}
}
section {
position: relative;
display: flex;
align-items: center;
justify-content: center;
img {
&:nth-child(1) {
width: 100%;
height: 700px;
object-fit: cover;
}
&:nth-child(2) {
position: absolute;
width: 605px;
}
}
}
main {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
margin: 0 auto;
max-width: 360px;
@media (min-width: 720px) {
grid-template-columns: repeat(2, 1fr);
max-width: 960px;
}
@media (min-width: 960px) {
grid-template-columns: repeat(3, 1fr);
}
h1 {
grid-column: 1/-1;
color: white;
}
article {
width: 100%;
height: 494px;
background-color: var(--decoration-color-bg);
}
}
}
\ No newline at end of file
assets/img/logo2.svg 0 → 100644
+ 3
− 0
View file @ 6266edfe
<svg width="710" height="710" viewBox="0 0 710 710" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M420.2 231.4C442.3 226.2 416.3 383.4 417.6 391.2C416.3 391.2 416.3 262.6 411.1 262.6C405.9 262.6 407.2 391.2 404.6 391.2C402 391.2 402 262.6 398.1 262.6C392.9 262.6 392.9 391.2 391.6 391.2C390.3 391.2 390.3 262.6 385.1 262.6C379.9 262.6 379.9 391.2 378.6 391.2C376 391.2 366.9 244.4 366.9 244.4C366.9 235.3 374.7 232.7 381.2 228.8C381.2 221 378.6 209.3 379.9 202.8C378.6 198.9 378.6 196.3 378.6 196.3C378.6 196.3 378.6 197.6 377.3 197.6C368.2 201.5 370.8 176.8 372.1 171.6C372.1 153.4 379.9 135.2 395.5 127.4C404.6 130 412.4 135.2 420.2 126.1C446.2 109.2 477.4 139.1 503.4 123.5C542.4 106.6 589.2 119.6 632 113.1C639.8 113.1 646.3 114.4 647.6 122.2C651.5 130 658 127.4 664.5 131.3C680.1 143 674.9 166.4 663.2 180.7C659.3 200.2 642.4 211.9 639.8 231.4C613.8 236.6 617.7 278.2 589.1 282.1C581.3 299 569.6 315.9 564.4 332.8C554 336.7 559.2 341.9 555.3 348.4C552.7 349.7 546.2 349.7 543.6 352.3C548.8 367.9 533.2 380.9 520.2 384.8C522.8 396.5 511.1 403 504.6 412.1C500.7 423.8 499.4 431.6 487.7 438.1C478.6 445.9 479.9 453.7 474.7 464.1C469.5 475.8 452.6 488.8 459.1 501.8C478.6 521.3 512.4 499.2 537.1 509.6C567 513.5 626.8 518.7 637.2 481C637.2 468 638.5 449.8 642.4 440.7C638.5 427.7 645 283.5 642.4 262.7C663.2 287.4 724.3 405.6 682.7 422.5C684 427.7 703.5 436.8 703.5 442C699.6 457.6 699.6 470.6 703.5 486.2C704.8 501.8 684 509.6 693.1 523.9C695.7 533 694.4 548.6 691.8 559C685.3 569.4 693.1 583.7 676.2 582.4C624.2 579.8 570.9 592.8 519 581.1C504.7 574.6 491.7 594.1 474.8 585C447.5 566.8 417.6 585 389 579.8C363 599.3 309.7 592.8 288.9 566.8C275.9 539.5 272 504.4 268.1 477.1C268.1 475.8 269.4 474.5 270.7 474.5C277.2 466.7 268.1 461.5 269.4 451.1C273.3 419.9 261.6 399.1 242.1 375.7C231.7 378.3 221.3 375.7 212.2 375.7C212.2 370.5 212.2 301.6 212.2 301.6C288.9 293.8 249.9 144.4 200.5 143.1C151.1 144.4 112.1 289.9 186.2 300.3V377C165.4 378.3 140.7 365.3 127.7 390C123.8 395.2 125.1 404.3 125.1 410.8C127.7 440.7 109.5 477.1 123.8 504.4C136.8 531.7 184.9 523.9 190.1 555.1C175.8 612.3 101.7 578.5 61.5 591.5C18.6 611 -25.6 562.9 35.5 555.1C44.6 555.1 49.8 542.1 60.2 544.7C103.1 513.5 70.6 447.2 79.7 403.1C81 334.2 96.6 266.7 79.7 199.1C75.8 175.7 57.6 171.8 38.1 169.2C-2.19999 100.3 157.7 131.5 190.1 125C226.5 113.3 266.8 121.1 301.9 134.1C322.7 141.9 320.1 166.6 335.7 180.9C343.5 187.4 348.7 192.6 342.2 201.7C355.2 218.6 359.1 218.6 350 239.4C351.3 240.7 352.6 242 353.9 243.3C355.2 262.8 355.2 284.9 348.7 304.4C344.8 314.8 333.1 317.4 325.3 323.9C318.8 335.6 309.7 348.6 300.6 359C294.1 390.2 325.3 421.4 318.8 456.5C321.4 478.6 325.3 517.6 347.4 528C361.7 524.1 357.8 495.5 374.7 494.2C378.6 463 415 424 446.2 418.8C450.1 413.6 446.2 408.4 441 408.4C421.5 403.2 452.7 377.2 460.5 372C459.2 343.4 486.5 325.2 500.8 304.4C504.7 292.7 511.2 278.4 524.2 274.5C525.5 274.5 525.5 274.5 526.8 273.2C528.1 270.6 530.7 258.9 534.6 257.6C537.2 257.6 538.5 258.9 539.8 256.3C542.4 252.4 539.8 238.1 543.7 232.9C554.1 218.6 581.4 191.3 564.5 174.4C554.1 167.9 535.9 174.4 528.1 162.7C515.1 161.4 507.3 183.5 493 173.1C493 173.1 444.1 148.7 422.7 172.2C401.2 195.5 420.2 231.4 420.2 231.4Z" fill="white" stroke="black" stroke-width="2" stroke-miterlimit="10"/>
</svg>
assets/img/meat.png 0 → 100644
+ 0
− 0
View file @ 6266edfe
assets/img/meat.png

2.01 MiB

index.html
+ 13
− 2
View file @ 6266edfe
......@@ -21,8 +21,19 @@
<li>À propos</li>
</ul>
</nav>
<section></section>
<main></main>
<section>
<img src="assets/img/meat.png" alt="" />
<img src="assets/img/logo2.svg" alt="" />
</section>
<main>
<h1>Nos recettes</h1>
<article></article>
<article></article>
<article></article>
<article></article>
<article></article>
<article></article>
</main>
<footer></footer>
</body>
</html>
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment