ladiestory.id Ads.txt file
<!doctype html>
<html lang="en" class="light scroll-smooth" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://www.ladiestory.id/assets/libs/swiper/css/swiper.min.css">
<link rel="preload" as="style" href="https://www.ladiestory.id/build/assets/app-B_foaMeh.css" /><link rel="stylesheet" href="https://www.ladiestory.id/build/assets/app-B_foaMeh.css" /> <style>
.swiper {
width: 100%;
height: 100%;
}
.swiper-slide {
font-size: 18px;
display: flex;
justify-content: center;
align-items: center;
}
.swiper-button-next::after,
.swiperTrend-button-next::after,
.swiper-button-prev::after,
.swiperTrend-button-prev::after {
content: "";
}
.swiper-pagination-bullet {
width: 16px;
height: 16px;
text-align: center;
line-height: 20px;
font-size: 12px;
color: #D9D9D9;
opacity: 1;
border-radius: 100%;
background: #D9D9D9;
}
.swiper-pagination-bullet-active {
color: #DC3545;
background: #DC3545;
}
</style>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="robots" content="index, follow">
<meta name="googlebot-news" content="index, follow" />
<meta name="googlebot" content="index, follow" />
<meta name="google-site-verification" content="pf8A8S-7KWVBuWq86jUyhbW8Noqib4zQcBjoqBx-IsY" />
<meta name="description"
content="Media lifestyle wanita Indonesia seputar entertain, selebriti terkini, dan layanan jasa fotografer videografer serta sewa studio, camera foto video untuk media iklan Jakarta.">
<meta name="keywords"
content="Media wanita indonesia, Media lifestyle indonesia, Jasa Fotografer Videografer Jakarta, Jasa Sewa studio Jakarta, Jasa Sewa Camera Foto Video Jakarta, Media Iklan Indonesia">
<meta property="og:locale" content="id_ID" />
<meta property="fb:app_id" content="196156271285232" />
<meta property="og:url" content="https://www.ladiestory.id" />
<meta property="og:site_name" content="Ladiestory.ID" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Media Wanita Lifestyle Indonesia | Media Iklan | Terbaru dan Populer Hari Ini" />
<meta property="og:description"
content="Media lifestyle wanita Indonesia seputar entertain, selebriti terkini, dan layanan jasa fotografer videografer serta sewa studio, camera foto video untuk media iklan Jakarta." />
<meta property="og:image" content="https://ladiestory.id/images/logolsv2.jpeg" />
<meta property="og:image:type" content="image/jpeg" />
<meta name="twitter:title" content="Media Wanita Lifestyle Indonesia | Media Iklan | Terbaru dan Populer Hari Ini">
<meta name="twitter:description"
content="Media lifestyle wanita Indonesia seputar entertain, selebriti terkini, dan layanan jasa fotografer videografer serta sewa studio, camera foto video untuk media iklan Jakarta.">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image:alt" content="Media Wanita Lifestyle Indonesia | Media Iklan | Terbaru dan Populer Hari Ini">
<meta name="twitter:site" content="@LadiestoryID">
<link rel="canonical" href="https://www.ladiestory.id" />
<script type='application/ld+json'>
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "LadiestoryID",
"url": "https://www.ladiestory.id",
"sameAs": [
"https://www.facebook.com/ladiestoryID/",
"https://twitter.com/LadiestoryID",
"https://www.instagram.com/ladiestory.id/"
],
"logo": "https://assets.ladiestory.id/images/LadiestoryID_logo22s.png"
}
</script>
<script type='application/ld+json'>
{
"@context": "https://www.schema.org",
"@type": "WebSite",
"name": "LadiestoryID",
"url": "https://www.ladiestory.id"
}
</script>
<title>Media Wanita Lifestyle Indonesia | Media Iklan | Terbaru dan Populer Hari Ini</title>
<link rel="shortcut icon" href="https://ladiestory.id/images/logolsv2.ico">
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-138994967-1"></script>
<!-- Meta Pixel Code -->
<script>
! function(f, b, e, v, n, t, s) {
if (f.fbq) return;
n = f.fbq = function() {
n.callMethod ?
n.callMethod.apply(n, arguments) : n.queue.push(arguments)
};
if (!f._fbq) f._fbq = n;
n.push = n;
n.loaded = !0;
n.version = '2.0';
n.queue = [];
t = b.createElement(e);
t.async = !0;
t.src = v;
s = b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t, s)
}(window, document, 'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '811425740287338');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=811425740287338&ev=PageView&noscript=1" /></noscript>
<!-- End Meta Pixel Code -->
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-138994967-1');
</script>
<!-- Google Tag Manager -->
<script>
(function(w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-KZD929X');
</script>
<script id="s_ladiestory" type="text/javascript">
var pro_token = "bcDhTPa2UDPwioS1TBaz8w==",
timestamp = new Date().getTime(),
path = "https://widget.profeedr.com";
! function(e) {
var t = e.createElement("script");
t.src = path + "/Embed/btn_widget.js?cb=" + timestamp, t.async = !0;
var a = e.getElementsByTagName("script")[0];
a.parentNode.insertBefore(t, a)
}(document);
</script>
<!-- End Google Tag Manager -->
<script id="s_ladiestory" type="text/javascript">var pro_token="bcDhTPa2UDPwioS1TBaz8w==", timestamp = new Date().getTime(), path="https://widget.profeedr.com";!function(e){var t=e.createElement("script");t.src=path+"/Embed/btn_widget.js?cb="+timestamp,t.async=!0;var a=e.getElementsByTagName("script")[0];a.parentNode.insertBefore(t,a)}(document);</script>
</head>
<body>
<header id="ls-header" class="main-header">
<nav id="navHeader" class="container px-4 mx-auto sm:flex sm:items-center sm:justify-between">
<div class="flex items-center justify-between gap-3">
<button type="button"
id="sidebar-toggle"
class="relative flex items-center justify-center text-gray-800 bg-white hs-collapse-toggle size-8 gap-x-2 hover:bg-gray-50 focus:outline-none focus:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-white dark:hover:bg-white/10 dark:focus:bg-white/10"
data-twe-offcanvas-toggle data-twe-target="#sideBarMenu" aria-controls="sideBarMenu"
data-twe-ripple-init data-twe-ripple-color="light">
<span class="iconify size-8 mdi--menu"></span>
</button>
<a class="flex-none text-xl font-semibold dark:text-white focus:outline-none focus:opacity-80"
href="https://www.ladiestory.id" aria-label="Brand">
<img src="https://www.ladiestory.id/images/ladiestorylogov2.png" class="max-w-[200px] h-[60px]"
alt="ladies story logo">
</a>
</div>
<div id="hs-navbar-example"
class="hidden overflow-hidden transition-all duration-300 hs-collapse basis-full grow sm:block"
aria-labelledby="hs-navbar-example-collapse">
<div class="flex flex-col gap-1 mt-5 xl:gap-5 sm:flex-row sm:items-center sm:justify-end sm:mt-0 sm:ps-5">
<div class="max-w-sm space-y-3">
<div>
<div class="relative">
<form action="https://www.ladiestory.id/result">
<input type="text" id="hs-leading-icon"
class="block w-full px-4 py-3 text-sm border-gray-200 rounded-full ps-11 focus:z-10 focus:border-gray-500 focus:ring-gray-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder-neutral-500 dark:focus:ring-neutral-600"
placeholder="Cari" name="search">
</form>
<div class="absolute inset-y-0 z-20 flex items-center pointer-events-none start-0 ps-4">
<span class="iconify mdi--magnify size-5"></span>
</div>
</div>
</div>
</div>
<div class="flex space-x-2">
<a href="https://www.instagram.com/ladiestory.id" target="_blank" class="bg-red-500 social-icon size-[32px] xl:size-[38px] ">
<span class="text-white iconify mdi--instagram size-4 xl:size-5"></span>
</a>
<a href="https://www.facebook.com/ladiestoryID" target="_blank" class="bg-red-500 social-icon size-[32px] xl:size-[38px] ">
<span class="text-white iconify mdi--facebook size-4 xl:size-5"></span>
</a>
<a href="https://tiktok.com/LadiestoryID" target="_blank" class="bg-red-500 social-icon size-[32px] xl:size-[38px] ">
<span class="text-white iconify ic--round-tiktok size-4 xl:size-5"></span>
</a>
<a href="https://www.youtube.com/ladiestoryID/" target="_blank" class="bg-red-500 social-icon size-[32px] xl:size-[38px] ">
<span class="text-white iconify mdi--youtube size-4 xl:size-5"></span>
</a>
<a href="https://wa.me/6281585210067" target="_blank" class="bg-red-500 social-icon size-[32px] xl:size-[38px] ">
<span class="text-white iconify mdi--whatsapp size-4 xl:size-5"></span>
</a>
<a href="/cdn-cgi/l/email-protection#4f262129200f232e2b262a3c3b203d3661262b" target="_blank" class="bg-red-500 social-icon size-[32px] xl:size-[38px] ">
<span class="text-white iconify mdi--email size-4 xl:size-5"></span>
</a>
</div>
</div>
</div>
</nav>
</header>
<div class="invisible fixed bottom-0 left-0 top-0 z-[1045] flex w-72 max-w-full -translate-x-full flex-col border-none bg-white bg-clip-padding text-neutral-700 shadow-sm outline-none transition duration-300 ease-in-out data-[twe-offcanvas-show]:transform-none dark:bg-body-dark dark:text-white"
tabindex="-1" id="sideBarMenu" aria-labelledby="sideBarMenuLabel" data-twe-offcanvas-init>
<div class="flex items-center justify-between p-4 shadow-xl">
<div class="mb-0 font-medium text-[16px] leading-normal" id="sideBarMenuLabel"> Menu's </div>
<button type="button" id="sidebar-close"
class="box-content border-none rounded-none text-neutral-500 hover:text-neutral-800 hover:no-underline focus:text-neutral-800 focus:opacity-100 focus:shadow-none focus:outline-none dark:text-neutral-400 dark:hover:text-neutral-300 dark:focus:text-neutral-300"
data-twe-offcanvas-dismiss aria-label="Close">
<span class="iconify size-5 lucide--sidebar-close">
</span>
</button>
</div>
<div class="flex-grow p-4 overflow-y-auto">
<div class="block mb-4 lg:hidden">
<div class="relative">
<form action="https://www.ladiestory.id/result">
<input type="text" id="hs-leading-icon"
class="block w-full px-4 py-3 text-sm border-gray-200 rounded-full ps-11 focus:z-10 focus:border-gray-500 focus:ring-gray-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder-neutral-500 dark:focus:ring-neutral-600"
placeholder="Cari" name="search">
</form>
<div class="absolute inset-y-0 z-20 flex items-center pointer-events-none start-0 ps-4">
<span class="iconify mdi--magnify size-5"></span>
</div>
</div>
</div>
<div class="mb-0 font-semibold leading-normal" id="sideBarMenuLabel"> Categories </div>
<ul class="px-2 w-72 text-surface dark:text-white">
<li class="w-full py-1">
<a href="https://www.ladiestory.id/category/entertainment" aria-current="true"
class="flex items-center w-full rounded-lg cursor-pointer bg-primary-100 text-primary-700 dark:bg-slate-900 dark:text-primary-500">
<span class="iconify size-10 lucide--dot " style="color: #000000"></span>
Entertainment
</a>
</li>
<li class="w-full py-1">
<a href="https://www.ladiestory.id/category/beauty" aria-current="true"
class="flex items-center w-full rounded-lg cursor-pointer bg-primary-100 text-primary-700 dark:bg-slate-900 dark:text-primary-500">
<span class="iconify size-10 lucide--dot " style="color: #000000"></span>
Beauty
</a>
</li>
<li class="w-full py-1">
<a href="https://www.ladiestory.id/category/fashion" aria-current="true"
class="flex items-center w-full rounded-lg cursor-pointer bg-primary-100 text-primary-700 dark:bg-slate-900 dark:text-primary-500">
<span class="iconify size-10 lucide--dot " style="color: #000000"></span>
Fashion
</a>
</li>
<li class="w-full py-1">
<a href="https://www.ladiestory.id/category/lifestyle" aria-current="true"
class="flex items-center w-full rounded-lg cursor-pointer bg-primary-100 text-primary-700 dark:bg-slate-900 dark:text-primary-500">
<span class="iconify size-10 lucide--dot " style="color: #000000"></span>
Lifestyle
</a>
</li>
<li class="w-full py-1">
<a href="https://www.ladiestory.id/category/health" aria-current="true"
class="flex items-center w-full rounded-lg cursor-pointer bg-primary-100 text-primary-700 dark:bg-slate-900 dark:text-primary-500">
<span class="iconify size-10 lucide--dot " style="color: #000000"></span>
Health
</a>
</li>
<li class="w-full py-1">
<a href="https://www.ladiestory.id/category/momkids" aria-current="true"
class="flex items-center w-full rounded-lg cursor-pointer bg-primary-100 text-primary-700 dark:bg-slate-900 dark:text-primary-500">
<span class="iconify size-10 lucide--dot " style="color: #000000"></span>
Mom & Kids
</a>
</li>
<li class="w-full py-1">
<a href="https://www.ladiestory.id/category/travel" aria-current="true"
class="flex items-center w-full rounded-lg cursor-pointer bg-primary-100 text-primary-700 dark:bg-slate-900 dark:text-primary-500">
<span class="iconify size-10 lucide--dot " style="color: #000000"></span>
Travel
</a>
</li>
<li class="w-full py-1">
<a href="https://www.ladiestory.id/category/shopnstory" aria-current="true"
class="flex items-center w-full rounded-lg cursor-pointer bg-primary-100 text-primary-700 dark:bg-slate-900 dark:text-primary-500">
<span class="iconify size-10 lucide--dot " style="color: #000000"></span>
ShopnStory
</a>
</li>
<li class="w-full py-1">
<a href="https://www.ladiestory.id/category/sambalahap" aria-current="true"
class="flex items-center w-full rounded-lg cursor-pointer bg-primary-100 text-primary-700 dark:bg-slate-900 dark:text-primary-500">
<span class="iconify size-10 lucide--dot " style="color: #000000"></span>
Sambalahap
</a>
</li>
</ul>
<div class="mb-0 font-semibold leading-normal mt-5" id="sideBarMenuLabel"> Ladiestory </div>
<div class="w-72 text-surface dark:text-white">
<a href="https://www.ladiestory.id/media-hub" aria-current="true"
class="flex items-center w-full gap-1 p-4 rounded-lg cursor-pointer bg-primary-100 text-primary-700 dark:bg-slate-900 dark:text-primary-500">
<span class="iconify size-5 mdi--information-outline"></span>
Media Hub
</a>
<a href="https://www.ladiestory.id/about-us" aria-current="true"
class="flex items-center w-full gap-1 p-4 rounded-lg cursor-pointer bg-primary-100 text-primary-700 dark:bg-slate-900 dark:text-primary-500">
<span class="iconify size-5 mdi--information-outline"></span>
About Us
</a>
<a href="https://www.ladiestory.id/tim-editorial" aria-current="true"
class="flex items-center w-full gap-1 p-4 rounded-lg cursor-pointer bg-primary-100 text-primary-700 dark:bg-slate-900 dark:text-primary-500">
<span class="iconify size-5 mdi--information-outline"></span>
Editorial Team
</a>
<a href="https://www.ladiestory.id/privacy-policy" aria-current="true"
class="flex items-center w-full gap-1 p-4 rounded-lg cursor-pointer bg-primary-100 text-primary-700 dark:bg-slate-900 dark:text-primary-500">
<span class="iconify size-5 mdi--information-outline"></span>
Privacy Policy
</a>
<a href="https://www.ladiestory.id/pedoman-media-siber" aria-current="true"
class="flex items-center w-full gap-1 p-4 rounded-lg cursor-pointer bg-primary-100 text-primary-700 dark:bg-slate-900 dark:text-primary-500">
<span class="iconify size-5 mdi--information-outline"></span>
Pedoman Media Siber
</a>
<a href="https://www.ladiestory.id/contact-us" aria-current="true"
class="flex items-center w-full gap-1 p-4 rounded-lg cursor-pointer bg-primary-100 text-primary-700 dark:bg-slate-900 dark:text-primary-500">
<span class="iconify size-5 mdi--information-outline"></span>
Contact Us
</a>
</div>
</div>
</div>
<div id="main" class="pt-6 mt-4">
<div class="container relative px-5 py-3 md:py-6">
<div class="text-center">
<a href="https://atid.me/go/grRrflGK" target="_blank">
<img src="https://assets.ladiestory.id/images/ads/homepage-leaderboard1758012549.jpg" alt="" class="w-full h-auto mx-auto">
</a>
</div>
<div class="w-full py-6 overflow-hidden">
<div class="swiper rounded-2xl mt-16">
<div class="swiper-wrapper rounded-xl">
<div class="card-folded w-full lg:h-[750px] flex items-center swiper-slide justify-center">
<div class="flex flex-col-reverse items-center justify-center w-full lg:flex-row">
<div
class="flex flex-col lg:justify-center h-full px-8 py-6 lg:p-8 align-top lg:align-middle min-h-[325px] lg:h-auto lg:max-w-[620px]">
<div class="grid grid-cols-1 gap-6 lg:gap-4">
<a href="https://www.ladiestory.id/category/entertainment"
class="btn-primary !rounded-none text-sm">
Entertainment
<span class="iconify solar--hashtag-circle-linear"></span>
</a>
<a href="https://www.ladiestory.id/music-matters-live-singapore-hadirkan-40-musisi-dunia-di-perayaan-82374">
<h1 class="text-2xl lg:text-5xl">Music Matters Live Singapore Hadirkan 40 Musisi Dunia di Perayaan 20 Tahun</h1>
</a>
<div class="flex gap-3">
<a href="https://www.ladiestory.id/profile/devyfelicia"
class="flex items-center gap-2 text-sm lg:text-lg">
<span class="iconify text-primary size-5 ph--pencil"></span>
Devy Felicia
</a>
<a class="flex items-center gap-2 text-sm lg:text-lg">
<span
class="iconify text-primary size-5 ph--calendar"></span>16 Sep 2025
</a>
</div>
</div>
</div>
<div class="w-full pb-2 mx-auto pt-9 px-9 lg:p-9">
<a href="https://www.ladiestory.id/music-matters-live-singapore-hadirkan-40-musisi-dunia-di-perayaan-82374">
<img data-src="https://assets.ladiestory.id/gallery/1757997729546145371-musik.jpg" alt="Music Matters Live Singapore Hadirkan 40 Musisi Dunia di Perayaan 20 Tahun"
class="lazy xl:rounded-tr-none md:rounded-tr-none lg:rounded-tr-none rounded-tr-2xl">
</a>
</div>
</div>
</div>
<div class="card-folded w-full lg:h-[750px] flex items-center swiper-slide justify-center">
<div class="flex flex-col-reverse items-center justify-center w-full lg:flex-row">
<div
class="flex flex-col lg:justify-center h-full px-8 py-6 lg:p-8 align-top lg:align-middle min-h-[325px] lg:h-auto lg:max-w-[620px]">
<div class="grid grid-cols-1 gap-6 lg:gap-4">
<a href="https://www.ladiestory.id/category/entertainment"
class="btn-primary !rounded-none text-sm">
Entertainment
<span class="iconify solar--hashtag-circle-linear"></span>
</a>
<a href="https://www.ladiestory.id/gebrakan-rapper-asal-bandung-sundanis-bersama-floorinc-82373">
<h1 class="text-2xl lg:text-5xl">Gebrakan Rapper Asal Bandung SUNDANIS Bersama Floorinc Melalui Nomor Berjudul “EGP"</h1>
</a>
<div class="flex gap-3">
<a href="https://www.ladiestory.id/profile/devyfelicia"
class="flex items-center gap-2 text-sm lg:text-lg">
<span class="iconify text-primary size-5 ph--pencil"></span>
Devy Felicia
</a>
<a class="flex items-center gap-2 text-sm lg:text-lg">
<span
class="iconify text-primary size-5 ph--calendar"></span>16 Sep 2025
</a>
</div>
</div>
</div>
<div class="w-full pb-2 mx-auto pt-9 px-9 lg:p-9">
<a href="https://www.ladiestory.id/gebrakan-rapper-asal-bandung-sundanis-bersama-floorinc-82373">
<img data-src="https://assets.ladiestory.id/gallery/1757996309238087700-raper.jpg" alt="Gebrakan Rapper Asal Bandung SUNDANIS Bersama Floorinc Melalui Nomor Berjudul “EGP""
class="lazy xl:rounded-tr-none md:rounded-tr-none lg:rounded-tr-none rounded-tr-2xl">
</a>
</div>
</div>
</div>
<div class="card-folded w-full lg:h-[750px] flex items-center swiper-slide justify-center">
<div class="flex flex-col-reverse items-center justify-center w-full lg:flex-row">
<div
class="flex flex-col lg:justify-center h-full px-8 py-6 lg:p-8 align-top lg:align-middle min-h-[325px] lg:h-auto lg:max-w-[620px]">
<div class="grid grid-cols-1 gap-6 lg:gap-4">
<a href="https://www.ladiestory.id/category/entertainment"
class="btn-primary !rounded-none text-sm">
Entertainment
<span class="iconify solar--hashtag-circle-linear"></span>
</a>
<a href="https://www.ladiestory.id/padel-lifestyle-dari-fashion-hingga-wellness-82372">
<h1 class="text-2xl lg:text-5xl">Padel Lifestyle: Dari Fashion hingga Wellness, Ini Tren yang Wajib Kamu Tahu</h1>
</a>
<div class="flex gap-3">
<a href="https://www.ladiestory.id/profile/devyfelicia"
class="flex items-center gap-2 text-sm lg:text-lg">
<span class="iconify text-primary size-5 ph--pencil"></span>
Devy Felicia
</a>
<a class="flex items-center gap-2 text-sm lg:text-lg">
<span
class="iconify text-primary size-5 ph--calendar"></span>16 Sep 2025
</a>
</div>
</div>
</div>
<div class="w-full pb-2 mx-auto pt-9 px-9 lg:p-9">
<a href="https://www.ladiestory.id/padel-lifestyle-dari-fashion-hingga-wellness-82372">
<img data-src="https://assets.ladiestory.id/gallery/17579954581918372982-padel.jpg" alt="Padel Lifestyle: Dari Fashion hingga Wellness, Ini Tren yang Wajib Kamu Tahu"
class="lazy xl:rounded-tr-none md:rounded-tr-none lg:rounded-tr-none rounded-tr-2xl">
</a>
</div>
</div>
</div>
<div class="card-folded w-full lg:h-[750px] flex items-center swiper-slide justify-center">
<div class="flex flex-col-reverse items-center justify-center w-full lg:flex-row">
<div
class="flex flex-col lg:justify-center h-full px-8 py-6 lg:p-8 align-top lg:align-middle min-h-[325px] lg:h-auto lg:max-w-[620px]">
<div class="grid grid-cols-1 gap-6 lg:gap-4">
<a href="https://www.ladiestory.id/category/entertainment"
class="btn-primary !rounded-none text-sm">
Entertainment
<span class="iconify solar--hashtag-circle-linear"></span>
</a>
<a href="https://www.ladiestory.id/kenapa-olahraga-padel-populer-di-dunia-82371">
<h1 class="text-2xl lg:text-5xl">Fenomena Padel: Kenapa Olahraga Ini Makin Populer di Dunia?</h1>
</a>
<div class="flex gap-3">
<a href="https://www.ladiestory.id/profile/devyfelicia"
class="flex items-center gap-2 text-sm lg:text-lg">
<span class="iconify text-primary size-5 ph--pencil"></span>
Devy Felicia
</a>
<a class="flex items-center gap-2 text-sm lg:text-lg">
<span
class="iconify text-primary size-5 ph--calendar"></span>16 Sep 2025
</a>
</div>
</div>
</div>
<div class="w-full pb-2 mx-auto pt-9 px-9 lg:p-9">
<a href="https://www.ladiestory.id/kenapa-olahraga-padel-populer-di-dunia-82371">
<img data-src="https://assets.ladiestory.id/gallery/17579934291859325723-padel.jpg" alt="Fenomena Padel: Kenapa Olahraga Ini Makin Populer di Dunia?"
class="lazy xl:rounded-tr-none md:rounded-tr-none lg:rounded-tr-none rounded-tr-2xl">
</a>
</div>
</div>
</div>
<div class="card-folded w-full lg:h-[750px] flex items-center swiper-slide justify-center">
<div class="flex flex-col-reverse items-center justify-center w-full lg:flex-row">
<div
class="flex flex-col lg:justify-center h-full px-8 py-6 lg:p-8 align-top lg:align-middle min-h-[325px] lg:h-auto lg:max-w-[620px]">
<div class="grid grid-cols-1 gap-6 lg:gap-4">
<a href="https://www.ladiestory.id/category/fashion"
class="btn-primary !rounded-none text-sm">
Fashion
<span class="iconify solar--hashtag-circle-linear"></span>
</a>
<a href="https://www.ladiestory.id/perhiasan-berlian-indonesia-82370">
<h1 class="text-2xl lg:text-5xl">Perhiasan Berlian Indonesia: 5 Alasan Mizora Layak Menjadi Investasi Jewelry Anda</h1>
</a>
<div class="flex gap-3">
<a href="https://www.ladiestory.id/profile/devyfelicia"
class="flex items-center gap-2 text-sm lg:text-lg">
<span class="iconify text-primary size-5 ph--pencil"></span>
Devy Felicia
</a>
<a class="flex items-center gap-2 text-sm lg:text-lg">
<span
class="iconify text-primary size-5 ph--calendar"></span>15 Sep 2025
</a>
</div>
</div>
</div>
<div class="w-full pb-2 mx-auto pt-9 px-9 lg:p-9">
<a href="https://www.ladiestory.id/perhiasan-berlian-indonesia-82370">
<img data-src="https://assets.ladiestory.id/gallery/17552516691973511868-mizora.jpg" alt="Perhiasan Berlian Indonesia: 5 Alasan Mizora Layak Menjadi Investasi Jewelry Anda"
class="lazy xl:rounded-tr-none md:rounded-tr-none lg:rounded-tr-none rounded-tr-2xl">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="swiper-button-next xl:right-[20px] lg:right-[20px] md:right-[20px] sm:right-[-15px] border border-primary bg-primary shadow-xl text-white">
<span class="iconify size-10 mdi--navigate-next"></span>
</div>
<div
class="swiper-button-prev xl:left-[20px] lg:left-[20px] md:left-[20px] sm:left-[-15px] border border-primary shadow-xl bg-primary text-white">
<span class="iconify size-10 mdi--navigate-before"></span>
</div>
<div class="container relative px-5 py-3 md:py-6">
<div class="swiper-pagination"></div>
</div>
</div>
<div class="container flex flex-col w-full gap-6 px-5 py-3 md:py-6 md:flex-row">
<div class="flex flex-col w-full gap-3 p-6 bg-white md:w-2/3">
<div class="title-card">
<div class="title">
<span class="border-secondary"></span>
<div>Berita Terkini</div>
</div>
</div>
<div class="grid grid-cols-1 gap-2 md:gap-4 md:grid-cols-2 xl:grid-cols-3">
<div class="article-card">
<div class="article-thumb-container">
<a href="https://www.ladiestory.id/background-swap-travel-influencer-82376">
<img data-src="https://assets.ladiestory.id/gallery/17581638562081668220-pippit.jpg" class="article-thumb lazy" alt="Travel Influencer Tetap Kreatif, Background Swap Buat Konten Terlihat Fantastis">
</a>
<a href="https://www.ladiestory.id/category/travel" class="category-tag">
Travel
</a>
</div>
<div class="flex flex-row gap-3 md:flex-col xl:flex-row">
<a href="https://www.ladiestory.id/profile/devyfelicia" class="flex items-center gap-2 text-[10px] cursor-pointer hover:underline">
<span class="iconify size-3 text-primary ph--pencil"></span> Devy Felicia
</a>
<a class="flex items-center gap-2 text-[10px]">
<span class="iconify size-3 text-primary ph--calendar"></span> 17 Sep 2025
</a>
</div>
<a href="https://www.ladiestory.id/background-swap-travel-influencer-82376" class="title">Travel Influencer Tetap Kreatif, Background Swap Buat Konten Terlihat Fantastis</a>
</div>
<div class="article-card">
<div class="article-thumb-container">
<a href="https://www.ladiestory.id/makanan-pedas-khas-nusantara-82375">
<img data-src="https://assets.ladiestory.id/gallery/1758008977850041396-makanan.jpg" class="article-thumb lazy" alt="25 Makanan Pedas Khas Nusantara: Sensasi Pedas dari Sabang sampai Merauke">
</a>
<a href="https://www.ladiestory.id/category/lifestyle" class="category-tag">
Lifestyle
</a>
</div>
<div class="flex flex-row gap-3 md:flex-col xl:flex-row">
<a href="https://www.ladiestory.id/profile/devyfelicia" class="flex items-center gap-2 text-[10px] cursor-pointer hover:underline">
<span class="iconify size-3 text-primary ph--pencil"></span> Devy Felicia
</a>
<a class="flex items-center gap-2 text-[10px]">
<span class="iconify size-3 text-primary ph--calendar"></span> 16 Sep 2025
</a>
</div>
<a href="https://www.ladiestory.id/makanan-pedas-khas-nusantara-82375" class="title">25 Makanan Pedas Khas Nusantara: Sensasi Pedas dari Sabang sampai Merauke</a>
</div>
<div class="article-card">
<div class="article-thumb-container">
<a href="https://www.ladiestory.id/music-matters-live-singapore-hadirkan-40-musisi-dunia-di-perayaan-82374">
<img data-src="https://assets.ladiestory.id/gallery/1757997729546145371-musik.jpg" class="article-thumb lazy" alt="Music Matters Live Singapore Hadirkan 40 Musisi Dunia di Perayaan 20 Tahun">
</a>
<a href="https://www.ladiestory.id/category/entertainment" class="category-tag">
Entertainment
</a>
</div>
<div class="flex flex-row gap-3 md:flex-col xl:flex-row">
<a href="https://www.ladiestory.id/profile/devyfelicia" class="flex items-center gap-2 text-[10px] cursor-pointer hover:underline">
<span class="iconify size-3 text-primary ph--pencil"></span> Devy Felicia
</a>
<a class="flex items-center gap-2 text-[10px]">
<span class="iconify size-3 text-primary ph--calendar"></span> 16 Sep 2025
</a>
</div>
<a href="https://www.ladiestory.id/music-matters-live-singapore-hadirkan-40-musisi-dunia-di-perayaan-82374" class="title">Music Matters Live Singapore Hadirkan 40 Musisi Dunia di Perayaan 20 Tahun</a>
</div>
<div class="article-card">
<div class="article-thumb-container">
<a href="https://www.ladiestory.id/gebrakan-rapper-asal-bandung-sundanis-bersama-floorinc-82373">
<img data-src="https://assets.ladiestory.id/gallery/1757996309238087700-raper.jpg" class="article-thumb lazy" alt="Gebrakan Rapper Asal Bandung SUNDANIS Bersama Floorinc Melalui Nomor Berjudul “EGP"">
</a>
<a href="https://www.ladiestory.id/category/entertainment" class="category-tag">
Entertainment
</a>
</div>
<div class="flex flex-row gap-3 md:flex-col xl:flex-row">
<a href="https://www.ladiestory.id/profile/devyfelicia" class="flex items-center gap-2 text-[10px] cursor-pointer hover:underline">
<span class="iconify size-3 text-primary ph--pencil"></span> Devy Felicia
</a>
<a class="flex items-center gap-2 text-[10px]">
<span class="iconify size-3 text-primary ph--calendar"></span> 16 Sep 2025
</a>
</div>
<a href="https://www.ladiestory.id/gebrakan-rapper-asal-bandung-sundanis-bersama-floorinc-82373" class="title">Gebrakan Rapper Asal Bandung SUNDANIS Bersama Floorinc Melalui Nomor Berjudul “EGP"</a>
</div>
<div class="article-card">
<div class="article-thumb-container">
<a href="https://www.ladiestory.id/padel-lifestyle-dari-fashion-hingga-wellness-82372">
<img data-src="https://assets.ladiestory.id/gallery/17579954581918372982-padel.jpg" class="article-thumb lazy" alt="Padel Lifestyle: Dari Fashion hingga Wellness, Ini Tren yang Wajib Kamu Tahu">
</a>
<a href="https://www.ladiestory.id/category/entertainment" class="category-tag">
Entertainment
</a>
</div>
<div class="flex flex-row gap-3 md:flex-col xl:flex-row">
<a href="https://www.ladiestory.id/profile/devyfelicia" class="flex items-center gap-2 text-[10px] cursor-pointer hover:underline">
<span class="iconify size-3 text-primary ph--pencil"></span> Devy Felicia
</a>
<a class="flex items-center gap-2 text-[10px]">
<span class="iconify size-3 text-primary ph--calendar"></span> 16 Sep 2025
</a>
</div>
<a href="https://www.ladiestory.id/padel-lifestyle-dari-fashion-hingga-wellness-82372" class="title">Padel Lifestyle: Dari Fashion hingga Wellness, Ini Tren yang Wajib Kamu Tahu</a>
</div>
<div class="article-card">
<div class="article-thumb-container">
<a href="https://www.ladiestory.id/kenapa-olahraga-padel-populer-di-dunia-82371">
<img data-src="https://assets.ladiestory.id/gallery/17579934291859325723-padel.jpg" class="article-thumb lazy" alt="Fenomena Padel: Kenapa Olahraga Ini Makin Populer di Dunia?">
</a>
<a href="https://www.ladiestory.id/category/entertainment" class="category-tag">
Entertainment
</a>
</div>
<div class="flex flex-row gap-3 md:flex-col xl:flex-row">
<a href="https://www.ladiestory.id/profile/devyfelicia" class="flex items-center gap-2 text-[10px] cursor-pointer hover:underline">
<span class="iconify size-3 text-primary ph--pencil"></span> Devy Felicia
</a>
<a class="flex items-center gap-2 text-[10px]">
<span class="iconify size-3 text-primary ph--calendar"></span> 16 Sep 2025
</a>
</div>
<a href="https://www.ladiestory.id/kenapa-olahraga-padel-populer-di-dunia-82371" class="title">Fenomena Padel: Kenapa Olahraga Ini Makin Populer di Dunia?</a>
</div>
<div class="article-card">
<div class="article-thumb-container">
<a href="https://www.ladiestory.id/perhiasan-berlian-indonesia-82370">
<img data-src="https://assets.ladiestory.id/gallery/17552516691973511868-mizora.jpg" class="article-thumb lazy" alt="Perhiasan Berlian Indonesia: 5 Alasan Mizora Layak Menjadi Investasi Jewelry Anda">
</a>
<a href="https://www.ladiestory.id/category/fashion" class="category-tag">
Fashion
</a>
</div>
<div class="flex flex-row gap-3 md:flex-col xl:flex-row">
<a href="https://www.ladiestory.id/profile/devyfelicia" class="flex items-center gap-2 text-[10px] cursor-pointer hover:underline">
<span class="iconify size-3 text-primary ph--pencil"></span> Devy Felicia
</a>
<a class="flex items-center gap-2 text-[10px]">
<span class="iconify size-3 text-primary ph--calendar"></span> 15 Sep 2025
</a>
</div>
<a href="https://www.ladiestory.id/perhiasan-berlian-indonesia-82370" class="title">Perhiasan Berlian Indonesia: 5 Alasan Mizora Layak Menjadi Investasi Jewelry Anda</a>
</div>
<div class="article-card">
<div class="article-thumb-container">
<a href="https://www.ladiestory.id/jasa-sewa-kamera-foto-video-jakarta-sesuai-kebutuhan-82369">
<img data-src="https://assets.ladiestory.id/gallery/17562886902017903026-jasa-sewa-kamera.jpg" class="article-thumb lazy" alt="Panduan Memilih Jasa Sewa Kamera Foto Video Jakarta Sesuai Kebutuhanmu">
</a>
<a href="https://www.ladiestory.id/category/lifestyle" class="category-tag">
Lifestyle
</a>
</div>
<div class="flex flex-row gap-3 md:flex-col xl:flex-row">
<a href="https://www.ladiestory.id/profile/devyfelicia" class="flex items-center gap-2 text-[10px] cursor-pointer hover:underline">
<span class="iconify size-3 text-primary ph--pencil"></span> Devy Felicia
</a>
<a class="flex items-center gap-2 text-[10px]">
<span class="iconify size-3 text-primary ph--calendar"></span> 27 Aug 2025
</a>
</div>
<a href="https://www.ladiestory.id/jasa-sewa-kamera-foto-video-jakarta-sesuai-kebutuhan-82369" class="title">Panduan Memilih Jasa Sewa Kamera Foto Video Jakarta Sesuai Kebutuhanmu</a>
</div>
<div class="article-card">
<div class="article-thumb-container">
<a href="https://www.ladiestory.id/jasa-fotografer-videographer-jakarta-82368">
<img data-src="https://assets.ladiestory.id/gallery/17557700001528925444-fotografer.jpg" class="article-thumb lazy" alt="Jasa Fotografer Videographer Jakarta untuk Pernikahan, Event, dan Konten Branding">
</a>
<a href="https://www.ladiestory.id/category/lifestyle" class="category-tag">
Lifestyle
</a>
</div>
<div class="flex flex-row gap-3 md:flex-col xl:flex-row">
<a href="https://www.ladiestory.id/profile/devyfelicia" class="flex items-center gap-2 text-[10px] cursor-pointer hover:underline">
<span class="iconify size-3 text-primary ph--pencil"></span> Devy Felicia
</a>
<a class="flex items-center gap-2 text-[10px]">
<span class="iconify size-3 text-primary ph--calendar"></span> 21 Aug 2025
</a>
</div>
<a href="https://www.ladiestory.id/jasa-fotografer-videographer-jakarta-82368" class="title">Jasa Fotografer Videographer Jakarta untuk Pernikahan, Event, dan Konten Branding</a>
</div>
</div>
<div class="flex items-center justify-center w-full mt-2">
<a href="https://www.ladiestory.id/semuaberita"
class="inline-block rounded bg-primary px-6 pb-2 pt-2.5 text-xs font-medium uppercase leading-normal text-white shadow-primary-3 transition duration-150 ease-in-out hover:bg-primary-accent-300 hover:shadow-primary-2 focus:bg-primary-accent-300 focus:shadow-primary-2 focus:outline-none focus:ring-0 active:bg-primary-600 active:shadow-primary-2 motion-reduce:transition-none">
Semua Berita
</a>
</div>
</div>
<div class="flex flex-col w-full h-auto gap-2 p-5 bg-white md:w-1/3">
<div class="title-card">
<div class="title">
<span class="border-primary"></span>
<div>Trending</div>
</div>
</div>
<div class="recommendation-card">
<div class="w-2/3 p-3">
<div class="title-container">
<a href="https://www.ladiestory.id/toko-perhiasan-di-kelapa-gading-82353"
class="title"><span class="text-primary">#1</span> Tips Memilih Toko Perhiasan di Kelapa Gading yang Tepat, Jangan Tergiur Harga Murah</a>
<a class="flex items-center gap-2 text-[10px]">
<span class="iconify size-3 text-primary ph--calendar"></span> 06 Aug 2025
</a>
</div>
</div>
<div class="relative w-1/3">
<a href="https://www.ladiestory.id/toko-perhiasan-di-kelapa-gading-82353">
<img src="https://assets.ladiestory.id/gallery/17544674192092105063-mizora.jpg" class="recommendation-thumb"
alt="Tips Memilih Toko Perhiasan di Kelapa Gading yang Tepat, Jangan Tergiur Harga Murah">
</a>
</div>
</div>
<div class="recommendation-card">
<div class="w-2/3 p-3">
<div class="title-container">
<a href="https://www.ladiestory.id/semar-nusantara-luncurkan-aeratec-teknologi-perhiasan-emas-ringan-82361"
class="title"><span class="text-primary">#2</span> Emas Makin Diminati, Semar Nusantara Luncurkan Aeratec, Teknologi Perhiasan Emas Ringan Pertama di Indonesia</a>
<a class="flex items-center gap-2 text-[10px]">
<span class="iconify size-3 text-primary ph--calendar"></span> 12 Aug 2025
</a>
</div>
</div>
<div class="relative w-1/3">
<a href="https://www.ladiestory.id/semar-nusantara-luncurkan-aeratec-teknologi-perhiasan-emas-ringan-82361">
<img src="https://assets.ladiestory.id/gallery/17549936711083000179-semar-nusantara.jpg" class="recommendation-thumb"
alt="Emas Makin Diminati, Semar Nusantara Luncurkan Aeratec, Teknologi Perhiasan Emas Ringan Pertama di Indonesia">
</a>
</div>
</div>
<div class="recommendation-card">
<div class="w-2/3 p-3">
<div class="title-container">
<a href="https://www.ladiestory.id/jam-sekolah-terpendek-82357"
class="title"><span class="text-primary">#3</span> 8 Daftar Negara dengan Jam Sekolah Terpendek, Tapi Punya Kualitas</a>
<a class="flex items-center gap-2 text-[10px]">
<span class="iconify size-3 text-primary ph--calendar"></span> 11 Aug 2025
</a>
</div>
</div>
<div class="relative w-1/3">
<a href="https://www.ladiestory.id/jam-sekolah-terpendek-82357">
<img src="https://assets.ladiestory.id/gallery/1689488737621862894-.jpg" class="recommendation-thumb"
alt="8 Daftar Negara dengan Jam Sekolah Terpendek, Tapi Punya Kualitas">
</a>
</div>
</div>
<div class="recommendation-card">
<div class="w-2/3 p-3">
<div class="title-container">
<a href="https://www.ladiestory.id/manfaat-rendam-wajah-dengan-air-es-82358"
class="title"><span class="text-primary">#4</span> Tren Rendam Wajah dengan Air Es, Ternyata Ini Manfaatnya untuk Kulit!</a>
<a class="flex items-center gap-2 text-[10px]">
<span class="iconify size-3 text-primary ph--calendar"></span> 11 Aug 2025
</a>
</div>
</div>
<div class="relative w-1/3">
<a href="https://www.ladiestory.id/manfaat-rendam-wajah-dengan-air-es-82358">
<img src="https://assets.ladiestory.id/gallery/17549000971390672166-.jpg" class="recommendation-thumb"
alt="Tren Rendam Wajah dengan Air Es, Ternyata Ini Manfaatnya untuk Kulit!">
</a>
</div>
</div>
<div class="recommendation-card">
<div class="w-2/3 p-3">
<div class="title-container">
<a href="https://www.ladiestory.id/the-beauty-fashion-and-fragrance-festival-di-bff-82359"
class="title"><span class="text-primary">#5</span> Kolaborasi dan Sinergi Industri Kecantikan & Fashion Indonesia di BFF Festival</a>
<a class="flex items-center gap-2 text-[10px]">
<span class="iconify size-3 text-primary ph--calendar"></span> 12 Aug 2025
</a>
</div>
</div>
<div class="relative w-1/3">
<a href="https://www.ladiestory.id/the-beauty-fashion-and-fragrance-festival-di-bff-82359">
<img src="https://assets.ladiestory.id/gallery/1754970369890183196-festival.jpg" class="recommendation-thumb"
alt="Kolaborasi dan Sinergi Industri Kecantikan & Fashion Indonesia di BFF Festival">
</a>
</div>
</div>
<div class="recommendation-card">
<div class="w-2/3 p-3">
<div class="title-container">
<a href="https://www.ladiestory.id/jasa-sewa-studio-jakarta-82365"
class="title"><span class="text-primary">#6</span> Jasa Sewa Studio Jakarta: Solusi Praktis untuk Kebutuhan Konten dan Fotografi</a>
<a class="flex items-center gap-2 text-[10px]">
<span class="iconify size-3 text-primary ph--calendar"></span> 20 Aug 2025
</a>
</div>
</div>
<div class="relative w-1/3">
<a href="https://www.ladiestory.id/jasa-sewa-studio-jakarta-82365">
<img src="https://assets.ladiestory.id/gallery/1755681247903846969-jasa-sewa-studio.jpg" class="recommendation-thumb"
alt="Jasa Sewa Studio Jakarta: Solusi Praktis untuk Kebutuhan Konten dan Fotografi">
</a>
</div>
</div>
<div class="recommendation-card">
<div class="w-2/3 p-3">
<div class="title-container">
<a href="https://www.ladiestory.id/tren-cincin-wanita-82360"
class="title"><span class="text-primary">#7</span> Tren Cincin Wanita 2025: Sakura Ring Mizora Bikin Milenial Jatuh Hati</a>
<a class="flex items-center gap-2 text-[10px]">
<span class="iconify size-3 text-primary ph--calendar"></span> 12 Aug 2025
</a>
</div>
</div>
<div class="relative w-1/3">
<a href="https://www.ladiestory.id/tren-cincin-wanita-82360">
<img src="https://assets.ladiestory.id/gallery/17549854661846915732-sakura.jpg" class="recommendation-thumb"
alt="Tren Cincin Wanita 2025: Sakura Ring Mizora Bikin Milenial Jatuh Hati">
</a>
</div>
</div>
</div>
</div>
<div class="container relative px-5 py-3 md:py-6">
<div class="flex flex-col gap-3 p-6 bg-white">
<div class="title-card">
<div class="title">
<span class="border-warning"></span>
<div>Rekomendasi</div>
</div>
</div>
<div class="w-full overflow-x-hidden">
<div class="trending-swiper">
<div class="swiper-wrapper">
</div>
</div>
</div>
</div>
<div
class="swiperTrend-button-next swiper-button-next right-[10px] 2xl:right-[-15px] border border-primary bg-primary shadow-xl text-white">
<span class="iconify size-10 mdi--navigate-next"></span>
</div>
<div
class="swiperTrend-button-prev swiper-button-prev left-[10px] 2xl:left-[-15px] border border-primary shadow-xl bg-primary text-white">
<span class="iconify size-10 mdi--navigate-before"></span>
</div>
</div>
<div class="container flex flex-col w-full gap-6 px-5 py-3 md:py-6 md:flex-row">
<div class="flex flex-col md:w-1/3">
<div class="block md:hidden w-full gap-4 p-8 mb-5 bg-white ">
<div class="title-card">
<div class="title">
<span class="border-secondary"></span>
<div>Tag Teratas</div>
</div>
</div>
<div class="top-tag">
<div class="tag-btn">
#
</div>
<a href="https://www.ladiestory.id/tag/kelemahan-wanita-keras-kepala" class="text-base font-medium">kelemahan wanita keras kepala</a>
</div>
<div class="top-tag">
<div class="tag-btn">
#
</div>
<a href="https://www.ladiestory.id/tag/permainan" class="text-base font-medium">permainan</a>
</div>
<div class="top-tag">
<div class="tag-btn">
#
</div>
<a href="https://www.ladiestory.id/tag/fashion" class="text-base font-medium">fashion</a>
</div>
</div>
<div class="md:hidden w-full flex flex-col rounded-xl gap-4 p-10 md:mb-5 bg-[#11296B] text-white">
<div class="pb-5 text-xs font-medium md:pb-5">LET'S CONNECT</div>
<div class="pb-5 md:pb-5 text-lg md:text-[24px] font-medium leading-normal">Follow our social <br> media for daily <br> updates !</div>
<p class="pb-5 text-sm font-medium">Just ask us to follow you back throught our social media direct message, and
we’ll follow
you back 100%.
</p>
<div class="flex flex-wrap items-center gap-3 pb-5 md:pb-5 lg:justify-evenly">
<a href="https://www.instagram.com/ladiestory.id" target="_blank" class="bg-white social-icon size-[32px] lg:size-[38px] ">
<span class="text-[#112968] iconify mdi--instagram size-5"></span>
</a>
<a href="https://www.tiktok.com/@ladiestory.id" target="_blank" class="bg-white social-icon size-[32px] lg:size-[38px] ">
<span class="text-[#112968] iconify ic--round-tiktok size-5"></span>
</a>
<a href="https://www.youtube.com/@ladiestoryid" target="_blank" class="bg-white social-icon size-[32px] lg:size-[38px] ">
<span class="text-[#112968] iconify mdi--youtube size-5"></span>
</a>
<a href="https://wa.me/6281585210067" target="_blank" class="bg-white social-icon size-[32px] lg:size-[38px] ">
<span class="text-[#112968] iconify mdi--whatsapp size-5"></span>
</a>
<a href="/cdn-cgi/l/email-protection#f49d9a929bb49895909d9187809b868dda9d90" target="_blank" class="bg-white social-icon size-[32px] lg:size-[38px] ">
<span class="text-[#112968] iconify mdi--email size-5"></span>
</a>
</div>
</div>
</div>
</div>
<div class="container px-5 py-3 md:py-6">
<div class="mt-6">
<div class="text-center">
<a href="https://atid.me/go/grRrflGK" target="_blank">
<img src="https://assets.ladiestory.id/images/ads/homepage-leaderboard1758012549.jpg" alt="" class="w-full h-auto mx-auto">
</a>
</div>
</div>
</div>
</div>
<div data-twe-modal-init
class="fixed left-0 top-0 z-[1055] hidden h-full w-full overflow-y-auto overflow-x-hidden outline-none"
id="exampleModalCenter" data-twe-backdrop="static" data-twe-keyboard="false" tabindex="-1"
aria-labelledby="exampleModalCenterTitle" aria-modal="true" role="dialog">
<div data-twe-modal-dialog-ref
class="pointer-events-none relative flex min-h-[calc(100%-1rem)] w-auto translate-y-[-50px] items-center opacity-0 transition-all duration-300 ease-in-out min-[576px]:mx-auto min-[576px]:mt-7 min-[576px]:min-h-[calc(100%-3.5rem)] min-[576px]:max-w-[500px] min-[992px]:max-w-[900px]">
<div
class="relative flex flex-col w-full text-current bg-white border-none outline-none pointer-events-auto rounded-xl bg-clip-padding shadow-4 dark:bg-surface-dark">
<!-- Modal body -->
<div class="relative flex flex-col gap-3 md:flex-row rounded-xl">
<div class="relative w-full overflow-hidden md:w-1/2" id="video-wrapper">
</div>
<div class="w-full md:w-1/2">
<div class="flex flex-col w-full gap-2 px-4 mt-4">
<div class="flex items-center justify-between">
<a href="#" class="btn-primary" id="snap-kategori">
Sambalahap
</a>
<button type="button" id="close-video-player"
class="box-content border-none rounded-none text-neutral-500 hover:text-neutral-800 hover:no-underline focus:text-neutral-800 focus:opacity-100 focus:shadow-none focus:outline-none dark:text-neutral-400 dark:hover:text-neutral-300 dark:focus:text-neutral-300"
data-twe-modal-dismiss aria-label="Close">
<span class="iconify size-5 mdi--close"></span>
</button>
</div>
<div class="flex flex-col gap-2 h-[520px] overflow-y-auto">
<div class="text-xl font-semibold md:text-3xl" id="snap-judul"></div>
<div class="flex items-center w-full gap-4 text-primary">
<p class="daily-btn"><span class="iconify fluent--channel-16-regular text-primary size-4"></span> <a
href="#" id="snap-author"></a></p>
<a class="flex items-center gap-2 text-sm">
<span class="iconify size-3 ph--calendar"></span> <span id="snap-pubdate"></span>
</a>
</div>
<div class="flex items-center gap-3 py-2">
<div class="bg-primary social-icon size-[32px] ">
<a id="share-fb" href="#" target="_blank" class="text-white iconify mdi--facebook size-5"></a>
</div>
<div class="bg-primary social-icon size-[32px] ">
<a id="share-tw" href="#" target="_blank" class="text-white iconify mdi--twitter size-5"></a>
</div>
<div class="bg-primary social-icon size-[32px] ">
<a id="share-wa" href="#" target="_blank" class="text-white iconify mdi--whatsapp size-5"></a>
</div>
<div class="bg-primary social-icon size-[32px] ">
<a id="share-telegram" href="#" target="_blank" class="text-white iconify mdi--telegram size-5"></a>
</div>
</div>
<div class="p-0 dialog-content" id="snap-deskripsi">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Start Footer -->
<footer class="relative bg-[#151515] dark:bg-slate-800">
<div class="container relative px-5">
<div class="grid grid-cols-1">
<div class="relative pt-3 pb-5">
<div class="relative w-full">
<div class="grid grid-cols-1 md:grid-cols-12">
<a href="https://www.ladiestory.id" class="text-[22px] focus:outline-none">
<img data-src="https://www.ladiestory.id/images/ladiestorylogov2.png" class="max-w-[280px] lazy"
alt="ladiestory.id">
</a>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-5">
<div class="w-full mb-2 lg:max-w-lg md:mb-0 lg:col-span-1 2xl:col-span-2">
<p class="text-lg p-0 mb-auto text-[#999999] md:text-2xl">Tentang Kami</p>
<p class="text-xs leading-5 text-[#999999]"><span class="font-bold">Ladiestory.id</span> meningkatkan literasi digital perempuan Indonesia agar memiliki rasa percaya diri dalam membentuk opini publik dan menjadi komunitas besar untuk melakukan gerakan menuju kehidupan yang lebih baik.</p>
</div>
<div class="grid w-full grid-cols-2 text-right 2xl:col-span-3 lg:col-span-2 gap-x-2 gap-y-2 md:gap-y-0 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5">
<a href="https://www.ladiestory.id/category/entertainment"
class="tracking-[1px] text-[#999999] font-semibold w-full text-[16px] flex items-center md:justify-end gap-1">Entertainment
<span class="iconify w-[20px] h-[20px] fluent--open-16-filled"></span></a>
<a href="https://www.ladiestory.id/category/beauty"
class="tracking-[1px] text-[#999999] font-semibold w-full text-[16px] flex items-center md:justify-end gap-1">Beauty
<span class="iconify w-[20px] h-[20px] fluent--open-16-filled"></span></a>
<a href="https://www.ladiestory.id/category/fashion"
class="tracking-[1px] text-[#999999] font-semibold w-full text-[16px] flex items-center md:justify-end gap-1">Fashion
<span class="iconify w-[20px] h-[20px] fluent--open-16-filled"></span></a>
<a href="https://www.ladiestory.id/category/lifestyle"
class="tracking-[1px] text-[#999999] font-semibold w-full text-[16px] flex items-center md:justify-end gap-1">Lifestyle
<span class="iconify w-[20px] h-[20px] fluent--open-16-filled"></span></a>
<a href="https://www.ladiestory.id/category/health"
class="tracking-[1px] text-[#999999] font-semibold w-full text-[16px] flex items-center md:justify-end gap-1">Health
<span class="iconify w-[20px] h-[20px] fluent--open-16-filled"></span></a>
<a href="https://www.ladiestory.id/category/momkids"
class="tracking-[1px] text-[#999999] font-semibold w-full text-[16px] flex items-center md:justify-end gap-1">Mom & Kids
<span class="iconify w-[20px] h-[20px] fluent--open-16-filled"></span></a>
<a href="https://www.ladiestory.id/category/travel"
class="tracking-[1px] text-[#999999] font-semibold w-full text-[16px] flex items-center md:justify-end gap-1">Travel
<span class="iconify w-[20px] h-[20px] fluent--open-16-filled"></span></a>
<a href="https://www.ladiestory.id/category/shopnstory"
class="tracking-[1px] text-[#999999] font-semibold w-full text-[16px] flex items-center md:justify-end gap-1">ShopnStory
<span class="iconify w-[20px] h-[20px] fluent--open-16-filled"></span></a>
<a href="https://www.ladiestory.id/category/sambalahap"
class="tracking-[1px] text-[#999999] font-semibold w-full text-[16px] flex items-center md:justify-end gap-1">Sambalahap
<span class="iconify w-[20px] h-[20px] fluent--open-16-filled"></span></a>
</div>
</div>
</div>
<!-- Subscribe -->
</div>
</div>
</div><!--end container-->
<div class="py-[15px] px-0 border-t border-gray-800 dark:border-gray-700">
<div class="container relative px-5 text-center">
<div class="relative w-full">
<div class="grid md:grid-cols-2 grid-cols-1 gap-[30px]">
<div class="w-full lg:max-w-lg">
<div class="flex flex-row flex-wrap items-center w-full text-wrap text-[#999999] dark:text-white">
<a href="https://www.ladiestory.id/about-us" aria-current="true"
class="flex items-center gap-1 rounded-lg cursor-pointer dark:bg-slate-900 dark:text-primary-500">
<span class="iconify size-10 lucide--dot text-warning"></span>
About Us
</a>
<a href="https://www.ladiestory.id/tim-editorial" aria-current="true"
class="flex items-center gap-1 rounded-lg cursor-pointer dark:bg-slate-900 dark:text-primary-500">
<span class="iconify size-10 lucide--dot text-warning"></span>
Editorial Team
</a>
<a href="https://www.ladiestory.id/privacy-policy" aria-current="true"
class="flex items-center gap-1 rounded-lg cursor-pointer dark:bg-slate-900 dark:text-primary-500">
<span class="iconify size-10 lucide--dot text-warning"></span>
Privacy Policy
</a>
<a href="https://www.ladiestory.id/pedoman-media-siber" aria-current="true"
class="flex items-center gap-1 rounded-lg cursor-pointer dark:bg-slate-900 dark:text-primary-500">
<span class="iconify size-10 lucide--dot text-warning"></span>
Pedoman Media Siber
</a>
<a href="https://www.ladiestory.id/contact-us" aria-current="true"
class="flex items-center gap-1 rounded-lg cursor-pointer dark:bg-slate-900 dark:text-primary-500">
<span class="iconify size-10 lucide--dot text-warning"></span>
Contact Us
</a>
</div>
</div>
<div class="w-full grid-cols-1 gap-6 text-center md:text-right">
<p class="mb-0 text-[#999999]">© Copyright 2018 - 2025 Ladiestory.id <br>
All rights reserved.
</p>
</div>
</div>
</div><!--end grid-->
</div><!--end container-->
</div>
</footer><!--end footer-->
<!-- End Footer -->
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://www.ladiestory.id/assets/libs/jquery/jquery-3.7.1.min.js"></script>
<script src="https://www.ladiestory.id/assets/libs/swiper/js/swiper.min.js" defer></script>
<script src="https://www.ladiestory.id/assets/libs/lazyLoad/jquery.lazy.min.js"></script>
<script src="https://www.ladiestory.id/assets/libs/lazyLoad/jquery.lazy.plugins.min.js"></script>
<script src="https://www.ladiestory.id/assets/js/app.js"></script>
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
<link rel="modulepreload" href="https://www.ladiestory.id/build/assets/app-BSZr01dt.js" /><script type="module" src="https://www.ladiestory.id/build/assets/app-BSZr01dt.js"></script> <script>
$(document).ready(function() {
let swiper = new Swiper('.swiper', {
spaceBetween: 30,
slidesPerView: 1,
loop: true,
centeredSlides: true,
autoplay: {
delay: 5000,
disableOnInteraction: false,
},
pagination: {
el: ".swiper-pagination",
clickable: true,
renderBullet: function(index, className) {
return '<span class="' + className + '">' + (index + 1) + "</span>";
},
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
})
let trendSwiper = new Swiper('.trending-swiper', {
spaceBetween: 10,
slidesPerView: 4,
loop: true,
autoplay: {
delay: 5000,
disableOnInteraction: false,
},
navigation: {
nextEl: ".swiperTrend-button-next",
prevEl: ".swiperTrend-button-prev",
},
breakpoints: {
1024: {
slidesPerView: 4,
slidesPerGroup: 4,
},
768: {
slidesPerView: 3,
slidesPerGroup: 3,
},
640: {
slidesPerView: 2,
slidesPerGroup: 2,
},
540: {
slidesPerView: 1,
slidesPerGroup: 1,
},
0: {
slidesPerView: 1,
slidesPerGroup: 1,
},
}
})
});
$(document).on("click", "#snapnstory-content", function() {
var url_video = $(this).data("url_video");
var kategori = $(this).data("kategori");
var kategori_alias = $(this).data("kategori_alias");
var judul = $(this).data("judul");
var author = $(this).data("author");
var username = $(this).data("username");
var pubdate = $(this).data("pubdate");
var deskripsi = $(this).data("deskripsi");
var slug = $(this).data("slug");
var content_id = $(this).data("content_id");
var type_video = $(this).data("tipe_video");
createEmbedFrame(type_video, url_video);
$("#snap-kategori").text(kategori).attr("href", `https://www.ladiestory.id/category/:alias`.replace(':alias',
kategori_alias));
$("#snap-judul").text(judul);
$("#snap-author").text(author).attr("href", `https://www.ladiestory.id/profile/:username`.replace(':username',
username));
$("#snap-pubdate").text(pubdate);
$("#snap-deskripsi").html(deskripsi);
$("#share-fb").attr("href",
`http://www.facebook.com/sharer/sharer.php?u=https://www.ladiestory.id/:slug-:content_id`
.replace(':slug', slug).replace(':content_id', content_id));
$("#share-tw").attr("href", `http://twitter.com/share?url=` +
`https://www.ladiestory.id/:slug-:content_id`.replace(':slug', slug).replace(
':content_id', content_id));
$("#share-wa").attr("href", `https://api.whatsapp.com/send?text=` +
`https://www.ladiestory.id/:slug-:content_id`.replace(':slug', slug).replace(
':content_id', content_id));
$("#share-telegram").attr("href", `https://telegram.me/share/url?url=` +
`https://www.ladiestory.id/:slug-:content_id`.replace(':slug', slug).replace(
':content_id', content_id));
});
function createEmbedFrame(type, url_video) {
switch (type) {
case 'tiktok':
$('#video-wrapper').html(`<iframe id="videoPlayer" width="100%" height="590" src="#" title="video player" frameborder="0" scrolling="no"
class="rounded-tl-xl rounded-bl-xl"
allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"></iframe>
`)
$("#videoPlayer").attr("src", getTiktokEmbedUrl(url_video));
break;
case 'yt_short':
$('#video-wrapper').html(`<iframe id="videoPlayer" width="100%" height="590" src="#" title="video player" frameborder="0" scrolling="no"
class="rounded-tl-xl rounded-bl-xl"
allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"></iframe>
`)
$("#videoPlayer").attr("src", getShortsEmbedUrl(url_video));
break;
case 'reels':
$('#video-wrapper').html(`<iframe id="videoPlayer" width="100%" height="590" src="#" title="video player" frameborder="0" scrolling="no"
class="rounded-tl-xl rounded-bl-xl"
allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"></iframe>
`)
$("#videoPlayer").attr("src", getInstagramEmbedUrl(url_video));
break;
default:
break;
}
}
$('#close-video-player').on('click', function() {
$('#video-wrapper').html('')
})
</script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"edf35837d1b649d58df3b6e77700017c","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>