Kyl67899 · Kyl67899 · Oct 17, 2025 · Oct 17, 2025 · Oct 17, 2025 · Oct 17, 2025
diff --git a/.vscode/settings.json b/.vscode/settings.json
diff --git a/BookProfilePage/challenge-317.png b/BookProfilePage/challenge-317.png
diff --git a/BookProfilePage/index.html b/BookProfilePage/index.html
diff --git a/BookProfilePage/style.css b/BookProfilePage/style.css
diff --git a/README.md b/README.md
@@ -1 +1,3 @@
-# webDevdailyChallenge
+# webDevdailyChallenge
+
+- SaaS landing Page
diff --git a/cardsUI/index.html b/cardsUI/index.html
diff --git a/cardsUI/style.css b/cardsUI/style.css
diff --git a/index.html b/index.html
diff --git a/newsletter/challenge-329 (2).png b/newsletter/challenge-329 (2).png
diff --git a/newsletter/index.html b/newsletter/index.html
diff --git a/newsletter/style.css b/newsletter/style.css
diff --git a/paymentLandingPage/challenge-316 (2).png b/paymentLandingPage/challenge-316 (2).png
diff --git a/paymentLandingPage/index.html b/paymentLandingPage/index.html
diff --git a/paymentLandingPage/style.css b/paymentLandingPage/style.css
diff --git a/saaasui/images/saasImage.png b/saaasui/images/saasImage.png
diff --git a/saaasui/index.html b/saaasui/index.html
@@ -0,0 +1,97 @@
+<!DOCTYPE>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="style.css">
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-NJSG7WL26K"></script>
+    <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag() { dataLayer.push(arguments); }
+        gtag('js', new Date());
+
+        gtag('config', 'G-NJSG7WL26K');
+    </script>
+    <title>SaaS Landing Page</title>
+</head>
+
+<body>
+    <main>
+        <header>
+            <nav class="navbar">
+                <div class="logo">
+                    <h1 class="logo-text">
+                        <span class="slash">/</span>
+                        uiblock
+                    </h1>
+                </div>
+                <ul class="nav-links">
+                    <li>
+                        <a href="#livepreview">
+                            Live Preview
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#features">
+                            Features
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#docs">
+                            Documentation
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#help">
+                            Help
+                        </a>
+                    </li>
+                </ul>
+                <div class="cart">
+                    <a class="cart__link" href="#cart">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
+                            class="bi bi-bag cart__img" viewBox="0 0 16 16">
+                            <path
+                                d="M8 1a2.5 2.5 0 0 1 2.5 2.5V4h-5v-.5A2.5 2.5 0 0 1 8 1m3.5 3v-.5a3.5 3.5 0 1 0-7 0V4H1v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4zM2 5h12v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1z" />
+                        </svg>
+                    </a>
+                </div>
+            </nav>
+        </header>
+
+        <!-- hero section -->
+        <section class="hero" id="hero">
+            <div class="hero__container">
+                <div class="hero__box">
+                    <h1 class="hero__title">
+                        Build SaaS Landing
+                        Page Without Writing
+                        a Single Line Of Code
+                    </h1>
+                    <p class="hero__text">
+                        Design and launch your SaaS product faster than ever.
+                        Drag, drop, and publish a stunning landing page that
+                        converts - all without touching a signle line of code.
+                    </p>
+                    <div class="hero__btn">
+                        <div class="hero__btn--group">
+                            <a href="#livepreview" class="btn btn--primary">
+                                Get UI Kit Now
+                            </a>
+                        </div>
+                        <a href="#docs" class="btn btn--secondary">
+                            Check Live preview
+                        </a>
+                    </div>
+                </div>
+                <div class="hero__img">
+                    <img class="hero__img--img" src="./images/saasImage.png" alt="saas UI image">
+                </div>
+            </div>
+        </section>
+    </main>
+</body>
+
+</html>