Create index.html

mahendraplus · Aug 10, 2024 · f5b1daa · f5b1daa
1 parent 519a78e
commit f5b1daa
Showing 1 changed file with 300 additions and 0 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -0,0 +1,300 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description"
+        content="B4bomber - The ultimate tool for securing numbers and websites. Developed by Mahendra Mali.">
+    <meta name="keywords" content="B4bomber, OTP sender, secure websites, number protection, Mahendra Mali">
+    <meta name="author" content="Mahendra Mali">
+    <title>B4bomber - Download</title>
+    <style>
+
+@import url('https://fonts.googleapis.com/css2?family=Almendra+Display&family=Cuprum:ital,wght@0,400..700;1,400..700&family=Maven+Pro:wght@400..900&display=swap');
+      body {
+
+           font-family: "Maven Pro", sans-serif;
+            margin: 0;
+            padding: 0;
+            background: linear-gradient(135deg, #ffc538, #fe684e);
+            color: #333;
+            overflow-x: hidden;
+            animation: fadeIn 1s ease-out;
+        }
+
+        header {
+            background: linear-gradient(135deg, #fb9543, #f79b16);
+            color: #fff;
+            padding: 20px;
+            text-align: center;
+            position: relative;
+            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+            overflow: hidden;
+        }
+
+
+         #headline{
+            font-weight: bold;
+
+         }
+
+
+        #app-logo {
+            width: 150px;
+            height: 150px;
+            -webkit-filter: drop-shadow(5px 5px 5px #302e2e60);
+            filter: drop-shadow(1px 3px 7px #832323);
+            padding: 10px;
+            transition: transform 0.3s ease-in-out;
+        }
+
+        #app-logo:hover {
+            transform: rotate(360deg);
+            width: 170px;
+        }
+
+        .version {
+            background: #3333339a;
+            color: #ececd2;
+            padding: 5px 10px;
+            border-radius: 20px;
+            font-size: 10px;
+            margin-left: 10px;
+            display: inline-block;
+            font-family: 'Courier New', Courier, monospace;
+        }
+
+        .container {
+            padding: 15px;
+            text-align: center;
+            max-width: 1200px;
+            margin: 0 auto;
+        }
+
+        .release-info,
+        .description,
+        .developer-info {
+            background: rgba(255, 255, 255, 0.308);
+            color: #333;
+            padding: 20px;
+            border-radius: 15px;
+            margin: 20px 0;
+            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.171);
+            transition: transform 0.3s;
+            animation: fadeInUp 1s ease-out;
+        }
+
+        .release-info:hover,
+        .description:hover,
+        .developer-info:hover {
+            transform: translateY(-5px);
+        }
+
+        .donate-button {
+            font-weight: bold;
+            background: hsla(41, 100%, 57%, 0.89);
+            color: #f5351cfa;
+            padding: 12px 24px;
+            border: none;
+            border-radius: 20px;
+            cursor: pointer;
+            text-decoration: none;
+            font-size: 18px;
+            display: inline-block;
+            transition: background 0.3s, transform 0.3s;
+            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+        }
+
+        .donate-button:hover {
+            background: #df0f0fb4;
+            color: #ffe600ea;
+            transform: scale(1.05);
+        }
+
+        .developer-info img {
+            width: 120px;
+            height: 120px;
+            border-radius: 50%;
+            border: 2px solid #ffffff88;
+            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
+        }
+
+        .developer-info h3 {
+            margin-top: 10px;
+            font-size: 24px;
+            color: #000000c9;
+        }
+
+        .developer-info p {
+            font-size: 18px;
+        }
+
+        @keyframes fadeIn {
+            from {
+                opacity: 0;
+            }
+
+            to {
+                opacity: 1;
+            }
+        }
+
+        @keyframes fadeInUp {
+            from {
+                opacity: 0;
+                transform: translateY(20px);
+            }
+
+            to {
+                opacity: 1;
+                transform: translateY(0);
+            }
+        }
+
+        @keyframes glitch {
+
+            0%,
+            100% {
+                transform: translate(0);
+            }
+
+            20% {
+                transform: translate(-2px, 2px);
+            }
+
+            40% {
+                transform: translate(-2px, -2px);
+            }
+
+            60% {
+                transform: translate(2px, 2px);
+            }
+
+            80% {
+                transform: translate(2px, -2px);
+            }
+        }
+
+        @keyframes glitchTop {
+            0% {
+                transform: translate(2px, -2px);
+            }
+
+            20% {
+                transform: translate(-2px, 2px);
+            }
+
+            40% {
+                transform: translate(2px, 2px);
+            }
+
+            60% {
+                transform: translate(-2px, -2px);
+            }
+
+            80%,
+            100% {
+                transform: translate(2px, -2px);
+            }
+        }
+
+        @keyframes glitchBottom {
+            0% {
+                transform: translate(-2px, 2px);
+            }
+
+            20% {
+                transform: translate(2px, -2px);
+            }
+
+            40% {
+                transform: translate(-2px, -2px);
+            }
+
+            60% {
+                transform: translate(2px, 2px);
+            }
+
+            80%,
+            100% {
+                transform: translate(-2px, 2px);
+            }
+        }
+
+        @media (max-width: 768px) {
+
+            .release-info,
+            .description,
+            .developer-info {
+                font-size: 16px;
+            }
+        }
+    </style>
+</head>
+
+<body>
+    <header>
+
+        <marquee behavior="scroll" direction="left" scrollamount="5">
+          <span id="headline" ></span>
+        </marquee>
+
+
+
+
+    </header>
+    <div class="container">
+        <img id="app-logo" src="https://github.com/mahendraplus/B4Bomber/blob/main/android/b4bomber.png?raw=true"
+        alt="B4bomber Logo">
+        <br>
+        <h1 class="glitch" id="app-name">B4bomber</h1>
+        <a href="#" id="download-link" class="donate-button">Download 📥 <span class="version" id="app-version"></span></a>
+        <div class="release-info">
+            <h2 id="release-title">New Release 🚀</h2>
+            <p><strong>Release Date:</strong> <span id="release-date"></span></p>
+            <p><strong>What's New:</strong> <span id="release-description"></span></p>
+
+        </div>
+        <div class="description">
+            <h2>🔍 What B4bomber Does</h2>
+            <p>B4bomber can send 50k OTPs in just 10 minutes, make calls, and protect your number from various bombers.
+                It's designed for educational purposes only. <br> 
+                <br> 
+                <center><h2>Hi...! There...!</h2></center>
+                🚫 Don't misuse it for illegal activities; the developer
+                isn't responsible for any misuse.</p>
+        </div>
+        <div class="developer-info">
+
+            <h3> About the Developer 👨‍💻</h3>
+            <img src="https://raw.githubusercontent.com/mahendraplus/Mahendraplus/main/docs/files/profile_pic.jpg"
+                alt="Mahendra Mali">
+                <h4>Mahendra Mali (MAX) </h4>
+            <p>Hi, I'm Mahendra Mali, a 23-year-old developer from India. I specialize in web, Android, IoT, and Linux
+                development, with expertise in cybersecurity and multimedia design. 🌐💻</p>
+
+                <a href="https://mahendraplus.github.io/Mahendraplus/" class="donate-button">Support Me 🙏</a>
+            </div>
+
+        </div>
+
+    <script>
+        async function fetchData() {
+            const response = await fetch('https://raw.githubusercontent.com/mahendraplus/B4Bomber/main/android/update.json');
+            const data = await response.json();
+
+            document.getElementById('app-name').textContent = `B4bomber v${data.update}`;
+            document.getElementById('app-version').textContent = `V${data.update}`;
+            document.getElementById('release-title').textContent = data.title;
+            document.getElementById('release-date').textContent = data.release;
+            document.getElementById('release-description').textContent = data.description;
+            document.getElementById('download-link').setAttribute('href', data.link);
+            document.getElementById('headline').textContent = data.headline;
+        }
+
+        fetchData();
+    </script>
+</body>
+
+</html>