Tryag File Manager

//proc/self/root/proc/self/root/var/www/html/tpid-makasih.id/_index.html

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

<title>Makasih | Digital Invitation</title>
  <meta content="" name="description">
  <meta content="" name="keywords">

<link href="assets/img/favicon.png" rel="icon">
  <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">

<link
    href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
    rel="stylesheet">

<link href="assets/vendor/aos/aos.css" rel="stylesheet">
  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
  <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
  <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
  <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">

<link href="assets/css/style.css" rel="stylesheet">

</head>

<body>

<header id="header" class="fixed-top d-flex align-items-center header-transparent">
    <div class="container d-flex align-items-center justify-content-between">

<nav id="navbar" class="navbar">
        <ul>
          <li><a class="nav-link scrollto active" href="#hero">Home</a></li>
          <li><a class="nav-link scrollto" href="#about">About</a></li>
          <li><a class="nav-link scrollto" href="#portfolio">Portfolio</a></li>
          <li><a class="nav-link scrollto" href="#testimonials">Testimonials</a></li>
          <li><a class="nav-link scrollto" href="#faq">FAQ</a></li>

</ul>
        <i class="bi bi-list mobile-nav-toggle"></i>
      </nav>

</div>
  </header>

<section id="hero">

<div class="container">
      <div class="row justify-content-between">
        <div class="col-lg-7 pt-5 pt-lg-0 order-2 order-lg-1 d-flex align-items-center">
          <div data-aos="zoom-out">
            <h1>Website Undangan <span>Pernikahan</span></h1>
            <h2>Masa aktif selamanya dan edit tanpa batas!
              Fitur paling lengkap banyak preset siap pakai
            </h2>
            
          </div>
        </div>
        <div class="col-lg-4 order-1 order-lg-2 hero-img" data-aos="zoom-out" data-aos-delay="300">
          <img src="assets/img/hero-img.png" class="img-fluid animated" alt="">
        </div>
      </div>
    </div>

</section>

</div>

<div
            class="col-xl-7 col-lg-6 icon-boxes d-flex flex-column align-items-stretch justify-content-center py-5 px-lg-5 aos-init aos-animate"
            data-aos="fade-left">
            <h3>Aplikasi Website Undangan No.1</h3>
            <p>Makasih.id adalah aplikasi pembuatan website undangan online gratis terbaik yang sudah melayani pengguna
              sejak tahun
              2020. Inilah alasan mereka memilih Makasih.id
            </p>

<div class="icon-box aos-init aos-animate" data-aos="zoom-in" data-aos-delay="100">
              <div class="icon"><i class="bx bxs-brain"></i></div>
              <h4 class="title"><a href="">Smart System</a></h4>
              <p class="description">Makasih.id memiliki sistem yang mudah digunakan dan mendukung kustomisasi yang
                sangat fleksibel. Anda bisa mengatur
                undangan sesuai keinginan dan keperluan.</p>
            </div>

<div class="icon-box aos-init aos-animate" data-aos="zoom-in" data-aos-delay="200">
              <div class="icon"><i class="bx bx-purchase-tag-alt"></i></div>
              <h4 class="title"><a href="">Harga Terjangkau</a></h4>
              <p class="description">Anda tidak akan menemukan layanan undangan online lain yang lebih murah dari
                Datengdong dengan kualitas layanan yang
                setara.
              </p>
            </div>

<div class="icon-box aos-init aos-animate" data-aos="zoom-in" data-aos-delay="300">
              <div class="icon"><i class="bx bx-images"></i></div>
              <h4 class="title"><a href="">Banyak Pilihan Tema</a></h4>
              <p class="description">Tersedia banyak pilihan tema siap pakai yang dapat di sesuaikan dengan selera Anda
                kapan saja tanpa batas.
              </p>
            </div>

</div>
        </div>

</div>
    </section>

<section id="features" class="features">
      <div class="container">

<div class="section-title" data-aos="fade-up">
          <p>Fitur yang keren dan lengkap
          </p>
        </div>

<div class="row" data-aos="fade-left">
          <div class="col-lg-3 col-md-4">
            <div class="icon-box" data-aos="zoom-in" data-aos-delay="50">
              <i class="ri-smartphone-line" style="color: #ffbb2c;"></i>
              <h3><a href="">Design Responsif</a></h3>
            </div>
          </div>
          <div class="col-lg-3 col-md-4 mt-4 mt-md-0">
            <div class="icon-box" data-aos="zoom-in" data-aos-delay="100">
              <i class="ri-base-station-line" style="color: #5578ff;"></i>
              <h3><a href="">Broadcast undangan via Whatsapp</a></h3>
            </div>
          </div>
          <div class="col-lg-3 col-md-4 mt-4 mt-md-0">
            <div class="icon-box" data-aos="zoom-in" data-aos-delay="150">
              <i class="ri-paint-brush-line" style="color: #e80368;"></i>
              <h3><a href="">Smart Realtime Dashboard Editing</a></h3>
            </div>
          </div>
          <div class="col-lg-3 col-md-4 mt-4 mt-lg-0">
            <div class="icon-box" data-aos="zoom-in" data-aos-delay="200">
              <i class="ri-map-2-line" style="color: #61b0ff;"></i>
              <h3><a href="">Navigasi Lokasi</a></h3>
            </div>
          </div>
          <div class="col-lg-3 col-md-4 mt-4">
            <div class="icon-box" data-aos="zoom-in" data-aos-delay="250">
              <i class="ri-gallery-line" style="color: #47aeff;"></i>
              <h3><a href="">Gallery Foto</a></h3>
            </div>
          </div>
          <div class="col-lg-3 col-md-4 mt-4">
            <div class="icon-box" data-aos="zoom-in" data-aos-delay="350">
              <i class="ri-live-line" style="color: #11dbcf;"></i>
              <h3><a href="">Live Streaming</a></h3>
            </div>
          </div>
          <div class="col-lg-3 col-md-4 mt-4">
            <div class="icon-box" data-aos="zoom-in" data-aos-delay="400">
              <i class="ri-heart-line" style="color: #ff33e4;"></i>
              <h3><a href="">Love Stories</a></h3>
            </div>
          </div>
          <div class="col-lg-3 col-md-4 mt-4">
            <div class="icon-box" data-aos="zoom-in" data-aos-delay="300">
              <i class="ri-notification-line" style="color: #ffa76e;"></i>
              <h3><a href="">Notification</a></h3>
            </div>
          </div>
        </div>
      </div>
    </section>

<section id="portfolio" class="gallery">
      <div class="container">

<div class="section-title" data-aos="fade-up">
          <h2>Gallery</h2>
          <p>Check our Gallery</p>
        </div>

</div>

</div>
    </section>

<section id="testimonials" class="testimonials">
      <div class="container">

<div class="swiper-slide">
              <div class="testimonial-item">
                <img src="assets/img/testimonials/testimonials-3.jpg" class="testimonial-img" alt="">
                <h3>Jena Karlis</h3>
                <p>
                  <i class="bx bxs-quote-alt-left quote-icon-left"></i>
                  Kepikiran untuk buat undangan online, tapi mikir gimana cara nyebarinnya biar online, tapi tetep
                  terasa private-nya.
                  Supaya kesannya ngak asal sebar, jadi yang diundang pun merasa penting. Ternyata eh ternyata di jaman
                  semua semua serba
                  digital ini, kebutuhan itu udah dicover sama Invita. Jadi itungannya juga lebih irit untuk orang-orang
                  yang tinggal di
                  luar kota tapi pengen kita undang. Tinggal kirim undangan digital, gak perlu lagi kirim kirim via pos.
                  <i class="bx bxs-quote-alt-right quote-icon-right"></i>
                </p>
              </div>
            </div>

<div class="swiper-slide">
              <div class="testimonial-item">
                <img src="assets/img/testimonials/testimonials-4.jpg" class="testimonial-img" alt="">
                <h3>Matt Brandon</h3>
                <p>
                  <i class="bx bxs-quote-alt-left quote-icon-left"></i>
                  Thanks Invita.id for the great support in making us easier to share our digital invitation to our
                  lovely guest. We can
                  share any of our wedding vibe just put everything inside the invitation. It can be theme-customized
                  with all data for
                  couples such as; our love story, our prewed photography, our guest list reservations, wishes and still
                  so many thigs to
                  add. Thanks for made it happened!
                  <i class="bx bxs-quote-alt-right quote-icon-right"></i>
                </p>
              </div>
            </div>

<div class="swiper-slide">
              <div class="testimonial-item">
                <img src="assets/img/testimonials/testimonials-5.jpg" class="testimonial-img" alt="">
                <h3>John Larson</h3>
                <p>
                  <i class="bx bxs-quote-alt-left quote-icon-left"></i>
                  Invita is so helpful for us to invite our guests to our special day. I really recommend Invita as
                  digital invitation for
                  your event. We’re impressed with Invita’s service and We dare say you’ll be pleased with the
                  experience too! Invita’s
                  digital invitation is elegant, easy to send out and what’s great is that it’s environmentally
                  friendly! Let’s save earth
                  from Global warming :) <i class="bx bxs-quote-alt-right quote-icon-right"></i>
                </p>
              </div>
            </div>

</div>
          <div class="swiper-pagination"></div>
        </div>

</div>
    </section>

<section id="pricing" class="pricing">
      <div class="container">

<div class="section-title" data-aos="fade-up">
          <h2>Mengapa Undangan Digital?</h2>
          <p>Manfaat yang anda dapatkan menggunakan undangan digital</p>
        </div>

<div class="col-lg-3 col-md-6">
            <div class="box" data-aos="zoom-in" data-aos-delay="100" style="height: 100%;">
              <img src="assets/img/savetime.svg" alt="">
              <h4 class="mt-3">
                Menghemat banyak waktu dan uangmu
              </h4>
            </div>
          </div>

<div class="col-lg-3 col-md-6 mt-4 mt-md-0">
            <div class="box featured" data-aos="zoom-in" data-aos-delay="200" style="height: 100%;">
              <img src="assets/img/file.svg" alt="">
              <h4 class="mt-3">
                Fitur check-in tamu menggunakan QR-Code
              </h4>
            </div>
          </div>

<div class="col-lg-3 col-md-6 mt-4 mt-lg-0">
            <div class="box" data-aos="zoom-in" data-aos-delay="300" style="height: 100%;">
              <img src="assets/img/apps.svg" alt="">
              <h4 class="mt-3">
                Tambahan fitur menarik lainnya
              </h4>
            </div>
          </div>

<div class="col-lg-3 col-md-6 mt-4 mt-lg-0">
            <div class="box" data-aos="zoom-in" data-aos-delay="400" style="height: 100%;">
              <img src="assets/img/share.svg" alt="">
              <h4 class="mt-3">
                Buku tamu digital
              </h4>
            </div>
          </div>

</div>

</div>
    </section>

<section id="faq" class="faq section-bg">
      <div class="container">

<div class="section-title" data-aos="fade-up">
          <h2>F.A.Q</h2>
          <p>Frequently Asked Questions</p>
        </div>

<div class="faq-list">
          <ul>
            <li data-aos="fade-up">
              <i class="bx bx-help-circle icon-help"></i> <a data-bs-toggle="collapse" class="collapse"
                data-bs-target="#faq-list-1">Upload foto selalu blank? tidak terupload<i
                  class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
              <div id="faq-list-1" class="collapse show" data-bs-parent=".faq-list">
                <p>
                  periksa kembali koneksi, dan format gambar harus jpg, png, jpeg dgn size maximal 1,5mb. disarankan
                  menggunakan browser
                  chrome.
                </p>
              </div>
            </li>

<li data-aos="fade-up" data-aos-delay="100">
              <i class="bx bx-help-circle icon-help"></i> <a data-bs-toggle="collapse" data-bs-target="#faq-list-2"
                class="collapsed">Apakah masih bisa di edit setelah di aktifkan? <i
                  class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
              <div id="faq-list-2" class="collapse" data-bs-parent=".faq-list">
                <p>
                  ya bisa sekali. kamu bisa edit undangan kamu kapanpun selamanya. tanpa ada batasan.
                </p>
              </div>
            </li>

<li data-aos="fade-up" data-aos-delay="200">
              <i class="bx bx-help-circle icon-help"></i> <a data-bs-toggle="collapse" data-bs-target="#faq-list-3"
                class="collapsed">Apakah saya buat sendiri undangan saya? <i class="bx bx-chevron-down icon-show"></i><i
                  class="bx bx-chevron-up icon-close"></i></a>
              <div id="faq-list-3" class="collapse" data-bs-parent=".faq-list">
                <p>
                  kamu tidak buat sendiri undangan dari awal dan memusingkan. cukup pilih design siap pakai yang telah
                  our-wedding buat.
                  isi info dan upload gallery.
                </p>
              </div>
            </li>

<li data-aos="fade-up" data-aos-delay="300">
              <i class="bx bx-help-circle icon-help"></i> <a data-bs-toggle="collapse" data-bs-target="#faq-list-4"
                class="collapsed">Berapa lama masa aktif undangan saya?
                <i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
              <div id="faq-list-4" class="collapse" data-bs-parent=".faq-list">
                <p>
                  tidak ada masa aktif. dengan kata lain undangan anda akan aktif selamanya. jadi kamu bisa aktifkan
                  sekarang untuk di
                  pakai kapanpun.
                </p>
              </div>
            </li>

</ul>
        </div>

</div>
    </section>

</main>

<footer id="footer">

<div class="container">
      <div class="copyright">
        &copy; Copyright <strong><span>Makasih</span></strong>. All Rights Reserved
      </div>
      <div class="credits">
        Designed by <a href="/">Makasih</a>
      </div>
    </div>
  </footer>

<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
  <script src="assets/vendor/aos/aos.js"></script>
  <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
  <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
  <script src="assets/vendor/php-email-form/validate.js"></script>

<script src="assets/js/main.js"></script>

</body>

</html>