<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Semarang Arsip - Harga Aspal Terbaru</title>
	<atom:link href="https://hargaaspal.com/category/semarang/feed/" rel="self" type="application/rss+xml" />
	<link>https://hargaaspal.com/category/semarang/</link>
	<description>Info Harga Aspal Terbaru. Menyediakan Berbagai Macam Jenis Aspal Berkualitas</description>
	<lastBuildDate>Wed, 09 Sep 2026 07:42:45 +0000</lastBuildDate>
	<language>id</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.2</generator>

<image>
	<url>https://hargaaspal.com/wp-content/uploads/2025/08/cropped-logo-harga-aspal-small-size-32x32.png</url>
	<title>Semarang Arsip - Harga Aspal Terbaru</title>
	<link>https://hargaaspal.com/category/semarang/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Harga Aspal Semarang Terbaru, Menyediakan Aspal Berkualitas</title>
		<link>https://hargaaspal.com/harga-aspal-semarang/</link>
					<comments>https://hargaaspal.com/harga-aspal-semarang/#respond</comments>
		
		<dc:creator><![CDATA[Harga Aspal]]></dc:creator>
		<pubDate>Thu, 24 Jul 2025 04:02:52 +0000</pubDate>
				<category><![CDATA[Harga Aspal]]></category>
		<category><![CDATA[Semarang]]></category>
		<guid isPermaLink="false">https://hargaaspal.com/?p=4750</guid>

					<description><![CDATA[<p>Dalam dunia konstruksi, pemilihan material berkualitas merupakan langkah awal dalam menciptakan proyek yang tahan lama dan efisien. Kami hadir untuk</p>
<p>Artikel <a href="https://hargaaspal.com/harga-aspal-semarang/">Harga Aspal Semarang Terbaru, Menyediakan Aspal Berkualitas</a> pertama kali tampil pada <a href="https://hargaaspal.com">Harga Aspal Terbaru</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Dalam dunia konstruksi, pemilihan material berkualitas merupakan langkah awal dalam menciptakan proyek yang tahan lama dan efisien. Kami hadir untuk memenuhi kebutuhan proyek Anda dengan menyediakan produk aspal unggulan di Semarang. Melalui website ini, kami akan menginformasikan secara lengkap mengenai Harga Aspal Semarang, jenis-jenis produk aspal yang kami tawarkan, serta keunggulan layanan dan pengiriman kami yang tepat waktu dan terpercaya.</p>



<section class="hargaaspal-menu">
  <!-- Heading Menu dengan animasi -->
  <div class="menu-heading-alt">
    <span>MENU</span>
  </div>

  <div class="menu-container-angled">
    <a href="#Produk" class="menu-link-angled" style="--i:0;">
      <span class="menu-title">Produk Aspal Kami</span>
    </a>

    <a href="#Harga" class="menu-link-angled" style="--i:1;">
      <span class="menu-title">Daftar Harga</span>
    </a>

    <a href="#Form" class="menu-link-angled" style="--i:3;">
      <span class="menu-title">Form Pemesanan</span>
    </a>
  </div>

  <!-- Garis Bawah Menu -->
  <div class="menu-bottom-line"></div>
</section>

<style>
/* Heading Menu dengan garis kiri-kanan + tulisan miring */
.menu-heading-alt {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.8rem;
  font-family: 'Segoe UI', sans-serif;
  overflow: hidden;
}

.menu-heading-alt::before,
.menu-heading-alt::after {
  content: "";
  flex: 1;
  height: 3px;
  background: linear-gradient(to right, transparent, #a10026);
  margin: 0 10px;
  border-radius: 2px;
  transform: scaleX(0);
  transform-origin: center;
  animation: lineWipe 0.5s forwards;
}

.menu-heading-alt::after {
  background: linear-gradient(to left, transparent, #a10026);
  animation-delay: 0.3s;
}

.menu-heading-alt span {
  font-size: 1.6rem;
  font-weight: 700;
  color: #091b32;
  letter-spacing: 2px;
  font-style: bold;
  opacity: 0;
  transform: translateY(12px);
  animation: textFadeUp 0.5s forwards 0.3s;
}

/* Container menu */
.menu-container-angled {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* Menu link berbentuk jajar genjang */
.menu-link-angled {
  flex: 1 1 calc(25% - 1rem);
  background: #a10026;
  color: #fff;
  text-align: center;
  padding: 1.5rem 0.5rem;
  text-decoration: none;
  font-family: 'Segoe UI', sans-serif;
  font-weight: 600;
  transform: skew(-15deg) translateY(25px);
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  position: relative;
  opacity: 0;
  animation: cardSlideUp 0.5s forwards;
  animation-delay: calc(var(--i) * 0.15s + 0.6s);
  transition: all 0.3s ease;
}

.menu-link-angled span {
  display: block;
  transform: skew(15deg); /* Balikin text agar tidak miring di tombol */
}

.menu-link-angled:hover {
  background: #091b32;
  box-shadow: 0 6px 14px rgba(0,0,0,0.25);
  transform: skew(-15deg) translateY(-3px);
}

.menu-title {
  font-size: 1.2rem;
  text-transform: uppercase;
}

/* Garis Bawah Menu */
.menu-bottom-line {
  width: 100%;
  height: 3px;
  background: linear-gradient(to right, transparent, #a10026, transparent);
  margin-top: 1.5rem;
  transform: scaleX(0);
  transform-origin: center;
  animation: lineWipeFull 0.6s forwards;
  animation-delay: 1s;
  border-radius: 2px;
}

/* Animasi */
@keyframes lineWipe {
  to { transform: scaleX(1); }
}

@keyframes lineWipeFull {
  to { transform: scaleX(1); }
}

@keyframes textFadeUp {
  to { opacity: 1; transform: translateY(0); }
}

@keyframes cardSlideUp {
  to {
    opacity: 1;
    transform: skew(-15deg) translateY(0);
  }
}

/* Responsif */
@media (max-width: 992px) {
  .menu-link-angled {
    flex: 1 1 calc(50% - 1rem);
  }
}
@media (max-width: 480px) {
  .menu-link-angled {
    flex: 1 1 100%;
  }
}
</style>

<script>
// Smooth scroll
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
  anchor.addEventListener("click", function (e) {
    e.preventDefault();
    const target = document.querySelector(this.getAttribute("href"));
    if (target) {
      target.scrollIntoView({ behavior: "smooth", block: "start" });
    }
  });
});
</script>



<figure class="wp-block-image aligncenter size-full"><img fetchpriority="high" decoding="async" width="400" height="292" src="https://hargaaspal.com/wp-content/uploads/2025/07/harga-aspal-semarang.webp" alt="harga aspal semarang" class="wp-image-4752"/></figure>



<section id="Produk">
<h2 class="subjudul">Jenis Produk Aspal yang Kami Tawarkan</h2>
</section id>



<p class="wp-block-paragraph">Untuk mendukung berbagai kebutuhan proyek infrastruktur di Semarang, kami menyediakan beragam jenis produk aspal dengan spesifikasi yang sesuai standar konstruksi. Setiap jenis aspal yang kami tawarkan memiliki karakteristik tersendiri, sehingga dapat disesuaikan dengan kondisi lapangan, volume pekerjaan, dan jenis pelapisan yang direncanakan. Berikut beberapa produk aspal unggulan yang kami sediakan:</p>



<h3 class="wp-block-heading">1. Aspal Curah Pen 60/70</h3>



<p class="wp-block-paragraph">Aspal jenis ini menjadi salah satu pilihan utama dalam pembangunan jalan raya dan jalan lingkungan. Selain itu dengan tingkat penetrasi yang ideal, aspal Pen 60/70 memiliki keseimbangan antara elastisitas dan daya tahan terhadap beban lalu lintas.</p>



<h3 class="wp-block-heading">2. Aspal Drum</h3>



<p class="wp-block-paragraph">Aspal dalam kemasan drum cocok untuk proyek di lokasi yang belum memiliki tangki penyimpanan aspal curah. Kami menyediakan aspal drum yang siap pakai dan dikemas secara higienis, sehingga mutu tetap terjaga hingga ke lokasi proyek.</p>



<h3 class="wp-block-heading">3. Aspal Emulsi</h3>



<p class="wp-block-paragraph">Aspal emulsi sangat cocok untuk keperluan perawatan jalan dan pelapisan ulang. Di samping itu, kami menyediakan berbagai tipe emulsi seperti CSS-1, K1-40, dan SS-1 yang dapat disesuaikan dengan kebutuhan aplikasi lapangan.</p>



<h3 class="wp-block-heading">4. Aspal Hotmix (Material Siap Olah)</h3>



<p class="wp-block-paragraph">Jika Anda memiliki alat pencampur hotmix, kami menyediakan material hotmix siap olah yang dapat langsung diproses menjadi lapisan jalan berkualitas. Jenis hotmix ini terdiri dari campuran agregat dan aspal pilihan.</p>



<h3 class="wp-block-heading">5. Aspal Karet (Modified Bitumen)</h3>



<p class="wp-block-paragraph">Kami juga menyediakan jenis aspal karet yang telah dimodifikasi untuk ketahanan maksimal terhadap beban berat dan cuaca ekstrem. Karena jenis ini sangat direkomendasikan untuk jalan tol, bandara, dan jalur logistik utama.</p>



<section id="Harga">
<h2 class="subjudul">Daftar Harga Aspal Semarang</h2>
</section id>



<p class="wp-block-paragraph">Kami lampirkan daftar <a href="https://hargaaspal.com/" target="_blank" rel="noreferrer noopener">harga aspal</a> terbaru di Semarang untuk membantu Anda menyesuaikan anggaran proyek dengan kebutuhan material. Berikut kisaran harganya:</p>


<style>
.hst{max-width:850px;margin:0 auto;padding:8px 0 16px;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;box-sizing:border-box}
.hst *{box-sizing:border-box}
.hst .hst-box{border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px #eceef2,0 6px 20px -12px rgba(9,27,50,.2)}
.hst table.hst-t{width:100%!important;border-collapse:collapse!important;border:0!important;margin:0!important;font-size:15px;line-height:1.5}
.hst .hst-t th,.hst .hst-t td{border:0!important;padding:13px 20px!important;text-align:left;vertical-align:middle}
.hst .hst-t thead th{background:#a10026!important;color:#fff!important;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.hst .hst-t th.r,.hst .hst-t td.r{text-align:left!important;width:1%;white-space:nowrap}
.hst .hst-t tbody tr{background:#fff}
.hst .hst-t tbody tr:nth-child(even){background:#fafbfc}
.hst .hst-t tbody td{border-bottom:1px solid #eef0f3!important;color:#2b3442}
.hst .hst-t tbody tr:last-child td{border-bottom:0!important}
.hst .hst-t td.n{font-weight:600;color:#091b32}
.hst .hst-t td.p{font-weight:700;color:#a10026;white-space:nowrap;font-variant-numeric:tabular-nums}
.hst .hst-t .u{width:1%;white-space:nowrap;text-align:center!important;color:#6b7482}
.hst .hst-t thead th.u{color:#fff!important}
.hst .hst-t thead th.r{text-align:center!important}
.hst .hst-t tbody tr.emu td{border-top:2px solid #e3e7ed!important}
.hst .hst-t tbody tr.emu td.p{text-align:right!important}
@media (hover:hover){.hst .hst-t tbody tr:hover{background:#fdf2f4}}
@media (max-width:600px){
.hst .hst-t{font-size:14.5px}
.hst .hst-t th,.hst .hst-t td{padding:12px 10px!important}
.hst .hst-t th:first-child,.hst .hst-t td:first-child{padding-left:14px!important}
.hst .hst-t th:last-child,.hst .hst-t td:last-child{padding-right:14px!important}
.hst .hst-t .u{padding-left:4px!important;padding-right:4px!important}
}
</style>
<div class="hst">
<div class="hst-box">
<table class="hst-t" aria-label="Tabel harga aspal hotmix dan aspal emulsi">
<thead><tr><th scope="col">Jenis Aspal</th><th scope="col" class="u">Satuan</th><th scope="col" class="r">Harga</th></tr></thead>
<tbody>
<tr><td class="n">ATB</td><td class="u">ton</td><td class="p r">Rp 1.710.000</td></tr>
<tr><td class="n">AC BC</td><td class="u">ton</td><td class="p r">Rp 1.780.000</td></tr>
<tr><td class="n">AC WC</td><td class="u">ton</td><td class="p r">Rp 1.850.000</td></tr>
<tr><td class="n">AC WC IV A</td><td class="u">ton</td><td class="p r">Rp 1.890.000</td></tr>
<tr><td class="n">3 Laston</td><td class="u">ton</td><td class="p r">Rp 1.915.000</td></tr>
<tr><td class="n">HRS</td><td class="u">ton</td><td class="p r">Rp 1.980.000</td></tr>
<tr><td class="n">3 Laston Spesial</td><td class="u">ton</td><td class="p r">Rp 2.065.000</td></tr>
<tr><td class="n">Sand Sheet</td><td class="u">ton</td><td class="p r">Rp 2.250.000</td></tr>
<tr><td class="n">Sand Sheet Spesial</td><td class="u">ton</td><td class="p r">Rp 2.400.000</td></tr>
<tr class="emu"><td class="n">Aspal Emulsi</td><td class="u">liter</td><td class="p r">Rp 16.500</td></tr>
<tr><td class="n">Aspal Emulsi</td><td class="u">drum</td><td class="p r">Rp 3.200.000</td></tr>
</tbody>
</table>
</div>
</div>


<section class="daftar-harga-section">
  <div class="harga-container">

    <h3 class="harga-title">Daftar Harga Jasa Pengaspalan per m²</h3>

    <div class="harga-list">

      <!-- III Laston -->
      <div class="harga-group">
        <div class="harga-header">III Laston</div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>2 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 115.000,-</span>
          </div>
        </div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>3 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 165.000,-</span>
          </div>
        </div>
      </div>

      <!-- III Laston Spesial -->
      <div class="harga-group">
        <div class="harga-header">III Laston Spesial</div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>1 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 70.000,-</span>
          </div>
        </div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>2 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 115.000,-</span>
          </div>
        </div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>3 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 165.000,-</span>
          </div>
        </div>
      </div>

      <!-- Sandsheet -->
      <div class="harga-group">
        <div class="harga-header">Sandsheet</div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>1 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 70.000,-</span>
          </div>
        </div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>2 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 115.000,-</span>
          </div>
        </div>
      </div>

      <!-- HRS -->
      <div class="harga-group">
        <div class="harga-header">HRS</div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>2 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 115.000,-</span>
          </div>
        </div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>3 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 165.000,-</span>
          </div>
        </div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>4 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 215.000,-</span>
          </div>
        </div>
      </div>

      <!-- AC-WC -->
      <div class="harga-group">
        <div class="harga-header">AC-WC</div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>3 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 165.000,-</span>
          </div>
        </div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>4 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 215.000,-</span>
          </div>
        </div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>5 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 265.000,-</span>
          </div>
        </div>
      </div>

      <!-- AC-BC -->
      <div class="harga-group">
        <div class="harga-header">AC-BC</div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>4 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 215.000,-</span>
          </div>
        </div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>5 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 265.000,-</span>
          </div>
        </div>
      </div>

      <!-- ATB -->
      <div class="harga-group">
        <div class="harga-header">ATB</div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>5 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 265.000,-</span>
          </div>
        </div>
      </div>

    </div>
  </div>
</section>

<style>
.daftar-harga-section {
  font-family: 'Segoe UI', sans-serif;
  background: #fdfdfd;
  padding: 50px 20px;
  display: flex;
  justify-content: center;
}

.harga-container {
  width: 100%;
  max-width: 900px;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

.harga-title {
  background: #a10026;
  color: #fff;
  text-align: center;
  font-family: 'Segoe UI', sans-serif;
  font-weight: 600;
  line-height: 1.4;
  font-size: 22px;
  padding: 18px;
  margin: 0;
  text-transform: uppercase;
}

.harga-group {
  border-bottom: 4px solid #a10026;
}

.harga-header {
  background: #091b32;
  color: #ffffff;
  font-weight: 700;
  font-size: 17px;
  padding: 14px 18px;
}

.harga-item {
  display: flex;
  justify-content: space-between;
  padding: 14px 18px;
  background: #fff;
  border-top: 1px dashed #e6dada;
  transition: 0.25s ease;
}

.harga-item:nth-child(even) {
  background: #fffdfd;
}

.kolom {
  width: 48%;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.kolom small {
  font-size: 13px;
  color: #666;
  margin-bottom: 3px;
}

.kolom span {
  font-size: 15px;
  font-weight: 600;
  color: #a10026;
}

.kolom.harga span {
  color: #a10026;
}

.harga-item:hover {
  background: #fdf1f4;
}

@media (max-width: 600px) {
  .harga-item {
    flex-direction: column;
    gap: 8px;
  }

  .kolom {
    width: 100%;
  }
}
</style>



<p class="has-text-align-center wp-block-paragraph"><em>untuk mengetahui&nbsp;harga aspal&nbsp;terbaru dan terupdate dapat menghubungi&nbsp;kami di kontak berikut</em></p>


<style>
.hcb{display:flex!important;justify-content:center;flex-wrap:wrap;gap:12px;margin:24px auto!important;padding:0 12px!important;max-width:560px;background:transparent!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Arial,sans-serif!important;-webkit-font-smoothing:antialiased;box-sizing:border-box}
.hcb *,.hcb *::before,.hcb *::after{box-sizing:border-box}
.hcb a.hcb-btn{flex:1 1 220px;display:inline-flex!important;align-items:center;justify-content:center;gap:10px;min-height:54px;margin:0!important;padding:10px 22px 10px 12px!important;border:0!important;border-radius:16px!important;color:#fff!important;text-decoration:none!important;font-size:17px!important;font-weight:600!important;letter-spacing:-.01em;line-height:1.2!important;-webkit-tap-highlight-color:transparent;box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 8px 20px -10px rgba(9,27,50,.55)!important;transition:transform .15s ease,filter .2s ease,box-shadow .2s ease}
.hcb .hcb-ico{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.2)}
.hcb .hcb-ico svg{width:19px;height:19px;display:block}
.hcb .hcb-wa{background:linear-gradient(180deg,#1f9d4c,#15803d)!important}
.hcb .hcb-tel{background:linear-gradient(180deg,#c21a45,#a10026)!important}
@media (hover:hover){.hcb a.hcb-btn:hover{filter:brightness(1.07);box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 12px 26px -12px rgba(9,27,50,.6)!important}}
.hcb a.hcb-btn:active{transform:scale(.97);filter:brightness(.95)}
.hcb a.hcb-btn:focus-visible{outline:3px solid #0a84ff;outline-offset:2px}
@media (max-width:480px){.hcb{flex-direction:column;gap:10px}.hcb a.hcb-btn{flex:none;width:100%}}
.hcb p:empty,.hcb br{display:none!important}
@media (prefers-reduced-motion:reduce){.hcb a.hcb-btn{transition:none!important}}
</style>
<div class="hcb">
<a href="https://api.whatsapp.com/send?phone=62817892028&amp;text=Halo%20hargaaspal.com,%20mohon%20informasi%20mengenai%20harga%20aspal%20dan%20jasa%20pengaspalan." target="_blank" rel="noopener" class="hcb-btn hcb-wa"><span class="hcb-ico" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="#fff" viewBox="0 0 24 24"><path d="M20.52 3.48A11.9 11.9 0 0012 .07C5.39.07.07 5.39.07 12c0 2.11.55 4.15 1.6 5.95L0 24l6.22-1.63A11.93 11.93 0 0012 23.93c6.61 0 11.93-5.32 11.93-11.93 0-3.19-1.24-6.19-3.41-8.52zM12 21.45c-1.91 0-3.77-.51-5.39-1.47l-.39-.23-3.69.97.99-3.59-.25-.37a9.43 9.43 0 01-1.5-5.15c0-5.22 4.25-9.47 9.47-9.47 2.53 0 4.9.98 6.68 2.76a9.4 9.4 0 012.79 6.72c0 5.22-4.25 9.47-9.47 9.47zm5.25-7.12c-.29-.15-1.73-.85-2-1-.27-.1-.47-.15-.67.15-.19.29-.77.96-.94 1.15-.17.2-.35.22-.64.07-.29-.15-1.22-.45-2.32-1.44-.86-.77-1.44-1.72-1.61-2.01-.17-.29-.02-.45.13-.6.13-.13.29-.35.43-.52.15-.17.19-.29.29-.48.1-.19.05-.36-.02-.52-.07-.15-.67-1.62-.91-2.21-.24-.58-.48-.5-.67-.51h-.57c-.19 0-.52.07-.79.36-.27.29-1.04 1.01-1.04 2.47s1.07 2.87 1.22 3.07c.15.19 2.11 3.22 5.1 4.51.71.31 1.26.5 1.69.64.71.23 1.35.2 1.86.12.57-.08 1.73-.71 1.98-1.4.25-.69.25-1.28.17-1.4-.07-.13-.26-.2-.55-.35z"/></svg></span>WhatsApp</a>
<a href="tel:62817892028" class="hcb-btn hcb-tel"><span class="hcb-ico" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="#fff" viewBox="0 0 24 24"><path d="M6.62 10.79a15.534 15.534 0 006.59 6.59l2.2-2.2a1 1 0 011.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 011 1V21a1 1 0 01-1 1C10.07 22 2 13.93 2 3a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.2 2.46.57 3.58.09.32.02.66-.24 1.01l-2.21 2.2z"/></svg></span>Konsultasi Gratis</a>
</div>



<h2 class="wp-block-heading has-text-align-center"></h2>



<h2 class="subjudul">Mengapa Memilih Kami sebagai Penyedia Aspal di Semarang</h2>



<p class="wp-block-paragraph">Kami berkomitmen untuk memberikan solusi material aspal yang terbaik bagi setiap mitra proyek. Tidak hanya fokus pada penyediaan produk, kami juga memahami pentingnya kualitas, konsistensi, dan pengiriman yang tepat waktu untuk menjaga kelancaran proyek Anda. Selain itu di tengah berkembangnya pembangunan infrastruktur di Kota Semarang, kebutuhan akan aspal berkualitas semakin meningkat, dan kami siap menjadi bagian dari solusi Anda.</p>



<h2 class="subjudul">Keunggulan Produk Aspal Kami</h2>



<p class="wp-block-paragraph">Kami memastikan semua produk aspal yang kami sediakan telah melewati proses quality control yang ketat. Berikut beberapa alasan mengapa pelanggan mempercayakan kebutuhan aspal mereka kepada kami:</p>



<section class="alasan">
  <div class="container">
    
    <ul class="list-alasan">
      <li>
        <span class="icon">✔</span>
        Konsistensi mutu produk yang sesuai standar nasional
      </li>
      <li>
        <span class="icon">✔</span>
        Harga kompetitif dan transparan
      </li>
      <li>
        <span class="icon">✔</span>
        Stok tersedia dalam jumlah besar
      </li>
      <li>
        <span class="icon">✔</span>
        Pengiriman cepat dan tepat waktu
      </li>
      <li>
        <span class="icon">✔</span>
        Dukungan teknis jika dibutuhkan untuk memilih jenis aspal yang tepat
      </li>
    </ul>
  </div>
</section>

<style>
.alasan {
  background: #fdfdfd;
  padding: 70px 20px;
  font-family: 'Segoe UI', sans-serif;
}

.alasan .container {
  max-width: 900px;
  margin: 0 auto;
}

.alasan .judul {
  font-size: 28px;
  font-weight: 800;
  color: #091b32;
  margin-bottom: 20px;
  text-align: center;
}

.alasan .deskripsi {
  font-size: 16px;
  color: #444;
  line-height: 1.7;
  margin-bottom: 40px;
  text-align: center;
}

/* List Style */
.list-alasan {
  list-style: none;
  margin: 0;
  padding: 0;
  border-left: 4px solid #a10026;
}

.list-alasan li {
  position: relative;
  padding: 15px 20px 15px 50px;
  font-size: 16px;
  color: #091b32;
  border-bottom: 1px solid #eee;
  background: #fff;
  transition: background 0.3s ease, transform 0.3s ease;
}

.list-alasan li:last-child {
  border-bottom: none;
}

.list-alasan li:hover {
  background: #faf5f6;
  transform: translateX(5px);
}

/* Ikon ceklis */
.list-alasan .icon {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  background: #a10026;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
</style>



<h2 class="subjudul">Kawasan Layanan dan Jangkauan Distribusi</h2>



<p class="wp-block-paragraph">Kami melayani pengiriman ke seluruh wilayah Kota Semarang dan sekitarnya, termasuk area industri, proyek pemerintah, hingga proyek skala kecil seperti akses jalan perumahan. Dalam beberapa proyek, kami juga telah menjalin kerja sama dengan <a href="https://hargaaspal.com/jasa-pengaspalan-semarang/" target="_blank" rel="noreferrer noopener">Jasa Pengaspalan Semarang</a> untuk memastikan material kami sampai ke lokasi dengan lancar.</p>



<h2 class="subjudul">Testimoni</h2>



<section class="testi-section">
  <div class="testi-grid">

    <!-- Testimoni 1 -->
    <article class="testi-card">
      <h3 class="testi-title">Mutu Aspalnya Sangat Konsisten, Proyek Jadi Lancar</h3>
      <p class="testi-quote">
        Kami pesan aspal drum untuk proyek pengaspalan akses pabrik. Produk datang tepat waktu dan kualitasnya sesuai standar. Jadi tidak ada masalah saat aplikasi.
      </p>
      <p class="testi-identitas">— Meda, Project Manager</p>
    </article>

    <!-- Testimoni 2 -->
    <article class="testi-card">
      <h3 class="testi-title">Harga dan Pelayanan Sama Bagusnya</h3>
      <p class="testi-quote">
        Saya sudah tiga kali order di sini. Adminnya cepat tanggap, pengiriman juga on time. Selain itu harganya sesuai pasaran dan kualitas tetap terjaga.
      </p>
      <p class="testi-identitas">— Nabilah, Pengusaha Properti</p>
    </article>

    <!-- Testimoni 3 -->
    <article class="testi-card">
      <h3 class="testi-title">Bisa Order Kilat, Bantu Saat Deadline Ketat</h3>
      <p class="testi-quote">
        Waktu itu butuh pengiriman cepat karena proyek mepet deadline. Untung bisa dibantu, aspalnya datang sebelum jadwal pelapisan.
      </p>
      <p class="testi-identitas">— Riza, Kepala Lapangan Proyek</p>
    </article>

    <!-- Testimoni 4 -->
    <article class="testi-card">
      <h3 class="testi-title">Respon Cepat, Layanan Profesional</h3>
      <p class="testi-quote">
        Awalnya ragu karena baru pertama order. Namun setelah komunikasi dengan timnya, semua jelas dan dijelaskan detail. Kirimannya rapi dan tepat waktu.
      </p>
      <p class="testi-identitas">— Gracia, Owner Developer Lokal</p>
    </article>

    <!-- Testimoni 5 -->
    <article class="testi-card">
      <h3 class="testi-title">Aspalnya Tidak Berminyak dan Tidak Cepat Retak</h3>
      <p class="testi-quote">
        Pernah kecewa beli dari tempat lain karena aspalnya lembek. Sedangkan di sini beda, solid dan daya lekatnya bagus. Sangat direkomendasikan.
      </p>
      <p class="testi-identitas">— Agra, Kontraktor Jalan</p>
    </article>

    <!-- Testimoni 6 (Tambahan untuk genap) -->
    <article class="testi-card">
      <h3 class="testi-title">Tim Responsif dan Kualitas Terjamin</h3>
      <p class="testi-quote">
        Kami order dalam jumlah besar dan tetap dilayani dengan cepat. Komunikasi lancar, hasil produk sangat memuaskan dari awal sampai akhir.
      </p>
      <p class="testi-identitas">— Lani, Supervisor Proyek</p>
    </article>

  </div>
</section>

<style>
  .testi-section {
    font-family: 'Segoe UI', sans-serif;
    padding: 50px 20px;
    background: #f9f9f9;
    text-align: center;
  }

  .testi-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 22px;
    text-align: left;
  }

  .testi-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 14px;
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
    padding: 18px 18px 22px;
    transition: transform .3s ease, box-shadow .3s ease;
  }

  .testi-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 20px rgba(0,0,0,.14);
  }

  .testi-title {
    font-size: 16px;
    font-weight: 700;
    color: #a10026;
    margin-bottom: 8px;
  }

  .testi-quote {
    font-size: 14px;
    color: #333;
    line-height: 1.65;
    margin: 0 0 8px;
  }

  .testi-identitas {
    font-size: 13.5px;
    color: #555;
    font-style: italic;
    margin: 0;
  }
</style>



<p class="has-text-align-center wp-block-paragraph"></p>



<section id="Form">
<h2 class="subjudul">Komitmen dan Dukungan Penuh untuk Kebutuhan Proyek Anda</h2>
</section id>



<p class="wp-block-paragraph">Kami selalu siap menjadi mitra Anda dalam menyediakan aspal berkualitas untuk berbagai kebutuhan infrastruktur. Dalam situasi tertentu, kami juga mendukung perusahaan konstruksi yang menggunakan <a href="https://hargaaspal.com/jasa-pengaspalan-jalan/" target="_blank" rel="noreferrer noopener">jasa pengaspalan jalan</a> untuk mempercepat realisasi proyek mereka, asalkan tetap mengutamakan kualitas produk yang kami suplai. Isi form untuk mendapatkan tawaran menarik:</p>


<div class="form-container" style="max-width:600px;margin:auto;padding:20px;background:#f7f7f7;border-radius:12px;box-shadow:0 0 10px rgba(0,0,0,0.1)">

  <div style="display:flex;flex-direction:column;gap:15px;">

    <!-- Pilih Satuan -->
    <div>
      <label for="satuan" style="font-weight:600;color:#333;">Pilih Satuan:</label>
      <select id="satuan" style="width:100%;padding:10px;border-radius:6px;border:1px solid #ccc;">
        <option value="">-- Pilih Satuan --</option>
        <option value="ton">Ton</option>
        <option value="m2">M2</option>
        <option value="drum">Drum</option>
        <option value="liter">Liter</option>
      </select>
    </div>

    <!-- Pilih Jenis Aspal -->
    <div id="jenis-section" style="display:none;">
      <label for="jenis" style="font-weight:600;color:#333;">Pilih Jenis Aspal:</label>
      <select id="jenis" style="width:100%;padding:10px;border-radius:6px;border:1px solid #ccc;">
        <option value="">-- Pilih Jenis Aspal --</option>
      </select>
    </div>

    <!-- Pilih Ketebalan (khusus M2) -->
    <div id="tebal-section" style="display:none;">
      <label for="tebal" style="font-weight:600;color:#333;">Pilih Ketebalan Aspal:</label>
      <select id="tebal" style="width:100%;padding:10px;border-radius:6px;border:1px solid #ccc;">
        <option value="">-- Pilih Ketebalan --</option>
      </select>
    </div>

    <!-- Jumlah Pesanan -->
    <div>
      <label for="jumlah" id="label-jumlah" style="font-weight:600;color:#333;">Jumlah Pesanan:</label>
      <div style="display:flex;align-items:center;gap:10px;">
        <input type="number" id="jumlah" min="1" style="flex:1;padding:10px;border-radius:6px;border:1px solid #ccc;">
        <span id="satuan-label" style="color:#555;font-size:14px;">satuan</span>
      </div>
    </div>

    <!-- Tombol Hitung -->
    <button onclick="hitungTotal()" style="width:100%;padding:12px;background:#a10026;color:#fff;border:none;border-radius:6px;font-weight:bold;cursor:pointer;">Hitung Total</button>

    <!-- Hasil -->
    <div id="hasil" style="margin-top:15px;padding:15px;background:#fff;border-radius:8px;display:none;">
      <h4 style="margin-bottom:10px;">Detail Pesanan:</h4>
      <p id="detail" style="margin-bottom:8px;line-height:1.6;"></p>
      <p><strong>Total Harga:</strong> <span id="total-harga" style="color:#a10026;font-weight:bold;"></span></p>
    </div>

    <!-- Tombol WhatsApp -->
    <a id="pesan-wa" href="#" target="_blank" style="display:none;text-decoration:none;">
      <button style="width:100%;margin-top:10px;padding:12px;background:#25d366;color:#fff;border:none;border-radius:6px;font-weight:bold;cursor:pointer;">Pesan Sekarang via WhatsApp</button>
    </a>

  </div>
</div>

<script>
const harga = {
  ton: {
    "Aspal Hotmix AC-WC": 1710000,
    "Aspal Hotmix AC-WC IV A": 1750000,
    "Aspal Hotmix AC-BC": 1645000,
    "Aspal Hotmix Laston": 1780000,
    "Aspal Hotmix Laston Spesial": 1930000,
    "Aspal Hotmix HRS": 1840000,
    "Aspal Hotmix Sand Sheet": 2070000,
    "Aspal Hotmix Sand Sheet Spesial": 2220000
  },
  m2: {
    1: 70000,
    2: 115000,
    3: 165000,
    4: 215000,
    5: 265000
  },
  drum: { "Emulsi": 3300000 },
  liter: { "Emulsi": 18000 }
};

// Jenis aspal berdasarkan satuan
const jenisBySatuan = {
  ton: [
    "Aspal Hotmix AC-WC", "Aspal Hotmix AC-WC IV A", "Aspal Hotmix AC-BC",
    "Aspal Hotmix Laston", "Aspal Hotmix Laston Spesial", "Aspal Hotmix HRS",
    "Aspal Hotmix Sand Sheet", "Aspal Hotmix Sand Sheet Spesial"
  ],
  m2: [
    "AC WC", "AC BC", "HRS", "III Laston", "III Laston Special", "Sandsheet", "ATB"
  ],
  drum: ["Emulsi"],
  liter: ["Emulsi"]
};

// Ketebalan berdasarkan jenis (dibalik dari sebelumnya)
const tebalByJenis = {
  "AC WC": [3,4,5],
  "AC BC": [4,5],
  "HRS": [2,3,4],
  "III Laston": [2,3],
  "III Laston Special": [1,2,3],
  "Sandsheet": [1,2],
  "ATB": [5]
};

const satuanSelect = document.getElementById('satuan');
const jenisSelect = document.getElementById('jenis');
const tebalSelect = document.getElementById('tebal');
const tebalSection = document.getElementById('tebal-section');
const jenisSection = document.getElementById('jenis-section');
const jumlahInput = document.getElementById('jumlah');
const labelJumlah = document.getElementById('label-jumlah');
const satuanLabel = document.getElementById('satuan-label');

satuanSelect.addEventListener('change', () => {
  const satuan = satuanSelect.value;
  jenisSelect.innerHTML = '<option value="">-- Pilih Jenis Aspal --</option>';
  tebalSelect.innerHTML = '<option value="">-- Pilih Ketebalan --</option>';
  tebalSection.style.display = 'none';
  jenisSection.style.display = satuan ? 'block' : 'none';
  labelJumlah.textContent = satuan === 'm2' ? 'Luas (m²):' :
                            satuan === 'ton' ? 'Jumlah (Ton):' :
                            satuan === 'drums' ? 'Jumlah (Liter):' :
                            satuan === 'liter' ? 'Jumlah (Liter):' :
                            'Jumlah Pesanan:';
  satuanLabel.textContent = satuan || 'satuan';

  if (satuan && jenisBySatuan[satuan]) {
    jenisBySatuan[satuan].forEach(j => {
      const opt = document.createElement('option');
      opt.value = j;
      opt.textContent = j;
      jenisSelect.appendChild(opt);
    });
  }
});

jenisSelect.addEventListener('change', () => {
  const satuan = satuanSelect.value;
  const jenis = jenisSelect.value;

  tebalSelect.innerHTML = '<option value="">-- Pilih Ketebalan --</option>';

  if (satuan === 'm2' && tebalByJenis[jenis]) {
    tebalByJenis[jenis].forEach(t => {
      const opt = document.createElement('option');
      opt.value = t;
      opt.textContent = `${t} cm`;
      tebalSelect.appendChild(opt);
    });
    tebalSection.style.display = 'block';
  } else {
    tebalSection.style.display = 'none';
  }
});

function hitungTotal() {
  const satuan = satuanSelect.value;
  const jenis = jenisSelect.value;
  const jumlah = parseFloat(jumlahInput.value);
  const tebal = tebalSelect.value;

  if (!satuan || !jenis || !jumlah) {
    alert('Silakan lengkapi semua pilihan dan jumlah.');
    return;
  }

  let hargaSatuan = 0;
  if (satuan === 'm2') {
    if (!tebal) {
      alert('Silakan pilih ketebalan.');
      return;
    }
    hargaSatuan = harga.m2[tebal];
  } else {
    hargaSatuan = harga[satuan][jenis];
  }

  const total = hargaSatuan * jumlah;

  document.getElementById('hasil').style.display = 'block';
  document.getElementById('detail').innerHTML = `
    Jenis Aspal: ${jenis}<br>
    ${satuan === 'm2' ? `Ketebalan: ${tebal} cm<br>` : ''}
    Jumlah: ${jumlah.toLocaleString('id-ID')} ${satuan}<br>
    Harga per ${satuan}: Rp ${hargaSatuan.toLocaleString('id-ID')}
  `;
  document.getElementById('total-harga').textContent = 'Rp ' + total.toLocaleString('id-ID');

  const pesanText = `Halo hargaaspal.com, Saya berminat untuk pesan ${jenis} ${satuan === 'm2' ? 'dengan ketebalan ' + tebal + ' cm' : ''}, ${jumlah} ${satuan}. Totalnya Rp ${total.toLocaleString('id-ID')}. Mohon informasinya.`;
  const waUrl = `https://api.whatsapp.com/send/?phone=62817892028&text=${encodeURIComponent(pesanText)}&type=phone_number&app_absent=0`;
  
  const waButton = document.getElementById('pesan-wa');
  waButton.href = waUrl;
  waButton.style.display = 'block';
}
</script>



<h2 class="subjudul">Pertanyaan yang Sering Diajukan (FAQ)</h2>



<div class="schema-faq wp-block-yoast-faq-block"><div class="schema-faq-section" id="faq-question-1756438112407"><strong class="schema-faq-question"><strong>1. Apakah kalian hanya melayani pembelian aspal dalam jumlah besar?</strong></strong> <p class="schema-faq-answer">Kami melayani pembelian aspal baik dalam skala kecil maupun besar. Untuk proyek dengan kebutuhan volume tertentu, kami akan bantu sesuaikan penawaran terbaiknya.</p> </div> <div class="schema-faq-section" id="faq-question-1756438150456"><strong class="schema-faq-question"><strong>2. Berapa lama waktu pengiriman aspal ke wilayah Semarang?</strong></strong> <p class="schema-faq-answer">Waktu pengiriman tergantung pada lokasi dan jenis produk. Namun umumnya, pengiriman ke wilayah Semarang membutuhkan waktu 1–2 hari kerja setelah proses pemesanan dikonfirmasi.</p> </div> <div class="schema-faq-section" id="faq-question-1756438164798"><strong class="schema-faq-question"><strong>3. Apakah produk aspal tersedia sepanjang tahun?</strong></strong> <p class="schema-faq-answer">Ya, kami menyediakan stok aspal sepanjang tahun. Karena kami memiliki manajemen distribusi yang stabil untuk menjaga ketersediaan produk setiap waktu.</p> </div> <div class="schema-faq-section" id="faq-question-1756438176636"><strong class="schema-faq-question"><strong>4. Apakah saya bisa konsultasi sebelum memilih jenis aspal yang tepat?</strong></strong> <p class="schema-faq-answer">Tentu saja. Tim kami siap membantu Anda dalam memilih jenis aspal yang sesuai dengan kebutuhan proyek, mulai dari jalan perumahan hingga jalan industri.</p> </div> <div class="schema-faq-section" id="faq-question-1756438221295"><strong class="schema-faq-question"><strong>5. Bagaimana metode pembayaran yang tersedia?</strong></strong> <p class="schema-faq-answer">Kami menerima pembayaran melalui transfer bank, dan untuk pembelian dalam jumlah besar, kami dapat melakukan sistem termin berdasarkan kesepakatan.</p> </div> </div>



<h2 class="wp-block-heading has-text-align-center"></h2>
<p>Artikel <a href="https://hargaaspal.com/harga-aspal-semarang/">Harga Aspal Semarang Terbaru, Menyediakan Aspal Berkualitas</a> pertama kali tampil pada <a href="https://hargaaspal.com">Harga Aspal Terbaru</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://hargaaspal.com/harga-aspal-semarang/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Pabrik Aspal Semarang, Penghasil Berbagai Jenis Aspal dengan Kualitas Premium</title>
		<link>https://hargaaspal.com/pabrik-aspal-semarang/</link>
					<comments>https://hargaaspal.com/pabrik-aspal-semarang/#respond</comments>
		
		<dc:creator><![CDATA[Harga Aspal]]></dc:creator>
		<pubDate>Thu, 30 Jan 2025 09:59:25 +0000</pubDate>
				<category><![CDATA[Pabrik Aspal]]></category>
		<category><![CDATA[Semarang]]></category>
		<guid isPermaLink="false">https://hargaaspal.com/?p=1730</guid>

					<description><![CDATA[<p>Selamat datang di Pabrik Aspal Semarang, tempat di mana kualitas, teknologi, dan pelayanan terbaik bertemu untuk menyediakan produk aspal unggulan.</p>
<p>Artikel <a href="https://hargaaspal.com/pabrik-aspal-semarang/">Pabrik Aspal Semarang, Penghasil Berbagai Jenis Aspal dengan Kualitas Premium</a> pertama kali tampil pada <a href="https://hargaaspal.com">Harga Aspal Terbaru</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Selamat datang di <a href="https://hargaaspal.com/pabrik-aspal-semarang/" target="_blank" rel="noreferrer noopener">Pabrik Aspal Semarang</a>, tempat di mana kualitas, teknologi, dan pelayanan terbaik bertemu untuk menyediakan produk aspal unggulan. Kami hadir untuk memenuhi segala kebutuhan aspal Anda, baik untuk proyek kecil maupun besar di Semarang dan sekitarnya dengan harga aspal yang kompetitif. Semarang, sebagai salah satu kota besar di Jawa Tengah, memiliki potensi besar dalam pengembangan infrastruktur, dan kami bangga menjadi bagian dari itu.</p>



<section class="hargaaspal-menu">
  <!-- Heading Menu dengan animasi -->
  <div class="menu-heading-alt">
    <span>MENU</span>
  </div>

  <div class="menu-container-angled">
    <a href="#Produk" class="menu-link-angled" style="--i:0;">
      <span class="menu-title">Produk Aspal Kami</span>
    </a>

    <a href="#Harga" class="menu-link-angled" style="--i:1;">
      <span class="menu-title">Daftar Harga</span>
    </a>

    <a href="#Form" class="menu-link-angled" style="--i:3;">
      <span class="menu-title">Form Pemesanan</span>
    </a>
  </div>

  <!-- Garis Bawah Menu -->
  <div class="menu-bottom-line"></div>
</section>

<style>
/* Heading Menu dengan garis kiri-kanan + tulisan miring */
.menu-heading-alt {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.8rem;
  font-family: 'Segoe UI', sans-serif;
  overflow: hidden;
}

.menu-heading-alt::before,
.menu-heading-alt::after {
  content: "";
  flex: 1;
  height: 3px;
  background: linear-gradient(to right, transparent, #a10026);
  margin: 0 10px;
  border-radius: 2px;
  transform: scaleX(0);
  transform-origin: center;
  animation: lineWipe 0.5s forwards;
}

.menu-heading-alt::after {
  background: linear-gradient(to left, transparent, #a10026);
  animation-delay: 0.3s;
}

.menu-heading-alt span {
  font-size: 1.6rem;
  font-weight: 700;
  color: #091b32;
  letter-spacing: 2px;
  font-style: bold;
  opacity: 0;
  transform: translateY(12px);
  animation: textFadeUp 0.5s forwards 0.3s;
}

/* Container menu */
.menu-container-angled {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* Menu link berbentuk jajar genjang */
.menu-link-angled {
  flex: 1 1 calc(25% - 1rem);
  background: #a10026;
  color: #fff;
  text-align: center;
  padding: 1.5rem 0.5rem;
  text-decoration: none;
  font-family: 'Segoe UI', sans-serif;
  font-weight: 600;
  transform: skew(-15deg) translateY(25px);
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  position: relative;
  opacity: 0;
  animation: cardSlideUp 0.5s forwards;
  animation-delay: calc(var(--i) * 0.15s + 0.6s);
  transition: all 0.3s ease;
}

.menu-link-angled span {
  display: block;
  transform: skew(15deg); /* Balikin text agar tidak miring di tombol */
}

.menu-link-angled:hover {
  background: #091b32;
  box-shadow: 0 6px 14px rgba(0,0,0,0.25);
  transform: skew(-15deg) translateY(-3px);
}

.menu-title {
  font-size: 1.2rem;
  text-transform: uppercase;
}

/* Garis Bawah Menu */
.menu-bottom-line {
  width: 100%;
  height: 3px;
  background: linear-gradient(to right, transparent, #a10026, transparent);
  margin-top: 1.5rem;
  transform: scaleX(0);
  transform-origin: center;
  animation: lineWipeFull 0.6s forwards;
  animation-delay: 1s;
  border-radius: 2px;
}

/* Animasi */
@keyframes lineWipe {
  to { transform: scaleX(1); }
}

@keyframes lineWipeFull {
  to { transform: scaleX(1); }
}

@keyframes textFadeUp {
  to { opacity: 1; transform: translateY(0); }
}

@keyframes cardSlideUp {
  to {
    opacity: 1;
    transform: skew(-15deg) translateY(0);
  }
}

/* Responsif */
@media (max-width: 992px) {
  .menu-link-angled {
    flex: 1 1 calc(50% - 1rem);
  }
}
@media (max-width: 480px) {
  .menu-link-angled {
    flex: 1 1 100%;
  }
}
</style>

<script>
// Smooth scroll
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
  anchor.addEventListener("click", function (e) {
    e.preventDefault();
    const target = document.querySelector(this.getAttribute("href"));
    if (target) {
      target.scrollIntoView({ behavior: "smooth", block: "start" });
    }
  });
});
</script>



<h2 class="wp-block-heading"></h2>



<h2 class="subjudul">Selamat Datang di Pabrik Aspal Semarang</h2>



<p class="wp-block-paragraph">Pabrik Aspal Semarang berdiri dengan tujuan utama untuk memenuhi kebutuhan aspal berkualitas tinggi bagi berbagai proyek infrastruktur, diantaranya jasa aspal maupun jasa perbaikan jalan. Kami memahami bahwa kualitas aspal sangat menentukan ketahanan dalam pembangunan jalan. Sehingga kami selalu mengutamakan penggunaan bahan baku terbaik dan teknologi terbaru.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="500" height="380" src="https://hargaaspal.com/wp-content/uploads/2025/01/Pabrik-Aspal-Semarang-500x380.webp" alt="Pabrik Aspal Semarang" class="wp-image-1744"/></figure>



<h2 class="subjudul">Teknologi di Pabrik Aspal Semarang</h2>



<p class="wp-block-paragraph">Pabrik kami menggunakan berbagai teknologi canggih dalam proses produksi aspal. Dengan menggunakan asphalt mixing plant modern, kami memastikan kualitas aspal yang kami hasilkan selalu memenuhi standar internasional. Berikut beberapa teknologi yang kami gunakan antara lain:</p>



<h3 class="wp-block-heading">1. Asphalt Mixing Plant (AMP)</h3>



<p class="wp-block-paragraph">Asphalt Mixing Plant<strong> </strong>(AMP) adalah alat utama dalam proses produksi aspal. AMP ini mampu menghasilkan campuran aspal yang berkualitas dengan kontrol yang sangat presisi, sehingga menghasilkan produk yang memiliki kualitas yang konsisten. Teknologi ini sangat penting untuk memastikan bahwa setiap campuran aspal akan menghasilkan sesuai dengan spesifikasi kebutuhan untuk setiap proyek.</p>



<h3 class="wp-block-heading">2. Teknologi Pemanasan dan Pencampuran</h3>



<p class="wp-block-paragraph">Untuk menghasilkan aspal dengan kualitas terbaik, kami menggunakan teknologi pemanasan yang efisien dan proses pencampuran yang optimal. Ini memastikan aspal yang kami produksi memiliki ketahanan yang lebih baik terhadap suhu ekstrem, serta daya rekat yang lebih tinggi. Sehingga cocok untuk berbagai macam kebutuhan konstruksi.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="500" height="380" src="https://hargaaspal.com/wp-content/uploads/2025/01/pabrik-aspal-hotmix-Semarang-500x380.webp" alt="pabrik aspal hotmix Semarang" class="wp-image-1746"/></figure>



<h3 class="wp-block-heading">3. Sistem Pengontrolan Kualitas</h3>



<p class="wp-block-paragraph">Setiap produksi aspal di pabrik kami memiliki sistem kontrol kualitas yang ketat. Karena kami memiliki laboratorium pengujian untuk memastikan bahwa produk yang pabrik kami hasilkan sesuai dengan standar yang berlaku, serta bebas dari cacat.</p>



<section id="Produk">
<h2 class="subjudul">Produk-Produk Pabrik Aspal Semarang</h2>
</section>



<p class="wp-block-paragraph">Kami menawarkan berbagai jenis produk aspal yang dapat disesuaikan dengan kebutuhan proyek Anda. Berikut adalah tujuh produk utama yang kami tawarkan:</p>



<h3 class="wp-block-heading">1. Aspal Hotmix</h3>



<p class="wp-block-paragraph">Aspal Hotmix adalah jenis aspal yang pengaplikasiannya untuk proyek jalan raya dan infrastruktur lainnya. Selain itu dengan campuran agregat dan aspal yang dipanaskan, produk ini sangat kuat dan tahan lama, ideal untuk jalan yang dilalui kendaraan berat.</p>



<h3 class="wp-block-heading">2. Aspal Coldmix</h3>



<p class="wp-block-paragraph">Aspal Coldmix ideal untuk perbaikan jalan yang cepat dan efisien. Berbeda dengan Hotmix, aspal ini dapat diaplikasikan pada suhu lingkungan tanpa pemanasan terlebih dahulu, menjadikannya pilihan tepat untuk perbaikan sementara.</p>



<h3 class="wp-block-heading">3. Aspal Trapezoidal</h3>



<p class="wp-block-paragraph">Jenis aspal ini memiliki tekstur yang lebih kasar dan cocok untuk jalan dengan lalu lintas yang sangat padat. Sehingga produk ini memberikan daya cengkeram yang lebih baik, mengurangi risiko tergelincir.</p>



<h3 class="wp-block-heading">4. Aspal Penetrasi</h3>



<p class="wp-block-paragraph">Cocok untuk jalan dengan tingkat lalu lintas yang rendah hingga sedang. Selain itu aspal ini memiliki viskositas yang lebih tinggi, yang membuatnya ideal untuk memberikan lapisan pelindung yang lebih baik.</p>



<h3 class="wp-block-heading">5. Aspal Multigrade</h3>



<p class="wp-block-paragraph">Aspal Multigrade untuk mengatasi perbedaan suhu yang ekstrem, baik panas maupun dingin. Sehingga produk ini sangat cocok untuk wilayah yang memiliki iklim dengan fluktuasi suhu yang tajam.</p>



<h3 class="wp-block-heading">6. Aspal Emulsified</h3>



<p class="wp-block-paragraph">Aspal Emulsified adalah jenis aspal yang pengaplikasiannya pada permukaan jalan yang membutuhkan daya rekat yang lebih baik. Biasanya untuk perbaikan atau pemeliharaan jalan.</p>



<h3 class="wp-block-heading">7. Aspal Modifikasi</h3>



<p class="wp-block-paragraph">Aspal Modifikasi adalah jenis aspal yang telah mengalami modifikasi dengan bahan kimia atau polimer untuk meningkatkan performa, seperti ketahanan terhadap retak atau pembentukan gundukan pada jalan.</p>



<section id="Harga">
<h2 class="subjudul">Harga Aspal dan Satuan Harga di Pabrik Aspal Semarang</h2>
</section>



<p class="wp-block-paragraph">Harga aspal dapat bervariasi tergantung pada jenis dan jumlah kebutuhan aspal. Namun, kami selalu berusaha memberikan harga yang kompetitif tanpa mengorbankan kualitas. Kami menawarkan diskon khusus untuk pembelian dalam jumlah besar atau kontrak jangka panjang. Berikut kami lampirkan daftar harga aspal:</p>


<style>
.hst{max-width:850px;margin:0 auto;padding:8px 0 16px;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;box-sizing:border-box}
.hst *{box-sizing:border-box}
.hst .hst-box{border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px #eceef2,0 6px 20px -12px rgba(9,27,50,.2)}
.hst table.hst-t{width:100%!important;border-collapse:collapse!important;border:0!important;margin:0!important;font-size:15px;line-height:1.5}
.hst .hst-t th,.hst .hst-t td{border:0!important;padding:13px 20px!important;text-align:left;vertical-align:middle}
.hst .hst-t thead th{background:#a10026!important;color:#fff!important;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.hst .hst-t th.r,.hst .hst-t td.r{text-align:left!important;width:1%;white-space:nowrap}
.hst .hst-t tbody tr{background:#fff}
.hst .hst-t tbody tr:nth-child(even){background:#fafbfc}
.hst .hst-t tbody td{border-bottom:1px solid #eef0f3!important;color:#2b3442}
.hst .hst-t tbody tr:last-child td{border-bottom:0!important}
.hst .hst-t td.n{font-weight:600;color:#091b32}
.hst .hst-t td.p{font-weight:700;color:#a10026;white-space:nowrap;font-variant-numeric:tabular-nums}
.hst .hst-t .u{width:1%;white-space:nowrap;text-align:center!important;color:#6b7482}
.hst .hst-t thead th.u{color:#fff!important}
.hst .hst-t thead th.r{text-align:center!important}
.hst .hst-t tbody tr.emu td{border-top:2px solid #e3e7ed!important}
.hst .hst-t tbody tr.emu td.p{text-align:right!important}
@media (hover:hover){.hst .hst-t tbody tr:hover{background:#fdf2f4}}
@media (max-width:600px){
.hst .hst-t{font-size:14.5px}
.hst .hst-t th,.hst .hst-t td{padding:12px 10px!important}
.hst .hst-t th:first-child,.hst .hst-t td:first-child{padding-left:14px!important}
.hst .hst-t th:last-child,.hst .hst-t td:last-child{padding-right:14px!important}
.hst .hst-t .u{padding-left:4px!important;padding-right:4px!important}
}
</style>
<div class="hst">
<div class="hst-box">
<table class="hst-t" aria-label="Tabel harga aspal hotmix dan aspal emulsi">
<thead><tr><th scope="col">Jenis Aspal</th><th scope="col" class="u">Satuan</th><th scope="col" class="r">Harga</th></tr></thead>
<tbody>
<tr><td class="n">ATB</td><td class="u">ton</td><td class="p r">Rp 1.710.000</td></tr>
<tr><td class="n">AC BC</td><td class="u">ton</td><td class="p r">Rp 1.780.000</td></tr>
<tr><td class="n">AC WC</td><td class="u">ton</td><td class="p r">Rp 1.850.000</td></tr>
<tr><td class="n">AC WC IV A</td><td class="u">ton</td><td class="p r">Rp 1.890.000</td></tr>
<tr><td class="n">3 Laston</td><td class="u">ton</td><td class="p r">Rp 1.915.000</td></tr>
<tr><td class="n">HRS</td><td class="u">ton</td><td class="p r">Rp 1.980.000</td></tr>
<tr><td class="n">3 Laston Spesial</td><td class="u">ton</td><td class="p r">Rp 2.065.000</td></tr>
<tr><td class="n">Sand Sheet</td><td class="u">ton</td><td class="p r">Rp 2.250.000</td></tr>
<tr><td class="n">Sand Sheet Spesial</td><td class="u">ton</td><td class="p r">Rp 2.400.000</td></tr>
<tr class="emu"><td class="n">Aspal Emulsi</td><td class="u">liter</td><td class="p r">Rp 16.500</td></tr>
<tr><td class="n">Aspal Emulsi</td><td class="u">drum</td><td class="p r">Rp 3.200.000</td></tr>
</tbody>
</table>
</div>
</div>



<p class="has-text-align-center wp-block-paragraph"><em>nb : untuk mengetahui <a href="https://hargaaspal.com" target="_blank" rel="noreferrer noopener">harga aspal</a> terbaru dan terupdate dapat menghubungi</em> <em>kami</em></p>


<style>
.hcb{display:flex!important;justify-content:center;flex-wrap:wrap;gap:12px;margin:24px auto!important;padding:0 12px!important;max-width:560px;background:transparent!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Arial,sans-serif!important;-webkit-font-smoothing:antialiased;box-sizing:border-box}
.hcb *,.hcb *::before,.hcb *::after{box-sizing:border-box}
.hcb a.hcb-btn{flex:1 1 220px;display:inline-flex!important;align-items:center;justify-content:center;gap:10px;min-height:54px;margin:0!important;padding:10px 22px 10px 12px!important;border:0!important;border-radius:16px!important;color:#fff!important;text-decoration:none!important;font-size:17px!important;font-weight:600!important;letter-spacing:-.01em;line-height:1.2!important;-webkit-tap-highlight-color:transparent;box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 8px 20px -10px rgba(9,27,50,.55)!important;transition:transform .15s ease,filter .2s ease,box-shadow .2s ease}
.hcb .hcb-ico{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.2)}
.hcb .hcb-ico svg{width:19px;height:19px;display:block}
.hcb .hcb-wa{background:linear-gradient(180deg,#1f9d4c,#15803d)!important}
.hcb .hcb-tel{background:linear-gradient(180deg,#c21a45,#a10026)!important}
@media (hover:hover){.hcb a.hcb-btn:hover{filter:brightness(1.07);box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 12px 26px -12px rgba(9,27,50,.6)!important}}
.hcb a.hcb-btn:active{transform:scale(.97);filter:brightness(.95)}
.hcb a.hcb-btn:focus-visible{outline:3px solid #0a84ff;outline-offset:2px}
@media (max-width:480px){.hcb{flex-direction:column;gap:10px}.hcb a.hcb-btn{flex:none;width:100%}}
.hcb p:empty,.hcb br{display:none!important}
@media (prefers-reduced-motion:reduce){.hcb a.hcb-btn{transition:none!important}}
</style>
<div class="hcb">
<a href="https://api.whatsapp.com/send?phone=62817892028&amp;text=Halo%20hargaaspal.com,%20mohon%20informasi%20mengenai%20harga%20aspal%20dan%20jasa%20pengaspalan." target="_blank" rel="noopener" class="hcb-btn hcb-wa"><span class="hcb-ico" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="#fff" viewBox="0 0 24 24"><path d="M20.52 3.48A11.9 11.9 0 0012 .07C5.39.07.07 5.39.07 12c0 2.11.55 4.15 1.6 5.95L0 24l6.22-1.63A11.93 11.93 0 0012 23.93c6.61 0 11.93-5.32 11.93-11.93 0-3.19-1.24-6.19-3.41-8.52zM12 21.45c-1.91 0-3.77-.51-5.39-1.47l-.39-.23-3.69.97.99-3.59-.25-.37a9.43 9.43 0 01-1.5-5.15c0-5.22 4.25-9.47 9.47-9.47 2.53 0 4.9.98 6.68 2.76a9.4 9.4 0 012.79 6.72c0 5.22-4.25 9.47-9.47 9.47zm5.25-7.12c-.29-.15-1.73-.85-2-1-.27-.1-.47-.15-.67.15-.19.29-.77.96-.94 1.15-.17.2-.35.22-.64.07-.29-.15-1.22-.45-2.32-1.44-.86-.77-1.44-1.72-1.61-2.01-.17-.29-.02-.45.13-.6.13-.13.29-.35.43-.52.15-.17.19-.29.29-.48.1-.19.05-.36-.02-.52-.07-.15-.67-1.62-.91-2.21-.24-.58-.48-.5-.67-.51h-.57c-.19 0-.52.07-.79.36-.27.29-1.04 1.01-1.04 2.47s1.07 2.87 1.22 3.07c.15.19 2.11 3.22 5.1 4.51.71.31 1.26.5 1.69.64.71.23 1.35.2 1.86.12.57-.08 1.73-.71 1.98-1.4.25-.69.25-1.28.17-1.4-.07-.13-.26-.2-.55-.35z"/></svg></span>WhatsApp</a>
<a href="tel:62817892028" class="hcb-btn hcb-tel"><span class="hcb-ico" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="#fff" viewBox="0 0 24 24"><path d="M6.62 10.79a15.534 15.534 0 006.59 6.59l2.2-2.2a1 1 0 011.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 011 1V21a1 1 0 01-1 1C10.07 22 2 13.93 2 3a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.2 2.46.57 3.58.09.32.02.66-.24 1.01l-2.21 2.2z"/></svg></span>Konsultasi Gratis</a>
</div>



<h3 class="wp-block-heading">1. Harga Aspal per M (Meter)&nbsp;</h3>



<p class="wp-block-paragraph">Harga aspal per meter biasanya mengacu pada biaya untuk pengaspalan jalan dengan panjang tertentu. Satuan ini cocok untuk proyek yang membutuhkan perhitungan berdasarkan panjang area yang akan diaspal. Misalnya, untuk jalan sepanjang 100 meter, Anda dapat mengalikan harga per M (Meter) dengan total panjang jalan untuk mendapatkan estimasi biaya.</p>



<h3 class="wp-block-heading">2. Harga Aspal per Drum&nbsp;</h3>



<p class="wp-block-paragraph">Aspal dalam bentuk drum sering digunakan untuk proyek kecil atau perbaikan jalan skala menengah. Harga aspal per drum memberikan kemudahan dalam pengiriman dan penyimpanan, terutama untuk lokasi proyek yang membutuhkan mobilitas tinggi. Pastikan Anda memeriksa kapasitas drum dan kualitas aspal, untuk mendapatkan nilai terbaik.</p>



<h3 class="wp-block-heading">3. Harga Aspal per Kilogram (Kg)&nbsp;</h3>



<p class="wp-block-paragraph">Satuan harga aspal per kilogram (Kg) ideal untuk proyek yang membutuhkan perhitungan material secara detail. Dengan satuan ini, Anda dapat menyesuaikan kebutuhan aspal berdasarkan berat, sehingga meminimalisir pemborosan material. Harga per kg juga memudahkan Anda dalam membandingkan harga antar supplier.</p>



<h3 class="wp-block-heading">4. Harga Aspal per M2 (Meter Persegi)</h3>



<p class="wp-block-paragraph">Harga aspal per M2 (meter persegi) sangat relevan untuk proyek yang membutuhkan pengaspalan area luas, seperti parkiran atau pelataran. Satuan ini membantu Anda menghitung biaya berdasarkan luas permukaan yang akan diaspal, sehingga memudahkan perencanaan anggaran.</p>



<h3 class="wp-block-heading">5. Harga Aspal Hotmix per m3 (meter kubik)</h3>



<p class="wp-block-paragraph">Untuk proyek besar seperti pembangunan jalan tol atau bandara, harga aspal hotmix per m3 menjadi pilihan yang tepat. Satuan ini mengacu pada kebutuhan volume aspal, memastikan Anda mendapatkan jumlah material yang sesuai dengan kebutuhan proyek.</p>



<h3 class="wp-block-heading">6. Harga Aspal Cair&nbsp;</h3>



<p class="wp-block-paragraph">Aspal cair sering digunakan untuk lapisan permukaan atau perbaikan jalan yang membutuhkan tingkat kehalusan tinggi. Harga aspal cair biasanya dihitung per liter atau per drum, tergantung pada kebutuhan proyek. Pastikan Anda memilih jenis aspal cair yang sesuai dengan kondisi lingkungan dan cuaca.</p>



<h3 class="wp-block-heading">7. Harga Hotmix per Ton&nbsp;</h3>



<p class="wp-block-paragraph">Satuan harga aspal per ton umumnya digunakan untuk proyek besar yang membutuhkan pasokan aspal dalam jumlah masif. Dengan satuan ini, Anda dapat menghemat biaya karena pembelian dalam jumlah besar biasanya disertai diskon atau harga khusus.</p>



<h2 class="subjudul">Kenapa Memilih Produk Pabrik Aspal Semarang</h2>



<p class="wp-block-paragraph">Berikut beberapa alasan mengapa Anda harus memilih Pabrik Aspal Semarang sebagai mitra Anda dalam penyediaan aspal berkualitas:</p>



<h3 class="wp-block-heading">1. Kualitas Terjamin</h3>



<p class="wp-block-paragraph">Kami menggunakan bahan baku terbaik dan teknologi terkini untuk menghasilkan produk yang kuat dan tahan lama. Selain itu, dengan sistem pengawasan ketat dalam setiap tahap produksi, kami memastikan bahwa setiap produk yang kami hasilkan memiliki standar kualitas yang tinggi untuk berbagai proyek konstruksi.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="380" src="https://hargaaspal.com/wp-content/uploads/2025/01/pabrik-aspal-drum-Semarang-500x380.webp" alt="pabrik aspal drum Semarang" class="wp-image-1745"/></figure>



<h3 class="wp-block-heading">2. Harga Bersaing</h3>



<p class="wp-block-paragraph">Kami menawarkan harga aspal hotmix yang kompetitif tanpa mengorbankan kualitas. Dengan efisiensi dalam proses produksi, kami dapat memberikan <a href="http://hargaaspal.com/harga-aspal-semarang" target="_blank" rel="noreferrer noopener">harga aspal Semarang</a> terbaik kepada pelanggan tanpa mengurangi standar kualitas yang telah kami tetapkan.</p>



<h3 class="wp-block-heading">3. Pelayanan Cepat dan Ramah</h3>



<p class="wp-block-paragraph">Tim kami siap membantu Anda dalam setiap tahap, mulai dari konsultasi hingga pengiriman. Karena kami mengutamakan kepuasan pelanggan dengan memberikan respon cepat dan solusi terbaik sesuai kebutuhan proyek Anda.</p>



<h3 class="wp-block-heading">4. Ramah Lingkungan</h3>



<p class="wp-block-paragraph">Kami berkomitmen untuk menjaga keberlanjutan lingkungan dengan menerapkan teknologi ramah lingkungan dalam proses produksi. Kami memastikan untuk mengelola limbah produksi dengan baik agar tidak mencemari lingkungan sekitar.</p>



<section id="Form">
<h2 class="subjudul">Form Pemesanan Pabrik Aspal Semarang</h2>
</section>


<div id="kho-aspal">
<style>
#kho-aspal,#kho-aspal *,#kho-aspal *::before,#kho-aspal *::after{box-sizing:border-box}
#kho-aspal h3,#kho-aspal p,#kho-aspal label,#kho-aspal span,#kho-aspal strong,#kho-aspal button,#kho-aspal input,#kho-aspal select,#kho-aspal a,#kho-aspal div,#kho-aspal dl,#kho-aspal dt,#kho-aspal dd{margin:0;padding:0;border:0;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:normal;text-transform:none;text-shadow:none;box-shadow:none;background:none;color:inherit;min-height:0;min-width:0;max-width:none;width:auto;height:auto;float:none;text-align:inherit}
#kho-aspal [hidden]{display:none!important}
#kho-aspal option,#kho-aspal optgroup{color:#1d1d1f;background:#fff;font-size:15px}
#kho-aspal br,#kho-aspal p:empty{display:none!important}
#kho-aspal{--red:#a10026;--red-dk:#86001f;--navy:#091b32;--ink:#1d1d1f;--muted:#6e6e73;--fill:#f2f2f7;--line:#e5e5ea;display:block;width:100%;max-width:620px;margin:0 auto;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.06),0 10px 30px -16px rgba(9,27,50,.3);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5;color:var(--ink);text-align:left;-webkit-font-smoothing:antialiased}
/* Header */
#kho-aspal .k-head{display:flex;align-items:center;gap:14px;padding:22px 22px 18px;border-bottom:1px solid var(--line)}
#kho-aspal .k-ico{display:flex;align-items:center;justify-content:center;flex:0 0 46px;width:46px;height:46px;border-radius:12px;background:linear-gradient(180deg,#c21a45,#a10026);color:#fff;box-shadow:0 6px 14px -6px rgba(161,0,38,.6)}
#kho-aspal .k-ico svg{width:24px;height:24px;display:block}
#kho-aspal .k-eyebrow{display:block;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--red)}
#kho-aspal .k-title{display:block;margin-top:1px;font-size:19px;font-weight:700;line-height:1.3;color:var(--navy);letter-spacing:-.01em}
#kho-aspal .k-sub{display:block;margin-top:3px;font-size:13.5px;line-height:1.5;color:var(--muted)}
/* Body */
#kho-aspal .k-body{display:block;padding:20px 22px 22px}
#kho-aspal .k-field{display:block;margin-bottom:16px}
#kho-aspal .k-label{display:block;margin:0 0 7px 2px;font-size:12.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}
/* Segmented control */
#kho-aspal .k-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:var(--fill)}
#kho-aspal .k-seg label{display:block;position:relative;cursor:pointer}
#kho-aspal .k-seg input{position:absolute;opacity:0;width:1px;height:1px}
#kho-aspal .k-seg span{display:block;padding:9px 8px;border-radius:9px;text-align:center;font-size:14.5px;font-weight:600;color:#3a3a3c;transition:background .2s,color .2s,box-shadow .2s}
#kho-aspal .k-seg span small{display:block;font-size:11.5px;font-weight:500;color:var(--muted)}
#kho-aspal .k-seg input:checked+span{background:#fff;color:var(--red);box-shadow:0 1px 3px rgba(0,0,0,.12),0 0 0 .5px rgba(0,0,0,.04)}
#kho-aspal .k-seg input:focus-visible+span{outline:2px solid #0a84ff;outline-offset:1px}
/* Input */
#kho-aspal .k-input{display:block;width:100%;height:48px;padding:0 14px;border-radius:12px;background:var(--fill);font-size:16px;line-height:1.3;color:var(--ink);outline:none;-webkit-appearance:none;appearance:none;transition:box-shadow .15s,background .15s}
#kho-aspal .k-input::placeholder{color:#a1a1a6}
#kho-aspal .k-input:focus{background:#fff;box-shadow:0 0 0 2px var(--red)}
#kho-aspal select.k-input{padding-right:40px;cursor:pointer;font-weight:500;background:var(--fill) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236e6e73' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 15px center}
#kho-aspal select.k-input:focus{background-color:#fff}
#kho-aspal .k-hint{display:block;margin:7px 0 0 2px;font-size:13px;color:var(--muted)}
#kho-aspal .k-hint strong{font-weight:700;color:var(--red)}
#kho-aspal .k-group{display:flex;height:48px;border-radius:12px;background:var(--fill);overflow:hidden;transition:box-shadow .15s,background .15s}
#kho-aspal .k-group:focus-within{background:#fff;box-shadow:0 0 0 2px var(--red)}
#kho-aspal .k-group .k-input{flex:1 1 auto;min-width:0;height:48px;border-radius:0;background:transparent!important;box-shadow:none!important}
#kho-aspal .k-unit{display:flex;align-items:center;flex:0 0 auto;padding:0 16px;font-size:14px;font-weight:600;color:var(--muted);white-space:nowrap}
#kho-aspal input[type=number]::-webkit-inner-spin-button,#kho-aspal input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#kho-aspal input[type=number]{-moz-appearance:textfield}
#kho-aspal .k-error{display:block;margin:0 0 12px 2px;font-size:13px;font-weight:500;color:var(--red)}
#kho-aspal .k-error:empty{display:none}
/* Tombol */
#kho-aspal .k-actions{display:flex;gap:10px}
#kho-aspal .k-btn{display:flex;align-items:center;justify-content:center;flex:1 1 auto;height:50px;padding:0 18px;border-radius:14px;background:var(--red);color:#fff;font-size:16px;font-weight:600;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s,transform .1s}
#kho-aspal .k-btn:hover{background:var(--red-dk)}
#kho-aspal .k-btn:active{transform:scale(.98)}
#kho-aspal .k-btn.k-ghost{flex:0 0 auto;background:var(--fill);color:#3a3a3c}
#kho-aspal .k-btn.k-ghost:hover{background:#e5e5ea}
#kho-aspal .k-btn:focus-visible{outline:2px solid #0a84ff;outline-offset:2px}
/* Hasil */
#kho-aspal .k-result{display:block;margin-top:20px;border-radius:16px;background:var(--fill);overflow:hidden}
#kho-aspal .k-rows{display:block;padding:4px 16px}
#kho-aspal .k-rows div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:11px 0;border-bottom:.5px solid #d8d8dd}
#kho-aspal .k-rows div:last-child{border-bottom:0}
#kho-aspal .k-rows dt{font-size:14px;color:var(--muted)}
#kho-aspal .k-rows dd{font-size:14.5px;font-weight:600;text-align:right;color:var(--ink)}
#kho-aspal .k-total{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 16px;background:#fff;box-shadow:inset 0 .5px 0 #d8d8dd}
#kho-aspal .k-total-l{display:block;font-size:13px;font-weight:600;color:var(--navy)}
#kho-aspal .k-total-n{display:block;margin-top:1px;font-size:12px;color:var(--muted)}
#kho-aspal .k-total-v{display:block;flex:0 0 auto;font-size:23px;font-weight:800;letter-spacing:-.02em;color:var(--red);white-space:nowrap;font-variant-numeric:tabular-nums}
#kho-aspal a.k-wa{display:flex!important;align-items:center;justify-content:center;gap:9px;margin:14px 0 0;height:50px;border-radius:14px;background:linear-gradient(180deg,#1f9d4c,#15803d)!important;color:#fff!important;font-size:16px;font-weight:600;text-decoration:none!important;-webkit-tap-highlight-color:transparent;transition:filter .15s,transform .1s}
#kho-aspal a.k-wa:hover{filter:brightness(1.06)}
#kho-aspal a.k-wa:active{transform:scale(.98)}
#kho-aspal a.k-wa svg{width:20px;height:20px;display:block}
/* Catatan */
#kho-aspal .k-note{display:block;padding:14px 22px 16px;background:#fafafa;border-top:1px solid var(--line);font-size:12px;line-height:1.6;color:var(--muted)}
@media (max-width:560px){
#kho-aspal{border-radius:18px}
#kho-aspal .k-head{padding:18px 16px 16px;gap:12px}
#kho-aspal .k-ico{flex-basis:42px;width:42px;height:42px}
#kho-aspal .k-title{font-size:17.5px}
#kho-aspal .k-body{padding:18px 16px 18px}
#kho-aspal .k-total-v{font-size:20px}
#kho-aspal .k-note{padding:12px 16px 14px}
}
</style>
<div class="k-head">
<span class="k-ico" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="2.5" width="14" height="19" rx="2.5"/><path d="M8.5 7h7M8.5 11.5h.01M12 11.5h.01M15.5 11.5h.01M8.5 15h.01M12 15h.01M15.5 15h.01M8.5 18.5h.01M12 18.5h3.5"/></svg></span>
<div><span class="k-eyebrow">Kalkulator Harga</span><h3 class="k-title">Hitung Harga Aspal</h3><p class="k-sub">Pilih jenis aspal dan jumlah pesanan untuk melihat estimasi total harga.</p></div>
</div>
<div class="k-body">
<div class="k-field">
<span class="k-label" id="kho-kat-label">Kategori</span>
<div class="k-seg" role="radiogroup" aria-labelledby="kho-kat-label">
<label><input type="radio" name="kho-kat" value="hotmix" checked><span>Aspal Hotmix<small>per ton</small></span></label>
<label><input type="radio" name="kho-kat" value="emulsi"><span>Aspal Emulsi<small>per liter / drum</small></span></label>
</div>
</div>
<div class="k-field">
<label class="k-label" for="kho-jenis">Jenis Aspal</label>
<select id="kho-jenis" class="k-input"><option value="">Pilih jenis aspal</option></select>
<span class="k-hint" id="kho-hint" hidden></span>
</div>
<div class="k-field">
<label class="k-label" for="kho-jumlah">Jumlah Pesanan</label>
<div class="k-group"><input type="number" id="kho-jumlah" class="k-input" min="0" step="any" inputmode="decimal" placeholder="Contoh: 10"><span class="k-unit" id="kho-unit">ton</span></div>
</div>
<span class="k-error" id="kho-error" role="alert"></span>
<div class="k-actions">
<button type="button" class="k-btn" id="kho-hitung">Hitung Total</button>
<button type="button" class="k-btn k-ghost" id="kho-reset">Reset</button>
</div>
<div class="k-result" id="kho-hasil" hidden aria-live="polite">
<dl class="k-rows">
<div><dt>Jenis Aspal</dt><dd id="kho-r-jenis"></dd></div>
<div><dt>Harga Satuan</dt><dd id="kho-r-harga"></dd></div>
<div><dt>Jumlah Pesanan</dt><dd id="kho-r-jumlah"></dd></div>
</dl>
<div class="k-total"><div><span class="k-total-l">Estimasi Total Harga</span><span class="k-total-n">Harga material, belum termasuk ongkir</span></div><span class="k-total-v" id="kho-total">Rp 0</span></div>
</div>
<a id="kho-wa" class="k-wa" href="https://wa.me/62817892028" target="_blank" rel="noopener noreferrer"><svg viewBox="0 0 24 24" fill="#fff" aria-hidden="true"><path d="M20.52 3.48A11.9 11.9 0 0012 .07C5.39.07.07 5.39.07 12c0 2.11.55 4.15 1.6 5.95L0 24l6.22-1.63A11.93 11.93 0 0012 23.93c6.61 0 11.93-5.32 11.93-11.93 0-3.19-1.24-6.19-3.41-8.52zM12 21.45c-1.91 0-3.77-.51-5.39-1.47l-.39-.23-3.69.97.99-3.59-.25-.37a9.43 9.43 0 01-1.5-5.15c0-5.22 4.25-9.47 9.47-9.47 2.53 0 4.9.98 6.68 2.76a9.4 9.4 0 012.79 6.72c0 5.22-4.25 9.47-9.47 9.47zm5.25-7.12c-.29-.15-1.73-.85-2-1-.27-.1-.47-.15-.67.15-.19.29-.77.96-.94 1.15-.17.2-.35.22-.64.07-.29-.15-1.22-.45-2.32-1.44-.86-.77-1.44-1.72-1.61-2.01-.17-.29-.02-.45.13-.6.13-.13.29-.35.43-.52.15-.17.19-.29.29-.48.1-.19.05-.36-.02-.52-.07-.15-.67-1.62-.91-2.21-.24-.58-.48-.5-.67-.51h-.57c-.19 0-.52.07-.79.36-.27.29-1.04 1.01-1.04 2.47s1.07 2.87 1.22 3.07c.15.19 2.11 3.22 5.1 4.51.71.31 1.26.5 1.69.64.71.23 1.35.2 1.86.12.57-.08 1.73-.71 1.98-1.4.25-.69.25-1.28.17-1.4-.07-.13-.26-.2-.55-.35z"/></svg><span id="kho-wa-t">Tanya Harga via WhatsApp</span></a>
</div>
<p class="k-note">* Harga bersifat estimasi dan dapat berubah sesuai lokasi pengiriman serta volume pesanan.</p>
<script>
(function(){
/* Daftar harga — samakan dengan tabel harga bila ada perubahan */
var DATA={
hotmix:[["ATB",1710000,"ton"],["AC BC",1780000,"ton"],["AC WC",1850000,"ton"],["AC WC IV A",1890000,"ton"],["3 Laston",1915000,"ton"],["HRS",1980000,"ton"],["3 Laston Spesial",2065000,"ton"],["Sand Sheet",2250000,"ton"],["Sand Sheet Spesial",2400000,"ton"]],
emulsi:[["Aspal Emulsi",16500,"liter"],["Aspal Emulsi",3200000,"drum"]]
};
var WA="62817892028",AMP=String.fromCharCode(38);
function g(id){return document.getElementById(id);}
function rp(n){return "Rp "+Math.round(n).toLocaleString("id-ID");}
function an(n){return n.toLocaleString("id-ID",{maximumFractionDigits:2});}
function init(){
var box=g("kho-aspal"),sel=g("kho-jenis"),jml=g("kho-jumlah"),unit=g("kho-unit"),hint=g("kho-hint"),err=g("kho-error"),hasil=g("kho-hasil"),wa=g("kho-wa"),waT=g("kho-wa-t");
if(!sel||sel.getAttribute("data-kho")){return;}
sel.setAttribute("data-kho","1");
var kat="hotmix";
function item(){var v=sel.value;return v===""?null:DATA[kat][Number(v)];}
function waDefault(){wa.href="https://wa.me/"+WA;waT.textContent="Tanya Harga via WhatsApp";}
function isi(){
sel.textContent="";
var o0=document.createElement("option");o0.value="";o0.textContent="Pilih jenis aspal";sel.appendChild(o0);
DATA[kat].forEach(function(d,i){var o=document.createElement("option");o.value=String(i);o.textContent=(kat==="emulsi"?d[0]+" (per "+d[2]+")":d[0])+" — "+rp(d[1])+"/"+d[2];sel.appendChild(o);});
if(kat==="emulsi"&&DATA.emulsi.length){sel.value="0";}
segar();
}
function segar(){
var d=item();
unit.textContent=d?d[2]:(kat==="hotmix"?"ton":"liter");
jml.placeholder=(kat==="emulsi"&&d&&d[2]==="drum")?"Contoh: 5":"Contoh: 10";
hint.textContent="";
if(d){hint.appendChild(document.createTextNode("Harga: "));var s=document.createElement("strong");s.textContent=rp(d[1]);hint.appendChild(s);hint.appendChild(document.createTextNode(" / "+d[2]));hint.hidden=false;}else{hint.hidden=true;}
err.textContent="";hasil.hidden=true;waDefault();
}
Array.prototype.forEach.call(box.querySelectorAll("input[name=kho-kat]"),function(r){r.addEventListener("change",function(){if(r.checked){kat=r.value;isi();}});});
sel.addEventListener("change",segar);
jml.addEventListener("input",function(){hasil.hidden=true;waDefault();});
g("kho-hitung").addEventListener("click",function(){
var d=item(),t=parseFloat(String(jml.value).replace(",","."));
if(!d){err.textContent="Pilih jenis aspal terlebih dahulu.";return;}
if(!(t>0)){err.textContent="Isi jumlah pesanan ("+d[2]+") dengan benar.";return;}
err.textContent="";
var total=d[1]*t,nama=kat==="hotmix"?"Aspal Hotmix "+d[0]:d[0];
g("kho-r-jenis").textContent=kat==="hotmix"?d[0]:d[0]+" (per "+d[2]+")";
g("kho-r-harga").textContent=rp(d[1])+" / "+d[2];
g("kho-r-jumlah").textContent=an(t)+" "+d[2];
g("kho-total").textContent=rp(total);
hasil.hidden=false;
var teks="Halo hargaaspal.com, saya berminat untuk pesan "+nama+" sebanyak "+an(t)+" "+d[2]+". Estimasi totalnya "+rp(total)+". Mohon informasinya.";
wa.href="https://api.whatsapp.com/send/?phone="+WA+AMP+"text="+encodeURIComponent(teks)+AMP+"type=phone_number";
waT.textContent="Pesan via WhatsApp";
if(hasil.scrollIntoView){hasil.scrollIntoView({behavior:"smooth",block:"nearest"});}
});
g("kho-reset").addEventListener("click",function(){jml.value="";var r=box.querySelector("input[value=hotmix]");if(r){r.checked=true;}kat="hotmix";isi();});
isi();
}
if(document.readyState==="loading"){document.addEventListener("DOMContentLoaded",init);}else{init();}
})();
</script>
</div>



<h2 class="subjudul">Testimoni Pabrik Aspal Semarang</h2>



<section class="testi-section">
  <div class="testi-grid">

    <!-- Testimoni 1 -->
    <article class="testi-card">
      <h3 class="testi-title">Produk Terbaik dan Pengiriman Cepat</h3>
      <p class="testi-quote">
        Produk terbaik yang pernah kami gunakan! Proses pemesanan mudah dan pengiriman sangat cepat. Sangat membantu kelancaran proyek kami.
      </p>
      <p class="testi-identitas">— Meuthia, Manager Proyek</p>
    </article>

    <!-- Testimoni 2 -->
    <article class="testi-card">
      <h3 class="testi-title">Dukungan Teknis dan Kualitas Produk yang Sempurna</h3>
      <p class="testi-quote">
        Dukungan teknis dan produk berkualitas dari Pabrik Aspal Semarang adalah kombinasi sempurna untuk proyek kami. Sangat direkomendasikan!
      </p>
      <p class="testi-identitas">— Sheila, Direktur Teknik</p>
    </article>

    <!-- Testimoni 3 -->
    <article class="testi-card">
      <h3 class="testi-title">Aspal Hotmix yang Tahan Terhadap Beban Berat</h3>
      <p class="testi-quote">
        Kami menggunakan Aspal Hotmix. Hasilnya sangat memuaskan, terutama dalam hal daya tahan terhadap beban kendaraan berat.
      </p>
      <p class="testi-identitas">— Rizal, Supervisor Konstruksi</p>
    </article>

    <!-- Testimoni 4 (Tambahan) -->
    <article class="testi-card">
      <h3 class="testi-title">Pelayanan Profesional dan Hasil Berkualitas</h3>
      <p class="testi-quote">
        Dari konsultasi hingga pengiriman, semuanya berjalan lancar. Timnya profesional dan hasil pekerjaan sangat memuaskan.
      </p>
      <p class="testi-identitas">— Yola, Pengawas Proyek</p>
    </article>

  </div>
</section>

<style>
  .testi-section {
    font-family: 'Segoe UI', sans-serif;
    padding: 50px 20px;
    background: #f9f9f9;
    text-align: center;
  }

  .testi-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 22px;
    text-align: left;
  }

  .testi-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 14px;
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
    padding: 18px 18px 22px;
    transition: transform .3s ease, box-shadow .3s ease;
  }

  .testi-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 20px rgba(0,0,0,.14);
  }

  .testi-title {
    font-size: 16px;
    font-weight: 700;
    color: #a10026;
    margin-bottom: 8px;
  }

  .testi-quote {
    font-size: 14px;
    color: #333;
    line-height: 1.65;
    margin: 0 0 8px;
  }

  .testi-identitas {
    font-size: 13.5px;
    color: #555;
    font-style: italic;
    margin: 0;
  }
</style>



<section id="Form">
<h2 class="subjudul">Hubungi Kami Jasa Pengaspalan Semarang</h2>
</section>



<p class="wp-block-paragraph">Ingin hasil pengaspalan yang kuat, rapi, dan tahan lama? Percayakan pada Jasa Pengaspalan Semarang, penyedia layanan pengaspalan profesional untuk berbagai kebutuhan proyek. Kami menggunakan material hotmix berkualitas tinggi dan dikerjakan oleh tenaga ahli berpengalaman untuk memastikan hasil terbaik.<br>Segera hubungi kami atau isi form pemesanan di bawah untuk mendapatkan penawaran harga pengaspalan Semarang terbaik sesuai kebutuhan Anda.</p>


<style>
.hcb{display:flex!important;justify-content:center;flex-wrap:wrap;gap:12px;margin:24px auto!important;padding:0 12px!important;max-width:560px;background:transparent!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Arial,sans-serif!important;-webkit-font-smoothing:antialiased;box-sizing:border-box}
.hcb *,.hcb *::before,.hcb *::after{box-sizing:border-box}
.hcb a.hcb-btn{flex:1 1 220px;display:inline-flex!important;align-items:center;justify-content:center;gap:10px;min-height:54px;margin:0!important;padding:10px 22px 10px 12px!important;border:0!important;border-radius:16px!important;color:#fff!important;text-decoration:none!important;font-size:17px!important;font-weight:600!important;letter-spacing:-.01em;line-height:1.2!important;-webkit-tap-highlight-color:transparent;box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 8px 20px -10px rgba(9,27,50,.55)!important;transition:transform .15s ease,filter .2s ease,box-shadow .2s ease}
.hcb .hcb-ico{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.2)}
.hcb .hcb-ico svg{width:19px;height:19px;display:block}
.hcb .hcb-wa{background:linear-gradient(180deg,#1f9d4c,#15803d)!important}
.hcb .hcb-tel{background:linear-gradient(180deg,#c21a45,#a10026)!important}
@media (hover:hover){.hcb a.hcb-btn:hover{filter:brightness(1.07);box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 12px 26px -12px rgba(9,27,50,.6)!important}}
.hcb a.hcb-btn:active{transform:scale(.97);filter:brightness(.95)}
.hcb a.hcb-btn:focus-visible{outline:3px solid #0a84ff;outline-offset:2px}
@media (max-width:480px){.hcb{flex-direction:column;gap:10px}.hcb a.hcb-btn{flex:none;width:100%}}
.hcb p:empty,.hcb br{display:none!important}
@media (prefers-reduced-motion:reduce){.hcb a.hcb-btn{transition:none!important}}
</style>
<div class="hcb">
<a href="https://api.whatsapp.com/send?phone=62817892028&amp;text=Halo%20hargaaspal.com,%20mohon%20informasi%20mengenai%20harga%20aspal%20dan%20jasa%20pengaspalan." target="_blank" rel="noopener" class="hcb-btn hcb-wa"><span class="hcb-ico" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="#fff" viewBox="0 0 24 24"><path d="M20.52 3.48A11.9 11.9 0 0012 .07C5.39.07.07 5.39.07 12c0 2.11.55 4.15 1.6 5.95L0 24l6.22-1.63A11.93 11.93 0 0012 23.93c6.61 0 11.93-5.32 11.93-11.93 0-3.19-1.24-6.19-3.41-8.52zM12 21.45c-1.91 0-3.77-.51-5.39-1.47l-.39-.23-3.69.97.99-3.59-.25-.37a9.43 9.43 0 01-1.5-5.15c0-5.22 4.25-9.47 9.47-9.47 2.53 0 4.9.98 6.68 2.76a9.4 9.4 0 012.79 6.72c0 5.22-4.25 9.47-9.47 9.47zm5.25-7.12c-.29-.15-1.73-.85-2-1-.27-.1-.47-.15-.67.15-.19.29-.77.96-.94 1.15-.17.2-.35.22-.64.07-.29-.15-1.22-.45-2.32-1.44-.86-.77-1.44-1.72-1.61-2.01-.17-.29-.02-.45.13-.6.13-.13.29-.35.43-.52.15-.17.19-.29.29-.48.1-.19.05-.36-.02-.52-.07-.15-.67-1.62-.91-2.21-.24-.58-.48-.5-.67-.51h-.57c-.19 0-.52.07-.79.36-.27.29-1.04 1.01-1.04 2.47s1.07 2.87 1.22 3.07c.15.19 2.11 3.22 5.1 4.51.71.31 1.26.5 1.69.64.71.23 1.35.2 1.86.12.57-.08 1.73-.71 1.98-1.4.25-.69.25-1.28.17-1.4-.07-.13-.26-.2-.55-.35z"/></svg></span>WhatsApp</a>
<a href="tel:62817892028" class="hcb-btn hcb-tel"><span class="hcb-ico" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="#fff" viewBox="0 0 24 24"><path d="M6.62 10.79a15.534 15.534 0 006.59 6.59l2.2-2.2a1 1 0 011.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 011 1V21a1 1 0 01-1 1C10.07 22 2 13.93 2 3a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.2 2.46.57 3.58.09.32.02.66-.24 1.01l-2.21 2.2z"/></svg></span>Konsultasi Gratis</a>
</div>



<h2 class="subjudul">FAQ (Frequently Asked Questions) Pabrik Aspal Semarang</h2>



<div class="schema-faq wp-block-yoast-faq-block"><div class="schema-faq-section" id="faq-question-1759997523406"><strong class="schema-faq-question"><strong>1. Jenis aspal apa yang terbaik untuk jalan raya?</strong></strong> <p class="schema-faq-answer">Aspal Hotmix adalah pilihan terbaik untuk jalan raya, terutama yang dilalui kendaraan berat.</p> </div> <div class="schema-faq-section" id="faq-question-1759997582538"><strong class="schema-faq-question"><strong>2. Berapa lama aspal bisa bertahan?</strong></strong> <p class="schema-faq-answer">Ketahanan aspal tergantung pada jenis dan perawatan. Aspal yang terpasang dengan benar dapat bertahan hingga 10 tahun.</p> </div> <div class="schema-faq-section" id="faq-question-1759997597226"><strong class="schema-faq-question">3. Apakah melayani jasa pengaspalan jalan?</strong> <p class="schema-faq-answer">Untuk jasa pegaspalan jalan dapat menghubungi <a href="https://hargaaspal.com/jasa-pengaspalan-semarang/" target="_blank" rel="noreferrer noopener">jasa pengaspalan Semarang</a></p> </div> <div class="schema-faq-section" id="faq-question-1759997620416"><strong class="schema-faq-question"><strong>4. Apakah harga aspal dapat dinegosiasikan?</strong></strong> <p class="schema-faq-answer">Tentu saja, terutama untuk pembelian dalam jumlah besar.</p> </div> <div class="schema-faq-section" id="faq-question-1759997640110"><strong class="schema-faq-question"><strong>5. Apakah melayani pembelian dan pengiriman di luar Semarang?</strong></strong> <p class="schema-faq-answer">Kami juga melayani pembelian dan pengiriman produk di luar Semarang, maupun ke berbagai daerah atau kota di seluruh Indonesia.</p> </div> <div class="schema-faq-section" id="faq-question-1759997654202"><strong class="schema-faq-question"><strong>6. Bagaimana cara mengetahui kebutuhan jumlah aspal?</strong></strong> <p class="schema-faq-answer">Kami dapat membantu menghitung kebutuhan aspal untuk proyek Anda</p> </div> </div>



<h2 class="wp-block-heading"></h2>



<p class="wp-block-paragraph">Pabrik Aspal Semarang selalu berusaha untuk menyediakan produk berkualitas tinggi yang dapat mendukung proyek-proyek infrastruktur maupun <a href="https://hargaaspal.com/jasa-pengaspalan-jalan/" target="_blank" rel="noreferrer noopener">jasa pengaspalan</a> di wilayah Semarang dan sekitarnya. Jika Anda tertarik untuk mengetahui lebih lanjut tentang berbagai jenis aspal yang kami sediakan, jangan ragu untuk menghubungi tim kami.</p>


<style>
.hcb{display:flex!important;justify-content:center;flex-wrap:wrap;gap:12px;margin:24px auto!important;padding:0 12px!important;max-width:560px;background:transparent!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Arial,sans-serif!important;-webkit-font-smoothing:antialiased;box-sizing:border-box}
.hcb *,.hcb *::before,.hcb *::after{box-sizing:border-box}
.hcb a.hcb-btn{flex:1 1 220px;display:inline-flex!important;align-items:center;justify-content:center;gap:10px;min-height:54px;margin:0!important;padding:10px 22px 10px 12px!important;border:0!important;border-radius:16px!important;color:#fff!important;text-decoration:none!important;font-size:17px!important;font-weight:600!important;letter-spacing:-.01em;line-height:1.2!important;-webkit-tap-highlight-color:transparent;box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 8px 20px -10px rgba(9,27,50,.55)!important;transition:transform .15s ease,filter .2s ease,box-shadow .2s ease}
.hcb .hcb-ico{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.2)}
.hcb .hcb-ico svg{width:19px;height:19px;display:block}
.hcb .hcb-wa{background:linear-gradient(180deg,#1f9d4c,#15803d)!important}
.hcb .hcb-tel{background:linear-gradient(180deg,#c21a45,#a10026)!important}
@media (hover:hover){.hcb a.hcb-btn:hover{filter:brightness(1.07);box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 12px 26px -12px rgba(9,27,50,.6)!important}}
.hcb a.hcb-btn:active{transform:scale(.97);filter:brightness(.95)}
.hcb a.hcb-btn:focus-visible{outline:3px solid #0a84ff;outline-offset:2px}
@media (max-width:480px){.hcb{flex-direction:column;gap:10px}.hcb a.hcb-btn{flex:none;width:100%}}
.hcb p:empty,.hcb br{display:none!important}
@media (prefers-reduced-motion:reduce){.hcb a.hcb-btn{transition:none!important}}
</style>
<div class="hcb">
<a href="https://api.whatsapp.com/send?phone=62817892028&amp;text=Halo%20hargaaspal.com,%20mohon%20informasi%20mengenai%20harga%20aspal%20dan%20jasa%20pengaspalan." target="_blank" rel="noopener" class="hcb-btn hcb-wa"><span class="hcb-ico" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="#fff" viewBox="0 0 24 24"><path d="M20.52 3.48A11.9 11.9 0 0012 .07C5.39.07.07 5.39.07 12c0 2.11.55 4.15 1.6 5.95L0 24l6.22-1.63A11.93 11.93 0 0012 23.93c6.61 0 11.93-5.32 11.93-11.93 0-3.19-1.24-6.19-3.41-8.52zM12 21.45c-1.91 0-3.77-.51-5.39-1.47l-.39-.23-3.69.97.99-3.59-.25-.37a9.43 9.43 0 01-1.5-5.15c0-5.22 4.25-9.47 9.47-9.47 2.53 0 4.9.98 6.68 2.76a9.4 9.4 0 012.79 6.72c0 5.22-4.25 9.47-9.47 9.47zm5.25-7.12c-.29-.15-1.73-.85-2-1-.27-.1-.47-.15-.67.15-.19.29-.77.96-.94 1.15-.17.2-.35.22-.64.07-.29-.15-1.22-.45-2.32-1.44-.86-.77-1.44-1.72-1.61-2.01-.17-.29-.02-.45.13-.6.13-.13.29-.35.43-.52.15-.17.19-.29.29-.48.1-.19.05-.36-.02-.52-.07-.15-.67-1.62-.91-2.21-.24-.58-.48-.5-.67-.51h-.57c-.19 0-.52.07-.79.36-.27.29-1.04 1.01-1.04 2.47s1.07 2.87 1.22 3.07c.15.19 2.11 3.22 5.1 4.51.71.31 1.26.5 1.69.64.71.23 1.35.2 1.86.12.57-.08 1.73-.71 1.98-1.4.25-.69.25-1.28.17-1.4-.07-.13-.26-.2-.55-.35z"/></svg></span>WhatsApp</a>
<a href="tel:62817892028" class="hcb-btn hcb-tel"><span class="hcb-ico" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="#fff" viewBox="0 0 24 24"><path d="M6.62 10.79a15.534 15.534 0 006.59 6.59l2.2-2.2a1 1 0 011.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 011 1V21a1 1 0 01-1 1C10.07 22 2 13.93 2 3a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.2 2.46.57 3.58.09.32.02.66-.24 1.01l-2.21 2.2z"/></svg></span>Konsultasi Gratis</a>
</div>
<p>Artikel <a href="https://hargaaspal.com/pabrik-aspal-semarang/">Pabrik Aspal Semarang, Penghasil Berbagai Jenis Aspal dengan Kualitas Premium</a> pertama kali tampil pada <a href="https://hargaaspal.com">Harga Aspal Terbaru</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://hargaaspal.com/pabrik-aspal-semarang/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Jasa Pengaspalan Semarang, Layanan Berkualitas Dengan Harga Aspal Hotmix Murah</title>
		<link>https://hargaaspal.com/jasa-pengaspalan-semarang/</link>
					<comments>https://hargaaspal.com/jasa-pengaspalan-semarang/#respond</comments>
		
		<dc:creator><![CDATA[harga aspal]]></dc:creator>
		<pubDate>Wed, 22 May 2024 06:37:41 +0000</pubDate>
				<category><![CDATA[Jasa Pengaspalan]]></category>
		<category><![CDATA[Semarang]]></category>
		<guid isPermaLink="false">https://hargaaspal.com/?p=1003</guid>

					<description><![CDATA[<p>Kami dari Jasa Pengaspalan Semarang dengan bangga menghadirkan layanan jasa pengaspalan profesional untuk kebutuhan jasa pengaspalan Anda. Semarang sebagai ibu</p>
<p>Artikel <a href="https://hargaaspal.com/jasa-pengaspalan-semarang/">Jasa Pengaspalan Semarang, Layanan Berkualitas Dengan Harga Aspal Hotmix Murah</a> pertama kali tampil pada <a href="https://hargaaspal.com">Harga Aspal Terbaru</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Kami dari <a href="https://hargaaspal.com/jasa-pengaspalan-semarang/" target="_blank" rel="noreferrer noopener">Jasa Pengaspalan Semarang</a> dengan bangga menghadirkan layanan jasa pengaspalan profesional untuk kebutuhan jasa pengaspalan Anda. Semarang sebagai ibu kota Jawa Tengah terus berkembang pesat dengan meningkatnya mobilitas kendaraan. Namun, seiring dengan pertumbuhan ini, banyak jalan yang mengalami kerusakan akibat cuaca ekstrem, beban kendaraan berat, serta kualitas material yang kurang baik.</p>



<section class="hargaaspal-menu">
  <!-- Heading Menu dengan animasi -->
  <div class="menu-heading-alt">
    <span>MENU</span>
  </div>

  <div class="menu-container-angled">
    <a href="#Layanan" class="menu-link-angled" style="--i:0;">
      <span class="menu-title">Layanan</span>
    </a>

    <a href="#Harga" class="menu-link-angled" style="--i:1;">
      <span class="menu-title">Daftar Harga</span>
    </a>

    <a href="#Form" class="menu-link-angled" style="--i:3;">
      <span class="menu-title">Form Pemesanan</span>
    </a>
  </div>

  <!-- Garis Bawah Menu -->
  <div class="menu-bottom-line"></div>
</section>

<style>
/* Heading Menu dengan garis kiri-kanan + tulisan miring */
.menu-heading-alt {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.8rem;
  font-family: 'Segoe UI', sans-serif;
  overflow: hidden;
}

.menu-heading-alt::before,
.menu-heading-alt::after {
  content: "";
  flex: 1;
  height: 3px;
  background: linear-gradient(to right, transparent, #a10026);
  margin: 0 10px;
  border-radius: 2px;
  transform: scaleX(0);
  transform-origin: center;
  animation: lineWipe 0.5s forwards;
}

.menu-heading-alt::after {
  background: linear-gradient(to left, transparent, #a10026);
  animation-delay: 0.3s;
}

.menu-heading-alt span {
  font-size: 1.6rem;
  font-weight: 700;
  color: #091b32;
  letter-spacing: 2px;
  font-style: bold;
  opacity: 0;
  transform: translateY(12px);
  animation: textFadeUp 0.5s forwards 0.3s;
}

/* Container menu */
.menu-container-angled {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* Menu link berbentuk jajar genjang */
.menu-link-angled {
  flex: 1 1 calc(25% - 1rem);
  background: #a10026;
  color: #fff;
  text-align: center;
  padding: 1.5rem 0.5rem;
  text-decoration: none;
  font-family: 'Segoe UI', sans-serif;
  font-weight: 600;
  transform: skew(-15deg) translateY(25px);
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  position: relative;
  opacity: 0;
  animation: cardSlideUp 0.5s forwards;
  animation-delay: calc(var(--i) * 0.15s + 0.6s);
  transition: all 0.3s ease;
}

.menu-link-angled span {
  display: block;
  transform: skew(15deg); /* Balikin text agar tidak miring di tombol */
}

.menu-link-angled:hover {
  background: #091b32;
  box-shadow: 0 6px 14px rgba(0,0,0,0.25);
  transform: skew(-15deg) translateY(-3px);
}

.menu-title {
  font-size: 1.2rem;
  text-transform: uppercase;
}

/* Garis Bawah Menu */
.menu-bottom-line {
  width: 100%;
  height: 3px;
  background: linear-gradient(to right, transparent, #a10026, transparent);
  margin-top: 1.5rem;
  transform: scaleX(0);
  transform-origin: center;
  animation: lineWipeFull 0.6s forwards;
  animation-delay: 1s;
  border-radius: 2px;
}

/* Animasi */
@keyframes lineWipe {
  to { transform: scaleX(1); }
}

@keyframes lineWipeFull {
  to { transform: scaleX(1); }
}

@keyframes textFadeUp {
  to { opacity: 1; transform: translateY(0); }
}

@keyframes cardSlideUp {
  to {
    opacity: 1;
    transform: skew(-15deg) translateY(0);
  }
}

/* Responsif */
@media (max-width: 992px) {
  .menu-link-angled {
    flex: 1 1 calc(50% - 1rem);
  }
}
@media (max-width: 480px) {
  .menu-link-angled {
    flex: 1 1 100%;
  }
}
</style>

<script>
// Smooth scroll
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
  anchor.addEventListener("click", function (e) {
    e.preventDefault();
    const target = document.querySelector(this.getAttribute("href"));
    if (target) {
      target.scrollIntoView({ behavior: "smooth", block: "start" });
    }
  });
});
</script>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="400" height="380" src="https://hargaaspal.com/wp-content/uploads/2024/05/jasa-pengaspalan-Semarang-400x380.webp" alt="jasa pengaspalan Semarang" class="wp-image-3219"/></figure>



<p class="wp-block-paragraph">Sebagai solusi atas permasalahan ini, kami hadir dengan layanan jasa pengaspalan berkualitas tinggi menggunakan teknologi modern dan material terbaik yang diproduksi langsung di <a href="https://hargaaspal.com/pabrik-aspal-semarang" target="_blank" rel="noreferrer noopener">Pabrik Aspal Semarang</a>. Dengan tim yang berpengalaman dan peralatan canggih, kami siap membantu membangun jalan yang kuat, tahan lama, dan nyaman digunakan.</p>



<h2 class="subjudul">Penyebab Kerusakan Jalan</h2>



<p class="wp-block-paragraph">Banyak faktor yang menyebabkan jalan mengalami kerusakan. Pemahaman akan faktor-faktor ini sangat penting untuk mengambil langkah perbaikan yang tepat. Berikut adalah beberapa penyebab utama kerusakan jalan.</p>



<h3 class="wp-block-heading">1. Beban Kendaraan yang Berlebihan</h3>



<p class="wp-block-paragraph">Jalan yang tidak dirancang untuk menahan beban berat akan cepat mengalami retakan dan deformasi. Di samping itu truk dan kendaraan besar sering kali menjadi penyebab utama kerusakan jalan. Tekanan berlebih yang diberikan oleh kendaraan berat menyebabkan struktur aspal menjadi lemah dan akhirnya mengelupas. Seiring waktu, lubang-lubang kecil mulai terbentuk dan memperburuk kondisi jalan jika tidak segera diperbaiki.</p>



<h3 class="wp-block-heading">2. Faktor Cuaca</h3>



<p class="wp-block-paragraph">Hujan deras dan panas ekstrem dapat menyebabkan aspal mengembang dan menyusut, yang pada akhirnya menimbulkan retakan pada permukaan jalan. Ketika air hujan meresap ke dalam celah-celah aspal, air akan mengikis struktur jalan dan membuatnya lebih rapuh. Pada musim kemarau, panas yang tinggi juga dapat menyebabkan aspal mengeras dan retak, sehingga membuat jalan lebih mudah rusak.</p>



<h3 class="wp-block-heading">3. Kualitas Material yang Buruk</h3>



<p class="wp-block-paragraph">Penggunaan aspal berkualitas rendah atau pencampuran yang tidak sesuai standar dapat mempercepat kerusakan jalan. Jika penggunaan material tidak sesuai dengan spesifikasi teknis, daya tahan jalan akan berkurang secara signifikan. Oleh karena itu, pemilihan material berkualitas dari pabrik aspal yang terpercaya menjadi faktor kunci dalam menjaga umur panjang jalan.</p>



<h3 class="wp-block-heading">4. Drainase yang Tidak Baik</h3>



<p class="wp-block-paragraph">Air yang menggenang pada permukaan jalan dapat meresap ke dalam lapisan aspal dan menyebabkan erosi pada fondasi jalan. Ketika air terus menerus menggenang tanpa adanya sistem drainase yang memadai, lapisan aspal akan kehilangan daya rekatnya, menyebabkan jalan menjadi licin dan berbahaya bagi pengguna.</p>



<h3 class="wp-block-heading">5. Kurangnya Perawatan</h3>



<p class="wp-block-paragraph">Jalan yang tidak mendapatkan perawatan rutin seperti tambal sulam atau pelapisan ulang akan mengalami kerusakan lebih cepat. Dengan adanya perawatan berkala, dapat mencegah potensi kerusakan yang lebih besar, sehingga jalan tetap aman dan nyaman untuk digunakan.</p>



<section id="Layanan">
<h2 class="subjudul">Layanan Jasa Pengaspalan Semarang</h2>
</section>



<p class="wp-block-paragraph">Kami menawarkan berbagai layanan pengaspalan untuk memenuhi kebutuhan infrastruktur jalan di berbagai sektor. Berikut adalah layanan yang kami sediakan.</p>



<h3 class="wp-block-heading">1. Pengaspalan Jalan Raya</h3>



<p class="wp-block-paragraph">Jalan raya merupakan jalur utama bagi transportasi yang menghubungkan berbagai daerah. Oleh karena itu, kualitas pengaspalan harus memenuhi standar tinggi agar dapat menahan beban kendaraan yang berat serta kondisi cuaca yang ekstrem. Kami menggunakan bahan aspal terbaik serta teknologi mutakhir untuk memastikan jalan raya yang kami bangun memiliki ketahanan jangka panjang dan permukaan yang halus, sehingga aman dan nyaman digunakan oleh para pengendara.</p>



<h3 class="wp-block-heading">2. Perbaikan Jalan Rusak</h3>



<p class="wp-block-paragraph">Jalan yang sudah mengalami kerusakan membutuhkan perbaikan segera untuk menghindari kerusakan yang lebih parah. Kami menawarkan jasa perbaikan jalan dan pemeliharaan jalan, termasuk tambal sulam, pelapisan ulang (overlay), dan perbaikan struktur dasar jalan. Dengan metode perbaikan yang tepat dan penggunaan material berkualitas, jalan yang diperbaiki akan kembali berfungsi dengan optimal dan memiliki ketahanan lebih lama terhadap beban kendaraan serta faktor lingkungan.</p>



<h3 class="wp-block-heading">3. Pengecoran Ulang Jalan</h3>



<p class="wp-block-paragraph">Untuk jalan yang sudah parah dan tidak bisa diperbaiki dengan metode biasa, kami menawarkan layanan pengecoran ulang. Proses ini melibatkan penghancuran lapisan lama, pemadatan ulang tanah dasar, dan penuangan aspal baru menggunakan teknologi&nbsp;asphalt mixing plant. Hasilnya adalah jalan yang seperti baru, dengan ketahanan yang lebih baik terhadap cuaca dan beban kendaraan.</p>



<h3 class="wp-block-heading">4. Pengaspalan Jalan Perumahan</h3>



<p class="wp-block-paragraph">Area perumahan memerlukan jalan yang rapi dan berkualitas agar penghuni dapat menikmati akses yang nyaman dan aman. Kami menyediakan jasa pengaspalan untuk perumahan dengan berbagai pilihan jenis aspal sesuai dengan kebutuhan lingkungan, baik itu untuk jalan utama perumahan maupun jalan kecil di dalam kompleks. Dengan teknik pengerjaan yang presisi, kami memastikan jalan yang kami buat tahan terhadap beban kendaraan harian dan minim perawatan. Kami juga memastikan proses pengaspalan tidak mengganggu aktivitas warga.</p>



<h3 class="wp-block-heading"><strong>5. </strong>Pengaspalan Area Komersial dan Industri</h3>



<p class="wp-block-paragraph">Kawasan industri dan komersial sering kali memerlukan spesifikasi pengaspalan yang lebih kuat untuk menahan aktivitas kendaraan berat seperti truk dan alat berat. Kami menyediakan layanan jasa pengaspalan dengan material berkualitas tinggi serta metode pelapisan yang dapat menyesuaikan dengan kebutuhan proyek. Dengan pengaspalan yang tepat, area komersial dan industri akan memiliki jalan yang kokoh dan dapat bertahan dalam jangka waktu lama tanpa mengalami kerusakan signifikan.</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="400" height="380" src="https://hargaaspal.com/wp-content/uploads/2024/05/jasa-pengaspalan-jalan-Semarang-400x380.webp" alt="jasa pengaspalan jalan Semarang" class="wp-image-3221"/></figure>



<h3 class="wp-block-heading">6. Pengaspalan Jalan Tol dan Jalan Besar</h3>



<p class="wp-block-paragraph">Sebagai&nbsp;<a href="https://hargaaspal.com/jasa-pengaspalan-jalan/" target="_blank" rel="noreferrer noopener">jasa pengaspalan</a>&nbsp;berpengalaman, kami juga menangani proyek besar seperti pengaspalan jalan tol dan jalan utama. Karena dengan peralatan modern dan tim ahli, kami mampu menyelesaikan proyek skala besar dengan cepat dan efisien, tanpa mengorbankan kualitas.</p>



<h3 class="wp-block-heading">7. Pengaspalan Lapangan Olahraga</h3>



<p class="wp-block-paragraph">Lapangan olahraga membutuhkan permukaan yang rata dan tahan lama. Kami menyediakan layanan pengaspalan khusus untuk lapangan olahraga, seperti lapangan basket, tenis, atau area publik lainnya. Hasilnya adalah permukaan aspal yang nyaman dan tahan terhadap cuaca ekstrem.</p>



<h2 class="subjudul">Kenapa Harus Memilih Layanan Jasa Pengaspalan Semarang?</h2>



<p class="wp-block-paragraph">Memilih jasa pengaspalan yang tepat adalah langkah penting untuk mendapatkan hasil yang berkualitas dan tahan lama. Berikut beberapa alasan mengapa kami adalah pilihan terbaik untuk kebutuhan pengaspalan Anda:</p>



<h3 class="wp-block-heading">1. Pengalaman dan Profesionalisme</h3>



<p class="wp-block-paragraph">Kami telah menangani berbagai proyek jasa pengaspalan hotmix di Semarang dan sekitarnya, mulai dari jalan raya hingga area perumahan dan industri. Dengan pengalaman bertahun-tahun di jasa aspal, kami memahami kebutuhan spesifik setiap proyek dan mampu memberikan hasil terbaik.</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="400" height="380" src="https://hargaaspal.com/wp-content/uploads/2024/05/jasa-aspal-Semarang-400x380.webp" alt="jasa aspal Semarang" class="wp-image-3222"/></figure>



<h3 class="wp-block-heading">2. Penggunaan Material Berkualitas</h3>



<p class="wp-block-paragraph">Kami hanya menggunakan bahan <a href="https://hargaaspal.com/jenis-aspal-hotmix-menurut-kegunaannya/" target="_blank" rel="noreferrer noopener">aspal hotmix</a> terbaik dari pabrik aspal terpercaya. Dengan material berkualitas tinggi, jalan yang kami bangun memiliki daya tahan lebih lama dan tidak mudah rusak.</p>



<h3 class="wp-block-heading">3. Teknologi Modern</h3>



<p class="wp-block-paragraph">Kami menggunakan peralatan dan teknologi canggih di asphalt mixing plant dan mesin penghampar aspal untuk memastikan hasil pengerjaan yang presisi dan berkualitas tinggi.</p>



<h3 class="wp-block-heading">4. Tim Ahli dan Berpengalaman</h3>



<p class="wp-block-paragraph">Tim Jasa Pengaspalan Semarang terdiri dari tenaga profesional yang telah berpengalaman dalam bidang jasa pengaspalan jalan. Dengan keahlian yang mumpuni, kami mampu menyelesaikan proyek dengan efisien dan tepat waktu.</p>



<h3 class="wp-block-heading">5. Harga Kompetitif</h3>



<p class="wp-block-paragraph">Jasa Pengaspalan Semarang menawarkan harga layanan dan <a href="https://hargaaspal.com" target="_blank" rel="noreferrer noopener">harga aspal</a> yang bersaing tanpa mengurangi kualitas pekerjaan. Dengan layanan yang transparan, pelanggan mendapatkan hasil yang maksimal.</p>



<section id="Harga">
<h2 class="subjudul">Harga Aspal di Jasa Pengaspalan Semarang</h2>
</section>



<p class="wp-block-paragraph">Menentukan harga aspal sangat penting dalam merencanakan proyek pengaspalan. Selain itu harga aspal bervariasi tergantung pada jenis, kualitas, dan satuan pembeliannya. Berikut daftar harga aspal dan beberapa satuan harga aspal:</p>


<style>
.hst{max-width:850px;margin:0 auto;padding:8px 0 16px;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;box-sizing:border-box}
.hst *{box-sizing:border-box}
.hst .hst-box{border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px #eceef2,0 6px 20px -12px rgba(9,27,50,.2)}
.hst table.hst-t{width:100%!important;border-collapse:collapse!important;border:0!important;margin:0!important;font-size:15px;line-height:1.5}
.hst .hst-t th,.hst .hst-t td{border:0!important;padding:13px 20px!important;text-align:left;vertical-align:middle}
.hst .hst-t thead th{background:#a10026!important;color:#fff!important;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.hst .hst-t th.r,.hst .hst-t td.r{text-align:left!important;width:1%;white-space:nowrap}
.hst .hst-t tbody tr{background:#fff}
.hst .hst-t tbody tr:nth-child(even){background:#fafbfc}
.hst .hst-t tbody td{border-bottom:1px solid #eef0f3!important;color:#2b3442}
.hst .hst-t tbody tr:last-child td{border-bottom:0!important}
.hst .hst-t td.n{font-weight:600;color:#091b32}
.hst .hst-t td.p{font-weight:700;color:#a10026;white-space:nowrap;font-variant-numeric:tabular-nums}
.hst .hst-t .u{width:1%;white-space:nowrap;text-align:center!important;color:#6b7482}
.hst .hst-t thead th.u{color:#fff!important}
.hst .hst-t thead th.r{text-align:center!important}
.hst .hst-t tbody tr.emu td{border-top:2px solid #e3e7ed!important}
.hst .hst-t tbody tr.emu td.p{text-align:right!important}
@media (hover:hover){.hst .hst-t tbody tr:hover{background:#fdf2f4}}
@media (max-width:600px){
.hst .hst-t{font-size:14.5px}
.hst .hst-t th,.hst .hst-t td{padding:12px 10px!important}
.hst .hst-t th:first-child,.hst .hst-t td:first-child{padding-left:14px!important}
.hst .hst-t th:last-child,.hst .hst-t td:last-child{padding-right:14px!important}
.hst .hst-t .u{padding-left:4px!important;padding-right:4px!important}
}
</style>
<div class="hst">
<div class="hst-box">
<table class="hst-t" aria-label="Tabel harga aspal hotmix dan aspal emulsi">
<thead><tr><th scope="col">Jenis Aspal</th><th scope="col" class="u">Satuan</th><th scope="col" class="r">Harga</th></tr></thead>
<tbody>
<tr><td class="n">ATB</td><td class="u">ton</td><td class="p r">Rp 1.710.000</td></tr>
<tr><td class="n">AC BC</td><td class="u">ton</td><td class="p r">Rp 1.780.000</td></tr>
<tr><td class="n">AC WC</td><td class="u">ton</td><td class="p r">Rp 1.850.000</td></tr>
<tr><td class="n">AC WC IV A</td><td class="u">ton</td><td class="p r">Rp 1.890.000</td></tr>
<tr><td class="n">3 Laston</td><td class="u">ton</td><td class="p r">Rp 1.915.000</td></tr>
<tr><td class="n">HRS</td><td class="u">ton</td><td class="p r">Rp 1.980.000</td></tr>
<tr><td class="n">3 Laston Spesial</td><td class="u">ton</td><td class="p r">Rp 2.065.000</td></tr>
<tr><td class="n">Sand Sheet</td><td class="u">ton</td><td class="p r">Rp 2.250.000</td></tr>
<tr><td class="n">Sand Sheet Spesial</td><td class="u">ton</td><td class="p r">Rp 2.400.000</td></tr>
<tr class="emu"><td class="n">Aspal Emulsi</td><td class="u">liter</td><td class="p r">Rp 16.500</td></tr>
<tr><td class="n">Aspal Emulsi</td><td class="u">drum</td><td class="p r">Rp 3.200.000</td></tr>
</tbody>
</table>
</div>
</div>


<section class="daftar-harga-section">
  <div class="harga-container">

    <h3 class="harga-title">Daftar Harga Jasa Pengaspalan per m²</h3>

    <div class="harga-list">

      <!-- III Laston -->
      <div class="harga-group">
        <div class="harga-header">III Laston</div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>2 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 115.000,-</span>
          </div>
        </div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>3 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 165.000,-</span>
          </div>
        </div>
      </div>

      <!-- III Laston Spesial -->
      <div class="harga-group">
        <div class="harga-header">III Laston Spesial</div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>1 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 70.000,-</span>
          </div>
        </div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>2 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 115.000,-</span>
          </div>
        </div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>3 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 165.000,-</span>
          </div>
        </div>
      </div>

      <!-- Sandsheet -->
      <div class="harga-group">
        <div class="harga-header">Sandsheet</div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>1 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 70.000,-</span>
          </div>
        </div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>2 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 115.000,-</span>
          </div>
        </div>
      </div>

      <!-- HRS -->
      <div class="harga-group">
        <div class="harga-header">HRS</div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>2 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 115.000,-</span>
          </div>
        </div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>3 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 165.000,-</span>
          </div>
        </div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>4 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 215.000,-</span>
          </div>
        </div>
      </div>

      <!-- AC-WC -->
      <div class="harga-group">
        <div class="harga-header">AC-WC</div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>3 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 165.000,-</span>
          </div>
        </div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>4 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 215.000,-</span>
          </div>
        </div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>5 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 265.000,-</span>
          </div>
        </div>
      </div>

      <!-- AC-BC -->
      <div class="harga-group">
        <div class="harga-header">AC-BC</div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>4 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 215.000,-</span>
          </div>
        </div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>5 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 265.000,-</span>
          </div>
        </div>
      </div>

      <!-- ATB -->
      <div class="harga-group">
        <div class="harga-header">ATB</div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>5 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 265.000,-</span>
          </div>
        </div>
      </div>

    </div>
  </div>
</section>

<style>
.daftar-harga-section {
  font-family: 'Segoe UI', sans-serif;
  background: #fdfdfd;
  padding: 50px 20px;
  display: flex;
  justify-content: center;
}

.harga-container {
  width: 100%;
  max-width: 900px;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

.harga-title {
  background: #a10026;
  color: #fff;
  text-align: center;
  font-family: 'Segoe UI', sans-serif;
  font-weight: 600;
  line-height: 1.4;
  font-size: 22px;
  padding: 18px;
  margin: 0;
  text-transform: uppercase;
}

.harga-group {
  border-bottom: 4px solid #a10026;
}

.harga-header {
  background: #091b32;
  color: #ffffff;
  font-weight: 700;
  font-size: 17px;
  padding: 14px 18px;
}

.harga-item {
  display: flex;
  justify-content: space-between;
  padding: 14px 18px;
  background: #fff;
  border-top: 1px dashed #e6dada;
  transition: 0.25s ease;
}

.harga-item:nth-child(even) {
  background: #fffdfd;
}

.kolom {
  width: 48%;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.kolom small {
  font-size: 13px;
  color: #666;
  margin-bottom: 3px;
}

.kolom span {
  font-size: 15px;
  font-weight: 600;
  color: #a10026;
}

.kolom.harga span {
  color: #a10026;
}

.harga-item:hover {
  background: #fdf1f4;
}

@media (max-width: 600px) {
  .harga-item {
    flex-direction: column;
    gap: 8px;
  }

  .kolom {
    width: 100%;
  }
}
</style>



<p class="has-text-align-center wp-block-paragraph">Note: Belum termasuk jasa / mob-demob (mobilisasi)</p>


<style>
.hcb{display:flex!important;justify-content:center;flex-wrap:wrap;gap:12px;margin:24px auto!important;padding:0 12px!important;max-width:560px;background:transparent!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Arial,sans-serif!important;-webkit-font-smoothing:antialiased;box-sizing:border-box}
.hcb *,.hcb *::before,.hcb *::after{box-sizing:border-box}
.hcb a.hcb-btn{flex:1 1 220px;display:inline-flex!important;align-items:center;justify-content:center;gap:10px;min-height:54px;margin:0!important;padding:10px 22px 10px 12px!important;border:0!important;border-radius:16px!important;color:#fff!important;text-decoration:none!important;font-size:17px!important;font-weight:600!important;letter-spacing:-.01em;line-height:1.2!important;-webkit-tap-highlight-color:transparent;box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 8px 20px -10px rgba(9,27,50,.55)!important;transition:transform .15s ease,filter .2s ease,box-shadow .2s ease}
.hcb .hcb-ico{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.2)}
.hcb .hcb-ico svg{width:19px;height:19px;display:block}
.hcb .hcb-wa{background:linear-gradient(180deg,#1f9d4c,#15803d)!important}
.hcb .hcb-tel{background:linear-gradient(180deg,#c21a45,#a10026)!important}
@media (hover:hover){.hcb a.hcb-btn:hover{filter:brightness(1.07);box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 12px 26px -12px rgba(9,27,50,.6)!important}}
.hcb a.hcb-btn:active{transform:scale(.97);filter:brightness(.95)}
.hcb a.hcb-btn:focus-visible{outline:3px solid #0a84ff;outline-offset:2px}
@media (max-width:480px){.hcb{flex-direction:column;gap:10px}.hcb a.hcb-btn{flex:none;width:100%}}
.hcb p:empty,.hcb br{display:none!important}
@media (prefers-reduced-motion:reduce){.hcb a.hcb-btn{transition:none!important}}
</style>
<div class="hcb">
<a href="https://api.whatsapp.com/send?phone=62817892028&amp;text=Halo%20hargaaspal.com,%20mohon%20informasi%20mengenai%20harga%20aspal%20dan%20jasa%20pengaspalan." target="_blank" rel="noopener" class="hcb-btn hcb-wa"><span class="hcb-ico" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="#fff" viewBox="0 0 24 24"><path d="M20.52 3.48A11.9 11.9 0 0012 .07C5.39.07.07 5.39.07 12c0 2.11.55 4.15 1.6 5.95L0 24l6.22-1.63A11.93 11.93 0 0012 23.93c6.61 0 11.93-5.32 11.93-11.93 0-3.19-1.24-6.19-3.41-8.52zM12 21.45c-1.91 0-3.77-.51-5.39-1.47l-.39-.23-3.69.97.99-3.59-.25-.37a9.43 9.43 0 01-1.5-5.15c0-5.22 4.25-9.47 9.47-9.47 2.53 0 4.9.98 6.68 2.76a9.4 9.4 0 012.79 6.72c0 5.22-4.25 9.47-9.47 9.47zm5.25-7.12c-.29-.15-1.73-.85-2-1-.27-.1-.47-.15-.67.15-.19.29-.77.96-.94 1.15-.17.2-.35.22-.64.07-.29-.15-1.22-.45-2.32-1.44-.86-.77-1.44-1.72-1.61-2.01-.17-.29-.02-.45.13-.6.13-.13.29-.35.43-.52.15-.17.19-.29.29-.48.1-.19.05-.36-.02-.52-.07-.15-.67-1.62-.91-2.21-.24-.58-.48-.5-.67-.51h-.57c-.19 0-.52.07-.79.36-.27.29-1.04 1.01-1.04 2.47s1.07 2.87 1.22 3.07c.15.19 2.11 3.22 5.1 4.51.71.31 1.26.5 1.69.64.71.23 1.35.2 1.86.12.57-.08 1.73-.71 1.98-1.4.25-.69.25-1.28.17-1.4-.07-.13-.26-.2-.55-.35z"/></svg></span>WhatsApp</a>
<a href="tel:62817892028" class="hcb-btn hcb-tel"><span class="hcb-ico" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="#fff" viewBox="0 0 24 24"><path d="M6.62 10.79a15.534 15.534 0 006.59 6.59l2.2-2.2a1 1 0 011.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 011 1V21a1 1 0 01-1 1C10.07 22 2 13.93 2 3a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.2 2.46.57 3.58.09.32.02.66-.24 1.01l-2.21 2.2z"/></svg></span>Konsultasi Gratis</a>
</div>



<h3 class="wp-block-heading">1. Harga Aspal per Kilogram (Kg)</h3>



<p class="wp-block-paragraph">Aspal dalam satuan kilogram untuk kebutuhan proyek kecil atau perbaikan minor. Di samping itu harga aspal per kilogram (kg) biasanya bervariasi tergantung kualitas dan jenis aspal.</p>



<h3 class="wp-block-heading">2. Harga Aspal Cair</h3>



<p class="wp-block-paragraph">Aspal cair digunakan untuk proses perkerasan jalan dan pelapis sebelum pengaspalan utama. Harga aspal cair bergantung pada kandungan bahan kimia dan kualitasnya.</p>



<h3 class="wp-block-heading">3. Harga Aspal per Drum</h3>



<p class="wp-block-paragraph">Harga aspal per drum dalam bentuk drum cocok untuk proyek skala menengah hingga besar. Satu drum aspal biasanya memiliki berat sekitar 200 kg hingga 250 kg, tergantung jenisnya.</p>



<h3 class="wp-block-heading">4. Harga Aspal per Meter (M)</h3>



<p class="wp-block-paragraph">Harga aspal per M (meter) dihitung berdasarkan panjang jalan yang akan diaspal, biasanya digunakan untuk proyek jalan dengan lebar tertentu.</p>



<h3 class="wp-block-heading">5. Harga Aspal per M2 (Meter Persegi)</h3>



<p class="wp-block-paragraph">Harga aspal per M2 (meter persegi) ditentukan berdasarkan luas area yang akan dilapisi aspal, termasuk ketebalan aspal yang diinginkan.</p>



<h3 class="wp-block-heading">6. Harga Aspal Hotmix per M3 (Meter Kubik)</h3>



<p class="wp-block-paragraph">Harga aspal hotmix per m3 (meter kubik) dihitung berdasarkan volume material yang dibutuhkan dalam proyek konstruksi jalan atau lapangan.</p>



<h3 class="wp-block-heading">7. Harga Hotmix per Ton</h3>



<p class="wp-block-paragraph">Aspal sering kali dihitung dalam satuan ton untuk proyek besar seperti jalan raya dan bandara. Harga hotmix per ton tergantung pada jenis aspal dan lokasi proyek.</p>



<h2 class="subjudul">Tahapan Proses Pengaspalan di Jasa Pengaspalan Semarang</h2>



<p class="wp-block-paragraph">Pengaspalan jalan membutuhkan proses yang sistematis agar hasilnya maksimal dan tahan lama. Berikut adalah tahapan utama dalam proses pengaspalan.</p>



<h3 class="wp-block-heading">1. Persiapan Lahan</h3>



<p class="wp-block-paragraph">Kami membersihkan area terlebih dahulu dari material asing seperti sampah, rumput, dan batu. Kami juga memastikan tanah dalam kondisi stabil sebelum memulai pengerjaan.</p>



<h3 class="wp-block-heading">2. Perataan dan Pemadatan Tanah</h3>



<p class="wp-block-paragraph">Kami meratakan dan memadatkan tanah agar lapisan dasar menjadi kuat dan tidak mengalami penurunan setelah pengaspalan.</p>



<h3 class="wp-block-heading">3. Pembuatan Lapisan Pondasi</h3>



<p class="wp-block-paragraph">Kami menambahkan lapisan agregat sebagai pondasi untuk memastikan daya tahan jalan terhadap tekanan kendaraan.</p>



<h3 class="wp-block-heading">4. Aplikasi Aspal</h3>



<p class="wp-block-paragraph">Kami menghamparkan aspal panas dengan ketebalan yang sesuai standar dan memastikan permukaan tetap rata.</p>



<h3 class="wp-block-heading">5. Pemadatan Aspal</h3>



<p class="wp-block-paragraph">Kami menggunakan alat pemadat untuk meratakan dan mengoptimalkan daya rekat aspal agar lebih kuat dan tahan lama.</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="400" height="380" src="https://hargaaspal.com/wp-content/uploads/2024/05/jasa-aspal-jalan-Semarang-400x380.webp" alt="jasa aspal" class="wp-image-3223"/></figure>



<h3 class="wp-block-heading">6. Finishing dan Pengecekan</h3>



<p class="wp-block-paragraph">Kami mengevaluasi hasil pengaspalan untuk memastikan kualitasnya sesuai dengan standar sebelum jalan dapat digunakan.</p>



<h2 class="subjudul">Testimoni Pengguna Jasa Pengaspalan Semarang</h2>



<section class="testi-section">
  <div class="testi-grid">

    <!-- Testimoni 1 -->
    <article class="testi-card">
      <h3 class="testi-title">Hasil Pengaspalan Memuaskan dan Tahan Lama</h3>
      <p class="testi-quote">
        Setelah dilakukan pengaspalan di area parkir ruko saya, pelanggan jadi lebih nyaman. Hasilnya sangat memuaskan dan tahan lama!
      </p>
      <p class="testi-identitas">— Shani, Pemilik Usaha Ruko</p>
    </article>

    <!-- Testimoni 2 -->
    <article class="testi-card">
      <h3 class="testi-title">Jalan Kantor Lebih Aman dan Nyaman</h3>
      <p class="testi-quote">
        Jalan di sekitar area kantor jadi lebih aman dan nyaman. Sangat direkomendasikan!
      </p>
      <p class="testi-identitas">— Hanif, Manager Perusahaan</p>
    </article>

    <!-- Testimoni 3 -->
    <article class="testi-card">
      <h3 class="testi-title">Pengaspalan Parkir Minimarket Rapi dan Efisien</h3>
      <p class="testi-quote">
        Pengaspalan area parkir minimarket saya sangat membantu meningkatkan kenyamanan pelanggan. Hasilnya sangat rapi!
      </p>
      <p class="testi-identitas">— Shara, Pemilik Minimarket</p>
    </article>

    <!-- Testimoni 4 (Tambahan) -->
    <article class="testi-card">
      <h3 class="testi-title">Proses Cepat dan Pelayanan Ramah</h3>
      <p class="testi-quote">
        Timnya bekerja dengan cepat dan profesional. Jalan akses menuju gudang kami kini lebih kuat dan tidak licin lagi, sangat memuaskan!
      </p>
      <p class="testi-identitas">— Rafi, Kepala Operasional</p>
    </article>

  </div>
</section>

<style>
  .testi-section {
    font-family: 'Segoe UI', sans-serif;
    padding: 50px 20px;
    background: #f9f9f9;
    text-align: center;
  }

  .testi-heading {
    font-size: 22px;
    font-weight: 700;
    color: #a10026;
    margin-bottom: 35px;
  }

  .testi-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 22px;
    text-align: left;
  }

  .testi-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 14px;
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
    padding: 18px 18px 22px;
    transition: transform .3s ease, box-shadow .3s ease;
  }

  .testi-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 20px rgba(0,0,0,.14);
  }

  .testi-title {
    font-size: 16px;
    font-weight: 700;
    color: #a10026;
    margin-bottom: 8px;
  }

  .testi-quote {
    font-size: 14px;
    color: #333;
    line-height: 1.65;
    margin: 0 0 8px;
  }

  .testi-identitas {
    font-size: 13.5px;
    color: #555;
    font-style: italic;
    margin: 0;
  }
</style>



<section id="Form">
<h2 class="subjudul">Cara Memesan Layanan Jasa Pengaspalan Semarang</h2>
</section>



<p class="wp-block-paragraph">Untuk memesan layanan kami, Anda dapat menghubungi tim kami melalui kontak di website ini. Kami Jasa Pengaspalan Semarang siap memberikan konsultasi dan estimasi harga sesuai dengan kebutuhan proyek Anda. Segera isi form dan hubungi kami untuk mendapatkan layanan pengaspalan terbaik dengan hasil yang memuaskan!</p>


<div class="form-container" style="max-width:600px;margin:auto;padding:20px;background:#f7f7f7;border-radius:12px;box-shadow:0 0 10px rgba(0,0,0,0.1)">

  <div style="display:flex;flex-direction:column;gap:15px;">

    <!-- Pilih Satuan -->
    <div>
      <label for="satuan" style="font-weight:600;color:#333;">Pilih Satuan:</label>
      <select id="satuan" style="width:100%;padding:10px;border-radius:6px;border:1px solid #ccc;">
        <option value="">-- Pilih Satuan --</option>
        <option value="ton">Ton</option>
        <option value="m2">M2</option>
        <option value="drum">Drum</option>
        <option value="liter">Liter</option>
      </select>
    </div>

    <!-- Pilih Jenis Aspal -->
    <div id="jenis-section" style="display:none;">
      <label for="jenis" style="font-weight:600;color:#333;">Pilih Jenis Aspal:</label>
      <select id="jenis" style="width:100%;padding:10px;border-radius:6px;border:1px solid #ccc;">
        <option value="">-- Pilih Jenis Aspal --</option>
      </select>
    </div>

    <!-- Pilih Ketebalan (khusus M2) -->
    <div id="tebal-section" style="display:none;">
      <label for="tebal" style="font-weight:600;color:#333;">Pilih Ketebalan Aspal:</label>
      <select id="tebal" style="width:100%;padding:10px;border-radius:6px;border:1px solid #ccc;">
        <option value="">-- Pilih Ketebalan --</option>
      </select>
    </div>

    <!-- Jumlah Pesanan -->
    <div>
      <label for="jumlah" id="label-jumlah" style="font-weight:600;color:#333;">Jumlah Pesanan:</label>
      <div style="display:flex;align-items:center;gap:10px;">
        <input type="number" id="jumlah" min="1" style="flex:1;padding:10px;border-radius:6px;border:1px solid #ccc;">
        <span id="satuan-label" style="color:#555;font-size:14px;">satuan</span>
      </div>
    </div>

    <!-- Tombol Hitung -->
    <button onclick="hitungTotal()" style="width:100%;padding:12px;background:#a10026;color:#fff;border:none;border-radius:6px;font-weight:bold;cursor:pointer;">Hitung Total</button>

    <!-- Hasil -->
    <div id="hasil" style="margin-top:15px;padding:15px;background:#fff;border-radius:8px;display:none;">
      <h4 style="margin-bottom:10px;">Detail Pesanan:</h4>
      <p id="detail" style="margin-bottom:8px;line-height:1.6;"></p>
      <p><strong>Total Harga:</strong> <span id="total-harga" style="color:#a10026;font-weight:bold;"></span></p>
    </div>

    <!-- Tombol WhatsApp -->
    <a id="pesan-wa" href="#" target="_blank" style="display:none;text-decoration:none;">
      <button style="width:100%;margin-top:10px;padding:12px;background:#25d366;color:#fff;border:none;border-radius:6px;font-weight:bold;cursor:pointer;">Pesan Sekarang via WhatsApp</button>
    </a>

  </div>
</div>

<script>
const harga = {
  ton: {
    "Aspal Hotmix AC-WC": 1710000,
    "Aspal Hotmix AC-WC IV A": 1750000,
    "Aspal Hotmix AC-BC": 1645000,
    "Aspal Hotmix Laston": 1780000,
    "Aspal Hotmix Laston Spesial": 1930000,
    "Aspal Hotmix HRS": 1840000,
    "Aspal Hotmix Sand Sheet": 2070000,
    "Aspal Hotmix Sand Sheet Spesial": 2220000
  },
  m2: {
    1: 70000,
    2: 115000,
    3: 165000,
    4: 215000,
    5: 265000
  },
  drum: { "Emulsi": 3300000 },
  liter: { "Emulsi": 18000 }
};

// Jenis aspal berdasarkan satuan
const jenisBySatuan = {
  ton: [
    "Aspal Hotmix AC-WC", "Aspal Hotmix AC-WC IV A", "Aspal Hotmix AC-BC",
    "Aspal Hotmix Laston", "Aspal Hotmix Laston Spesial", "Aspal Hotmix HRS",
    "Aspal Hotmix Sand Sheet", "Aspal Hotmix Sand Sheet Spesial"
  ],
  m2: [
    "AC WC", "AC BC", "HRS", "III Laston", "III Laston Special", "Sandsheet", "ATB"
  ],
  drum: ["Emulsi"],
  liter: ["Emulsi"]
};

// Ketebalan berdasarkan jenis (dibalik dari sebelumnya)
const tebalByJenis = {
  "AC WC": [3,4,5],
  "AC BC": [4,5],
  "HRS": [2,3,4],
  "III Laston": [2,3],
  "III Laston Special": [1,2,3],
  "Sandsheet": [1,2],
  "ATB": [5]
};

const satuanSelect = document.getElementById('satuan');
const jenisSelect = document.getElementById('jenis');
const tebalSelect = document.getElementById('tebal');
const tebalSection = document.getElementById('tebal-section');
const jenisSection = document.getElementById('jenis-section');
const jumlahInput = document.getElementById('jumlah');
const labelJumlah = document.getElementById('label-jumlah');
const satuanLabel = document.getElementById('satuan-label');

satuanSelect.addEventListener('change', () => {
  const satuan = satuanSelect.value;
  jenisSelect.innerHTML = '<option value="">-- Pilih Jenis Aspal --</option>';
  tebalSelect.innerHTML = '<option value="">-- Pilih Ketebalan --</option>';
  tebalSection.style.display = 'none';
  jenisSection.style.display = satuan ? 'block' : 'none';
  labelJumlah.textContent = satuan === 'm2' ? 'Luas (m²):' :
                            satuan === 'ton' ? 'Jumlah (Ton):' :
                            satuan === 'drums' ? 'Jumlah (Liter):' :
                            satuan === 'liter' ? 'Jumlah (Liter):' :
                            'Jumlah Pesanan:';
  satuanLabel.textContent = satuan || 'satuan';

  if (satuan && jenisBySatuan[satuan]) {
    jenisBySatuan[satuan].forEach(j => {
      const opt = document.createElement('option');
      opt.value = j;
      opt.textContent = j;
      jenisSelect.appendChild(opt);
    });
  }
});

jenisSelect.addEventListener('change', () => {
  const satuan = satuanSelect.value;
  const jenis = jenisSelect.value;

  tebalSelect.innerHTML = '<option value="">-- Pilih Ketebalan --</option>';

  if (satuan === 'm2' && tebalByJenis[jenis]) {
    tebalByJenis[jenis].forEach(t => {
      const opt = document.createElement('option');
      opt.value = t;
      opt.textContent = `${t} cm`;
      tebalSelect.appendChild(opt);
    });
    tebalSection.style.display = 'block';
  } else {
    tebalSection.style.display = 'none';
  }
});

function hitungTotal() {
  const satuan = satuanSelect.value;
  const jenis = jenisSelect.value;
  const jumlah = parseFloat(jumlahInput.value);
  const tebal = tebalSelect.value;

  if (!satuan || !jenis || !jumlah) {
    alert('Silakan lengkapi semua pilihan dan jumlah.');
    return;
  }

  let hargaSatuan = 0;
  if (satuan === 'm2') {
    if (!tebal) {
      alert('Silakan pilih ketebalan.');
      return;
    }
    hargaSatuan = harga.m2[tebal];
  } else {
    hargaSatuan = harga[satuan][jenis];
  }

  const total = hargaSatuan * jumlah;

  document.getElementById('hasil').style.display = 'block';
  document.getElementById('detail').innerHTML = `
    Jenis Aspal: ${jenis}<br>
    ${satuan === 'm2' ? `Ketebalan: ${tebal} cm<br>` : ''}
    Jumlah: ${jumlah.toLocaleString('id-ID')} ${satuan}<br>
    Harga per ${satuan}: Rp ${hargaSatuan.toLocaleString('id-ID')}
  `;
  document.getElementById('total-harga').textContent = 'Rp ' + total.toLocaleString('id-ID');

  const pesanText = `Halo hargaaspal.com, Saya berminat untuk pesan ${jenis} ${satuan === 'm2' ? 'dengan ketebalan ' + tebal + ' cm' : ''}, ${jumlah} ${satuan}. Totalnya Rp ${total.toLocaleString('id-ID')}. Mohon informasinya.`;
  const waUrl = `https://api.whatsapp.com/send/?phone=62817892028&text=${encodeURIComponent(pesanText)}&type=phone_number&app_absent=0`;
  
  const waButton = document.getElementById('pesan-wa');
  waButton.href = waUrl;
  waButton.style.display = 'block';
}
</script>



<h2 class="subjudul">FAQ (Pertanyaan yang Sering Diajukan) tentang Jasa Pengaspalan Semarang</h2>



<div class="schema-faq wp-block-yoast-faq-block"><div class="schema-faq-section" id="faq-question-1759822558189"><strong class="schema-faq-question"><strong>1. Berapa lama proses pengaspalan biasanya berlangsung?</strong></strong> <p class="schema-faq-answer">Lama pengerjaan tergantung pada luas area dan kondisi lahan. Untuk proyek kecil seperti halaman parkir, bisa selesai dalam 1–2 hari, sedangkan jalan besar memerlukan waktu lebih lama.</p> </div> <div class="schema-faq-section" id="faq-question-1759822577813"><strong class="schema-faq-question"><strong>2. Apakah perlu perawatan setelah pengaspalan selesai?</strong></strong> <p class="schema-faq-answer">Tentu saja, jalan yang baru diaspal sebaiknya tidak dilalui kendaraan berat dalam 24 jam pertama. Selain itu, pembersihan rutin dan perbaikan kecil jika ada kerusakan dapat memperpanjang umur aspal.</p> </div> <div class="schema-faq-section" id="faq-question-1759822593795"><strong class="schema-faq-question"><strong>3. Apakah Jasa Pengaspalan Semarang menerima proyek skala kecil?</strong></strong> <p class="schema-faq-answer">Ya, kami melayani proyek skala kecil maupun besar, mulai dari jalan perumahan hingga proyek jalan utama.</p> </div> <div class="schema-faq-section" id="faq-question-1759822607215"><strong class="schema-faq-question"><strong>4. Apakah pengaspalan bisa dilakukan saat musim hujan?</strong></strong> <p class="schema-faq-answer">Pengaspalan sebaiknya dilakukan saat cuaca cerah agar hasilnya maksimal. Karena hujan dapat mengganggu proses pengerjaan dan menurunkan kualitas aspal.</p> </div> <div class="schema-faq-section" id="faq-question-1759822627208"><strong class="schema-faq-question"><strong>5. Apa keunggulan jasa pengaspalan yang Anda tawarkan?</strong></strong> <p class="schema-faq-answer">Kami menawarkan pengerjaan cepat, material berkualitas, tenaga kerja berpengalaman, serta harga yang kompetitif untuk hasil yang maksimal.</p> </div> <div class="schema-faq-section" id="faq-question-1759822645246"><strong class="schema-faq-question"><strong>6. Apakah tersedia garansi untuk proyek pengaspalan?</strong></strong> <p class="schema-faq-answer">Tentu saja, kami memberikan garansi untuk hasil pekerjaan sesuai kesepakatan. Selain itu jika ada masalah dalam periode garansi, kami siap melakukan perbaikan.</p> </div> </div>



<h3 class="wp-block-heading"></h3>
<p>Artikel <a href="https://hargaaspal.com/jasa-pengaspalan-semarang/">Jasa Pengaspalan Semarang, Layanan Berkualitas Dengan Harga Aspal Hotmix Murah</a> pertama kali tampil pada <a href="https://hargaaspal.com">Harga Aspal Terbaru</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://hargaaspal.com/jasa-pengaspalan-semarang/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
