forked from kokoaespol/kokoa-site
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
13 additions
and
20 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,33 +1,26 @@ | ||
| <section class="mt-24 flex flex-col items-center justify-around gap-y-12 lg:flex lg:flex-row"> | ||
| <section class="mt-24 flex flex-col items-center justify-around gap-y-12 sm:flex-row lg:flex-row"> | ||
| <div class="relative"> | ||
| <img | ||
| src="https://images.unsplash.com/photo-1601933470096-0e34634ffcde?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" | ||
| alt="Imagen de amigos programando" | ||
| class="relative z-10 h-[12.5rem] w-[16rem] lg:h-[18rem] lg:w-[26rem]" | ||
| /> | ||
| class="relative z-10 h-[12.5rem] w-[16rem] lg:h-[18rem] lg:w-[26rem] object-cover" /> | ||
| <div | ||
| class="absolute left-[-0.5rem] top-[-0.5rem] z-0 h-5 w-5 bg-lime-500 lg:left-[-1.3rem] lg:top-[-1.3rem] lg:h-[6rem] lg:w-[6rem]" | ||
| ></div> | ||
| class="absolute left-[-0.5rem] top-[-0.5rem] z-0 h-5 w-5 bg-lime-500 lg:left-[-1.3rem] lg:top-[-1.3rem] lg:h-24 lg:w-24"></div> | ||
| <div | ||
| class="absolute bottom-[-0.5rem] right-[-0.5rem] z-0 h-5 w-5 border border-lime-500 lg:bottom-[-1.2rem] lg:right-[-1.2rem] lg:h-[6rem] lg:w-[6rem]" | ||
| ></div> | ||
| class="absolute bottom-[-0.5rem] right-[-0.5rem] z-0 h-5 w-5 border border-lime-500 lg:bottom-[-1.2rem] lg:right-[-1.2rem] lg:h-24 lg:w-24"></div> | ||
| </div> | ||
| <div class="flex flex-col items-center gap-y-5"> | ||
| <h1> | ||
| <span class="text-lime-500 lg:text-xl">Kokoa</span> | ||
| <span class="font-fira text-blue-100 lg:text-xl">- Vive el software libre</span> | ||
| <div class="flex flex-col items-center gap-y-5 max-w-[20rem] lg:max-w-[40rem]"> | ||
| <h1 class="text-[1.11rem] md:text-[1.rem] lg:text-[1.55rem] font-fira font-bold"> | ||
| <span class="text-lime-500">Kokoa</span> | ||
| <span class="text-blue-100">- Vive el software libre</span> | ||
| </h1> | ||
| <div class="max-w-screen-md lg:max-w-screen-sm"> | ||
| <p class="lg:text-md text-center font-fira text-sm text-blue-100"> | ||
| Club estudiantil politécnico promotor del uso, modificación, distribución y aprendizaje de | ||
| software libre | ||
| </p> | ||
| </div> | ||
| <p class="text-[0.85rem] lg:text-base text-center text-blue-100"> | ||
| Club estudiantil politécnico promotor del uso, modificación, distribución y aprendizaje de | ||
| software libre | ||
| </p> | ||
| <button | ||
| class="w-15 border-2xl rounded-2xl border-lime-500 bg-lime-500 px-14 py-1 font-medium text-black shadow-2xl" | ||
| > | ||
| class="w-[10rem] sm:w-auto px-14 py-2 rounded-3xl bg-lime-500 text-black font-medium shadow-2xl hover:bg-lime-600 transition-colors"> | ||
| Unirse | ||
| </button> | ||
| <div class="bg-green-400"></div> | ||
| </div> | ||
| </section> |