diff options
| author | LUXEY Adrien <adrien.luxey@inria.fr> | 2021-02-02 22:36:36 +0100 |
|---|---|---|
| committer | LUXEY Adrien <adrien.luxey@inria.fr> | 2021-02-02 22:36:36 +0100 |
| commit | 250f904946ec3debe5cd95cb6cdc9d5ae31373f0 (patch) | |
| tree | 48f4d834ede3e84850bc05aef019be37c8c43880 /lab/sandbox/parallax.html | |
| parent | 2c98b6ebeb3cfa3d812a72f75cbbdf1f403699a7 (diff) | |
| download | design-250f904946ec3debe5cd95cb6cdc9d5ae31373f0.tar.gz design-250f904946ec3debe5cd95cb6cdc9d5ae31373f0.zip | |
branches et canopee
Diffstat (limited to 'lab/sandbox/parallax.html')
| -rw-r--r-- | lab/sandbox/parallax.html | 70 |
1 files changed, 0 insertions, 70 deletions
diff --git a/lab/sandbox/parallax.html b/lab/sandbox/parallax.html deleted file mode 100644 index f3ab3da..0000000 --- a/lab/sandbox/parallax.html +++ /dev/null @@ -1,70 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> - -<head> - <meta charset="UTF-8" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0" /> - <title>CSS Scrolling Parallax</title> - - <link rel="stylesheet" href="assets/css/chota.min.css"> - <style type="text/css"> - header { - background-image: url("assets/images/illustration-ronce_2400x1531px.png"); - position: fixed; - height: 100vh; - width: 100vw; - /* Create the parallax scrolling effect */ - /* background-attachment: fixed; */ - background-position: center; - /* background-repeat: no-repeat; */ - background-repeat: no-repeat; - background-size: cover; - } - - header h1 { - text-align: center; - color: #fafafa; - margin-top: 35vh; - } - - - main { - max-width: 100%; - position: relative; - top: 95vh; - padding: 50px; - font-size: 20px; - } - - section { - padding: 2rem; - margin-bottom: 4rem; - background-color: #fff; - } - </style> -</head> - -<body> - <header> - <h1>Coucou</h1> - </header> - <main> - <section> - <h1>Cute Kitten</h1> - <p>Bacon ipsum dolor sit amet chicken pork loin hamburger ball tip, swine tenderloin salami meatball boudin tri-tip fatback shank bacon. Pork salami kevin, brisket spare ribs strip steak ham hock porchetta. Pork belly short loin tail porchetta. Pork pig meatball, beef ribs doner jerky tri-tip hamburger filet mignon strip steak ball tip ham tail tongue corned beef.</p> - - <p>Flank spare ribs capicola, strip steak biltong pancetta bresaola tri-tip cow landjaeger. Short ribs sirloin beef ribs, flank capicola ribeye turducken. Sirloin boudin andouille tail. Ham flank tail sausage t-bone, jerky landjaeger kevin porchetta ground round pork belly.</p> - </section> - <section> - <h1>Boring</h1> - <p>Bacon ipsum dolor sit amet chicken pork loin hamburger ball tip, swine tenderloin salami meatball boudin tri-tip fatback shank bacon. Pork salami kevin, brisket spare ribs strip steak ham hock porchetta. Pork belly short loin tail porchetta. Pork pig meatball, beef ribs doner jerky tri-tip hamburger filet mignon strip steak ball tip ham tail tongue corned beef.</p> - </section> - <section> - <h1>Fluffy Kitten</h1> - <p>Bacon ipsum dolor sit amet chicken pork loin hamburger ball tip, swine tenderloin salami meatball boudin tri-tip fatback shank bacon. Pork salami kevin, brisket spare ribs strip steak ham hock porchetta. Pork belly short loin tail porchetta. Pork pig meatball, beef ribs doner jerky tri-tip hamburger filet mignon strip steak ball tip ham tail tongue corned beef.</p> - <p>Bacon ipsum dolor sit amet chicken pork loin hamburger ball tip, swine tenderloin salami meatball boudin tri-tip fatback shank bacon. Pork salami kevin, brisket spare ribs strip steak ham hock porchetta. Pork belly short loin tail porchetta. Pork pig meatball, beef ribs doner jerky tri-tip hamburger filet mignon strip steak ball tip ham tail tongue corned beef.</p> - </section> - </main> -</body> - -</html>
\ No newline at end of file |