Frontend/Resources/views/index.blade.php

356 lines
30 KiB
PHP
Raw Normal View History

2023-09-07 16:33:13 +00:00
<!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>Kerjasama Penelitian Genomik Panin 2023</title>
<!-- Meta SEO -->
<meta name="title" content="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="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">
<a href="{{ URL::to('peneliti') }}" class="text-white bg-guardsman-red-700 hover:bg-guardsman-red-800 focus:ring-4 focus:ring-guardsman-red-300 font-medium rounded-md text-sm px-4 lg:px-5 py-2 lg:py-2.5 sm:mr-2 lg:mr-0 dark:bg-guardsman-red-600 dark:hover:bg-guardsman-red-700 focus:outline-none dark:focus:ring-guardsman-red-800">Peneliti</a>
<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('/#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'}">Cakupan</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('/#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>
<li>
<a href="{{ URL::to('facility') }}" @click="activeMenu='facility'" 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=='facility'}">Sequencing Facility</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">
2023-09-13 17:18:16 +00:00
<h1 class="max-w-3xl mb-4 text-4xl font-extrabold leading-none tracking-tight md:text-5xl dark:text-white">Program Akselerasi Pengetahuan dan Teknologi Genomik Indonesia</h1>
2023-09-07 16:33:13 +00:00
</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 -->
2023-09-13 17:18:16 +00:00
<section id="tentangkami" class="bg-mallard-50 dark:bg-mallard-800 px-5 md:px-0">
2023-09-07 16:33:13 +00:00
<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">
<!-- 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">
2023-09-13 17:18:16 +00:00
<h2 class="mb-4 text-3xl font-extrabold tracking-tight text-gray-900 dark:text-white">Tentang Kami : </h2>
<p class="text-lg border-t border-gray-200 my-7 dark:border-gray-700 pt-8">Yayasan Satriabudi Dharma Setia (YSDS) adalah organisasi non-profit yang memiliki misi untuk meningkatkan akses pendidikan dan kesehatan yang berkualitas bagi masyarakat Indonesia. YSDS menjunjung tinggi nilai-nilai:</p>
2023-09-07 16:33:13 +00:00
<!-- 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>
2023-09-13 17:18:16 +00:00
<span class="text-lg font-medium leading-tight text-gray-900 dark:text-white">Kolaborasai dan Inklusivitas;</span>
2023-09-07 16:33:13 +00:00
</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>
2023-09-13 17:18:16 +00:00
<span class="text-lg font-medium leading-tight text-gray-900 dark:text-white">Transparansi dan Akuntabilitas;</span>
2023-09-07 16:33:13 +00:00
</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>
2023-09-13 17:18:16 +00:00
<span class="text-lg font-medium leading-tight text-gray-900 dark:text-white">Sustainabilitas dan Kemandirian;</span>
2023-09-07 16:33:13 +00:00
</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>
2023-09-13 17:18:16 +00:00
<span class="text-lg font-medium leading-tight text-gray-900 dark:text-white">Non-diskriminasi dan Aksesibilitas;</span>
2023-09-07 16:33:13 +00:00
</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>
2023-09-13 17:18:16 +00:00
<span class="text-lg font-medium leading-tight text-gray-900 dark:text-white">Anti-monopoli dan Persaingan Tidak Sehat.</span>
2023-09-07 16:33:13 +00:00
</li>
</ul>
2023-09-13 17:18:16 +00:00
<p class="text-lg border-t border-gray-200 my-7 dark:border-gray-700 pt-8">Didukung oleh Hibah dari PaninGroup dan koordinasi bersama Kemenko Bidang Kemaritiman dan Investasi dan Kementerian Kesehatan, YSDS memiliki program untuk menyediakan akses pemeriksaan genome sequencing yang terjangkau dan transparan kepada peneliti-peneliti di Indonesia.</p>
</div>
<div class="w-full mb-4 rounded-lg mb-0 flex flex-col items-center bg-white p-10">
<div class="grid grid-cols text-gray-500 dark:text-gray-400 text-center p-5">
<span class="hidden lg:flex"></span>
<span class="hidden lg:flex"></span>
<a href="#" class="flex items-center justify-center mt-5">
<img style="width:40%" src="{{ asset('assets/media/logos/logo.png') }}" alt="">
</a>
</div>
<br>
<div class="grid grid-cols-2 text-gray-500 dark:text-gray-400 text-center p-5">
<span class="hidden lg:flex"></span>
<span class="hidden lg:flex"></span>
<a href="#" class="flex items-center lg:justify-center mt-5">
<img src="{{ asset('logo-panin.png') }}" alt="">
</a>
<a href="#" class="flex items-center lg:justify-center mt-5">
<img src="{{ asset('logo-marves.jpg') }}" alt="">
</a>
</div>
2023-09-07 16:33:13 +00:00
</div>
</div>
<!-- Row -->
2023-09-13 17:18:16 +00:00
</div>
<hr class="border-guardsman-red-200 sm:mx-auto dark:border-guardsman-red-700">
<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">
2023-09-07 16:33:13 +00:00
<div class="items-center gap-8 lg:grid lg:grid-cols-2 xl:gap-16">
2023-09-14 01:20:55 +00:00
<img class="hidden w-full mb-4 rounded-lg lg:mb-0 lg:flex bg-white" src="{{ asset('idea.png') }}" alt="Latar Belakang">
2023-09-07 16:33:13 +00:00
<div class="text-gray-500 sm:text-lg dark:text-gray-400">
2023-09-13 17:18:16 +00:00
<h2 class="mb-4 text-3xl font-extrabold tracking-tight text-gray-900 dark:text-white">Latar Belakang:</h2>
<p class="text-lg border-t border-gray-200 my-7 dark:border-gray-700 pt-8">YSDS mengidentifikasi beberapa masalah yang menghambat kemajuan akses pengetahuan dan teknologi genomik di Indonesia, antara lain:</p>
2023-09-07 16:33:13 +00:00
<!-- 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>
2023-09-13 17:18:16 +00:00
<span class="text-lg font-medium leading-tight text-gray-900 dark:text-white">Harga bahan habis pakai penelitian genomik yang jauh lebih tinggi dibanding negara lain seperti Singapura, Jepang, atau Australia.</span>
2023-09-07 16:33:13 +00:00
</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>
2023-09-13 17:18:16 +00:00
<span class="text-lg font-medium leading-tight text-gray-900 dark:text-white">Eksklusifitas pusat-pusat sekuensing yang hanya melayani kebutuhan internal dari penelitinya sendiri dan tidak terbuka untuk peneliti-peneliti lain di Indonesia.</span>
2023-09-07 16:33:13 +00:00
</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>
2023-09-13 17:18:16 +00:00
<span class="text-lg font-medium leading-tight text-gray-900 dark:text-white">Belum ada referensi data genomik untuk masyarakat Indonesia. Referensi genomik ini berguna untuk perhitungan resiko penyakit untuk strategi pencegahan, pengobatan presisi, penelusuran forensik, pengembangan alat diagnostik, pengembangan vaksin ataupun berbagai teknologi molekuler lain.</span>
2023-09-07 16:33:13 +00:00
</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">
2023-09-13 17:18:16 +00:00
<h2 class="mb-4 text-3xl font-extrabold tracking-tight text-gray-900 dark:text-white">Implementasi Program:</h2>
<p class="text-lg border-t border-gray-200 my-7 dark:border-gray-700 pt-8">YSDS menyusun beberapa program yang ditujukan kepada institusi penelitian dan para peneliti di bidang genomik di Indonesia, antara lain:</p>
2023-09-07 16:33:13 +00:00
<!-- 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>
2023-09-13 17:18:16 +00:00
<span class="text-lg font-medium leading-tight text-gray-900 dark:text-white">Mempersiapkan akses untuk melakukan kegiatan sekuensing pada laboratorium yang telah bekerjasama dengan Yayasan Satriabudi Dharma Setia,</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">Menyediakan peralatan dan reagen sekuensing dan pelatihan penggunaannya untuk dapat menunjang penelitian genomik di Institusi Penelitian secara terbuka bagi peneliti-peneliti di Indonesia,</span>
2023-09-07 16:33:13 +00:00
</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>
2023-09-13 17:18:16 +00:00
<span class="text-lg font-medium leading-tight text-gray-900 dark:text-white">Memberikan pelatihan pengolahan data bioinformatik yang dihasilkan dari pemeriksaan sekuensing.</span>
2023-09-07 16:33:13 +00:00
</li>
</ul>
</div>
2023-09-14 01:20:55 +00:00
<img class="hidden w-full mb-4 rounded-lg lg:mb-0 lg:flex" src="{{ asset('implementasi.jpg') }}" alt="Implementasi Program">
2023-09-07 16:33:13 +00:00
</div>
</div>
</section>
<!-- End block -->
<!-- Start block -->
2023-09-13 17:18:16 +00:00
<section 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="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">Kegiatan dan Kerjasama yang Sudah Dijalankan:</h2>
<!-- List -->
<div class="w-full mx-auto grid gird-cols-1 lg:grid-cols-2 gap-8 mt-10">
<div class="bg-white relative block overflow-hidden rounded-lg shadow-sm shadow-pirate-gold-200 border border-gray-100 p-4 w-full">
<span class="absolute inset-x-0 bottom-0 h-2 bg-gradient-to-r from-mallard-300 via-cello-500 to-guardsman-red-600"></span>
<div class="justify-between sm:flex">
<div>
<h3 class="text-xl font-bold text-gray-900">
<a href="https://pacbio.dharma.or.id/press-release">Press Notice of Collaboration on Genomics Research by the Satriabudi Dharma Setia Foundation and PacBio</a>
</h3>
<p class="mt-1 text-xs font-medium text-gray-600">7 September 2023</p>
</div>
</div>
<div class="mt-2 sm:pr-8">
<p class="text-lg text-gray-500">
The Satriabudi Dharma Setia Foundation (YSDS) again announced a partnership to strengthen the development of genomic research in Indonesia, this time with genome sequencing technology developer PacBio.
</p>
</div>
</div>
<div class="bg-white relative block overflow-hidden rounded-lg shadow-sm shadow-pirate-gold-200 border border-gray-100 p-4 w-full">
<span class="absolute inset-x-0 bottom-0 h-2 bg-gradient-to-r from-mallard-300 via-cello-500 to-guardsman-red-600"></span>
<div class="justify-between sm:flex">
<div>
<h3 class="text-xl font-bold text-gray-900">
<a href="https://ont.dharma.or.id/press-release">Press Notice of Collaboration on Genomics Research by The Satriabudi Dharma Setia Foundation and Oxford Nanopore Technologies</a>
</h3>
<p class="mt-1 text-xs font-medium text-gray-600">27 Juni 2023</p>
</div>
</div>
<div class="mt-2 sm:pr-8">
<p class="text-lg text-gray-500">
In order to improve access to genome sequencing services for researchers in Indonesia, The Satriabudi Dharma Setia Foundation (YSDS) has collaborated with genome sequencing service providers Oxford Nanopore Technologies (ONT).
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End block -->
<!-- Start block -->
2023-09-07 16:33:13 +00:00
<section id="pendaftaran" 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 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:+620895324832922" class="text-guardsman-red-600">0895-3248-32922 (whatsapp)</a>. Skema ini terus dibuka sesuai dengan ketersediaan dana YSDS.
</p>
</div>
</div>
</section>
<!-- End block -->
<!-- Start block -->
<section class="bg-white dark:bg-mallard-900 px-5 md:px-0">
<div class="items-center max-w-screen-xl px-4 py-6 mx-auto lg:grid lg:grid-cols-4 lg:gap-16 xl:gap-24 lg:px-6">
<div class="col-span-2">
<h5 class="mt-3 mb-4 text-2xl font-extrabold tracking-tight text-gray-900 md:text-3xl dark:text-white">Catatan Perubahan</h5>
<ol class="relative border-l border-guardsman-red-200 dark:border-guardsman-red-700">
<li class="ml-4">
18 Juli 2023 : Update informasi kerjasama bahan habis pakai sequencing
</li>
<li class="ml-4">
01 Mei 2023 : Update informasi kerjasama penelitian genomik 2023
</li>
<li class="ml-4">
16 November 2022 : Update informasi penutupan pendaftaran hibah
</li>
<li class="ml-4">
01 November 2022 : Ekstensi deadline hibah dan perubahan timeline hibah
</li>
<li class="ml-4">
04 Oktober 2022 : Update Dokumen
</li>
<li class="ml-4">
01 Oktober 2022 : Peluncuran website
</li>
</ol>
</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-2023 <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>
2023-09-13 17:18:16 +00:00
<a href="https://www.facebook.com/yayasansatriabudi/" class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
2023-09-07 16:33:13 +00:00
<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>
2023-09-13 17:18:16 +00:00
<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">
2023-09-07 16:33:13 +00:00
<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>