Ads.txt Alerts - Protect your revenue

infotransportasi.com Ads.txt file

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="ie=edge">

<link rel="shortcut icon" href="https://infotransportasi.com/images/favicon/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="https://infotransportasi.com/images/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://infotransportasi.com/images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://infotransportasi.com/images/favicon/favicon-16x16.png">

<title>Info Dan Artikel Seputar Bus, Kapal Laut, Pesawat Terbang, Kereta Api di Indonesia</title>

<link rel="canonical" href="https://infotransportasi.com" />

<meta name="description" content="Infotransportasi.com adalah website yang berisikan info, artikel seputar Bus, Kapal Laut, Pesawat Terbang dan Kereta api di Indonesia.">


<meta itemprop="name" content="Info Dan Artikel Seputar Bus, Kapal Laut, Pesawat Terbang, Kereta Api di Indonesia">
<meta itemprop="description" content="Infotransportasi.com adalah website yang berisikan info, artikel seputar Bus, Kapal Laut, Pesawat Terbang dan Kereta api di Indonesia.">
<meta itemprop="image" content="https://infotransportasi.com/images/logo.png">


<meta property="og:url" content="https://infotransportasi.com">
<meta property="og:type" content="website">
<meta property="og:title" content="Info Dan Artikel Seputar Bus, Kapal Laut, Pesawat Terbang, Kereta Api di Indonesia">
<meta property="og:description" content="Infotransportasi.com adalah website yang berisikan info, artikel seputar Bus, Kapal Laut, Pesawat Terbang dan Kereta api di Indonesia.">
<meta property="og:image" content="https://infotransportasi.com/images/logo.png">


<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Info Dan Artikel Seputar Bus, Kapal Laut, Pesawat Terbang, Kereta Api di Indonesia">
<meta name="twitter:description" content="Infotransportasi.com adalah website yang berisikan info, artikel seputar Bus, Kapal Laut, Pesawat Terbang dan Kereta api di Indonesia.">
<meta name="twitter:image" content="https://infotransportasi.com/images/logo.png">

<style >
html,
body {
padding: 0px;
margin: 0px;
width: 100%;
height: auto;
background-color: hsl(0, 0%, 97%);
font-family: sans-serif;
}

body {
font-family: sans-serif;
}

/* img {
width: 100%;
height: auto;
} */

div {
padding: 0px;
margin: 0px;
position: relative;
box-sizing: border-box;
}

section {
padding: 0;
margin: 0;
position: relative;
box-sizing: border-box;
}

a {
text-decoration: none;
}

h1,
h2,
h3,
h4,
h5 {
padding: 0px;
margin: 0px;
}

ul,
li {
padding: 0px;
margin: 0px;
list-style-type: none;
}

figure {
width: 100%;
margin: 0px;
padding: 0px;
}

figure.image {
width: 100%;
margin: 0px;
padding: 0px;
}

figure img {
width: 100%;
height: auto;
}

figure figcaption {
text-align: center;
color: #9b9898
}

/* header */

header {
position: fixed;
top: 0px;
width: 100%;
background-color: #ffffff;
height: 54px;
z-index: 100;
box-sizing: border-box;
}

header .brand {
position: absolute;
display: flex;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 150px;
height: 48px;
}

header .brand .logo {
width: 150px;
height: 100%;
}

/* header .brand .logo img {
object-fit: contain;
} */

header .brand .title {
width: auto;
margin: 0px;
padding: 0px;
position: absolute;
top: 50%;
left: 0%;
transform: translate(0%, -50%);
font-size: 1.1em;
color: black;
}

header .site-name {
position: absolute;
display: flex;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 225px;
height: 48px;
}

header .site-name .title {
width: auto;
margin: 0px;
padding: 0px;
position: absolute;
top: 50%;
left: 0%;
transform: translate(0%, -50%);
font-size: 1.1em;
color: black;
}

/* end of header */

main {
padding-top: 65px;
padding-bottom: 20px;
box-sizing: border-box;
min-height: 500px;
}

.container {
width: 97%;
height: auto;
background-color: white;
}

nav.menu {
position: fixed;
top: 0px;
background-color: #ffffff;
width: 0;
height: 100%;
transition: 0.3s;
z-index: 1000;
}

nav.menu .content {
visibility: hidden;
}

nav.menu .header {
width: 100%;
height: 40px;
}

nav.menu .header .close-icon {
position: absolute;
top: 50%;
right: 15px;
transform: translate(0, -50%);
}

nav.menu.active {
background-color: #ffffff;
width: 100%;
height: 100%;
transition: 0.3s;
}

nav.menu.active .content {
visibility: visible;
transition-delay: 0.3s;
}

nav.menu .content .body li {
padding: 10px 10px;
}

nav.menu .content .body li:hover {
background-color: #e3e1e1;
}

nav.menu .content .body li.active {
background-color: #e3e1e1;
}

nav.menu .content .body a {
text-decoration: none;
color: #282828;
font-weight: bold;
}

.hide {
display: none;
}

.amp-nav {
width: 100%;
height: 100%;
}

.amp-nav .content .header {
width: 100%;
height: 40px;
}

.amp-nav .content .header .close-icon {
position: absolute;
top: 50%;
right: 15px;
transform: translate(0, -50%);
}

.amp-nav .content {
background-color: #ffffff;
width: 100%;
height: 100%;
transition: 0.3s;
}

.amp-nav .content .body li {
padding: 10px 10px;
}

.amp-nav .content .body li:hover {
background-color: #e3e1e1;
}

.amp-nav .content .body li.active {
background-color: #e3e1e1;
}

.amp-nav .content .body a {
text-decoration: none;
color: #282828;
font-weight: bold;
}

/* icon */

.hamburger {
position: absolute;
top: 50%;
left: 20px;
transform: translate(0, -50%);
display: inline-block;
width: 1.25em;
height: 0.8em;
margin-right: 0.3em;
border-top: 0.2em solid #000000;
border-bottom: 0.2em solid #000000;
}

.hamburger:before {
content: "";
position: absolute;
top: 0.3em;
left: 0px;
width: 100%;
border-top: 0.2em solid #000000;
}

.close-icon {
width: 20px;
height: 20px;
}

.close-icon:hover {
opacity: 1;
}

.close-icon:before,
.close-icon:after {
position: absolute;
left: 8px;
content: ' ';
height: 20px;
width: 3px;
background-color: #333;
}

.close-icon:before {
transform: rotate(45deg);
}

.close-icon:after {
transform: rotate(-45deg);
}

.arrow {
border: solid #ffffff;
border-width: 0 7px 7px 0;
display: inline-block;
padding: 7px;
}

.right {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}

/* end icon */

.left {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}

section.headline {
width: 98%;
padding-top: 56.25%;
margin: 0 auto;
}

section.headline .slider {
position: absolute;
top: 50%;
left: 50%;
width: 97%;
height: 97%;
transform: translate(-50%, -50%);
}

section.headline .slider .item {
visibility: hidden;
opacity: 0;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: #e3e1e1;
}

section.headline .slider .item.active {
visibility: visible;
opacity: 1;
transition: 0.7s;

}

section.headline .slider .item img {
width: 100%;
height: 100%;
object-fit: cover;
}

section.headline .slider .item .title {
display: block;
position: absolute;
bottom: 0px;
left: 0px;
z-index: 100;
color: #ffffff;
font-weight: 900;
padding: 10px;
text-shadow: 0px 0px 5px #000000;
}

section.headline .slider .next-button {
display: block;
position: absolute;
top: 50%;
right: 10px;
/* transform: translate(0, -50%); */
z-index: 101;
text-shadow: 0px 0px 5px #000000;
}

section.new-post {
margin-top: 10px;
width: 100%;
height: auto;
}

section.new-post .list {
width: 95%;
margin: 0 auto;
height: auto;
}

section.new-post .list .item {
width: 100%;
margin-top: 25px;
display: flex;
}

section.new-post .list .item .thumbnail {
width: 100px;
height: 100px;

}

section.new-post .list .item .thumbnail img {
width: 100px;
height: 100px;
object-fit: cover;
background-color: #e3e1e1;
}

section.new-post .list .item .detail {
padding: 5px 5px;
position: relative;
width: 100%;
}

section.new-post .list .item .detail .title {
font-weight: 600;
color: #000000;
}

section.new-post .list .item .detail .date {
position: absolute;
bottom: 0px;
left: 5px;
color: #e3e1e1;
}

.single-post {
width: 100%;
margin: 0 auto;
}

.single-post h1,
h2,
h3,
h4,
h5 {
margin-top: 10px;
padding: 0px 10px;
}

.single-post .date {
padding: 0px 10px;
font-size: 0.9em;
color: #b3b1b1;
}

.single-post .feature-image {
width: 100%;
padding-top: 56.25%;
position: relative;
margin-top: 10px;
}

.single-post .feature-image-caption {
text-align: center;
color: #9b9898
}

.amp-body .single-post .feature-image {
width: 100%;
padding-top: 0px;
position: relative;
margin-top: 10px;
}

.single-post .feature-image img {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
object-fit: cover;
}

.single-post .content {
width: 100%;
}

.single-post .content p {
padding: 0px 10px;
}

footer {
position: relative;
bottom: 0px;
width: 100%;
height: auto;
background-color: #ffffff;
padding: 10px;
box-sizing: border-box;
}

footer a {
color: black;
}

footer .logo {
width: 40%;
margin: 0 auto;
margin-top: 20px;
height: auto;
}

footer .logo img {
width: 100%;
height: auto;
}

footer .url {
width: 100%;
height: auto;
padding: 0px 20px;
margin-top: 10px;
box-sizing: border-box;
}

footer .url ul {
display: flex;
justify-content: center;
}

footer .url ul li {
padding: 0px 3px;
}

footer .copyright-text {
font-weight: normal;
font-size: 0.7em;
text-align: center;
margin: 10px 0px;
}

.loading {
position: absolute;
width: 100%;
height: 100%;
background-color: rgb(245, 245, 245);
opacity: 0.5;
color: black;
display: none;
z-index: 10;
}

.loading span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.loading.show {
display: block;
}

.show-more-button {
width: 80%;
padding: 10px;
margin: 0 auto;
display: block;
margin-top: 15px;
background-color: black;
color: white;
outline: none;
border: none;
border-radius: 5px;
}

.content li {
list-style-type: decimal;
margin-top: 10px;
}

.content table {
border-collapse: collapse;
width: 100%;
}

.content table td,
th {
border: solid black 1px;
padding: 10px;
}

.content table th {
background-color: black;
color: white;
}

/* for desktop */

@media only screen and (min-width: 768px) {
main {
min-height: 650px;
width: 50%;
}

nav.menu.active {
width: 30%;
}

main.home {
width: 50%;
margin-left: 150px;
}

main.single-post {
width: 50%;
height: auto;
margin-left: 150px;
margin-top: 15px;
}

.single-post h1 {
margin-top: 10px;
padding: 0px 0px;
}

section.headline {
width: 100%;
padding-top: 56.25%;
}

section.headline .slider {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
}

section.new-post {
margin-top: 10px;
width: 100%;
height: auto;
}

section.new-post .list {
width: 100%;
margin: 0 auto;
height: auto;
}

.hamburger {
display: none;
}

nav.menu {
position: relative;
width: 100%;
height: auto;
margin-top: 53px;
background-color: #ffffff;
padding: 16px 20px;
box-sizing: border-box;
z-index: 99;
border-top: 1px solid #f0f0f0;
}

header .brand {
padding-left: 5px;
position: absolute;
display: flex;
top: 50%;
left: 0%;
transform: translate(0px, -50%);
}

header .brand .title {
font-size: 1.6em;
}

nav.menu .content {
visibility: visible;
}

nav.menu .content .header {
display: none;
}

nav.menu .content .body li {
display: inline;
color: #000000;
}

nav.menu .content .body li.active {
background-color: transparent;
}

nav.menu .content .body li.active:hover {
background-color: transparent;
}

nav.menu .content .body li.active:hover a {
color: #e3090d;
}

nav.menu .content .body li:hover {
background-color: transparent;
}

nav.menu .content .body li:hover a {
color: #e3090d;

}

nav.menu .content .body a {
color: #000000;
font-size: 0.85em;
font-weight: bold;
text-transform: uppercase;
}

footer .logo {
width: 15%;
}

.show-more-button {
width: 30%;
padding: 10px;
margin: 0 auto;
display: block;
margin-top: 15px;
background-color: black;
color: white;
outline: none;
border: none;
border-radius: 5px;
}

}

.hide {
display: none;
}
</style>
</head>

<body>
<header>
<span class="hamburger" onclick="showMenu()"></span>
<div class="brand">
<a href="https://infotransportasi.com">
<div class="logo">
<img src="https://infotransportasi.com/images/header-logo.png" width="150px" height="48px" alt="infotransportasi.com">
</div>
</a>
</div>
</header>
<nav id="menu" class="menu">
<div class="content">
<div class="header">
<span class="close-icon" onclick="hideMenu()"></span>
</div>
<div class="body">
<ul>
<li>
<a href="https://infotransportasi.com/bus">BUS</a>
</li>
<li>
<a href="https://infotransportasi.com/blog">BLOG</a>
</li>
</ul>
</div>
</div>
</nav>

<main class="home">
<section class="headline">
<div class="slider">
<div class="item">
<img src="https://infotransportasi.com/files/public/blog/ilustrasi-bandara.jpg"
alt="Info Transportasi ke Bandara Kulon Progo Terbaru Pakai Damri">
<a href="https://infotransportasi.com/blog/info-transportasi-ke-bandara-kulon-progo-terbaru-pakai-damri">
<span class="title">Info Transportasi ke Bandara Kulon Progo Terbaru Pakai Damri</span>
</a>

</div>
<div class="item">
<img src="https://infotransportasi.com/files/public/blog-september/5f5ed84a9045b.jpg"
alt="Rekomendasi Transportasi Umum Untuk Berwisata Ke Yogyakarta">
<a href="https://infotransportasi.com/blog/rekomendasi-transportasi-umum-untuk-berwisata-ke-yogyakarta">
<span class="title">Rekomendasi Transportasi Umum Untuk Berwisata Ke Yogyakarta</span>
</a>

</div>

<div class="next-button arrow right" onclick="sliderNextItem()"></div>
</div>
</section>
<section class="new-post">
<div class="list">
<a href="https://infotransportasi.com/blog/kehebatan-pesawat-buatan-habibie-yang-membuat-cendekiawan-dunia-kagum">
<div class="item">
<div class="thumbnail">
<img src="https://infotransportasi.com/thumbnail/files/public/blog-april/5f57b5a56f424.jpg"
alt="Kehebatan Pesawat Buatan Habibie yang Membuat Cendekiawan Dunia Kagum">
</div>

<div class="detail">
<span class="title">Kehebatan Pesawat Buatan Habibie yang Membuat Cendekiawan Dunia Kagum</span>

</div>
</div>
</a>
<a href="https://infotransportasi.com/blog/pilihan-posisi-duduk-di-pesawat-yang-nyaman">
<div class="item">
<div class="thumbnail">
<img src="https://infotransportasi.com/thumbnail/files/public/bulan-juni/5f57a85b33c91.jpg"
alt="Pilihan Posisi Duduk di Pesawat yang Nyaman">
</div>

<div class="detail">
<span class="title">Pilihan Posisi Duduk di Pesawat yang Nyaman</span>

</div>
</div>
</a>
<a href="https://infotransportasi.com/blog/cara-mendapatkan-barang-tertinggal-di-bus-umum">
<div class="item">
<div class="thumbnail">
<img src="https://infotransportasi.com/thumbnail/files/public/blog-mei/5f57accdf1cd9.jpg"
alt="Cara Mendapatkan Barang Tertinggal di Bus Umum">
</div>

<div class="detail">
<span class="title">Cara Mendapatkan Barang Tertinggal di Bus Umum</span>

</div>
</div>
</a>
<a href="https://infotransportasi.com/blog/cara-jitu-agar-tidak-mabuk-perjalanan-dengan-kapal-laut">
<div class="item">
<div class="thumbnail">
<img src="https://infotransportasi.com/thumbnail/files/public/blog-mei/5f57b39c48dda.jpg"
alt="Cara Jitu Agar Tidak Mabuk Perjalanan dengan Kapal Laut">
</div>

<div class="detail">
<span class="title">Cara Jitu Agar Tidak Mabuk Perjalanan dengan Kapal Laut</span>

</div>
</div>
</a>
<a href="https://infotransportasi.com/blog/mengenal-transjogja-lebih-dekat-beserta-rute-perjalannya">
<div class="item">
<div class="thumbnail">
<img src="https://infotransportasi.com/thumbnail/files/public/blog/60cc3e3a168e4.jpg"
alt="Mengenal Transjogja Lebih Dekat Beserta Rute Perjalannya">
</div>

<div class="detail">
<span class="title">Mengenal Transjogja Lebih Dekat Beserta Rute Perjalannya</span>

</div>
</div>
</a>
<a href="https://infotransportasi.com/blog/etika-naik-kendaraan-umum-yang-wajib-anda-perhatikan">
<div class="item">
<div class="thumbnail">
<img src="https://infotransportasi.com/thumbnail/files/public/bulan-juni/5f57a9d30ac99.jpg"
alt="Etika Naik Kendaraan Umum yang Wajib Anda Perhatikan">
</div>

<div class="detail">
<span class="title">Etika Naik Kendaraan Umum yang Wajib Anda Perhatikan</span>

</div>
</div>
</a>
<a href="https://infotransportasi.com/blog/beberapa-pilihan-transportasi-umum-yia-saat-berpergian-di-yogyakarta">
<div class="item">
<div class="thumbnail">
<img src="https://infotransportasi.com/thumbnail/files/public/blog/5f81e447ee10a.jpg"
alt="Beberapa Pilihan Transportasi Umum YIA Saat Berpergian di Yogyakarta">
</div>

<div class="detail">
<span class="title">Beberapa Pilihan Transportasi Umum YIA Saat Berpergian di Yogyakarta</span>

</div>
</div>
</a>
<a href="https://infotransportasi.com/blog/moda-transportasi-jepang-membuat-warganya-betah-naik-transportasi-umum">
<div class="item">
<div class="thumbnail">
<img src="https://infotransportasi.com/thumbnail/files/public/bulan-juni/5f57ab09e52be.jpg"
alt="Moda Transportasi Jepang Membuat Warganya Betah Naik Transportasi Umum">
</div>

<div class="detail">
<span class="title">Moda Transportasi Jepang Membuat Warganya Betah Naik Transportasi Umum</span>

</div>
</div>
</a>
<a href="https://infotransportasi.com/blog/pilih-naik-travel-atau-mobil-pribadi-pertimbangkan-hal-ini">
<div class="item">
<div class="thumbnail">
<img src="https://infotransportasi.com/thumbnail/files/public/blog-mei/5f57aea30a932.jpg"
alt="Pilih Naik Travel atau Mobil Pribadi, Pertimbangkan Hal Ini!">
</div>

<div class="detail">
<span class="title">Pilih Naik Travel atau Mobil Pribadi, Pertimbangkan Hal Ini!</span>

</div>
</div>
</a>
<a href="https://infotransportasi.com/blog/inilah-dampak-positif-transportasi-online-yang-harus-diketahui">
<div class="item">
<div class="thumbnail">
<img src="https://infotransportasi.com/thumbnail/files/public/blog-april/5eaac680ba105.jpg"
alt="Inilah Dampak Positif Transportasi Online yang Harus Diketahui">
</div>

<div class="detail">
<span class="title">Inilah Dampak Positif Transportasi Online yang Harus Diketahui</span>

</div>
</div>
</a>
</div>
</section>

</main>

<footer>

<div class="url">
<ul>
<li><a href="https://infotransportasi.com/about">About</a></li>
<li><a href="https://infotransportasi.com/contact-us">Contact</a></li>
<li><a href="https://infotransportasi.com/privacy">Privacy</a></li>
</ul>
</div>

<div class="copyright-text">Copyright 2021 by infotransportasi.com . All Rights Reserved.</div>
</footer>
<script>
function showMenu() {
var menu = document.getElementById('menu');
menu.classList.add('active');
}

function hideMenu() {
var menu = document.getElementById('menu');
menu.classList.remove('active');
}

function sliderAutoPlay() {
sliderShowItem();
setInterval(function () {
sliderShowItem();
}, 10000);
}

function sliderNextItem() {
sliderShowItem();
}

function sliderShowItem() {
var slider = document.getElementsByClassName("slider");

if (slider.length) {
for (i = 0; i < slider.length; i++) {
var items = slider[i].getElementsByClassName('item');
var index = slider[i].getAttribute('active-index');

if (parseInt(index) == (items.length - 1)) {
slider[i].removeAttribute('active-index');
index = 0;
}

if (!index) {
index = 0;
slider[i].setAttribute('active-index', 0);
} else {
index = parseInt(index) + 1;
slider[i].setAttribute('active-index', index);
}

if (items.length) {
for (j = 0; j < items.length; j++) {
var item = items[j];

item.classList.remove('active');

if ((j == index)) {
item.classList.add('active');
}
}
}
}
}
}
</script>

<script>
sliderAutoPlay();
</script>


<script async src="https://www.googletagmanager.com/gtag/js?id=UA-140229939-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());

gtag('config', 'UA-140229939-1');
</script>
</body>

</html>

infotransportasi.com Ads.txt file

Ads.Txt Alerts - A trading name of Red Volcano Limited Waterloo Buildings, Second Floor Rear, 53 London Road, Southampton, Hampshire, United Kingdom, SO15 2AD Contact ⋅ Sites ⋅ Terms of Use ⋅ Privacy Policy © Red Volcano 2020. All Rights Reserved.

Ads.Txt Alerts - A trading name of Red Volcano Limited

Waterloo Buildings, Second Floor Rear, 53 London Road, Southampton, Hampshire, United Kingdom, SO15 2AD

Contact

⋅

Sites

⋅

Terms of Use

⋅

Privacy Policy

© Red Volcano 2020. All Rights Reserved.