From c199ac12f4a1fc7fbe4e4ba45759b7b004d0af92 Mon Sep 17 00:00:00 2001
From: AnushkaMA <110198121+Fyrestrap@users.noreply.github.com>
Date: Sat, 3 Jun 2023 19:53:34 +0530
Subject: [PATCH] Layout changed
Changed the layout to fit more content
---
index.html | 139 ++++++++++++++++++++++++++---------------------------
1 file changed, 67 insertions(+), 72 deletions(-)
diff --git a/index.html b/index.html
index 05e2736..99f5c82 100644
--- a/index.html
+++ b/index.html
@@ -36,84 +36,79 @@
<!-- Header -->
- <header class="w-full h-screen bg-[url('assets/img/leaves.jpg')] bg-cover bg-bottom">
- <div class="h-full">
- <div class="flex h-full">
- <div class="w-full md:w-1/2 bg-gradient-to-b from-gray-900/90 to-gray-900/95 p-10 flex">
- <div class="w-full text-center my-auto">
- <h1 class="font-bold text-5xl font-Comforter-Brush text-amber-500 my-10 md:text-right">Launcher.</h1>
- <h6 class="font-Montserrat font-bold uppercase text-4xl md:text-5xl lg:text-6xl mb-14 md:-mr-20 text-white md:text-right">Coming <span class="text-white/70 md:-mr-20">soon</span></h6>
-
-
- <!-- Count down -->
- <div class="w-full text-left flex mb-10">
- <ul class="w-full flex place-content-center md:place-content-end gap-5 mx-auto text-gray-50">
- <li>
- <div class="font-bold text-white rounded-full border-dotted border-gray-700 border-4 flex items-center justify-center text-2xl lg:text-4xl h-16 lg:h-24 w-16 lg:w-24" id="cdD">00</div>
- <p class="text-center text-xs mt-2">Days</p>
- </li>
-
- <li>
- <div class="font-bold text-white rounded-full border-dotted border-gray-700 border-4 flex items-center justify-center text-2xl lg:text-4xl h-16 lg:h-24 w-16 lg:w-24" id="cdH">00</div>
- <p class="text-center text-xs mt-2">Hours</p>
- </li>
-
- <li>
- <div class="font-bold text-white rounded-full border-dotted border-gray-700 border-4 flex items-center justify-center text-2xl lg:text-4xl h-16 lg:h-24 w-16 lg:w-24" id="cdM">00</div>
- <p class="text-center text-xs mt-2">Minutes</p>
- </li>
-
- <li>
- <div class="font-bold text-white rounded-full border-dotted border-gray-700 border-4 flex items-center justify-center text-2xl lg:text-4xl h-16 lg:h-24 w-16 lg:w-24" id="cdS">00</div>
- <p class="text-center text-xs mt-2">Seconds</p>
- </li>
-
- </ul>
- </div>
-
-
- <p class="text-base mb-14 text-gray-200 md:text-right">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dicta reprehenderit delectus quasi eligendi maiores consectetur repellat necessitatibus libero deleniti quaerat debitis, odit earum modi. Magni porro iste dolores.</p>
-
- <!-- Social media -->
- <div class="w-full text-left flex mb-5">
- <ul class="w-full flex place-content-center md:place-content-end gap-10 mx-auto text-gray-500">
- <li>
- <a href="#" class="text-lg hover:text-amber-500">
- <i class="fab fa-facebook-f"></i>
- </a>
- </li>
-
- <li>
- <a href="#" class="text-lg hover:text-amber-500">
- <i class="fab fa-twitter"></i>
- </a>
- </li>
-
- <li>
- <a href="#" class="text-lg hover:text-amber-500">
- <i class="fab fa-youtube"></i>
- </a>
- </li>
-
- <li>
- <a href="#" class="text-lg hover:text-amber-500">
- <i class="fab fa-instagram"></i>
- </a>
- </li>
-
- </ul>
- </div>
-
- </div>
+ <header class="w-full bg-[url('assets/img/leaves.jpg')] bg-cover bg-bottom">
+ <div class="w-full min-h-screen md:w-1/2 bg-gradient-to-b from-gray-900/90 to-gray-900/95 p-10 flex">
+ <div class="w-full text-center my-auto">
+ <h1 class="font-bold text-5xl font-Comforter-Brush text-amber-500 mb-10 md:text-right">Launcher.</h1>
+ <h6 class="font-Montserrat font-bold uppercase text-4xl md:text-5xl lg:text-6xl mb-14 md:-mr-20 text-white md:text-right">Coming <span class="text-white/70 md:-mr-20">soon</span></h6>
+
+
+ <!-- Count down -->
+ <div class="w-full text-left flex mb-10">
+ <ul class="w-full flex place-content-center md:place-content-end gap-5 mx-auto text-gray-50">
+ <li>
+ <div class="font-bold text-white rounded-full border-dotted border-gray-700 border-4 flex items-center justify-center text-2xl lg:text-4xl h-16 lg:h-24 w-16 lg:w-24" id="cdD">00</div>
+ <p class="text-center text-xs mt-2">Days</p>
+ </li>
+
+ <li>
+ <div class="font-bold text-white rounded-full border-dotted border-gray-700 border-4 flex items-center justify-center text-2xl lg:text-4xl h-16 lg:h-24 w-16 lg:w-24" id="cdH">00</div>
+ <p class="text-center text-xs mt-2">Hours</p>
+ </li>
+
+ <li>
+ <div class="font-bold text-white rounded-full border-dotted border-gray-700 border-4 flex items-center justify-center text-2xl lg:text-4xl h-16 lg:h-24 w-16 lg:w-24" id="cdM">00</div>
+ <p class="text-center text-xs mt-2">Minutes</p>
+ </li>
+
+ <li>
+ <div class="font-bold text-white rounded-full border-dotted border-gray-700 border-4 flex items-center justify-center text-2xl lg:text-4xl h-16 lg:h-24 w-16 lg:w-24" id="cdS">00</div>
+ <p class="text-center text-xs mt-2">Seconds</p>
+ </li>
+
+ </ul>
</div>
- <div class="w-0 md:w-5/12 lg:w-1/2"></div>
+
+ <!-- Content -->
+ <p class="text-base mb-10 text-gray-200 md:text-right">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dicta reprehenderit delectus quasi eligendi maiores consectetur repellat necessitatibus libero deleniti quaerat debitis, odit earum modi. Magni porro iste dolores. </p>
+
+ <!-- Social media -->
+ <div class="w-full text-left flex">
+ <ul class="w-full flex place-content-center md:place-content-end gap-10 mx-auto text-gray-500">
+ <li>
+ <a href="#" class="text-lg hover:text-amber-500">
+ <i class="fab fa-facebook-f"></i>
+ </a>
+ </li>
+
+ <li>
+ <a href="#" class="text-lg hover:text-amber-500">
+ <i class="fab fa-twitter"></i>
+ </a>
+ </li>
+
+ <li>
+ <a href="#" class="text-lg hover:text-amber-500">
+ <i class="fab fa-youtube"></i>
+ </a>
+ </li>
+
+ <li>
+ <a href="#" class="text-lg hover:text-amber-500">
+ <i class="fab fa-instagram"></i>
+ </a>
+ </li>
+
+ </ul>
+ </div>
+
</div>
- </div>
+ </div>
</header>
<script>
// Change the value of countDownEndDate to the day you want to end the count down
- var countDownEndDate = "August 5, 2022 09:00:00";
+ var countDownEndDate = "August 5, 2024 09:00:00";
var endDate = new Date(countDownEndDate).getTime();