From 556cd5405a9608e1d54af47c09244f30e0a6e5c5 Mon Sep 17 00:00:00 2001
From: Anna Vasilevich <dzichonka@gmail.com>
Date: Sat, 14 Sep 2024 22:59:09 +0200
Subject: [PATCH] feat: add basic page layout (14 Sep, 2024 (Sat) 22:59:09)

---
 cssMemeSlider/index.html | 56 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 56 insertions(+)
 create mode 100644 cssMemeSlider/index.html
diff --git a/cssMemeSlider/index.html b/cssMemeSlider/index.html
new file mode 100644
index 0000000..ab1a151
--- /dev/null
+++ b/cssMemeSlider/index.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>CSS Meme Slider</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+    <div class="container">
+        <h1>CSS Meme Slide</h1>
+        <div class="slider">
+            <div class="memes">
+                <ul>
+                    <li id="slide01"><img src="assets/imges/meme01.jpg" alt="meme01"></li>
+                    <li id="slide02"><img src="assets/imges/meme02.jpg" alt="meme02"></li>
+                    <li id="slide03"><img src="assets/imges/meme03.png" alt="meme03"></li>
+                    <li id="slide04"><img src="assets/imges/meme04.png" alt="meme04"></li>
+                    <li id="slide05"><img src="assets/imges/meme05.png" alt="meme05"></li>
+                    <li id="slide06"><img src="assets/imges/meme06.png" alt="meme06"></li>
+                    <li id="slide07"><img src="assets/imges/meme07.jpg" alt="meme07"></li>
+                    <li id="slide08"><img src="assets/imges/meme08.png" alt="meme08"></li>
+                    <li id="slide09"><img src="assets/imges/meme09.jpg" alt="meme09"></li>
+                </ul>
+            </div>
+            <div class="lables">
+                <label for="button1">Hey, got a meme for you!</label>
+                <label for="button2">Oh no, here comes another one</label>
+                <label for="button3">Just look at this!</label>
+                <label for="button4">You have to see this one!</label>
+                <label for="button5">Last one, I promise!</label>
+                <label for="button6">No, THIS is the last one!</label>
+                <label for="button7">Okay, I couldn’t resist.</label>
+                <label for="button8">You’re gonna love this!</label>
+                <label for="button9">You’ll thank me later for this!</label>
+            </div>
+            <div class="buttons">
+                <input type="radio" name="button" id="button1" checked="checked">
+                <input type="radio" name="button" id="button2">
+                <input type="radio" name="button" id="button3">
+                <input type="radio" name="button" id="button4">
+                <input type="radio" name="button" id="button5">
+                <input type="radio" name="button" id="button6">
+                <input type="radio" name="button" id="button7">
+                <input type="radio" name="button" id="button8">
+                <input type="radio" name="button" id="button9">
+            </div>
+
+        </div>
+    </div>
+
+</body>
+
+</html>
\ No newline at end of file
