Frontend/Resources/views/ont.blade.php

312 lines
27 KiB
PHP
Raw Normal View History

2023-09-13 16:31:23 +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">
<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>
</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 2023</h1>
<p class="max-w-3xl mb-6 font-light text-gray-500 lg:mb-8 md:text-lg lg:text-xl dark:text-gray-400">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</p>
</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 -->
<section id="cakupan" 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-24 lg:px-6">
<div class="max-w-screen-md mx-auto mb-4 text-center lg:mb-8">
<h2 class="mb-2 text-3xl font-extrabold tracking-tight text-gray-900 dark:text-white">Cakupan Kerjasama Bahan Habis Pakai</h2>
</div>
<div class="space-y-8 justify-center">
<!-- Pricing Card -->
<table class="w-full text-lg text-left text-gray-700 dark:text-gray-400">
<thead class="text-lg text-gray-800 uppercase bg-gray-100 dark:bg-gray-800 dark:text-gray-400">
<tr>
<th scope="col" class="px-6 py-3">Nomor</th>
<th scope="col" class="px-6 py-3">Platform</th>
<th scope="col" class="px-6 py-3">Kategori</th>
<th scope="col" class="px-6 py-3">Nama</th>
<th scope="col" class="px-6 py-3">Harga</th>
</tr>
</thead>
<tbody>
@php $no=1; @endphp
@foreach($platform as $row)
<tr class="bg-white border-b dark:bg-gray-800 dark:border-gray-700">
<td class="px-6 py-4">{{ $no }}</td>
<td class="px-6 py-4">{{ $row['Platform'] }}</td>
<td class="px-6 py-4">{{ $row['Kategori'] }}</td>
<td class="px-6 py-4">{{ $row['Nama'] }}
<br><em class="text-sm">Kode Unit : {{ $row['Kode Unit'] }}</em></td>
@php
$harga = str_replace('$','',$row['Harga']);
$harga = str_replace('.00','',$harga);
$harga = str_replace(',','',$harga);
@endphp
<td class="px-6 py-4">Rp {{ number_format($harga*($usd+($usd*0.05)),2,',','.') }}</td>
</tr>
@php $no++; @endphp
@endforeach
</tbody>
</table>
<em style="float:right;color:red;"><a href="{{ URL::to('cakupan') }}">Lihat Lebih Banyak</a></em><br>
<em>Kurs Dolar Tanggal {{ $date }} Rp. Rp {{ number_format($usd,2,',','.') }}</em><br>
<em>Kurs Dolar dapat berubah sewaktu-waktu</em>
<br> <br>
<em class="text-sm">Harga belum termasuk :</em> <br>
<em class="text-sm">1. Bea masuk, PPH, dan PPN sekitar 15-20% dari harga dasar barang,</em> <br>
<em class="text-sm">2. Ongkos kirim dengan estimasi Rp. 500.000 - 1.500.000 per pengiriman per kg,</em> <br>
<em class="text-sm">3. Administrasi, penanganan dan penyimpanan barang yang berkisar 5% dari harga dasar barang.</em>
</div>
</div>
</section>
<!-- End block -->
<!-- Start block -->
<section id="skema" class="bg-white dark:bg-mallard-900 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">
<!-- 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 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">YSDS akan memfasilitasi pengadaan bahan habis pakai dengan harga sesuai pada daftar 1</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>
<!-- 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="https://www.consensusdocs.org/wp-content/uploads/2022/07/contract-graphic.png" alt="feature image 2">
<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 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">YSDS akan memfasilitasi pemeriksaan genome sequencing mulai dari proses library preparation hingga dihasilkan data sequencing (meliputi jasa pemeriksaan dan bahan habis pakai untuk proses tersebut dan analisis bioinformatika) di laboratorium yang sudah didukung oleh YSDS. <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">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>
</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 Peminjaman Alat Genome Sequencing untuk Laboratorium Institusi Penelitian</h2>
<p class="text-lg border-t border-gray-200 my-7 dark:border-gray-700 pt-8">YSDS akan menempatkan alat genome sequencing di Institusi penelitian dengan kebutuhan pemeriksaan genome sequencing yang kontinu. Institusi penelitian diharapkan dapat menggunakan alat semaksimal mungkin dengan membuka seluas-luasnya akses penggunaan alat tersebut kepada civitas Institusi atau peneliti/Institusi lain. Jenis alat yang disediakan oleh YSDS mencakup:</p>
<!-- 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">PromethION 2 Sequencing Unit Solo dari penyedia Oxford Nanopore Technologies (ONT). Informasi lengkap alat: <a href="https://store.nanoporetech.com/eu/p2-solo.html" class="text-guardsman-red-500" target="_blank">https://store.nanoporetech.com/eu/p2-solo.html</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">MinION Mk1B dari penyedia Oxford Nanopore Technologies (ONT). Informasi lengkap alat: <a href="https://store.nanoporetech.com/eu/minion.html" class="text-guardsman-red-500" target="_blank">https://store.nanoporetech.com/eu/minion.html</a></span>
</li>
</ul>
<p class="text-lg pt-8">Jenis alat yang disediakan menyesuaikan dengan stok yang ada dan dapat berganti sesuai dengan perkembangan kerjasama YSDS dengan penyedia alat genome sequencing.</p>
</div>
<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>
</div>
</section>
<!-- End block -->
<!-- Start block -->
<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>
<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>
<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>