Add files via upload

mlbrothers · Mar 14, 2024 · 1c7fbf5 · 1c7fbf5
1 parent 7f231a7
commit 1c7fbf5
Show file tree

Hide file tree

Showing 11 changed files with 204 additions and 17 deletions.
diff --git a/README.md b/README.md
@@ -1,3 +1,3 @@
 # home_page
 
-Demo: [Cocoden](https://www.cocoden.in/)
+Demo: [Burst Neuron](https://www.burstneuron.com/)
diff --git a/android.html b/android.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet">
+    <title>Burst Neuron</title>
+    <link rel="stylesheet" href="./style-ad.css">
+    <script src="./main.js"></script>
+</head>
+<body>
+    <h1>Burst Neuron</h1>
+    <div class="tagline">Shipping WebApps and Android apps.</div>
+    <div class="apps">
+        <div class="app">
+            <img src="./static/ic_launcher(1).png" alt="logo">
+            <div class="data">
+                <a href="https://play.google.com/store/apps/details?id=com.imageconverter" target="_blank">Image Converter</a>
+                <p>A Completely free Image converter to convert your images in desired/required formats.</p>
+            </div>
+        </div>
+        <div class="app">
+            <img src="./static/ic_launcher.png" alt="logo">
+            <div class="data">
+                <a href="https://play.google.com/store/apps/details?id=com.imageconverter" target="_blank">Image Compressor</a>
+                <p>A tool to compress all your images and keep them safe with you.</p>
+            </div>
+        </div>
+        <div class="app">
+            <img src="./static/ic_launcher(2).png" alt="logo">
+            <div class="data">
+                <a href="https://play.google.com/store/apps/details?id=com.imageconverter" target="_blank">Video Compressor</a>
+                <p>A video tool to compress all your videos and fit it in your device with 2 simple steps.</p>
+            </div>
+        </div>
+        <div class="app">
+            <img src="./static/ic_launcher_3.png" alt="logo">
+            <div class="data">
+                <a href="https://play.google.com/store/apps/details?id=com.imageconverter" target="_blank">Audio Converter</a>
+                <p>The ultimate audio conversion tool designed for music enthusiasts, podcasters, and everyone in between.</p>
+            </div>
+        </div>
+        <div class="app">
+            <img src="./static/ll.jpg" alt="logo">
+            <div class="data">
+                <a href="https://play.google.com/store/apps/details?id=com.imageconverter" target="_blank">Leafy Lives</a>
+                <p>Your plants and garden care guide.</p>
+            </div>
+        </div>
+        <div class="app">
+            <img src="./static/pomodoro.png" alt="logo">
+            <div class="data">
+                <a href="https://play.google.com/store/apps/details?id=com.imageconverter" target="_blank">Pomodoro Timer</a>
+                <p>Minimalist Pomodoro Timer app, your ultimate productivity companion!</p>
+            </div>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/index.html b/index.html
@@ -7,20 +7,19 @@
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet">
-    <title>Cocoden</title>
+    <title>Burst Neuron</title>
     <link rel="stylesheet" href="./style.css">
     <script src="./main.js"></script>
 </head>
 <body>
-    <h1>Cocoden</h1>
-    <div class="tagline">Shipping WebApps, Android apps and iOS apps. <br> Focused on AI tech. <br> Creating apps 
-        which make difference.</div>
+    <h1>Burst Neuron</h1>
+    <div class="tagline">Shipping WebApps and Android apps.</div>
     <div class="current_pro">
-        <h2>Products</h2>
-        <a href="https://leafylives.in/">Leafy Lives</a><br><br>
+        <button class="btn" id="ad"><a href="./android.html">Android Apps</a></button>
+        <button class="btn" id="wb"><a href="#">WebApps (soon)</a></button>
     </div>
     <div class="mail">
-        <p style="color: white">Contact Us:</p>
+        <p>Contact Us:</p>
         <span><a href="mailto: [email protected]" target="_blank" rel="noreferrer noopener">
             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" 
             class="stroke-none hover:fill-white h-8 w-8 md:h-10 md:w-10 fill-ruddy drop-shadow-md">

diff --git a/static/ic_launcher(1).png b/static/ic_launcher(1).png
diff --git a/static/ic_launcher(2).png b/static/ic_launcher(2).png
diff --git a/static/ic_launcher.png b/static/ic_launcher.png
diff --git a/static/ic_launcher_3.png b/static/ic_launcher_3.png
diff --git a/static/ll.jpg b/static/ll.jpg
diff --git a/static/pomodoro.png b/static/pomodoro.png
diff --git a/style-ad.css b/style-ad.css
@@ -0,0 +1,98 @@
+body{
+    background-color: #111111;
+    height: 100%;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+}
+h1 {
+    font-size: 48px;
+    background: linear-gradient(to right,#fa0, #f0e);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    font-family: 'Roboto', sans-serif;
+    text-align: center;
+    margin-top: 2%;
+}
+.tagline{
+    color: #EEEEEE;
+    font-size: 24px;
+    text-align: center;
+    margin: 0;
+}
+.apps{
+    display: block;
+    width: 60%;
+    height: auto;
+    margin: 20px auto;
+}
+a{
+    text-decoration: none;
+    display: inline-block;
+    padding: 20px 20px 0 20px;
+    font-size: 24px;
+    color: white;
+    font-weight: 900;
+}
+p{
+    padding: 0 20px;
+    font-size: 12px;
+}
+img{
+    height: 100px;
+    width: auto;
+    border: 3px solid white;
+    padding: 10px;
+    border-radius: 10px;
+}
+.app{
+    width: 50%;
+    margin: auto;
+    margin-bottom: 40px;
+    height: 120px;
+    border-radius: 20px;
+    color: white;
+    background: #191c1d;
+    padding: 40px 40px;
+    border: 5px solid white;
+    display: flex;
+    box-shadow: rgb(6, 12, 14) -13px -13px 13px 0px,
+                rgb(86, 92, 94) 13px 13px 13px 0px;
+}
+svg{
+    filter: invert(32%) sepia(60%) saturate(5373%) hue-rotate(340deg) brightness(109%) contrast(102%);
+    transform: scale(2);
+}
+@media (width<600px) {
+    body{
+        width: 100%;
+        margin-top: 10%;
+        /* padding: 5%; */
+    }
+    .tagline{
+        margin: 5% auto;
+    }
+    .apps{
+        width: 100%;
+        margin: 0;
+        padding: 0;
+    }
+    .app{
+        width: 90%;
+        margin: auto;
+        height: 100px;
+        margin-bottom: 40px;
+        padding: 40px 10px;
+    }
+    img{
+        height: 70px;
+        width: auto;
+        border: 3px solid white;
+        border-radius: 10px;
+    }
+    a{
+        font-size: 18px;
+        padding: 2px 10px 0 10px;
+    }
+}
+
diff --git a/style.css b/style.css
@@ -12,7 +12,7 @@ h1 {
     -webkit-text-fill-color: transparent;
     font-family: 'Roboto', sans-serif;
     text-align: center;
-    margin-top: 5%;
+    margin-top: 10%;
 }
 h2{
     font-size: 28px;
@@ -34,19 +34,42 @@ svg{
     filter: invert(32%) sepia(60%) saturate(5373%) hue-rotate(340deg) brightness(109%) contrast(102%);
     transform: scale(2);
 }
+.btn{
+    height: 50px;
+    width: 200px;
+    margin: 10px;
+    border-radius: 25px;
+    border: none;
+    font-size: 20px;
+}
+.btn:hover{
+    cursor: pointer;
+    opacity: 0.7;
+}
+#ad{
+    background-color: rgb(107, 249, 213);
+}
+#wb{
+    background-color: #f9d4fc;
+}
 .mail{
-    margin: 0 auto;
+    margin: 2% auto;
     text-align: center;
     width: 100%;
 }
 @media (width<600px) {
     body{
         width: 100%;
-        margin-top: 50%;
+        margin-top: 40%;
         /* padding: 5%; */
     }
     .tagline{
-        margin: 5%;
+        margin: 5% auto;
+    }
+    .btn{
+        display: block;
+        text-align: center;
+        margin: 10px 0;
     }
 }
 .current_pro{
@@ -55,9 +78,14 @@ svg{
     text-align: center;
     color: white;
 }
-.current_pro>a{
+a{
+    list-style: none !important;
     text-decoration: none;
-    font-size: 22px;
-    color: white;
-    text-decoration: underline;
-}
+    color: black;
+}
+p{
+    font-size: 18px;
+    text-decoration: none;
+    color: #fff;
+}
+