1615 lines
27 KiB
HTML
1615 lines
27 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>Sam Wilson</title>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="alternate" hreflang="en" href="http://localhost:1313/authors/sam-wilson/" />
|
|
|
|
<link rel="alternate" hreflang="id" href="http://localhost:1313/id/authors/sam-wilson/" />
|
|
|
|
<link rel="alternate" hreflang="x-default" href="http://localhost:1313/id/authors/sam-wilson/" />
|
|
|
|
|
|
|
|
|
|
|
|
<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/avatar.png" />
|
|
<meta name="twitter:image" content="http://localhost:1313/images/avatar.png" />
|
|
<meta
|
|
name="twitter:card"
|
|
content="summary" />
|
|
|
|
|
|
<meta property="og:image:width" content="194" />
|
|
<meta property="og:image:height" content="194" />
|
|
|
|
|
|
|
|
|
|
<meta
|
|
property="og:image:type"
|
|
content="image/.png" />
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<meta property="og:title" content="Sam Wilson" />
|
|
<meta property="og:description" content="this is meta description" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="http://localhost:1313/id/authors/sam-wilson/" />
|
|
|
|
|
|
<meta name="twitter:title" content="Sam Wilson" />
|
|
<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>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<select class="mr-5 pl-2 py-1 dark:bg-darkmode-theme-light rounded" onchange="location = this.value">
|
|
|
|
|
|
<option
|
|
id="en"
|
|
value="/authors/sam-wilson/">
|
|
En
|
|
</option>
|
|
|
|
|
|
|
|
<option
|
|
id="id"
|
|
value="/id/authors/sam-wilson/"
|
|
selected>
|
|
Id
|
|
</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
|
|
|
|
|
|
<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 class="section-sm pb-0">
|
|
<div class="container">
|
|
<div
|
|
class="row border-border dark:border-darkmode-border justify-center border-b pb-14">
|
|
<div class="lg:col-4 text-center">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<img
|
|
|
|
src="/images/avatar_hu2fb2c1ffbbc34375e1753f29fe535e66_2271_200x200_resize_q80_h2_lanczos_3.webp" loading="lazy"
|
|
decoding="async"
|
|
|
|
|
|
alt="Sam Wilson"
|
|
class=" mx-auto img"
|
|
width="200"
|
|
height="200"
|
|
onerror="this.onerror='null';
|
|
this.src='\/images\/avatar_hu2fb2c1ffbbc34375e1753f29fe535e66_2271_200x200_resize_lanczos_3.png';" />
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<h1 class="h3 mt-10">Sam Wilson</h1>
|
|
<div class="content mt-6">
|
|
<p>lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostr navigation et dolore magna aliqua.</p>
|
|
|
|
</div>
|
|
<ul class="social-icons ml-4 mt-10 text-center">
|
|
|
|
<li>
|
|
<a
|
|
href="https://github.com"
|
|
target="_blank"
|
|
rel="noopener nofollow">
|
|
<span class="sr-only"></span>
|
|
<i class="fa-brands fa-github"></i>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a
|
|
href="https://twitter.com"
|
|
target="_blank"
|
|
rel="noopener nofollow">
|
|
<span class="sr-only"></span>
|
|
<i class="fa-brands fa-twitter"></i>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a
|
|
href="https://linkedin.com"
|
|
target="_blank"
|
|
rel="noopener nofollow">
|
|
<span class="sr-only"></span>
|
|
<i class="fa-brands fa-linkedin"></i>
|
|
</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row pb-16 pt-14">
|
|
|
|
|
|
<div class="md:col-6 lg:col-4 mb-12">
|
|
<div class="bg-body dark:bg-darkmode-body">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<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=" mb-6 w-full rounded img"
|
|
alt="AODB"
|
|
width="1096"
|
|
height="480" />
|
|
</picture>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<h4 class="mb-3">
|
|
<a href="/id/products/product2/">
|
|
AODB
|
|
</a>
|
|
</h4>
|
|
|
|
|
|
<ul class="mb-4">
|
|
<li class="mr-4 inline-block">
|
|
<a href="/id/authors/sam-wilson/">
|
|
<i class="fa-regular fa-circle-user mr-2"></i>Sam Wilson
|
|
</a>
|
|
</li>
|
|
<li class="mr-4 inline-block">
|
|
<i class="fa-regular fa-folder mr-1"></i>
|
|
|
|
<a
|
|
href="/id/categories/technology/"
|
|
class="ms-1"
|
|
>Technology
|
|
,
|
|
|
|
</a>
|
|
|
|
<a
|
|
href="/id/categories/data/"
|
|
class="ms-1"
|
|
>Data
|
|
</a>
|
|
|
|
</li>
|
|
</ul>
|
|
|
|
<p class="mb-6">Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat.</p>
|
|
<a class="btn btn-outline-primary btn-sm" href="/id/products/product2/">
|
|
Baca selengkapnya
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="md:col-6 lg:col-4 mb-12">
|
|
<div class="bg-body dark:bg-darkmode-body">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<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=" mb-6 w-full rounded img"
|
|
alt="RMS New Yogyakarta International Airport"
|
|
width="1096"
|
|
height="480" />
|
|
</picture>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<h4 class="mb-3">
|
|
<a href="/id/projects/project2/">
|
|
RMS New Yogyakarta International Airport
|
|
</a>
|
|
</h4>
|
|
|
|
|
|
<ul class="mb-4">
|
|
<li class="mr-4 inline-block">
|
|
<a href="/id/authors/sam-wilson/">
|
|
<i class="fa-regular fa-circle-user mr-2"></i>Sam Wilson
|
|
</a>
|
|
</li>
|
|
<li class="mr-4 inline-block">
|
|
<i class="fa-regular fa-folder mr-1"></i>
|
|
|
|
<a
|
|
href="/id/categories/technology/"
|
|
class="ms-1"
|
|
>Technology
|
|
,
|
|
|
|
</a>
|
|
|
|
<a
|
|
href="/id/categories/data/"
|
|
class="ms-1"
|
|
>Data
|
|
</a>
|
|
|
|
</li>
|
|
</ul>
|
|
|
|
<p class="mb-6">PROJECT RMS NYIA Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna.</p>
|
|
<a class="btn btn-outline-primary btn-sm" href="/id/projects/project2/">
|
|
Baca selengkapnya
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</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>
|