1 files changed, 75 insertions, 2 deletions
diff --git a/index.html b/index.html
index cd0fe1d..a0bc622 100644
--- a/index.html
+++ b/index.html
@@ -4,9 +4,82 @@
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <title>Jellything</title>
+        <link rel="stylesheet" href="style.css" />
     </head>
     <body>
-        <h1>Jellything</h1>
-        <p>Project page is work in progress...</p>
+        <nav>
+            <h1>Jellything</h1>
+            <a href="https://codeberg.org/metamuffin/jellything">
+                Sources on Codeberg
+            </a>
+        </nav>
+        <div id="main">
+            <img
+                class="top-backdrop"
+                style="opacity: 0.8; --backdrop-height: 30em"
+                src="./data/assets/banner.jpeg"
+            />
+            <h1>Jellything</h1>
+            <p class="tagline">Tagline is written here</p>
+            <section>
+                <div>
+                    <h2>Text 1</h2>
+                    <p>
+                        Lorem ipsum dolor sit amet consectetur adipisicing elit.
+                        Asperiores ipsa dolor sapiente dolore quasi atque
+                        laborum eaque placeat est quam earum voluptate, sint
+                        minima expedita ab neque repellat recusandae enim?
+                    </p>
+                </div>
+                <img src="./data/assets/p1.jpeg" />
+            </section>
+            <section>
+                <div>
+                    <h2>Text 2</h2>
+                    <p>
+                        Lorem ipsum dolor sit amet consectetur adipisicing elit.
+                        Ducimus fugiat quis obcaecati laboriosam sequi
+                        voluptatum minus reiciendis adipisci eum perferendis
+                        iste similique soluta corrupti voluptates, dolor eaque
+                        fuga maxime ab!
+                    </p>
+                </div>
+                <img src="./data/assets/p2.jpeg" />
+            </section>
+            <section>
+                <div>
+                    <h2>Text 3</h2>
+                    <p>
+                        Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit. Optio at numquam veritatis, enim soluta,
+                        repudiandae repellat possimus laboriosam fugit labore ea
+                        mollitia, sed ratione rerum doloribus! Officia aliquam
+                        ipsum quam!
+                    </p>
+                </div>
+                <img src="./data/assets/p3.jpeg" />
+            </section>
+            <section>
+                <div>
+                    <h2>Text 4</h2>
+                    <p>
+                        Lorem ipsum dolor sit amet consectetur adipisicing elit.
+                        Tempora assumenda veniam ducimus illum nesciunt labore
+                        est ipsam doloribus similique! Quae illum quasi facere
+                        facilis? Similique sequi quibusdam nemo quae quos!
+                    </p>
+                </div>
+                <img src="./data/assets/p4.jpeg" />
+            </section>
+            <img
+                class="bottom-backdrop"
+                src="./data/assets/footer.jpeg"
+                style="filter: blur(10px)"
+            />
+            <div class="bottom">
+                <h2 style="text-align: center">Text 5</h2>
+                <p style="text-align: center">Ding dong bing bong blub</p>
+            </div>
+        </div>
     </body>
 </html>