Konten & Aktivitas

<div class="container"> <div class="row"> <!-- Copy dari sini --> <div class="col-lg-6 col-12"> <h1 class="font-weight-bold title-blue mt-5 mb-2"> Lesehan Enduro</h1> <p class="text-justify"> Posko mudik untuk pemotor yang telah diselenggarakan selama 17 tahun. Hadir disejumlah area masjid, restoran atau SPBU di jalur non tol.</p> <h2 class="font-weight-bold mt-4" style="font-size: 16px"> Periode:</h2> <p> 3 &ndash; 9 April 2024</p> <!-- card disini --> <div class="card-deck mt-4"> <div class="card"> <img alt="..." class="card-img-top-top" src="https://res.cloudinary.com/drejcprhe/image/upload/v1711949692/Uploads/t528dy9so9ncno0zhj4z.png" /> <div class="card-body"> <h5 class="card-titles"> <span class="font-red" style="color: #dd1f2a; font-size: 20px">Booth Utama </span></h5> <ul> <li> <span style="white-space-collapse: preserve">Area istirahat</span></li> <li> <span style="white-space-collapse: preserve">Pijat</span></li> <li> <span style="white-space-collapse: preserve">Mewarnai &amp; menggambar</span></li> <li> <span style="white-space-collapse: preserve">Ta&rsquo;jil dan sahur</span></li> <li> <span style="white-space-collapse: preserve">P3K</span></li> <li> <span style="white-space-collapse: preserve">Penjualan ketupat Enduro</span></li> <li> <span style="white-space-collapse: preserve">Ganti oli dan service ringan</span></li> </ul> <div class="fa fa-map-marker mt-3" style="color: #dd1f2a; display: flex; align-items: center"> <!-- Font Awesome icon --> <div style="margin-right: 10px"> &nbsp;</div> <!-- Text --> <div> <span class="font-weight-bold" style=" color: #505056; font-size: 20px; font-family: Gotham, sans-serif; ">Lokasi Booth Utama</span></div> </div> </div> <div class="d-block d-md-flex justify-content-between flex-wrap"> <div class="col-lg-6 col-12"> <div class="d-flex bd-highlight"> <div class="flex-fill bd-highlight"> <div> <div style=" font-size: 11px; font-weight: normal; text-align: left; "> <a class="btn btn-outline-primary justify-content-between" href="https://maps.app.goo.gl/w5KMKi3ScvUZpo7k9" style="display: flex; align-items: center">Cirebon </a></div> <div style=" font-size: 13px; font-weight: bold; text-align: left; "> <a class="btn btn-outline-primary justify-content-between" href="https://maps.app.goo.gl/w5KMKi3ScvUZpo7k9" style="display: flex; align-items: center">Masjid Al Hudha </a></div> </div> <a class="btn btn-outline-primary justify-content-between" href="https://maps.app.goo.gl/w5KMKi3ScvUZpo7k9" style="display: flex; align-items: center"><img alt="" class="icon-arrow" src="https://res.cloudinary.com/drejcprhe/image/upload/v1711606333/Uploads/bhf1ppkb8fplqhuptuy0.svg" style="margin-left: 1rem" /> </a></div> </div> </div> <div class="col-lg-6 col-12"> <div class="d-flex bd-highlight"> <div class="pb-3 flex-fill bd-highlight"> <div> <div style=" font-size: 11px; font-weight: normal; text-align: left; "> <a class="btn btn-outline-primary justify-content-between" href="https://maps.app.goo.gl/dneCmT3iyVqakZfX9" style="display: flex; align-items: center">Pekalongan </a></div> <div style=" font-size: 13px; font-weight: bold; text-align: left; "> <a class="btn btn-outline-primary justify-content-between" href="https://maps.app.goo.gl/dneCmT3iyVqakZfX9" style="display: flex; align-items: center">Masjid Al Fairuz </a></div> </div> <a class="btn btn-outline-primary justify-content-between" href="https://maps.app.goo.gl/dneCmT3iyVqakZfX9" style="display: flex; align-items: center"><img alt="" class="icon-arrow" src="https://res.cloudinary.com/drejcprhe/image/upload/v1711606333/Uploads/bhf1ppkb8fplqhuptuy0.svg" style="margin-left: 1rem" /> </a></div> </div> </div> </div> </div> </div> <!-- card disini --> <div class="card-deck mt-4"> <div class="card"> <img alt="..." class="card-img-top-top" src="https://res.cloudinary.com/drejcprhe/image/upload/v1711613456/Uploads/lnqvpkpbru9i2amgo3jc.png" /> <div class="card-body"> <h5 class="card-titles"> <span class="font-red" style="color: #dd1f2a; font-size: 20px">Booth Pendukung </span></h5> <ul> <li> <span style="white-space-collapse: preserve">Area istirahat</span></li> <li> <span style="white-space-collapse: preserve">Pembagian ketupat Enduro</span></li> <li> <span style="white-space-collapse: preserve">Area Pijat</span></li> </ul> <div class="fa fa-map-marker mt-3" style="color: #dd1f2a; display: flex; align-items: center"> <!-- Font Awesome icon --> <div style="margin-right: 10px"> &nbsp;</div> <!-- Text --> <div> <span class="font-weight-bold" style=" color: #505056; font-size: 20px; font-family: Gotham, sans-serif; ">Lokasi Booth Pendukung</span></div> </div> </div> <div class="d-block d-md-flex justify-content-between flex-wrap"> <div class="col-lg-6 col-12"> <div class="d-flex bd-highlight"> <div class="pb-3 flex-fill bd-highlight"> <div> <div style=" font-size: 11px; font-weight: normal; text-align: left; "> <a class="btn btn-outline-primary justify-content-between" href="https://maps.app.goo.gl/MJR5VDw7CuBxtYrq8?g_st=iw " style="display: flex; align-items: center">Sumedang </a></div> <div style=" font-size: 13px; font-weight: bold; text-align: left; "> <a class="btn btn-outline-primary justify-content-between" href="https://maps.app.goo.gl/MJR5VDw7CuBxtYrq8?g_st=iw " style="display: flex; align-items: center">Masjid As Sadiah </a></div> </div> <a class="btn btn-outline-primary justify-content-between" href="https://maps.app.goo.gl/MJR5VDw7CuBxtYrq8?g_st=iw " style="display: flex; align-items: center"><img alt="" class="icon-arrow" src="https://res.cloudinary.com/drejcprhe/image/upload/v1711606333/Uploads/bhf1ppkb8fplqhuptuy0.svg" style="margin-left: 1rem" /> </a></div> </div> </div> <div class="col-lg-6 col-12"> <div class="d-flex bd-highlight"> <div class="pb-3 flex-fill bd-highlight"> <div> <div style=" font-size: 11px; font-weight: normal; text-align: left; "> <a class="btn btn-outline-primary justify-content-between" href="https://maps.app.goo.gl/k6qC38NYqGFASv7M9?g_st=iw" style="display: flex; align-items: center">Ciamis </a></div> <div style=" font-size: 13px; font-weight: bold; text-align: left; "> <a class="btn btn-outline-primary justify-content-between" href="https://maps.app.goo.gl/k6qC38NYqGFASv7M9?g_st=iw" style="display: flex; align-items: center">Masjid Al Gani </a></div> </div> <a class="btn btn-outline-primary justify-content-between" href="https://maps.app.goo.gl/k6qC38NYqGFASv7M9?g_st=iw" style="display: flex; align-items: center"><img alt="" class="icon-arrow" src="https://res.cloudinary.com/drejcprhe/image/upload/v1711606333/Uploads/bhf1ppkb8fplqhuptuy0.svg" style="margin-left: 1rem" /> </a></div> </div> </div> <div class="col-12"> <div class="d-flex bd-highlight"> <div class="pb-3 flex-fill bd-highlight"> <div> <div style=" font-size: 11px; font-weight: normal; text-align: left; "> <a class="btn btn-outline-primary justify-content-between" href="https://maps.app.goo.gl/W29DjoqQaXYd4HBP8?g_st=iw" style="display: flex; align-items: center">Banyumas </a></div> <div style=" font-size: 13px; font-weight: bold; text-align: left; "> <a class="btn btn-outline-primary justify-content-between" href="https://maps.app.goo.gl/W29DjoqQaXYd4HBP8?g_st=iw" style="display: flex; align-items: center">Masjid Al Salahudin </a></div> </div> <a class="btn btn-outline-primary justify-content-between" href="https://maps.app.goo.gl/W29DjoqQaXYd4HBP8?g_st=iw" style="display: flex; align-items: center"><img alt="" class="icon-arrow" src="https://res.cloudinary.com/drejcprhe/image/upload/v1711606333/Uploads/bhf1ppkb8fplqhuptuy0.svg" style="margin-left: 1rem" /> </a></div> </div> </div> </div> </div> </div> </div> <!-- card ke 2 --> <div class="col-lg-6 col-12"> <h1 class="font-weight-bold title-blue mt-5 mb-2"> Fastron Corner</h1> <p class="text-justify"> Posko kolaborasi dengan Serambi My Pertamina, kunjungi dan dapatkan kesempatan untuk memenangkan THR Fastron.<br /> &nbsp;</p> <h2 class="font-weight-bold mt-4" style="font-size: 16px"> Periode:</h2> <p> 3 &ndash; 9 April 2024</p> <!-- card disini --> <div class="card-deck mt-4"> <div class="card"> <img alt="..." class="card-img-top-top" src="https://res.cloudinary.com/drejcprhe/image/upload/v1711949691/Uploads/tr6lhxjxjaydf0jhmec7.png" /> <div class="card-body"> <div class="fa fa-map-marker mt-3" style="color: #dd1f2a; display: flex; align-items: center"> <!-- Font Awesome icon --> <div style="margin-right: 10px"> &nbsp;</div> <!-- Text --> <div> <span class="font-weight-bold" style=" color: #505056; font-size: 20px; font-family: Gotham, sans-serif; ">Lokasi Fastron Corner</span></div> </div> </div> <!-- lokasi fastron corner --> <div class="d-block d-md-flex justify-content-between flex-wrap"> <div class="col-lg-6 col-12"> <div class="d-flex bd-highlight"> <div class="pb-3 flex-fill bd-highlight"> <div> <div style=" font-size: 11px; font-weight: normal; text-align: left; "> <a class="btn btn-outline-primary justify-content-between" href="https://maps.app.goo.gl/HrVSnPA7hWQjzqfG8?g_st=iw " style="display: flex; align-items: center">REST AREA </a></div> <div style=" font-size: 13px; font-weight: bold; text-align: left; "> <a class="btn btn-outline-primary justify-content-between" href="https://maps.app.goo.gl/HrVSnPA7hWQjzqfG8?g_st=iw " style="display: flex; align-items: center">KM 57A </a></div> </div> <a class="btn btn-outline-primary justify-content-between" href="https://maps.app.goo.gl/HrVSnPA7hWQjzqfG8?g_st=iw " style="display: flex; align-items: center"><img alt="" class="icon-arrow" src="https://res.cloudinary.com/drejcprhe/image/upload/v1711606333/Uploads/bhf1ppkb8fplqhuptuy0.svg" style="margin-left: 1rem" /> </a></div> </div> </div> <!-- batas lokasi fastron corner --> <div class="col-lg-6 col-12"> <div class="d-flex bd-highlight"> <div class="pb-3 flex-fill bd-highlight"> <div> <div style=" font-size: 11px; font-weight: normal; text-align: left; "> <a class="btn btn-outline-primary justify-content-between" href="https://maps.app.goo.gl/ZypZbkPmh8sf2ae77?g_st=iw" style="display: flex; align-items: center">REST AREA </a></div> <div style=" font-size: 13px; font-weight: bold; text-align: left; "> <a class="btn btn-outline-primary justify-content-between" href="https://maps.app.goo.gl/ZypZbkPmh8sf2ae77?g_st=iw" style="display: flex; align-items: center">KM 379A </a></div> </div> <a class="btn btn-outline-primary justify-content-between" href="https://maps.app.goo.gl/ZypZbkPmh8sf2ae77?g_st=iw" style="display: flex; align-items: center"><img alt="" class="icon-arrow" src="https://res.cloudinary.com/drejcprhe/image/upload/v1711606333/Uploads/bhf1ppkb8fplqhuptuy0.svg" style="margin-left: 1rem" /> </a></div> </div> </div> <div class="col-lg-6 col-12"> <div class="d-flex bd-highlight"> <div class="pb-3 flex-fill bd-highlight"> <div> <div style=" font-size: 11px; font-weight: normal; text-align: left; "> <a class="btn btn-outline-primary justify-content-between" href="https://maps.app.goo.gl/vPLTdc8bR9Uchzwz7" style="display: flex; align-items: center">REST AREA </a></div> <div style=" font-size: 13px; font-weight: bold; text-align: left; "> <a class="btn btn-outline-primary justify-content-between" href="https://maps.app.goo.gl/vPLTdc8bR9Uchzwz7" style="display: flex; align-items: center">KM 43 </a></div> </div> <a class="btn btn-outline-primary justify-content-between" href="https://maps.app.goo.gl/vPLTdc8bR9Uchzwz7" style="display: flex; align-items: center"><img alt="" class="icon-arrow" src="https://res.cloudinary.com/drejcprhe/image/upload/v1711606333/Uploads/bhf1ppkb8fplqhuptuy0.svg" style="margin-left: 1rem" /> </a></div> </div> </div> <!-- batas lokasi fastron corner --> <div class="col-lg-6 col-12"> <div class="d-flex bd-highlight"> <div class="pb-3 flex-fill bd-highlight"> <div> <div style=" font-size: 11px; font-weight: normal; text-align: left; "> <a class="btn btn-outline-primary justify-content-between" href="https://maps.app.goo.gl/4P9LmxZaJGnfWXHHA" style="display: flex; align-items: center">REST AREA </a></div> <div style=" font-size: 13px; font-weight: bold; text-align: left; "> <a class="btn btn-outline-primary justify-content-between" href="https://maps.app.goo.gl/4P9LmxZaJGnfWXHHA" style="display: flex; align-items: center">KM 260B </a></div> </div> <a class="btn btn-outline-primary justify-content-between" href="https://maps.app.goo.gl/4P9LmxZaJGnfWXHHA" style="display: flex; align-items: center"><img alt="" class="icon-arrow" src="https://res.cloudinary.com/drejcprhe/image/upload/v1711606333/Uploads/bhf1ppkb8fplqhuptuy0.svg" style="margin-left: 1rem" /> </a></div> </div> </div> <!-- batas lokasi fastron corner --> <div class="col-lg-6 col-12"> <div class="d-flex bd-highlight"> <div class="pb-3 flex-fill bd-highlight"> <div> <div style=" font-size: 11px; font-weight: normal; text-align: left; "> <a class="btn btn-outline-primary justify-content-between" href="https://maps.app.goo.gl/vGHvV7gvnF9X7zm57" style="display: flex; align-items: center">REST AREA </a></div> <div style=" font-size: 13px; font-weight: bold; text-align: left; "> <a class="btn btn-outline-primary justify-content-between" href="https://maps.app.goo.gl/vGHvV7gvnF9X7zm57" style="display: flex; align-items: center">KM 725A </a></div> </div> <a class="btn btn-outline-primary justify-content-between" href="https://maps.app.goo.gl/vGHvV7gvnF9X7zm57" style="display: flex; align-items: center"><img alt="" class="icon-arrow" src="https://res.cloudinary.com/drejcprhe/image/upload/v1711606333/Uploads/bhf1ppkb8fplqhuptuy0.svg" style="margin-left: 1rem" /> </a></div> </div> </div> <!-- batas lokasi fastron corner --> <div class="col-lg-6 col-12"> <div class="d-flex bd-highlight"> <div class="pb-3 flex-fill bd-highlight"> <div> <div style=" font-size: 11px; font-weight: normal; text-align: left; "> <a class="btn btn-outline-primary justify-content-between" href="https://maps.app.goo.gl/utVZVYaEsmowuk137" style="display: flex; align-items: center">REST AREA </a></div> <div style=" font-size: 13px; font-weight: bold; text-align: left; "> <a class="btn btn-outline-primary justify-content-between" href="https://maps.app.goo.gl/utVZVYaEsmowuk137" style="display: flex; align-items: center">KM 66A </a></div> </div> <a class="btn btn-outline-primary justify-content-between" href="https://maps.app.goo.gl/utVZVYaEsmowuk137" style="display: flex; align-items: center"><img alt="" class="icon-arrow" src="https://res.cloudinary.com/drejcprhe/image/upload/v1711606333/Uploads/bhf1ppkb8fplqhuptuy0.svg" style="margin-left: 1rem" /> </a></div> </div> </div> <!-- batas lokasi fastron corner --></div> </div> </div> </div> <!-- card ke 3 --><!-- batas row --></div> </div>