main

index.html

@@ -43,7 +43,8 @@
 				<div class="flex justify-between items-center w-full">
 					<div class="flex justify-between items-center w-full ml-6">
 						<div class="sm:relative flex flex-col" x-data="{ open: false }">
-							<button x-on:click="open = ! open" x-on:keydown.escape="open = false"  class="text-sm font-medium hover:text-gray-600 flex items-center gap-1 transition-all duration-300" x-bind:class="open ? 'text-gray-600' : 'text-gray-400'" href="#">More From Me <i class='bx bx-chevron-up text-xl transition-all duration-300' x-bind:class="open ? 'rotate-120' : 'rotate-180'"></i></button>
+							<button x-on:click="open = ! open" x-on:keydown.escape="open = false"  class="text-sm font-medium hover:text-gray-600 flex items-center gap-1 transition-all duration-300" 
+							x-bind:class="open ? 'text-gray-600' : 'text-gray-400'" href="#">More From Me <i class='bx bx-chevron-up text-xl transition-all duration-300' x-bind:class="open ? 'rotate-120' : 'rotate-180'"></i></button>
 							<template x-if="true">
 								<div x-show="open" x-on:click.away="open = false" x-transition.duration.300ms class="absolute sm:w-[500px] bg-white shadow-2xl shadow-primary/30 p-4 rounded-3xl top-full inset-x-0">
 									<div class="space-y-4">
@@ -75,12 +76,12 @@ <h2 class="text-lg font-bold text-gray-800">My Code</h2>
 										<div class="rounded-2xl min-h-[3rem] max-h-[3rem] min-w-[3rem] max-w-[3rem] bg-gradient-to-br from-green-500 to-emerald-400 shadow-xl shadow-green-500/30 flex justify-center items-center">
 											<i class='bx bx-book-bookmark text-white text-xl'></i>
 										</div>
-										<div>
+										<!-- <div>
 											<h2 class="text-lg font-bold text-gray-800">PowQuran</h2>
 											<p class="text-sm text-gray-400 tracking-wide">
 												Read the Quran online anywhere!
 											</p>
-										</div>
+										</div> -->
 										<i class='bx bx-right-arrow-alt text-gray-800 absolute top-1/2 right-6 -translate-y-1/2 translate-x-6 opacity-0 group-hover:translate-x-0 group-hover:opacity-100 transition-all duration-300' ></i>
 									</a>
 									</div>
@@ -92,7 +93,7 @@ <h2 class="text-lg font-bold text-gray-800">PowQuran</h2>
 								<i class='bx bx-moon text-xl'></i>
 							</button>
 							<button class="hover:bg-gray-100 text-gray-800 h-10 w-10 rounded-full grid place-items-center transition-all duration-300">
-								<i class='bx bxl-github text-xl'>https://github.com/bagussatoto</i>
+								<i class='bx bxl-github text-xl' href="https://github.com/bagussatoto/">bagussatoto</i>
 							</button>
 						</div>
 					</div>
@@ -105,7 +106,8 @@ <h2 class="text-lg font-bold text-gray-800">PowQuran</h2>
 				<div class="space-y-4 ld:order-1 order-2 text-center lg:text-left">
 					<h1 class="md:text-6xl sm:text-5xl text-4xl font-black text-gray-800">Get <span class="text-primary underline">Palettes</span> from Your <span class="text-primary underline">Photos</span>!</h1>
 					<p class="text-gray-600 tracking-wide ">
-						Get any color of any image you want for free!
+						Get any color of any image you want for free! <br>
+						Project in Bagus Budi Satoto
 					</p>
 					<a class="btn btn-primary gap-1 lg:inline-flex hidden" href="#try">Try Now!</a>
 				</div>