1 line
8.0 KiB
HTML
1 line
8.0 KiB
HTML
<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/logo-humic-text.png"/><link rel="preload" as="image" href="/assets/background.jpg"/><link rel="stylesheet" href="/_next/static/css/b69a220b0ec9f4ef.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-e9693970e20ac09d.js"/><script src="/_next/static/chunks/4bd1b696-5f4c6b02b6302f23.js" async=""></script><script src="/_next/static/chunks/587-ab60ccca3f5d4b3b.js" async=""></script><script src="/_next/static/chunks/main-app-8ea9f1a566d9c379.js" async=""></script><script src="/_next/static/chunks/app/layout-24cbe5741c0aefbd.js" async=""></script><script src="/_next/static/chunks/app/homepage/page-905f9e40506126d1.js" async=""></script><title>Website Surat Menyurat</title><meta name="description" content="A Next.js application"/><link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="32x32"/><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body><div class="min-h-screen bg-gray-100"><nav class="bg-white shadow-md px-10 py-4 flex items-center justify-between"><div class="flex items-center gap-8"><img src="/logo-humic-text.png" alt="HUMIC Engineering" class="h-12 mr-3"/><div class="flex space-x-8"><a href="#" class="text-[#B4262A] font-semibold border-b-2 border-[#B4262A]">Home</a><div class="relative"><button id="letter-button" class="text-gray-700 hover:text-[#B4262A] font-medium cursor-pointer transition duration-300">Letter</button></div></div></div><div class="relative z-50"><button id="profile-button" class="text-gray-700 hover:text-black cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg></button></div></nav><div class="relative"><img src="/assets/background.jpg" class="w-full h-[320px] object-cover z-0" alt="Background"/><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-white text-center"><h1 class="text-5xl font-bold drop-shadow-lg">Welcome<!-- -->!</h1></div></div><div class="grid grid-cols-3 gap-6 p-10"><div class="bg-white shadow-md rounded-lg p-6 col-span-2"><h2 class="text-xl font-bold text-black mb-3">Letter Maker</h2><p class="text-gray-600 text-sm leading-relaxed">This platform allows interns at HUMIC Engineering to easily create and manage their internship documents, including acceptance and completion letters, in a fast, accurate, and secure way.</p></div><div class="flex flex-col space-y-4"><div class="bg-white p-4 rounded-lg shadow-md text-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart-pulse text-yellow-500 text-4xl mx-auto mb-2"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path><path d="M3.22 12H9.5l.5-1 2 4.5 2-7 1.5 3.5h5.27"></path></svg><p class="text-lg font-bold text-black">0</p><p class="text-gray-600 text-sm">Acceptance letter</p></div><div class="bg-white p-4 rounded-lg shadow-md text-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big text-green-500 text-4xl mx-auto mb-2"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><p class="text-lg font-bold text-black">0</p><p class="text-gray-600 text-sm">Completion letter</p></div></div></div></div><script src="/_next/static/chunks/webpack-e9693970e20ac09d.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[6868,[\"177\",\"static/chunks/app/layout-24cbe5741c0aefbd.js\"],\"AuthProvider\"]\n3:I[5244,[],\"\"]\n4:I[3866,[],\"\"]\n5:I[1259,[\"539\",\"static/chunks/app/homepage/page-905f9e40506126d1.js\"],\"default\"]\n6:I[6213,[],\"OutletBoundary\"]\n9:I[6213,[],\"ViewportBoundary\"]\nb:I[6213,[],\"MetadataBoundary\"]\nd:I[4835,[],\"\"]\n:HL[\"/_next/static/css/b69a220b0ec9f4ef.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"w4wByeo9VhNhd9qykOFPg\",\"p\":\"\",\"c\":[\"\",\"homepage\",\"\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"homepage\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/b69a220b0ec9f4ef.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"children\":[\"$\",\"$L2\",null,{\"children\":[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"$undefined\",[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]}]]}],{\"children\":[\"homepage\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L5\",null,{}],\"$undefined\",null,[\"$\",\"$L6\",null,{\"children\":[\"$L7\",\"$L8\",null]}]]}],{},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$1\",\"FEfRYezQT5rz-BtRoUs9V\",{\"children\":[[\"$\",\"$L9\",null,{\"children\":\"$La\"}],null]}],[\"$\",\"$Lb\",null,{\"children\":\"$Lc\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$d\",\"$undefined\"],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"a:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n7:null\n"])</script><script>self.__next_f.push([1,"8:null\nc:[[\"$\",\"title\",\"0\",{\"children\":\"Website Surat Menyurat\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"A Next.js application\"}],[\"$\",\"link\",\"2\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"32x32\"}]]\n"])</script></body></html> |