Banner Ad Space

Cara Mengonfigurasi Fitur HTML Generator

August 14, 2024
Table of Contents

Kode Generator HTML

Salin dan tempelkan kode di bawah ini ke menu Halaman dengan judul HTML Generator.

<div class="html_generator">
	<section class="html_gesec1">
		<h2>Hero</h2>

		<h3>Sub-judul</h3>
		<input class="input_gesec1 custom_input" autocomplete="off" placeholder="Start earning more traffic" type="text"/>

		<h3>Judul Utama</h3>
		<input class="input_gesec2 custom_input" autocomplete="off" placeholder="Marketing revolution. &lt;br class=&quot;desktop&quot;&gt; Unlimited success ✌️" type="text"/>

		<h3>Deskripsi</h3>
		<input class="input_gesec3 custom_input" autocomplete="off" placeholder="Join us in revolutionizing your marketing strategies for &lt;br class=&quot;desktop&quot;&gt; unlimited success. Let&#039;s achieve your goals together." type="text"/>

		<h3>Call to Action</h3>
		<div class="input_wrapper">
			<input class="input_gesec4 custom_input" autocomplete="off" placeholder="Free consultation" type="text"/>
			<input class="input_gesec5 custom_input" autocomplete="off" placeholder="https://www.gilatemax.com/" type="text"/>
		</div>

		<h2>Hasil Kode</h2>
		<div class="elementskit_alert alert_info">
			<div class="alert_message">
				Hasil kode generator ini harus ditempelkan pada widget berjudul <b>Hero</b>.
			</div>
		</div>
		<button class="create_code elementskit_button fab extended small filled fwm" data-text="Buat kode" type="button"><span class="button_wrapper">Buat kode</span></button>
		<pre data-lang="&lt;/&gt;"><code class="language-html">Output here</code></pre>
	</section>

	<section class="html_gesec2">
		<h2>Stats</h2>

		<div class="add_generator">
      <button class="button_gesec elementskit_button fab extended small outlined fwm" data-text="Tambah daftar baru" type="button"><span class="button_wrapper">Tambah daftar baru</span></button>
    </div>

    <h2>Hasil Kode</h2>
    <div class="elementskit_alert alert_info">
			<div class="alert_message">
				Hasil kode generator ini harus ditempelkan pada widget berjudul <b>Stats</b>.
			</div>
		</div>
		<button class="create_code elementskit_button fab extended small filled fwm" data-text="Buat kode" type="button"><span class="button_wrapper">Buat kode</span></button>
		<pre data-lang="&lt;/&gt;"><code class="language-html">Output here</code></pre>
	</section>

	<section class="html_gesec3">
		<h2>Benefits</h2>

		<h3>Sub-judul</h3>
		<input class="input_gesec1 custom_input" autocomplete="off" placeholder="Fast Solutions" type="text"/>

		<h3>Judul</h3>
		<input class="input_gesec2 custom_input" autocomplete="off" placeholder="&lt;span&gt;Solutions&lt;/span&gt; for busy business owners" type="text"/>

		<h3>Deskripsi</h3>
		<input class="input_gesec3 custom_input" autocomplete="off" placeholder="Drive revenue with email automation, boost SEO rankings, and optimize the customer journey effortlessly." type="text"/>

		<h2>Gambar</h2>
		<div class="add_generator">
      <button class="button_gesec elementskit_button fab extended small outlined fwm" data-text="Tambah daftar baru" type="button"><span class="button_wrapper">Tambah daftar baru</span></button>
    </div>

    <h2>Hasil Kode</h2>
    <div class="elementskit_alert alert_info">
			<div class="alert_message">
				Hasil kode generator ini harus ditempelkan pada widget berjudul <b>Benefits</b>.
			</div>
		</div>
		<button class="create_code elementskit_button fab extended small filled fwm" data-text="Buat kode" type="button"><span class="button_wrapper">Buat kode</span></button>
		<pre data-lang="&lt;/&gt;"><code class="language-html">Output here</code></pre>
	</section>

	<section class="html_gesec4">
		<h2>Services</h2>

		<h3>Sub-judul</h3>
		<input class="input_gesec1 custom_input" autocomplete="off" placeholder="Our Services" type="text"/>

		<h3>Judul</h3>
		<input class="input_gesec2 custom_input" autocomplete="off" placeholder="Your &lt;span&gt;bespoke&lt;/span&gt; service bundle" type="text"/>

		<h3>Deskripsi</h3>
		<input class="input_gesec3 custom_input" autocomplete="off" placeholder="Unlock your business&#039;s full potential with our &lt;br class=&quot;desktop&quot;&gt; comprehensive suite of services." type="text"/>

		<h2>Layanan</h2>
		<div class="add_generator">
      <button class="button_gesec elementskit_button fab extended small outlined fwm" data-text="Tambah daftar baru" type="button"><span class="button_wrapper">Tambah daftar baru</span></button>
    </div>

    <h2>Hasil Kode</h2>
    <div class="elementskit_alert alert_info">
			<div class="alert_message">
				Hasil kode generator ini harus ditempelkan pada widget berjudul <b>Services</b>.
			</div>
		</div>
		<button class="create_code elementskit_button fab extended small filled fwm" data-text="Buat kode" type="button"><span class="button_wrapper">Buat kode</span></button>
		<pre data-lang="&lt;/&gt;"><code class="language-html">Output here</code></pre>
	</section>

	<section class="html_gesec5">
		<h2>Features</h2>

		<h3>Sub-judul</h3>
		<input class="input_gesec1 custom_input" autocomplete="off" placeholder="Seamless Integrations" type="text"/>

		<h3>Judul</h3>
		<input class="input_gesec2 custom_input" autocomplete="off" placeholder="&lt;span&gt;Easy integration&lt;/span&gt; with your entire tech stack" type="text"/>

		<h3>Deskripsi</h3>
		<input class="input_gesec3 custom_input" autocomplete="off" placeholder="Integrate with top marketing and SEO tools. Experience enhanced performance." type="text"/>

		<h2>Fitur</h2>
		<div class="add_generator">
      <button class="button_gesec elementskit_button fab extended small outlined fwm" data-text="Tambah daftar baru" type="button"><span class="button_wrapper">Tambah daftar baru</span></button>
    </div>

    <h2>Hasil Kode</h2>
    <div class="elementskit_alert alert_info">
			<div class="alert_message">
				Hasil kode generator ini harus ditempelkan pada widget berjudul <b>Features</b>.
			</div>
		</div>
		<button class="create_code elementskit_button fab extended small filled fwm" data-text="Buat kode" type="button"><span class="button_wrapper">Buat kode</span></button>
		<pre data-lang="&lt;/&gt;"><code class="language-html">Output here</code></pre>
	</section>

	<section class="html_gesec6">
		<h2>Testimonial</h2>

		<h3>Sub-judul</h3>
		<input class="input_gesec1 custom_input" autocomplete="off" placeholder="30,000+ Happy Clients" type="text"/>

		<h3>Judul</h3>
		<input class="input_gesec2 custom_input" autocomplete="off" placeholder="Winning hearts and trust. &lt;br class=&quot;desktop&quot;&gt; Customer &lt;span&gt;success stories&lt;/span&gt;" type="text"/>

		<h3>Deskripsi</h3>
		<input class="input_gesec3 custom_input" autocomplete="off" placeholder="The best way to showcase our commitment is through the &lt;br class=&quot;desktop&quot;&gt; experiences and stories of those who have partnered with us." type="text"/>

		<h2>Testimoni</h2>
		<div class="add_generator">
      <button class="button_gesec elementskit_button fab extended small outlined fwm" data-text="Tambah daftar baru" type="button"><span class="button_wrapper">Tambah daftar baru</span></button>
    </div>

    <h2>Hasil Kode</h2>
    <div class="elementskit_alert alert_info">
			<div class="alert_message">
				Hasil kode generator ini harus ditempelkan pada widget berjudul <b>Testimonial</b>.
			</div>
		</div>
		<button class="create_code elementskit_button fab extended small filled fwm" data-text="Buat kode" type="button"><span class="button_wrapper">Buat kode</span></button>
		<pre data-lang="&lt;/&gt;"><code class="language-html">Output here</code></pre>
	</section>

	<section class="html_gesec7">
		<h2>Pricing</h2>

		<h3>Sub-judul</h3>
		<input class="input_gesec1 custom_input" autocomplete="off" placeholder="Flexible Pricing" type="text"/>

		<h3>Judul</h3>
		<input class="input_gesec2 custom_input" autocomplete="off" placeholder="&lt;span&gt;Get started&lt;/span&gt;. Pick a plan &lt;br class=&quot;desktop&quot;&gt; that suits your needs" type="text"/>

		<h3>Deskripsi</h3>
		<input class="input_gesec3 custom_input" autocomplete="off" placeholder="Explore our flexible plans tailored to meet your needs and budget. &lt;br class=&quot;desktop&quot;&gt; Get started today and propel your business to new heights." type="text"/>

		<h2>Harga</h2>
		<div class="add_generator">
      <button class="button_gesec elementskit_button fab extended small outlined fwm" data-text="Tambah daftar baru" type="button"><span class="button_wrapper">Tambah daftar baru</span></button>
    </div>

    <h2>Hasil Kode</h2>
    <div class="elementskit_alert alert_info">
			<div class="alert_message">
				Hasil kode generator ini harus ditempelkan pada widget berjudul <b>Pricing</b>.
			</div>
		</div>
		<button class="create_code elementskit_button fab extended small filled fwm" data-text="Buat kode" type="button"><span class="button_wrapper">Buat kode</span></button>
		<pre data-lang="&lt;/&gt;"><code class="language-html">Output here</code></pre>
	</section>

	<section class="html_gesec8">
		<h2>FAQ</h2>

		<h3>Sub-judul</h3>
		<input class="input_gesec1 custom_input" autocomplete="off" placeholder="FAQs" type="text"/>

		<h3>Judul</h3>
		<input class="input_gesec2 custom_input" autocomplete="off" placeholder="&lt;span&gt;Questions?&lt;/span&gt; We&#039;re glad you asked" type="text"/>

		<h3>Deskripsi</h3>
		<input class="input_gesec3 custom_input" autocomplete="off" placeholder="Here's a little more about how we operate. Got a more specific question? Feel free to get in touch." type="text"/>

		<h2>Pertanyaan yang Sering Diajukan</h2>
		<div class="add_generator">
      <button class="button_gesec elementskit_button fab extended small outlined fwm" data-text="Tambah daftar baru" type="button"><span class="button_wrapper">Tambah daftar baru</span></button>
    </div>

    <h2>Hasil Kode</h2>
    <div class="elementskit_alert alert_info">
			<div class="alert_message">
				Hasil kode generator ini harus ditempelkan pada widget berjudul <b>FAQ</b>.
			</div>
		</div>
		<button class="create_code elementskit_button fab extended small filled fwm" data-text="Buat kode" type="button"><span class="button_wrapper">Buat kode</span></button>
		<pre data-lang="&lt;/&gt;"><code class="language-html">Output here</code></pre>
	</section>

	<section class="html_gesec9">
		<h2>Contact Us</h2>

		<h3>Judul</h3>
		<input class="input_gesec2 custom_input" autocomplete="off" placeholder="Let&#039;s talk about &lt;br class=&quot;desktop&quot;&gt; &lt;span&gt;working together&lt;/span&gt;" type="text"/>

		<h3>Deskripsi</h3>
		<input class="input_gesec3 custom_input" autocomplete="off" placeholder="Need a quick question answered? Our support team &lt;br class=&quot;desktop&quot;&gt; is available to answer any queries seven days a week." type="text"/>

		<h3>Kolom Nama (Placeholder)</h3>
		<input class="input_gesec4 custom_input" autocomplete="off" placeholder="Name" type="text"/>

		<h3>Kolom Email (Placeholder)</h3>
		<input class="input_gesec5 custom_input" autocomplete="off" placeholder="Email" type="text"/>

		<h3>Kolom Subjek (Placeholder)</h3>
		<input class="input_gesec6 custom_input" autocomplete="off" placeholder="Subject" type="text"/>

		<h3>Kolom Pesan (Placeholder)</h3>
		<input class="input_gesec7 custom_input" autocomplete="off" placeholder="Message" type="text"/>

		<h3>Nama Label Tombol</h3>
		<input class="input_gesec8 custom_input" autocomplete="off" placeholder="Submit" type="text"/>

    <h2>Hasil Kode</h2>
    <div class="elementskit_alert alert_info">
			<div class="alert_message">
				Hasil kode generator ini harus ditempelkan pada widget berjudul <b>Contact Us</b>.
			</div>
		</div>
		<button class="create_code elementskit_button fab extended small filled fwm" data-text="Buat kode" type="button"><span class="button_wrapper">Buat kode</span></button>
		<pre data-lang="&lt;/&gt;"><code class="language-html">Output here</code></pre>
	</section>
</div>

Cara Menggunakan Fitur HTML Generator

Hero

  1. Sub-judul

    Pada kolom ini isi dengan sub-judul, contoh: Start earning more traffic.

  2. Judul Utama

    Pada kolom ini isi dengan judul utama, contoh: Marketing revolution. <br class=&quot;desktop&quot;> Unlimited success ✌️.

  3. Deskripsi

    Pada kolom ini isi dengan deskripsi, contoh: Join us in revolutionizing your marketing strategies for <br class=&quot;desktop&quot;> unlimited success. Let's achieve your goals together..

  4. Call to Action

    Pada kolom ini isi dengan nama label dan link tujuan.

Stats

  1. Tambahkan daftar baru.
  2. Kolom 1

    Pada kolom ini isi dengan jumlah total, contoh: 450+.

  3. Kolom 2

    Pada kolom ini isi dengan teks, contoh: Total Users.

Benefits

  1. Sub-judul

    Pada kolom ini isi dengan sub-judul, contoh: Fast Solutions.

  2. Judul

    Pada kolom ini isi dengan judul, contoh: <span>Solutions</span> for busy business owners.

  3. Deskripsi

    Pada kolom ini isi dengan deskripsi, contoh: Drive revenue with email automation, boost SEO rankings, and optimize the customer journey effortlessly..

  4. Gambar

    Tambahkan daftar baru.

  5. URL Gambar

    Pada kolom ini isi dengan url gambar, contoh: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFQE6KJYz0bSVa_RUfZY8azg8uKik8b2o1neuzfSfes1z_6nwsGWtkFIThiH2-E0nNs9IQuDMCTeApML04WH-3F0NvBdwU0kn4qNDhLjyl6cuP9bqXrzyg2mk3I2Nm6rxzXQdjXJJpLiRA12k6iHg6HUaULTzFwB_ls9Hmn2LHnne1tgCvjJtolCpvvf94/s1600/maximum-startup-1.jpg.

  6. Judul

    Pada kolom ini isi dengan judul, contoh: Email automation tools to drive revenue.

  7. Deskripsi

    Pada kolom ini isi dengan deskripsi, contoh: Automate email marketing and campaigns for increased revenue generation..

Services

  1. Sub-judul

    Pada kolom ini isi dengan sub-judul, contoh: Our Services.

  2. Judul

    Pada kolom ini isi dengan judul, contoh: Your <span>bespoke</span> service bundle.

  3. Deskripsi

    Pada kolom ini isi dengan deskripsi, contoh: Unlock your business's full potential with our <br class=&quot;desktop&quot;> comprehensive suite of services..

  4. Layanan

    Tambahkan daftar baru.

  5. Ikon

    Pada kolom ini isi dengan kode ikon SVG, contoh:

    <svg viewBox="0 0 24 24" fill="none"><path d="M14.9263 2.91103L8.27352 6.10452C7.76151 6.35029 7.21443 6.41187 6.65675 6.28693C6.29177 6.20517 6.10926 6.16429 5.9623 6.14751C4.13743 5.93912 3 7.38342 3 9.04427V9.95573C3 11.6166 4.13743 13.0609 5.9623 12.8525C6.10926 12.8357 6.29178 12.7948 6.65675 12.7131C7.21443 12.5881 7.76151 12.6497 8.27352 12.8955L14.9263 16.089C16.4534 16.8221 17.217 17.1886 18.0684 16.9029C18.9197 16.6172 19.2119 16.0041 19.7964 14.778C21.4012 11.4112 21.4012 7.58885 19.7964 4.22196C19.2119 2.99586 18.9197 2.38281 18.0684 2.0971C17.217 1.8114 16.4534 2.17794 14.9263 2.91103Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path><path d="M11.4581 20.7709L9.96674 22C6.60515 19.3339 7.01583 18.0625 7.01583 13H8.14966C8.60978 15.8609 9.69512 17.216 11.1927 18.197C12.1152 18.8012 12.3054 20.0725 11.4581 20.7709Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path><path d="M7.5 12.5V6.5" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path></svg>
  6. Judul

    Pada kolom ini isi dengan judul, contoh: Graphic design.

  7. Link

    Pada kolom ini isi dengan link tujuan, contoh: https://www.gilatemax.com/.

  8. Deskripsi

    Pada kolom ini isi dengan deskripsi, contoh: Transform your brand vision into stunning visuals. From logos to marketing materials..

Features

  1. Sub-judul

    Pada kolom ini isi dengan sub-judul, contoh: Seamless Integrations.

  2. Judul

    Pada kolom ini isi dengan judul, contoh: <span>Easy integration</span> with your entire tech stack.

  3. Deskripsi

    Pada kolom ini isi dengan deskripsi, contoh: Integrate with top marketing and SEO tools. Experience enhanced performance..

  4. Fitur

    Tambahkan daftar baru.

  5. URL Gambar

    Pada kolom ini isi dengan url gambar, contoh: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu-dJQGJNKBrzP3PfOszTtm-vAAlSMEngompYiDim3kNt1X7Jlkq4G4U7LzuOdBi-36ChbGKVmtwJNGd8xB_7ONS3UhUi7RIjVMBLaBAkUAhp76wSlUdQgCG-P3ad0v7LOw5YTgFdW3hKsR1gdjzOKSPcr8mv-ig2V0LBoWYMMn0c9ikqeL9d4Y6VnC13O/s1600/logo8.png.

  6. Link

    Pada kolom ini isi dengan link tujuan, contoh: https://www.gilatemax.com/.

Testimonial

  1. Sub-judul

    Pada kolom ini isi dengan sub-judul, contoh: 30,000+ Happy Clients.

  2. Judul

    Pada kolom ini isi dengan judul, contoh: Winning hearts and trust. <br class=&quot;desktop&quot;> Customer <span>success stories</span>.

  3. Deskripsi

    Pada kolom ini isi dengan deskripsi, contoh: The best way to showcase our commitment is through the <br class=&quot;desktop&quot;> experiences and stories of those who have partnered with us..

  4. Testimoni

    Tambahkan daftar baru.

  5. URL Foto

    Pada kolom ini isi dengan url gambar foto, contoh: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK6ahjHtGyPY0RMdv5cn24MeTmEZAfv09fa8pWdAMEWg1CoAPsOXW1SkclW1WZApZq1wvA8TszgviyiQurAvSK1B5gC9E3r-4FI_qL6qxZ1n_g1rSh9ZCtpeQJqho8z7Hl2YDBjwcX55KBG4rOLNiLK4YMNYcbbgrh3EmKX3wLM1dofLGLLuEdx5mB/s1600/pngwing.com.png.

  6. Nama Pengarang

    Pada kolom ini isi dengan nama pengarang, contoh: Safaa Sampson.

  7. Deskripsi

    Pada kolom ini isi dengan deskripsi, contoh: Founder & CEO.

  8. Pesan Testimoni

    Pada kolom ini isi dengan pesan testimoni, contoh: placeholder="Incredible results! Their team's expertise propelled our business to new heights. Highly recommend their services for anyone serious about success.".

Pricing

  1. Sub-judul

    Pada kolom ini isi dengan sub-judul, contoh: Flexible Pricing.

  2. Judul

    Pada kolom ini isi dengan judul, contoh: <span>Get started</span>. Pick a plan <br class=&quot;desktop&quot;> that suits your needs.

  3. Deskripsi

    Pada kolom ini isi dengan deskripsi, contoh: Explore our flexible plans tailored to meet your needs and budget. <br class=&quot;desktop&quot;> Get started today and propel your business to new heights..

  4. Harga

    Tambahkan daftar baru.

  5. Judul

    Pada kolom ini isi dengan judul, contoh: Pro.

  6. Deskripsi

    Pada kolom ini isi dengan deskripsi, contoh: For startups and organizations.

  7. Nilai Harga

    Pada kolom ini isi dengan nilai harga, contoh: $39.

  8. Periode

    Pada kolom ini isi dengan periode, contoh: /month.

  9. Nama Label Tombol

    Pada kolom ini isi dengan nama label tombol, contoh: Get started with Pro.

  10. Link Tombol

    Pada kolom ini isi dengan link tujuan, contoh: https://www.gilatemax.com/.

  11. Daftar Item

    Pada kolom ini isi dengan daftar item, contoh: Custom website design, Advanced SEO optimization, Social media management.

    Gunakan tanda koma setiap ingin menambahkan daftar item baru.

FAQ

  1. Sub-judul

    Pada kolom ini isi dengan sub-judul, contoh: FAQs.

  2. Judul

    Pada kolom ini isi dengan judul, contoh: <span>Questions?</span> We're glad you asked.

  3. Deskripsi

    Pada kolom ini isi dengan deskripsi, contoh: Here's a little more about how we operate. Got a more specific question? Feel free to get in touch..

  4. Pertanyaan yang Sering Diajukan

    Tambahkan daftar baru.

  5. Pertanyaan

    Pada kolom ini isi dengan pertanyaan, contoh: Will you be getting updates?.

  6. Jawaban

    Pada kolom ini isi dengan jawaban, contoh: Yes, you will get FREE UPDATE forever, including the latest version update..

Contact Us

  1. Judul

    Pada kolom ini isi dengan judul, contoh: Let's talk about <br class=&quot;desktop&quot;> <span>working together</span>.

  2. Deskripsi

    Pada kolom ini isi dengan deskripsi, contoh: Need a quick question answered? Our support team
    is available to answer any queries seven days a week.    .

  3. Kolom Nama (Placeholder)

    Pada kolom ini isi dengan teks pengisi kolom nama, contoh: Name.

  4. Kolom Email (Placeholder)

    Pada kolom ini isi dengan teks pengisi kolom email, contoh: Email.

  5. Kolom Subjek (Placeholder)

    Pada kolom ini isi dengan teks pengisi kolom subjek, contoh: Subject.

  6. Kolom Pesan (Placeholder)

    Pada kolom ini isi dengan teks pengisi kolom pesan, contoh: Message.

  7. Nama Label tombol

    Pada kolom ini isi dengan nama label tombol, contoh: Submit.

Jika Anda ingin melaporkan beberapa bug, Anda dapat menuliskannya di bagian komentar pada halaman Bug Report dan jika Anda ingin meminta fitur baru atau ingin memberikan umpan balik, silakan tuliskan di bagian komentar pada halaman Request dan Feedback.
Related Posts
Post a Comment
Cancel
Related Posts