-
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.
Publishing Site lotengdev/lotengdev-web at 814db98df570f19811634ff85b…
…209ac58c2c7ce0 on Sun Oct 27 03:54:36 UTC 2024
- Loading branch information
Showing
35 changed files
with
2,084 additions
and
0 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 |
|---|---|---|
| @@ -0,0 +1,117 @@ | ||
| <!-- TOBE DELETED --> | ||
|
|
||
| <!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"> | ||
| <title>Loteng Dev - Beriuk Berajah dan Berkembang</title> | ||
| <link rel="stylesheet" href="./css/main.css"> | ||
| </head> | ||
|
|
||
| <body> | ||
| <nav class="m-6 lg:m-10 flex items-center"> | ||
| <div class="pr-10 lg:border-r border-solid border-grey"> | ||
| <a href="index.html"> | ||
| <img class="h-7 lg:h-11" src="./icons/logo.svg" /> | ||
| </a> | ||
| </div> | ||
| <ul class="hidden lg:flex flex-grow pl-10 list-none"> | ||
| <li class="mr-8"><a href="index.html">Home</a></li> | ||
| <li class="mr-8"><a href="events.html">Acara</a></li> | ||
| <li class="mr-8"><a href="speakers.html">Pembicara</a></li> | ||
| <li class="mr-8"><a href="about.html">Tentang</a></li> | ||
| </ul> | ||
| <div class="hidden lg:flex justify-center"> | ||
| <button class="flex items-center bg-blue px-4 py-3 mr-4 rounded text-white"> | ||
| <img class="inline mr-3" src="./icons/telegram.svg" />Join Group | ||
| </button> | ||
| <button class="flex items-center bg-neutral-100 border border-solid border-grey px-4 py-2 rounded"> | ||
| <img class="inline mr-3" src="./icons/github.svg" />Contribute | ||
| </button> | ||
| </div> | ||
| <div onclick="show_sidebar()" class="lg:hidden flex flex-grow justify-end"> | ||
| <img src="./icons/menu.svg" /> | ||
| </div> | ||
| </nav> | ||
|
|
||
| <div id="sidebar" class=" bg-[rgba(0,0,0,.5)] hidden top-0 bottom-0 left-0 right-0 z-10 "> | ||
| <aside class="fixed z-40 h-screen p-4 overflow-y-auto bg-white w-80 dark:bg-gray-800"> | ||
| <div class="flex flex-col justify-between h-full"> | ||
| <div> | ||
| <div class="inline-flex items-center mb-4 text-base font-semibold text-gray-500 dark:text-gray-400"> | ||
| <img class="h-7 lg:h-11" src="./icons/logo.svg" /> | ||
| <button type="button" onclick="close_sidebar()" data-drawer-dismiss="drawer-example" aria-controls="drawer-example" class="bg-transparent rounded-lg text-sm p-1.5 absolute top-2.5 right-2.5 inline-flex items-center"> | ||
| <img src="./icons/close.svg" alt="close" class="w-5 h-5"> | ||
| </button> | ||
| </div> | ||
| <ul class="w-48 text-sm font-bold"> | ||
| <li class="py-2 px-4 w-full"> | ||
| <a href="#home">Home</a> | ||
| </li> | ||
| <li class="py-2 px-4 w-full"> | ||
| <a href="#">Acara</a> | ||
| </li> | ||
| <li class="py-2 px-4 w-full"> | ||
| <a href="#"> | ||
| Pembicara | ||
| </a> | ||
| </li> | ||
| <li class="py-2 px-4 w-full"> | ||
| <a href="#">Tentang</a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| <div class="flex flex-col justify-center "> | ||
| <a href="#" class="flex justify-center items-center bg-neutral-100 border border-solid border-grey px-4 py-2 rounded mb-5"> | ||
| <img class="inline mr-3" src="./icons/github.svg" />Contribute | ||
| </a> | ||
| <a href="#" class="flex justify-center items-center bg-blue px-4 py-3 rounded text-white mb-5"> | ||
| <img class="inline mr-3" src="./icons/telegram.svg" />Join Group | ||
| </a> | ||
| </div> | ||
| </div> | ||
| </aside> | ||
| </div> | ||
|
|
||
| <div class="bg-[#F5F5F5] pt-14"> | ||
| <section class="container mx-auto"> | ||
| <div class="flex justify-center items-center w-full"> | ||
| <div class="lg:w-[970px] w-[95%] rounded-3xl bg-white p-5 px-10"> | ||
| <div class="text-[color:#41B883] md:mt-16 mt-5"> | ||
| <a href="#home"> | ||
| Home > About | ||
| </a> | ||
| </div> | ||
| <div class="font-bold lg:text-[48px] md:text-[32px] sm:text-[24px] text-[16px] mt-4"> | ||
| Tentang Komunitas Lombok Tengah Developer (Loteng Dev) | ||
| </div> | ||
| <div class="border-[2px] border-grey w-full rounded-3xl md:mt-6 mt-2"></div> | ||
| <div class="mt-5 mb-16 text-justify text-[18px]"> | ||
| Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex molestiae quos veritatis nemo sit praesentium aperiam quasi voluptatum quisquam unde delectus mollitia eveniet rem quia, saepe aliquam, consequuntur similique? Vitae. | ||
| <br> | ||
| <br> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quidem, doloremque. Praesentium, ad. Veritatis voluptatibus sunt exercitationem cum dicta velit, ipsa quae deserunt similique, officia commodi quasi nulla vel consectetur | ||
| impedit? | ||
| <br><br> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eius temporibus vitae at. Consequatur reiciendis sit quidem, impedit, facere aperiam nostrum delectus dolore dolor quibusdam harum animi amet repellendus, sunt | ||
| voluptatibus. | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <script> | ||
| function show_sidebar() { | ||
| document.getElementById('sidebar').classList.remove('hidden') | ||
| document.getElementById('sidebar').classList.add('fixed') | ||
| } | ||
|
|
||
| function close_sidebar() { | ||
| document.getElementById('sidebar').classList.remove('fixed') | ||
| document.getElementById('sidebar').classList.add('hidden') | ||
| } | ||
| </script> | ||
| </body> | ||
|
|
||
| </html> |
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
Oops, something went wrong.