1305 lines
23 KiB
HTML
1305 lines
23 KiB
HTML
<!doctype html>
|
|
<html
|
|
itemscope
|
|
class=""
|
|
lang="id-ID"
|
|
itemtype="http://schema.org/WebPage">
|
|
<head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1, maximum-scale=5" />
|
|
|
|
|
|
<meta name="theme-name" content="hugoplate" />
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="shortcut icon" href="/images/favicon_hu322a73704694ac64d393aa93012eea30_734_96x0_resize_lanczos_3.png" type="image/x-icon">
|
|
<link rel="icon" href="/images/favicon_hu322a73704694ac64d393aa93012eea30_734_96x0_resize_lanczos_3.png" type="image/x-icon">
|
|
<link rel="icon" type="image/png" sizes="48x48" href="/images/favicon_hu322a73704694ac64d393aa93012eea30_734_48x0_resize_lanczos_3.png">
|
|
<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon_hu322a73704694ac64d393aa93012eea30_734_96x0_resize_lanczos_3.png">
|
|
<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon_hu322a73704694ac64d393aa93012eea30_734_144x0_resize_lanczos_3.png">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="manifest" href="/manifest.webmanifest" />
|
|
<meta
|
|
name="msapplication-TileColor"
|
|
content="#ddd" />
|
|
<meta
|
|
name="theme-color"
|
|
content="#ffffff" />
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<title>FIDS</title>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<meta
|
|
name="keywords"
|
|
content="Boilerplate, Hugo" />
|
|
|
|
|
|
|
|
|
|
<meta
|
|
name="description"
|
|
content="this is meta description" />
|
|
|
|
|
|
|
|
<meta name="author" content="zeon.studio" />
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<meta property="og:image" content="http://localhost:1313/images/image-placeholder.png" />
|
|
<meta name="twitter:image" content="http://localhost:1313/images/image-placeholder.png" />
|
|
<meta
|
|
name="twitter:card"
|
|
content="summary_large_image" />
|
|
|
|
|
|
<meta property="og:image:width" content="1096" />
|
|
<meta property="og:image:height" content="480" />
|
|
|
|
|
|
|
|
|
|
<meta
|
|
property="og:image:type"
|
|
content="image/.png" />
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<meta property="og:title" content="FIDS" />
|
|
<meta property="og:description" content="this is meta description" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="http://localhost:1313/id/products/product1/" />
|
|
|
|
|
|
<meta name="twitter:title" content="FIDS" />
|
|
<meta name="twitter:description" content="this is meta description" />
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
let indexURL = "http://localhost:1313/id/searchindex.json";
|
|
let includeSectionsInSearch = ["blog"];
|
|
let search_no_results = "Tidak ada hasil untuk";
|
|
let search_initial_message = "Ketik sesuatu untuk dicari..";
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<meta http-equiv="x-dns-prefetch-control" content="on" />
|
|
<link rel="preconnect" href="https://use.fontawesome.com" crossorigin />
|
|
<link rel="preconnect" href="//cdnjs.cloudflare.com" />
|
|
<link rel="preconnect" href="//www.googletagmanager.com" />
|
|
<link rel="preconnect" href="//www.google-analytics.com" />
|
|
<link rel="dns-prefetch" href="https://use.fontawesome.com" />
|
|
<link rel="dns-prefetch" href="//ajax.googleapis.com" />
|
|
<link rel="dns-prefetch" href="//cdnjs.cloudflare.com" />
|
|
<link rel="dns-prefetch" href="//www.googletagmanager.com" />
|
|
<link rel="dns-prefetch" href="//www.google-analytics.com" />
|
|
<link rel="dns-prefetch" href="//fonts.googleapis.com" />
|
|
<link rel="dns-prefetch" href="//connect.facebook.net" />
|
|
<link rel="dns-prefetch" href="//platform.linkedin.com" />
|
|
<link rel="dns-prefetch" href="//platform.twitter.com" />
|
|
|
|
|
|
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
<script>
|
|
(function () {
|
|
const googleFont = document.createElement("link");
|
|
googleFont.href = "https://fonts.googleapis.com/css2?family=Heebo:wght@400;600&family=Signika:wght@500;700&display=swap";
|
|
googleFont.type = "text/css";
|
|
googleFont.rel = "stylesheet";
|
|
document.head.appendChild(googleFont);
|
|
})();
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link
|
|
href="/css/style.css"
|
|
integrity=""
|
|
rel="stylesheet" />
|
|
|
|
|
|
<link
|
|
defer
|
|
async
|
|
rel="stylesheet"
|
|
href="/css/style-lazy.css"
|
|
integrity=""
|
|
media="print"
|
|
onload="this.media='all'; this.onload=null;" />
|
|
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<header
|
|
class="header sticky top-0 z-30">
|
|
<nav class="navbar container">
|
|
|
|
<div class="order-0">
|
|
|
|
<a class="navbar-brand block" href="/id/">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<img
|
|
fetchpriority="high"
|
|
decoding="async"
|
|
class="img logo-light"
|
|
width="160"
|
|
height="32"
|
|
src="/images/logo_huc524213474abae59f6bcb8d6e8120eb5_6680_320x0_resize_q80_h2_lanczos_3.webp"
|
|
alt="Inalix"
|
|
onerror="this.onerror=null;this.src='\/images\/logo_huc524213474abae59f6bcb8d6e8120eb5_6680_320x0_resize_lanczos_3.png';" />
|
|
|
|
<img
|
|
fetchpriority="high"
|
|
decoding="async"
|
|
class="img logo-dark"
|
|
width="160"
|
|
height="32"
|
|
src="/images/logo-inalix-darkmode.svg"
|
|
alt="Inalix"
|
|
onerror="this.onerror=null;this.src='';" />
|
|
|
|
|
|
|
|
|
|
</a>
|
|
</div>
|
|
|
|
<input id="nav-toggle" type="checkbox" class="hidden" />
|
|
<label
|
|
for="nav-toggle"
|
|
class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1">
|
|
<svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20">
|
|
<title>Menu Open</title>
|
|
<path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path>
|
|
</svg>
|
|
<svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20">
|
|
<title>Menu Close</title>
|
|
<polygon
|
|
points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2"
|
|
transform="rotate(45 10 10)"></polygon>
|
|
</svg>
|
|
</label>
|
|
|
|
|
|
|
|
<ul
|
|
id="nav-menu"
|
|
class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<li class="nav-item">
|
|
<a
|
|
class="nav-link "
|
|
|
|
href="/id/"
|
|
>Home</a
|
|
>
|
|
</li>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<li class="nav-item">
|
|
<a
|
|
class="nav-link "
|
|
|
|
href="/id/about/"
|
|
>Tentang</a
|
|
>
|
|
</li>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<li class="nav-item">
|
|
<a
|
|
class="nav-link "
|
|
|
|
href="/id/products/"
|
|
>Produk</a
|
|
>
|
|
</li>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<li class="nav-item">
|
|
<a
|
|
class="nav-link "
|
|
|
|
href="/id/projects/"
|
|
>Proyek</a
|
|
>
|
|
</li>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<li class="nav-item">
|
|
<a
|
|
class="nav-link "
|
|
|
|
href="/id/"
|
|
>Berita</a
|
|
>
|
|
</li>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<li class="nav-item">
|
|
<a
|
|
class="nav-link "
|
|
|
|
href="/id/contact/"
|
|
>Kontak</a
|
|
>
|
|
</li>
|
|
|
|
|
|
|
|
<li class="mt-4 inline-block lg:hidden">
|
|
<a
|
|
class="btn btn-outline-primary btn-sm"
|
|
href="/id/contact">
|
|
get a quote
|
|
</a>
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
<div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
|
|
|
|
|
|
<button
|
|
aria-label="search"
|
|
|
|
class="border-border text-dark hover:text-primary dark:border-darkmode-border mr-5 inline-block border-r pr-5 text-xl dark:text-white dark:hover:text-darkmode-primary"
|
|
|
|
data-target="search-modal">
|
|
<i class="fa-solid fa-search"></i>
|
|
</button>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="theme-switcher mr-5">
|
|
<input id="theme-switcher" data-theme-switcher type="checkbox" />
|
|
<label for="theme-switcher">
|
|
<span class="sr-only">theme switcher</span>
|
|
<span>
|
|
|
|
<svg
|
|
class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0"
|
|
viewBox="0 0 56 56"
|
|
fill="#fff"
|
|
height="16"
|
|
width="16">
|
|
<path
|
|
d="M30 4.6c0-1-.9-2-2-2a2 2 0 0 0-2 2v5c0 1 .9 2 2 2s2-1 2-2Zm9.6 9a2 2 0 0 0 0 2.8c.8.8 2 .8 2.9 0L46 13a2 2 0 0 0 0-2.9 2 2 0 0 0-3 0Zm-26 2.8c.7.8 2 .8 2.8 0 .8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9 0-.7.8-.7 2.1 0 3ZM28 16a12 12 0 0 0-12 12 12 12 0 0 0 12 12 12 12 0 0 0 12-12 12 12 0 0 0-12-12Zm23.3 14c1.1 0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 0 0-2 2c0 1.1 1 2 2 2ZM4.7 26a2 2 0 0 0-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2Zm37.8 13.6a2 2 0 0 0-3 0 2 2 0 0 0 0 2.9l3.6 3.5a2 2 0 0 0 2.9 0c.8-.8.8-2.1 0-3ZM10 43.1a2 2 0 0 0 0 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1 0-2.9-.8-.8-2-.8-2.9 0Zm20 3.4c0-1.1-.9-2-2-2a2 2 0 0 0-2 2v4.9c0 1 .9 2 2 2s2-1 2-2Z" />
|
|
</svg>
|
|
|
|
<svg
|
|
class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
height="16"
|
|
width="16">
|
|
<path
|
|
fill="#000"
|
|
fill-rule="evenodd"
|
|
clip-rule="evenodd"
|
|
d="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4 0 0 0 8.7 1.8c1-.3 2 .5 1.5 1.5v.1a10.3 10.3 0 0 1-9.4 6.2A10.3 10.3 0 0 1 3.2 6.7c1-2 2.9-3.5 4.9-4.4Z" />
|
|
</svg>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
|
|
|
|
<script>
|
|
var darkMode = false;
|
|
|
|
|
|
if (window.matchMedia("(prefers-color-scheme: dark)").matches){darkMode = true}
|
|
|
|
|
|
if (localStorage.getItem("theme") === "dark"){darkMode = true}
|
|
else if (localStorage.getItem("theme") === "light"){darkMode = false}
|
|
if (darkMode){document.documentElement.classList.toggle("dark")}
|
|
var themeSwitch = document.querySelectorAll("[data-theme-switcher]");
|
|
|
|
document.addEventListener("DOMContentLoaded", () => {
|
|
[].forEach.call(themeSwitch, function (ts) {
|
|
ts.checked = darkMode ? true : false;
|
|
ts.addEventListener("click", () => {
|
|
document.documentElement.classList.toggle("dark");
|
|
localStorage.setItem(
|
|
"theme",
|
|
document.documentElement.classList.contains("dark") ? "dark" : "light"
|
|
);
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a
|
|
href="/id/contact"
|
|
class="btn btn-outline-primary btn-sm hidden lg:inline-block">
|
|
get a quote
|
|
</a>
|
|
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div
|
|
class="search-modal "
|
|
aria-hidden="true"
|
|
style="--color-primary: #121212">
|
|
<div data-target="close-search-modal" class="search-modal-overlay"></div>
|
|
<div
|
|
class="search-wrapper"
|
|
data-image="true"
|
|
data-description="true"
|
|
data-tags="true"
|
|
data-categories="true">
|
|
<div class="search-wrapper-header">
|
|
<label for="search-modal-input" style="margin-top:-1px">
|
|
<span class="sr-only">search icon</span>
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 0 512 512"
|
|
height="18"
|
|
width="18"
|
|
class="search-icon"
|
|
data-type="search">
|
|
<path
|
|
fill="currentColor"
|
|
d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" />
|
|
</svg>
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 0 512 512"
|
|
height="18"
|
|
width="18"
|
|
class="search-reset"
|
|
data-type="reset">
|
|
<path
|
|
fill="currentColor"
|
|
d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" />
|
|
</svg>
|
|
</label>
|
|
<input
|
|
id="search-modal-input"
|
|
type="text"
|
|
data-search-input
|
|
autocomplete="off"
|
|
aria-label="Search"
|
|
placeholder="Cari artikel.." />
|
|
</div>
|
|
<div class="search-wrapper-body">
|
|
<div class="search-result" data-search-result></div>
|
|
<span class="search-result-empty">
|
|
Ketik sesuatu untuk dicari..
|
|
</span>
|
|
</div>
|
|
<div class="search-wrapper-footer">
|
|
<span>
|
|
<kbd>
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="14"
|
|
height="14"
|
|
fill="currentColor"
|
|
viewBox="0 0 16 16">
|
|
<path
|
|
d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z" />
|
|
</svg>
|
|
</kbd>
|
|
<kbd>
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="14"
|
|
height="14"
|
|
fill="currentColor"
|
|
style="margin-top:1px;"
|
|
viewBox="0 0 16 16">
|
|
<path
|
|
d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z" />
|
|
</svg>
|
|
</kbd>
|
|
to navigate
|
|
</span>
|
|
<span>
|
|
<kbd>
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="12"
|
|
height="12"
|
|
fill="currentColor"
|
|
style="display:inline-block;"
|
|
viewBox="0 0 16 16">
|
|
<path
|
|
fill-rule="evenodd"
|
|
d="M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z" />
|
|
</svg>
|
|
</kbd>
|
|
to select
|
|
</span>
|
|
<span class="search-result-info"></span>
|
|
<span data-target="close-search-modal">
|
|
<kbd>ESC</kbd> to close
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<main>
|
|
|
|
<section>
|
|
<div class="container text-center">
|
|
<div
|
|
class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14">
|
|
<h1>Products</h1>
|
|
|
|
|
|
|
|
|
|
|
|
<ul class="mt-6 inline-flex space-x-1 capitalize">
|
|
<li>
|
|
<a class="text-primary dark:text-darkmode-primary" href="http://localhost:1313/id/">
|
|
Home
|
|
</a>
|
|
<span class="inlin-block mr-1">/</span>
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li>
|
|
<a
|
|
class="text-primary dark:text-darkmode-primary"
|
|
href="/id/products/">
|
|
Produk Inalix
|
|
</a>
|
|
<span class="inlin-block mr-1">/</span>
|
|
</li>
|
|
|
|
|
|
<li>
|
|
<span class="text-primary dark:text-darkmode-primary">
|
|
FIDS
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section pt-7">
|
|
<div class="container">
|
|
<div class="row justify-center">
|
|
<article class="lg:col-10">
|
|
|
|
|
|
|
|
<div class="mb-10">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<picture>
|
|
<source
|
|
|
|
srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
|
|
|
|
media="(max-width: 575px)" />
|
|
<source
|
|
|
|
srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
|
|
|
|
media="(max-width: 767px)" />
|
|
<source
|
|
|
|
srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
|
|
|
|
media="(max-width: 991px)" />
|
|
<source
|
|
|
|
srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
|
|
/>
|
|
<img
|
|
|
|
loading="lazy" decoding="async"
|
|
src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
|
|
class=" w-full rounded img"
|
|
alt="FIDS"
|
|
width="1096"
|
|
height="480" />
|
|
</picture>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<h1 class="h2 mb-4">
|
|
FIDS
|
|
</h1>
|
|
|
|
<div class="content mb-10">
|
|
|
|
<p>Ini adalah keterangan FIDS Bahasa Indonesia
|
|
Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.</p>
|
|
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!</p>
|
|
<h2 id="creative-design">Creative Design</h2>
|
|
<p>Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.</p>
|
|
<blockquote>
|
|
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!</p>
|
|
</blockquote>
|
|
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!</p>
|
|
|
|
</div>
|
|
|
|
|
|
</article>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</section>
|
|
|
|
</main>
|
|
|
|
|
|
<footer class="bg-theme-light dark:bg-darkmode-theme-light">
|
|
<div class="container">
|
|
<div class="row items-center py-10">
|
|
<div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left">
|
|
|
|
<a
|
|
class="navbar-brand inline-block"
|
|
href="/id/">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<img
|
|
fetchpriority="high"
|
|
decoding="async"
|
|
class="img logo-light"
|
|
width="160"
|
|
height="32"
|
|
src="/images/logo_huc524213474abae59f6bcb8d6e8120eb5_6680_320x0_resize_q80_h2_lanczos_3.webp"
|
|
alt="Inalix"
|
|
onerror="this.onerror=null;this.src='\/images\/logo_huc524213474abae59f6bcb8d6e8120eb5_6680_320x0_resize_lanczos_3.png';" />
|
|
|
|
<img
|
|
fetchpriority="high"
|
|
decoding="async"
|
|
class="img logo-dark"
|
|
width="160"
|
|
height="32"
|
|
src="/images/logo-inalix-darkmode.svg"
|
|
alt="Inalix"
|
|
onerror="this.onerror=null;this.src='';" />
|
|
|
|
|
|
|
|
|
|
</a>
|
|
</div>
|
|
<div class="lg:col-6 mb-8 text-center lg:mb-0">
|
|
<ul>
|
|
|
|
<li class="m-3 inline-block">
|
|
<a
|
|
|
|
href="
|
|
/id/about/
|
|
"
|
|
>About</a
|
|
>
|
|
</li>
|
|
|
|
<li class="m-3 inline-block">
|
|
<a
|
|
|
|
href="
|
|
/id/elements/
|
|
"
|
|
>Elements</a
|
|
>
|
|
</li>
|
|
|
|
<li class="m-3 inline-block">
|
|
<a
|
|
|
|
href="
|
|
/id/privacy-policy/
|
|
"
|
|
>Privacy Policy</a
|
|
>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
<div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right">
|
|
<ul class="social-icons">
|
|
|
|
<li>
|
|
<a
|
|
target="_blank"
|
|
aria-label="facebook"
|
|
rel="nofollow noopener"
|
|
href="https://www.facebook.com/">
|
|
<i class="fab fa-facebook"></i>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a
|
|
target="_blank"
|
|
aria-label="twitter"
|
|
rel="nofollow noopener"
|
|
href="https://twitter.com/">
|
|
<i class="fab fa-twitter"></i>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a
|
|
target="_blank"
|
|
aria-label="github"
|
|
rel="nofollow noopener"
|
|
href="https://www.github.com/">
|
|
<i class="fab fa-github"></i>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a
|
|
target="_blank"
|
|
aria-label="linkedin"
|
|
rel="nofollow noopener"
|
|
href="https://www.linkedin.com/">
|
|
<i class="fab fa-linkedin"></i>
|
|
</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="border-border dark:border-darkmode-border border-t py-7">
|
|
<div class="text-light dark:text-darkmode-light container text-center">
|
|
<p>
|
|
Inalix - All Right Reserved
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script
|
|
crossorigin="anonymous"
|
|
integrity=""
|
|
src="/js/script.js"></script>
|
|
|
|
|
|
<script
|
|
defer
|
|
async
|
|
crossorigin="anonymous"
|
|
integrity=""
|
|
src="/js/script-lazy.js"></script>
|
|
|
|
|
|
|
|
<script>
|
|
if ('serviceWorker' in navigator){navigator.serviceWorker.register("/service-worker.js");}
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|