From 0279c0f876907383f1cf774f93d028f5f693377f Mon Sep 17 00:00:00 2001
From: Abhi <Abhinavg916@gmail.com>
Date: Tue, 30 Jul 2024 15:27:33 +0530
Subject: [PATCH] Jul 30

---
 index.html           |  1 +
 pages/Jul/Jul30.html | 49 ++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 50 insertions(+)
 create mode 100644 pages/Jul/Jul30.html

diff --git a/index.html b/index.html
index c28c12e..4470086 100644
--- a/index.html
+++ b/index.html
@@ -61,6 +61,7 @@ <h3>Daily Challenges Solution</h3>
                     <li><a href="./pages/Jul/Jul27.html">Jul 27, 2024</a></li>
                     <li><a href="./pages/Jul/Jul28.html">Jul 28, 2024</a></li>
                     <li><a href="./pages/Jul/Jul29.html">Jul 29, 2024</a></li>
+                    <li><a href="./pages/Jul/Jul30.html">Jul 30, 2024</a></li>
                 </ul>
             </details>
         </main>
diff --git a/pages/Jul/Jul30.html b/pages/Jul/Jul30.html
new file mode 100644
index 0000000..807848b
--- /dev/null
+++ b/pages/Jul/Jul30.html
@@ -0,0 +1,49 @@
+<div class="container">
+    <div class="wrapper">
+        <div class="bar"></div>
+        <div class="semi">
+            <div class="circle"></div>
+        </div>
+    </div>
+</div>
+<style>
+    .container {
+        margin: -8px;
+        width: 400px;
+        height: 300px;
+        background-color: #4f77ff;
+        overflow: hidden;
+    }
+
+    .wrapper {
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        transform: translateY(-3.5%);
+    }
+
+    .bar {
+        width: 40px;
+        height: 120px;
+        background-color: #eff8fe;
+        transform: rotate(45deg) translate(106%, 2%);
+    }
+
+    .semi {
+        width: 200px;
+        height: 100px;
+        display: flex;
+        justify-content: center;
+        align-items: flex-end;
+        overflow: hidden;
+    }
+
+    .circle {
+        width: 200px;
+        height: 200px;
+        border-radius: 50%;
+        background-color: #eff8fe;
+    }
+</style>