Frontend/Resources/views/ont.blade.php
2024-02-06 23:22:47 +07:00

303 lines
28 KiB
PHP

<!DOCTYPE html>
<html lang="en">
<head>
<link rel="canonical" href="https://genom.dharma.or.id/"/>
<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>ONT | Kerjasama Penelitian Genomik Panin 2023</title>
<!-- Meta SEO -->
<meta name="title" content="ONT | Kerjasama Penelitian Genomik Panin 2023">
<meta name="description" content="Yayasan Satriabudi Dharma Setia (YSDS) mengundang peneliti-peneliti Indonesia yang memiliki penelitian dengan metode pemeriksaan genome sequencing, untuk dapat menggunakan fasilitas kerjasama bahan habis pakai">
<meta name="robots" content="index, follow">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="English">
<meta name="author" content="Yayasan Satriabudi Dharma Setia">
<!-- Social media share -->
<meta property="og:title" content="ONT | Kerjasama Penelitian Genomik Panin 2023">
<meta property="og:site_name" content="Yayasan Satriabudi Dharma Setia">
<meta property="og:url" content=https://genom.dharma.or.id">
<meta property="og:description" content="Yayasan Satriabudi Dharma Setia (YSDS) mengundang peneliti-peneliti Indonesia yang memiliki penelitian dengan metode pemeriksaan genome sequencing, untuk dapat menggunakan fasilitas kerjasama bahan habis pakai">
<meta property="og:type" content="">
<meta property="og:image" content="{{ asset('Screenshot 2023-08-23 153008.png') }}">
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="{{ asset('favicon/apple-touch-icon.png') }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ asset('favicon/favicon-32x32.png') }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ asset('favicon/favicon-16x16.png') }}">
<link rel="manifest" href="{{ asset('favicon/site.webmanifest') }}">
<link rel="mask-icon" href="{{ asset('favicon/safari-pinned-tab.svg') }}" color="#5bbad5">
<script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<link href="./output.css?time=12342" rel="stylesheet">
</head>
<body>
<header class="fixed w-full z-10" id="home">
<nav class="relative bg-white border-gray-200 py-2.5 dark:bg-mallard-900 shadow-md shadow-mallard-200">
<div class="flex flex-wrap items-center justify-between max-w-screen-xl px-4 mx-auto">
<a href="#" class="flex items-center">
<img src="{{ asset('assets/media/logos/logo.png') }}" class="h-12 mr-3" alt="Yayasan Satriabudi Dharma Setia"/>
</a>
<div class="flex items-center lg:order-2">
<button data-collapse-toggle="mobile-menu-2" type="button" class="inline-flex items-center p-2 ml-1 text-sm text-gray-500 rounded-lg lg:hidden hover:bg-mallard-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-mallard-700 dark:focus:ring-gray-600" aria-controls="mobile-menu-2" aria-expanded="false">
<span class="sr-only">Open main menu</span>
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path>
</svg>
<svg class="hidden w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
</svg>
</button>
</div>
<div class="items-center justify-between hidden w-full lg:flex lg:w-auto lg:order-1" id="mobile-menu-2">
<ul class="flex flex-col mt-4 font-medium lg:flex-row lg:space-x-8 lg:mt-0" x-data="{ activeMenu: 'home' }">
<li>
<a href="{{ URL::to('/') }}" @click="activeMenu='home'"
class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-mallard-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-guardsman-red-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-mallard-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700"
:class="{'text-white bg-guardsman-red-700 rounded lg:bg-transparent lg:text-guardsman-red-700 dark:text-white' : activeMenu=='home'}"
aria-current="page">Home</a>
</li>
<li>
<a href="{{ URL::to('/press-release') }}" @click="activeMenu='pressrelease'"
class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-mallard-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-guardsman-red-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:b>
:class="{'text-white bg-guardsman-red-700 rounded lg:bg-transparent lg:text-guardsman-red-700 dark:text-white' : activeMenu=='pressrelease'}">Press Release</a>
</li>
<li>
<a href="{{ URL::to('/#skema') }}" @click="activeMenu='skema'"
class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-mallard-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-guardsman-red-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-mallard-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700"
:class="{'text-white bg-guardsman-red-700 rounded lg:bg-transparent lg:text-guardsman-red-700 dark:text-white' : activeMenu=='skema'}">Skema Kerjasama</a>
</li>
<li>
<a href="{{ URL::to('/cakupan') }}" @click="activeMenu='cakupan'"
class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-mallard-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-guardsman-red-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-mallard-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700"
:class="{'text-white bg-guardsman-red-700 rounded lg:bg-transparent lg:text-guardsman-red-700 dark:text-white' : activeMenu=='cakupan'}">Kerjasama BHP</a>
</li>
<li>
<a href="{{ URL::to('/#pendaftaran') }}" @click="activeMenu='pendaftaran'"
class="block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-mallard-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-guardsman-red-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-mallard-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700"
:class="{'text-white bg-guardsman-red-700 rounded lg:bg-transparent lg:text-guardsman-red-700 dark:text-white' : activeMenu=='pendaftaran'}">Pendaftaran</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<!-- Start block -->
<section class="bg-white dark:bg-mallard-900 px-5 md:px-0">
<div class="grid max-w-screen-xl px-4 pt-20 pb-8 mx-auto lg:gap-8 xl:gap-0 lg:py-16 lg:grid-cols-12 lg:pt-28">
<div class="mr-auto place-self-center lg:col-span-8">
<h1 class="max-w-3xl mb-4 text-4xl font-extrabold leading-none tracking-tight md:text-5xl xl:text-6xl dark:text-white">Pengumuman Skema Kerjasama Bahan Habis Pakai Penelitian Genomik Panin 2024</h1>
</div>
<div class="hidden lg:mt-0 lg:col-span-4 lg:flex">
<img src="https://researchoutreach.org/wp-content/uploads/2020/09/shutterstock_1246209082.png" class="object-cover" alt="hero image">
</div>
</div>
</section>
<!-- End block -->
<!-- Start block -->
<section class="bg-white dark:bg-mallard-900 px-5 md:px-0">
<div class="max-w-screen-xl px-4 pb-8 mx-auto lg:pb-16">
<div class="grid grid-cols-2 gap-6 text-gray-500 sm:gap-12 sm:grid-cols-3 lg:grid-cols-6 dark:text-gray-400 text-center">
<span class="hidden lg:flex"></span>
<span class="hidden lg:flex"></span>
<a href="#" class="flex items-center lg:justify-center">
<img src="{{ asset('logo-panin.png') }}" alt="">
</a>
<a href="#" class="flex items-center lg:justify-center">
<img src="{{ asset('logo-marves.jpg') }}" alt="">
</a>
</div>
</div>
</section>
<!-- End block -->
<!-- Start block -->
<!-- Start block -->
<section id="skema" class="bg-mallard-50 dark:bg-mallard-800 px-5 md:px-0">
<div class="max-w-screen-xl px-4 py-8 mx-auto space-y-12 lg:space-y-20 lg:py-24 lg:px-6">
<p class="max-w-screen-xl mb-6 font-bold text-gray-900 lg:mb-8 md:text-lg lg:text-3xl dark:text-gray-400 text-center">Yayasan Satriabudi Dharma Setia (YSDS) mengundang peneliti-peneliti Indonesia yang memiliki penelitian dengan metode pemeriksaan <em>genome sequencing</em>, untuk dapat menggunakan fasilitas kerjasama seseuai skema berikut : </p>
<!-- Row -->
<div class="items-center gap-8 lg:grid lg:grid-cols-2 xl:gap-16">
<div class="text-gray-500 sm:text-lg dark:text-gray-400">
<h2 class="mb-4 text-3xl font-extrabold tracking-tight text-gray-900 dark:text-white">Skema Kerjasama Layanan Sequencing</h2>
<!-- List -->
<ul role="list" class="pt-8 space-y-5 border-t border-gray-200 my-7 dark:border-gray-700">
<li class="flex space-x-3">
<!-- Icon -->
<svg class="flex-shrink-0 w-5 h-5 text-guardsman-red-500 dark:text-guardsman-red-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<span class="text-lg font-medium leading-tight text-gray-900 dark:text-white">Peneliti dapat mengerjakan pemeriksaan genome sequencing di laboratorium yang sudah bekerjasama dengan YSDS.</span>
</li>
<li class="flex space-x-3">
<!-- Icon -->
<svg class="flex-shrink-0 w-5 h-5 text-guardsman-red-500 dark:text-guardsman-red-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<span class="text-lg font-medium leading-tight text-gray-900 dark:text-white">Peneliti dapat mengirim sampel ke laboratorium atau ikut hands-on mengerjakan proses genome sequencing di laboratorium, sesuai kebijakan masing-masing laboratorium.</span>
</li>
<li class="flex space-x-3">
<!-- Icon -->
<svg class="flex-shrink-0 w-5 h-5 text-guardsman-red-500 dark:text-guardsman-red-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<span class="text-lg font-medium leading-tight text-gray-900 dark:text-white">Untuk informasi biaya dan teknis layanan genome sequencing dapat menghubungi narahubung masing-masing laboratorium. <a href="{{ URL::to('facility') }}" class="text-guardsman-red-500">Daftar Laboratorium.</a></span>
</li>
<li class="flex space-x-3">
<!-- Icon -->
<svg class="flex-shrink-0 w-5 h-5 text-guardsman-red-500 dark:text-guardsman-red-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<span class="text-lg font-medium leading-tight text-gray-900 dark:text-white">Skema ini tidak memerlukan Perjanjian Kerjasama Penelitian.</span>
</li>
</ul>
</div>
<img class="hidden w-full mb-4 rounded-lg lg:mb-0 lg:flex" src="https://www.consensusdocs.org/wp-content/uploads/2022/07/contract-graphic.png" alt="feature image 2">
</div>
<!-- Row -->
<hr class="border-guardsman-red-200 sm:mx-auto dark:border-guardsman-red-700">
<div class="items-center gap-8 lg:grid lg:grid-cols-2 xl:gap-16">
<img class="hidden w-full mb-4 rounded-lg lg:mb-0 lg:flex" src="{{ asset('istockphoto-1336808150-612x612.jpg') }}" alt="Skema Kerjasama Peminjaman Alat Genome Sequencing untuk Laboratorium Institusi Penelitian">
<div class="text-gray-500 sm:text-lg dark:text-gray-400">
<h2 class="mb-4 text-3xl font-extrabold tracking-tight text-gray-900 dark:text-white">Skema Kerjasama Pembiayaan Sequencing</h2>
<!-- List -->
<ul role="list" class="space-y-5">
<li class="flex space-x-3">
<!-- Icon -->
<svg class="flex-shrink-0 w-5 h-5 text-guardsman-red-500 dark:text-guardsman-red-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<span class="text-lg font-medium leading-tight text-gray-900 dark:text-white">YSDS akan membiayai pemeriksaan genome sequencing mulai dari proses library preparation hingga dihasilkan data sequencing (meliputi jasa pemeriksaan dan bahan habis pakai untuk proses tersebut, serta analisis bioinformatika jika dibutuhkan).</span>
</li>
<li class="flex space-x-3">
<!-- Icon -->
<svg class="flex-shrink-0 w-5 h-5 text-guardsman-red-500 dark:text-guardsman-red-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<span class="text-lg font-medium leading-tight text-gray-900 dark:text-white">Pemeriksaan genome sequencing harus dilakukan di laboratorium yang sudah didukung oleh YSDS.</span>
</li>
<li class="flex space-x-3">
<!-- Icon -->
<svg class="flex-shrink-0 w-5 h-5 text-guardsman-red-500 dark:text-guardsman-red-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<span class="text-lg font-medium leading-tight text-gray-900 dark:text-white">Data yang dihasilkan dari pemeriksaan genome sequencing akan dikumpulkan untuk membangun repositori data genomik nasional yang dapat diakses oleh berbagai peneliti di Indonesia melalui institusi penelitian yang sudah bekerjasama dengan YSDS.</span>
</li>
<li class="flex space-x-3">
<!-- Icon -->
<svg class="flex-shrink-0 w-5 h-5 text-guardsman-red-500 dark:text-guardsman-red-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<span class="text-lg font-medium leading-tight text-gray-900 dark:text-white">Untuk mengikuti skema ini, peneliti dapat mengirim proposal dengan mengirim email ke <a href="mailto:omics@dharma.or.id" class="text-guardsman-red-600">omics@dharma.or.id</a>, meliputi Proposal penelitian dengan format <a href="https://docs.google.com/document/d/1SWIyYidFh72NhaVtOFEYe9WeGrjZMXyDohq_XUyVlR4/edit" class="text-guardsman-red-500" target="_blank">berikut.</a></span>
</li>
<li class="flex space-x-3">
<!-- Icon -->
<svg class="flex-shrink-0 w-5 h-5 text-guardsman-red-500 dark:text-guardsman-red-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<span class="text-lg font-medium leading-tight text-gray-900 dark:text-white">YSDS akan mengontak peneliti yang proposalnya terpilih untuk pembuatan Perjanjian Kerjasama Penelitian.</span>
</li>
</ul>
</div>
</div>
<!-- Row -->
<hr class="border-guardsman-red-200 sm:mx-auto dark:border-guardsman-red-700">
<div class="items-center gap-8 lg:grid lg:grid-cols-2 xl:gap-16">
<div class="text-gray-500 sm:text-lg dark:text-gray-400">
<h2 class="mb-4 text-3xl font-extrabold tracking-tight text-gray-900 dark:text-white">Skema Kerjasama Penelitian Untuk Pengadaan Bahan Habis Pakai Sequencing</h2>
<!-- List -->
<ul role="list" class="pt-8 space-y-5 border-t border-gray-200 my-7 dark:border-gray-700">
<li class="flex space-x-3">
<!-- Icon -->
<svg class="flex-shrink-0 w-5 h-5 text-guardsman-red-500 dark:text-guardsman-red-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<span class="text-lg font-medium leading-tight text-gray-900 dark:text-white">Skema ini diperuntukkan bagi peneliti yang sudah memiliki akses peralatan genome sequencing ONT namun membutuhkan pengadaan bahan habis pakai.</span>
</li>
<li class="flex space-x-3">
<!-- Icon -->
<svg class="flex-shrink-0 w-5 h-5 text-guardsman-red-500 dark:text-guardsman-red-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<span class="text-lg font-medium leading-tight text-gray-900 dark:text-white">YSDS akan memfasilitasi pengadaan bahan habis pakai dengan harga sesuai pada daftar <a href="{{ URL::to('/cakupan') }}" class="text-guardsman-red-500" >berikut</a>.</span>
</li>
<li class="flex space-x-3">
<!-- Icon -->
<svg class="flex-shrink-0 w-5 h-5 text-guardsman-red-500 dark:text-guardsman-red-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<span class="text-lg font-medium leading-tight text-gray-900 dark:text-white">Pemesanan bahan habis pakai dilakukan dengan mengisi formulir <a href="https://www.cognitoforms.com/YayasanSatriabudiDharma/FormulirKerjasamaReagenPenelitian" class="text-guardsman-red-500" target="_blank">berikut.</a></span>
</li>
<li class="flex space-x-3">
<!-- Icon -->
<svg class="flex-shrink-0 w-5 h-5 text-guardsman-red-500 dark:text-guardsman-red-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<span class="text-lg font-medium leading-tight text-gray-900 dark:text-white">Petugas YSDS akan mengontak calon pemesan dalam waktu 1-3 hari kerja untuk konfirmasi pemesanan dan pengiriman bahan habis pakai ke lokasi peneliti.</span>
</li>
<li class="flex space-x-3">
<!-- Icon -->
<svg class="flex-shrink-0 w-5 h-5 text-guardsman-red-500 dark:text-guardsman-red-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<span class="text-lg font-medium leading-tight text-gray-900 dark:text-white">Bahan habis pakai hanya dapat digunakan untuk keperluan penelitian dan tidak dapat diperjualbelikan kembali.</span>
</li>
<li class="flex space-x-3">
<!-- Icon -->
<svg class="flex-shrink-0 w-5 h-5 text-guardsman-red-500 dark:text-guardsman-red-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<span class="text-lg font-medium leading-tight text-gray-900 dark:text-white">Informasi terkait pemesanan bahan habis pakai dapat menghubungi Bapak Heppy di nomor 0896-0298-2179.</span>
</li>
</ul>
</div>
<img class="hidden w-full mb-4 rounded-lg lg:mb-0 lg:flex" src="https://media.istockphoto.com/id/1303707094/vector/businessman-signing-contract-with-digital-pen-on-phone-digital-signature-business-contract.jpg?s=612x612&w=0&k=20&c=1OpMd1324OfOi7fvd73eJdo63FFsenhKkST9_rdvhbY=" alt="dashboard feature image">
</div>
</div>
</section>
<!-- End block -->
<!-- Start block -->
<section id="pendaftaran" class="bg-white dark:bg-mallard-900 px-5 md:px-0">
<div class="max-w-screen-xl px-4 py-8 mx-auto lg:py-16 lg:px-6">
<div class="max-w-screen-sm mx-auto text-center">
<h2 class="mb-4 text-3xl font-extrabold leading-tight tracking-tight text-gray-900 dark:text-white">Instruksi Pendaftaran</h2>
<p class="mb-6 font-light text-gray-700 dark:text-gray-600 md:text-lg">Informasi lebih lanjut dapat menghubungi kami melalui
<a href="mailto:omics@dharma.or.id" class="text-guardsman-red-600">omics@dharma.or.id</a> atau menghubungi
<a href="tel:+6281119292707" class="text-guardsman-red-600">0811-1929-2707 (whatsapp)</a>. Skema ini terus dibuka sesuai dengan ketersediaan dana YSDS.
</p>
</div>
</div>
<div class="max-w-screen-xl p-4 mx-auto">
<hr class="my-6 border-guardsman-red-200 sm:mx-auto dark:border-guardsman-red-700">
<div class="text-center">
<span class="block text-sm text-center text-gray-500 dark:text-gray-400">© 2022-2024 <a href="https://dharma.or.id" class="text-guardsman-red-600 hover:underline dark:text-guardsman-red-500">Yayasan Satriabudi Dharma Setia</a>
</span>
<ul class="flex justify-center mt-5 space-x-5">
<li>
<a href="https://www.facebook.com/yayasansatriabudi/" class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"/>
</svg>
</a>
</li>
<li>
<a href="https://www.instagram.com/dharma.or.id/" class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd"/>
</svg>
</a>
</li>
</ul>
</div>
</div>
</section>
<script src="https://unpkg.com/flowbite@1.4.1/dist/flowbite.js"></script>
</body>
</html>