Diskon 80% terbatas! Masukkan kupon "merdeka" di kelas apa saja

icon fa fa tidak muncul

halo saya mau tanya kenapa icon fa fa saya tidak muncul, hanya muncul tanda seru yang berkedip kedip..

berikut scripnya

<div>
  <h5 class="fw-medium">Connect with Us</h5>
   <p class="fs--1 mb-3 fw-medium">Follow us :</p>
   <div class="icon-group mb-4">  <a class="text-decoration-none icon-item shadow-social" id="instagram" href="https://api.whatsapp.com/send?phone=6281585888185"><i class="fa fa-whatsapp"> </i> </a><a class="text-decoration-none icon-item shadow-social" id="instagram" href="https://instagram.com/tetapnaik?utm_medium=copy_link"><i class="fa fa-instagram"> </i></a><a class="text-decoration-none icon-item shadow-social" id="instagram" href="#!"><i class="fa fa-twitter"> </i></a><a class="text-decoration-none icon-item shadow-social" id="instagram" href="mailto:info@my-solution.co.id"><i class="fa fa-envelope"> </i></a><a class="text-decoration-none icon-item shadow-social" id="instagram" href="https://www.google.com/maps/place/PT+Tetap+Naik+Bukan+Turun/@-6.2084911,106.7635149,15z/data=!4m5!3m4!1s0x0:0xf2530b6466b3291!8m2!3d-6.2085397!4d106.7635199"><i class="fa fa-map"> </i></a>
   </div>
</div>

ini script lengkapnya :

<!DOCTYPE html>
<html lang="en-US" dir="ltr">

  <head>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-53014221-1"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'UA-53014221-1');
    </script>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- ===============================================-->
    <!--    Document Title-->
    <!-- ===============================================-->
    <title>Tetap Naik | Cosmetic Ingredient Solution</title>
    <meta name="description" content="Distributor bahan baku kosmetik & produk konsep advisor terbaik di Indonesia. Active ingredients untuk personal care ter-update untuk produk anti aging, anti-acne, moisturizer, whitening, hair care, dan lain sebagainya.">
    <meta name="author" content="PT Tetap Naik Bukan Turun">
    <meta name="description" content="Distributor bahan baku kosmetik & produk konsep advisor terbaik di Indonesia. Active ingredients untuk personal care ter-update untuk produk anti aging, anti-acne, moisturizer, whitening, hair care, dan lain sebagainya.">
    <meta name="keywords" content="Bahan baku kosmetik">

    <!-- ===============================================-->
    <!--    Favicons-->
    <!-- ===============================================-->
    <link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicons/favicon-2.ico">
    <link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicons/favicon-2.ico">
    <link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicons/favicon-2.ico">
    <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicons/favicon-2.ico">
    <link rel="manifest" href="assets/img/favicons/manifest.json">
    <meta name="msapplication-TileImage" content="assets/img/favicons/favicon-2.ico">
    <meta name="theme-color" content="#ffffff">

    <!-- ===============================================-->
    <!--    Stylesheets-->
    <!-- ===============================================-->
    <link href="assets/css/theme.css" rel="stylesheet" />
    <link href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="https://dl.dropbox.com/s/dy890pni7k045na/animate.css?dl=0" rel="stylesheet" type="text/css"></link>
    <script src="https://dl.dropbox.com/s/kqyr5w7ia2q7fkb/wow.js?dl=0" type="text/javascript"></script>
    <script>new WOW().init();</script>

    <style>
    html {scroll-behavior:smooth;}
      .ignielToTop {width:50px; height:50px; position:fixed; bottom:50px; right: 50px; z-index:99; cursor:pointer; border-radius:100px; transition:all .5s; background:#f3a109 url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center;}
      .ignielToTop:hover {background:#1d2129 url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center;}
    </style>

  </head>

  <body>

    <!-- ===============================================-->
    <!--    Main Content-->
    <!-- ===============================================-->
    <main class="main" id="top">
      <nav class="navbar navbar-expand-lg navbar-light fixed-top py-5 d-block" data-navbar-on-scroll="data-navbar-on-scroll">
        <div class="container"><a class="navbar-brand" href="index.html"><img src="assets/img/logo.png" height="42" alt="logo" /></a>
          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"> </span></button>
          <div class="collapse navbar-collapse border-top border-lg-0 mt-4 mt-lg-0" id="navbarSupportedContent">
            <ul class="navbar-nav ms-auto pt-2 pt-lg-0 font-base align-items-lg-center align-items-start">
              <li class="nav-item px-3 px-xl-4"><a class="nav-link fw-medium" aria-current="page" href="index.html">Home</a></li>
              <li class="nav-item px-3 px-xl-4"><a class="nav-link fw-medium" aria-current="page" href="about.php">About</a></li>
              <li class="nav-item px-3 px-xl-4"><a class="nav-link fw-medium" aria-current="page" href="product.php">Products</a></li>
              <li class="nav-item px-3 px-xl-4"><a class="nav-link fw-medium" aria-current="page" href="resources.php">Resources</a></li>
              <li class="nav-item px-3 px-xl-4"><a class="nav-link fw-medium" aria-current="page" href="contact.php">Contact</a></li>
              <li class="nav-item px-3 px-xl-4"><a class="nav-link fw-medium" aria-current="page" href="#!">#1LangkahBesar</a></li>
            </ul>
          </div>
        </div>
      </nav>
      <section style="padding-top: 7rem;">
        <div class="bg-holder" style="background-image:url(assets/img/hero/hero-bg.svg);">
        </div>
        <!--/.bg-holder-->

        <div class="container">
          <div class="row align-items-center">
            <div class="col-md-5 col-lg-6 order-0 order-md-1 text-end"><img class="pt-7 pt-md-0 hero-img  wow fadeInDown" data-wow-duration="1s" data-wow-delay="300ms" src="assets/img/hero/hero-2.png" alt="hero-header" /></div>
            <div class="col-md-7 col-lg-6 text-md-start text-center py-6">
              <h4 class="fw-bold text-danger mb-3 wow fadeInDown" data-wow-duration="1s" data-wow-delay="300ms">Best ingredients and product concept.!</h4>
              <h1 class="hero-title wow fadeInDown" data-wow-duration="1s" data-wow-delay="400ms">Creative, fast and live a new and full life</h1>
              <p class="mb-4 fw-medium wow fadeInDown" data-wow-duration="1s" data-wow-delay="500ms">Provide the best quality products based on scientific studies.<br class="d-none d-xl-block" />Fast response to help you better in research<br class="d-none d-xl-block" />We are present as your premiere solution.</p>
              <div class="text-center text-md-start"> <a class="btn btn-primary btn-lg me-md-4 mb-3 mb-md-0 border-0 primary-btn-shadow" href="#destination" role="button">Let's Check.!</a>
                <div class="w-100 d-block d-md-none"></div><a href="#!" role="button" data-bs-toggle="modal" data-bs-target="#popupVideo"><span class="btn btn-danger round-btn-lg rounded-circle me-3 danger-btn-shadow"> <img src="assets/img/hero/play.svg" width="15" alt="paly"/></span></a><span class="fw-medium wow fadeInDown" data-wow-duration="1s" data-wow-delay="300ms">Play Demo</span>
                <div class="modal fade" id="popupVideo" tabindex="-1" aria-labelledby="popupVideo" aria-hidden="true">
                  <div class="modal-dialog modal-dialog-centered modal-lg">
                    <div class="modal-content">
                      <iframe class="rounded" style="width:100%;max-height:500px;" height="500px" src="https://www.youtube.com/embed/_lhdhL4UDIo" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="allowfullscreen"></iframe>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

      <!-- ============================================-->
      <!-- <section> begin ============================-->
        <section class="pt-5" id="destination">

          <div class="container">
            <div class="position-absolute start-100 bottom-0 translate-middle-x d-none d-xl-block ms-xl-n4"><img src="assets/img/dest/shape.svg" alt="destination" /></div>
            <div class="mb-7 text-center">
              <h5 class="text-secondary wow fadeInDown" data-wow-duration="1s" data-wow-delay="300ms">Categories</h5>
              <h3 class="fs-xl-10 fs-lg-8 fs-7 fw-bold font-cursive text-capitalize wow fadeInDown" data-wow-duration="1s" data-wow-delay="300ms">Products Gallery</h3>
            </div>
            <div class="row">
              <div class="col-md-3 mb-3">
                <a href="#!">
                <div class="card overflow-hidden shadow wow fadeInLeft" data-wow-duration="1s" data-wow-delay="300ms"> <img class="card-img-top" src="assets/img/dest/dest-1.jpg" alt="Personal Care" />
                </div>
                </a>
              </div>
              <div class="col-md-3 mb-3">
                <div class="card overflow-hidden shadow wow fadeInLeft" data-wow-duration="1s" data-wow-delay="500ms"> <img class="card-img-top" src="assets/img/dest/dest-2.jpg" alt="Food & Beverage" />
                </div>
              </div>
              <div class="col-md-3 mb-3">
                <div class="card overflow-hidden shadow wow fadeInRight" data-wow-duration="1s" data-wow-delay="300ms"> <img class="card-img-top" src="assets/img/dest/dest-3.jpg" alt="Nutraceutical" />
                </div>
              </div>
              <div class="col-md-3 mb-3">
                <div class="card overflow-hidden shadow wow fadeInRight" data-wow-duration="1s" data-wow-delay="500ms"> <img class="card-img-top" src="assets/img/dest/dest-4.jpg" alt="Home Care" />
                </div>
              </div>
              <div class="col-md-3 mb-3">
                <div class="card overflow-hidden shadow wow fadeInLeft" data-wow-duration="1s" data-wow-delay="300ms"> <img class="card-img-top" src="assets/img/dest/dest-5.jpg" alt="Sodium Hyaluronate" />
                </div>
              </div>
              <div class="col-md-3 mb-3">
                <div class="card overflow-hidden shadow wow fadeInLeft" data-wow-duration="1s" data-wow-delay="500ms"> <img class="card-img-top" src="assets/img/dest/dest-6.jpg" alt="Natural Extract" />
                </div>
              </div>
              <div class="col-md-3 mb-3">
                <div class="card overflow-hidden shadow wow fadeInRight" data-wow-duration="1s" data-wow-delay="300ms"> <img class="card-img-top" src="assets/img/dest/dest-7.jpg" alt="Packaging" />
                </div>
              </div>
              <div class="col-md-3 mb-3">
                <div class="card overflow-hidden shadow wow fadeInRight" data-wow-duration="1s" data-wow-delay="500ms"> <img class="card-img-top" src="assets/img/dest/dest-8.jpg" alt="Illipe Butter" />
                </div>
              </div>
            </div>
          </div><!-- end of .container-->

        </section>
        <!-- <section> close ============================-->
        <!-- ============================================-->


      <!-- ============================================-->
      <!-- <section> begin ============================-->
      <section class="pt-5 pt-md-9" id="service">

        <div class="container">
          <div class="position-absolute z-index--1 end-0 d-none d-lg-block"><img src="assets/img/category/shape.svg" style="max-width: 200px" alt="service" /></div>
          <div class="mb-7 text-center">
            <h5 class="text-secondary wow fadeInDown" data-wow-duration="1s" data-wow-delay="300ms"> Service </h5>
            <h3 class="fs-xl-10 fs-lg-8 fs-7 fw-bold font-cursive text-capitalize wow fadeInDown" data-wow-duration="1s" data-wow-delay="500ms"> We offer the best to you</h3>
          </div>
          <div class="row">
            <div class="col-lg-3 col-sm-6 mb-6">
              <div class="card service-card shadow-hover rounded-3 text-center align-items-center">
                <div class="card-body p-xxl-5 p-4 wow fadeInDown" data-wow-duration="1s" data-wow-delay="300ms"> <img src="assets/img/category/icon-3.png" width="75" alt="Service" />
                  <h4 class="mb-3">Quality Proven</h4>
                  <p class="mb-0 fw-medium">through material selection, layered checking, & proved it by certification like Halal, EcoCert, ISO 9001 etc.</p>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-sm-6 mb-6">
              <div class="card service-card shadow-hover rounded-3 text-center align-items-center">
                <div class="card-body p-xxl-5 p-4 wow fadeInUp" data-wow-duration="1s" data-wow-delay="300ms"> <img src="assets/img/category/icon-1.png" width="75" alt="Service" />
                  <h4 class="mb-3">Scientific Studies</h4>
                  <p class="mb-0 fw-medium">Become your professional partner, We provide the best quality products based on scientific studies.</p>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-sm-6 mb-6">
              <div class="card service-card shadow-hover rounded-3 text-center align-items-center">
                <div class="card-body p-xxl-5 p-4 wow fadeInDown" data-wow-duration="1s" data-wow-delay="300ms"> <img src="assets/img/category/icon-2.png" width="75" alt="Service" />
                  <h4 class="mb-3">Fast Response</h4>
                  <p class="mb-0 fw-medium">our team will always stand by 24/7. We always give you the fastest respons time to helping you.</p>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-sm-6 mb-6">
              <div class="card service-card shadow-hover rounded-3 text-center align-items-center">
                <div class="card-body p-xxl-5 p-4 wow fadeInUp" data-wow-duration="1s" data-wow-delay="300ms"> <img src="assets/img/category/icon-4.png" width="75" alt="Service" />
                  <h4 class="mb-3">Trend Update</h4>
                  <p class="mb-0 fw-medium">Continuous update about trend and product concept in pesonal care product from the world.</p>
                </div>
              </div>
            </div>
          </div>
        </div><!-- end of .container-->

      </section>
      <!-- <section> close ============================-->
      <!-- ============================================-->

      <!-- ============================================-->
      <!-- <section> begin ============================-->
      <section class="pt-5" id="destination">

        <div class="container">
          <div class="position-absolute start-100 bottom-0 translate-middle-x d-none d-xl-block ms-xl-n4"><img src="assets/img/dest/shape.svg" alt="destination" /></div>
          <div class="mb-7 text-center">
            <h5 class="text-secondary wow fadeInDown" data-wow-duration="1s" data-wow-delay="300ms">Productlist </h5>
            <h3 class="fs-xl-10 fs-lg-8 fs-7 fw-bold font-cursive text-capitalize wow fadeInUp" data-wow-duration="1s" data-wow-delay="300ms">Top Categories</h3>
          </div>
          <div class="row">
            <div class="col-md-4 mb-4 wow fadeInDown" data-wow-duration="1s" data-wow-delay="300ms">
              <div class="card overflow-hidden shadow"> <img class="card-img-top" src="assets/img/dest/dest-9.jpg" alt="Personal Care" />
                <div class="card-body py-4 px-3">
                  <div class="d-flex flex-column flex-lg-row justify-content-between mb-3">
                    <h4 class="text-secondary fw-medium"><a class="link-900 text-decoration-none stretched-link" href="product-personal-care.php">Personal Care</a></h4>
                  </div>
                  <div class="d-flex align-items-center"> For your body care, hair care, eye care, lip care. some products are food grade and nutraceutical grade. </div>
                </div>
              </div>
            </div>
            <div class="col-md-4 mb-4 wow fadeInUp" data-wow-duration="1s" data-wow-delay="300ms">
              <div class="card overflow-hidden shadow"> <img class="card-img-top" src="assets/img/dest/dest-10.jpg" alt="Health Food & Beverage" />
                <div class="card-body py-4 px-3">
                  <div class="d-flex flex-column flex-lg-row justify-content-between mb-3">
                    <h4 class="text-secondary fw-medium"><a class="link-900 text-decoration-none stretched-link" href="product-food-beverage.php">Health Food & Beverage</a></h4>
                  </div>
                  <div class="d-flex align-items-center">For your beauty food, beauty drink, healty drink. some products are nutraceutical grade.</div>
                </div>
              </div>
            </div>
            <div class="col-md-4 mb-4 wow fadeInDown" data-wow-duration="1s" data-wow-delay="300ms">
              <div class="card overflow-hidden shadow"> <img class="card-img-top" src="assets/img/dest/dest-11.jpg" alt="Nutraceutical" />
                <div class="card-body py-4 px-3">
                  <div class="d-flex flex-column flex-lg-row justify-content-between mb-3">
                    <h4 class="text-secondary fw-medium"><a class="link-900 text-decoration-none stretched-link" href="product-nutraceutical.php">Nutraceutical</a></h4>
                  </div>
                  <div class="d-flex align-items-center">For nutraceutical product, vitamin, functional, traditional medicine products.</div>
                </div>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-4 mb-4 wow fadeInUp" data-wow-duration="1s" data-wow-delay="300ms">
              <div class="card overflow-hidden shadow"> <img class="card-img-top" src="assets/img/dest/dest-13.jpg" alt="Essential Oil" />
                <div class="card-body py-4 px-3">
                  <div class="d-flex flex-column flex-lg-row justify-content-between mb-3">
                    <h4 class="text-secondary fw-medium"><a class="link-900 text-decoration-none stretched-link" href="product-natural-extract-essential-oil.php">Natural Extract & Essential Oil</a></h4>
                  </div>
                  <div class="d-flex align-items-center"> it's good for your natural and organic branding, some products have EcoCert. </div>
                </div>
              </div>
            </div>
            <div class="col-md-4 mb-4 wow fadeInDown" data-wow-duration="1s" data-wow-delay="300ms">
              <div class="card overflow-hidden shadow"> <img class="card-img-top" src="assets/img/dest/dest-15.jpg" alt="Natural Extract" />
                <div class="card-body py-4 px-3">
                  <div class="d-flex flex-column flex-lg-row justify-content-between mb-3">
                    <h4 class="text-secondary fw-medium"><a class="link-900 text-decoration-none stretched-link" href="product-general-chemical.php">General Chemical</a></h4>
                  </div>
                  <div class="d-flex align-items-center">It's for general product, can be used on various products, depending on the specifications.</div>
                </div>
              </div>
            </div>
            <div class="col-md-4 mb-4 wow fadeInUp" data-wow-duration="1s" data-wow-delay="300ms">
              <div class="card overflow-hidden shadow"> <img class="card-img-top" src="assets/img/dest/dest-14.jpg" alt="General Chemical" />
                <div class="card-body py-4 px-3">
                  <div class="d-flex flex-column flex-lg-row justify-content-between mb-3">
                    <h4 class="text-secondary fw-medium"><a class="link-900 text-decoration-none stretched-link" href="product-packaging.php">Packaging</a></h4>
                  </div>
                  <div class="d-flex align-items-center">Make it simply, beauty and trendy with powerfull packaging in your personal care product.</div>
                </div>
              </div>
            </div>
          </div>
        </div><!-- end of .container-->

      </section>
      <!-- <section> close ============================-->
      <!-- ============================================-->

      <!-- ============================================-->
      <!-- <section> begin ============================-->
      <section id="booking">

        <div class="container">
          <div class="row align-items-center">
            <div class="col-lg-6">
              <div class="mb-4 text-start">
                <h5 class="text-secondary wow fadeInRight" data-wow-duration="1s" data-wow-delay="300ms">Easy and Fast in Multi Channel </h5>
                <h3 class="fs-xl-10 fs-lg-8 fs-7 fw-bold font-cursive text-capitalize wow fadeInLeft" data-wow-duration="1s" data-wow-delay="300ms">Connect with Us 24/7 in 3 ways</h3>
              </div>
              <div class="d-flex align-items-start mb-2 wow fadeInRight" data-wow-duration="1s" data-wow-delay="300ms">
                <div class="bg-primary me-sm-4 me-3 p-1" style="border-radius: 13px"><a href="https://api.whatsapp.com/send?phone=6281585888185" target="blank"> <img src="assets/img/steps/whatsapp.png" width="50" alt="whatsapp" /></a></div>
                <div class="flex-1">
                  <h5 class="text-secondary fw-bold fs-0">Whatsapp</h5>
                  <p>Click this number <a href="https://api.whatsapp.com/send?phone=6281585888185" target="blank"> +62815-8588-8185</a> and you will <br class="d-none d-sm-block"> be directly to connect with us via whatsapp 24/7.</p>
                </div>
              </div>
              <div class="d-flex align-items-start mb-2 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="300ms">
                <div class="bg-danger me-sm-4 me-3 p-1" style="border-radius: 13px"> <a href="mailto:info@my-solution.co.id" target="blank"> <img src="assets/img/steps/email.png" width="50" alt="email" /></a></div>
                <div class="flex-1">
                  <h5 class="text-secondary fw-bold fs-0">Email</h5>
                  <p>Easy for email Us to get information or discussion 24/7.<br class="d-none d-sm-block">Just one click this address <a href="mailto:info@my-solution.co.id" target="blank">info@my-solution.co.id</a></p>
                </div>
              </div>
              <div class="d-flex align-items-start mb-2 wow fadeInRight" data-wow-duration="1s" data-wow-delay="300ms">
                <div class="bg-info me-sm-4 me-3 p-1" style="border-radius: 13px"> <a href="https://www.google.com/maps/place/PT+Tetap+Naik+Bukan+Turun/@-6.2084911,106.7635149,15z/data=!4m5!3m4!1s0x0:0xf2530b6466b3291!8m2!3d-6.2085397!4d106.7635199" target="blank"> <img src="assets/img/steps/map.png" width="50" alt="maps" /></a></div>
                <div class="flex-1">
                  <h5 class="text-secondary fw-bold fs-0">Face to Face Meeting</h5>
                  <p>Lastly, you can directly meeting with us in <br class="d-none d-sm-block"> <a href="https://www.google.com/maps/place/PT+Tetap+Naik+Bukan+Turun/@-6.2084911,106.7635149,15z/data=!4m5!3m4!1s0x0:0xf2530b6466b3291!8m2!3d-6.2085397!4d106.7635199" target="blank">Permata Regency D/37, DKI Jakarta, Indonesia</a><br class="d-none d-sm-block"> by making an appointment 1 days before .</p>
                </div>
              </div>
            </div>
            <div class="col-lg-6 d-flex justify-content-center align-items-start wow fadeInDown" data-wow-duration="1s" data-wow-delay="300ms">
              <div class="card position-relative shadow" style="max-width: 370px;">
                <div class="position-absolute z-index--1 me-10 me-xxl-0" style="right:-160px;top:-210px;"> <img src="assets/img/steps/bg.png" style="max-width:550px;" alt="shape" /></div>
                <div class="card-body p-3"> <img class="mb-4 mt-2 rounded-2 w-100" src="assets/img/steps/contact.jpg" alt="contact" />
                  <div>
                    <h5 class="fw-medium">Connect with Us</h5>
                    <p class="fs--1 mb-3 fw-medium">Follow us :</p>
                    <div class="icon-group mb-4">  <a class="text-decoration-none icon-item shadow-social" id="instagram" href="https://api.whatsapp.com/send?phone=6281585888185"><i class="fa fa-whatsapp"> </i> </a><a class="text-decoration-none icon-item shadow-social" id="instagram" href="https://instagram.com/tetapnaik?utm_medium=copy_link"><i class="fa fa-instagram"> </i></a><a class="text-decoration-none icon-item shadow-social" id="instagram" href="#!"><i class="fa fa-twitter"> </i></a><a class="text-decoration-none icon-item shadow-social" id="instagram" href="mailto:info@my-solution.co.id"><i class="fa fa-envelope"> </i></a><a class="text-decoration-none icon-item shadow-social" id="instagram" href="https://www.google.com/maps/place/PT+Tetap+Naik+Bukan+Turun/@-6.2084911,106.7635149,15z/data=!4m5!3m4!1s0x0:0xf2530b6466b3291!8m2!3d-6.2085397!4d106.7635199"><i class="fa fa-map"> </i></a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div><!-- end of .container-->

      </section>
      <!-- <section> close ============================-->
      <!-- ============================================-->

      <!-- ============================================-->
      <!-- <section> begin ============================-->
      <section id="testimonial">

        <div class="container">
          <div class="row">
            <div class="col-lg-5">
              <div class="mb-8 text-start">
                <h5 class="text-secondary wow fadeInRight" data-wow-duration="1s" data-wow-delay="300ms">Testimonials </h5>
                <h3 class="fs-xl-10 fs-lg-8 fs-7 fw-bold font-cursive text-capitalize wow fadeInLeft" data-wow-duration="1s" data-wow-delay="300ms">What client say about Us.</h3>
              </div>
            </div>
            <div class="col-lg-1"></div>
            <div class="col-lg-6">
              <div class="pe-7 ps-5 ps-lg-0">
                <div class="carousel slide carousel-fade position-static" id="testimonialIndicator" data-bs-ride="carousel">
                  <div class="carousel-indicators">
                    <button class="active" type="button" data-bs-target="#testimonialIndicator" data-bs-slide-to="0" aria-current="true" aria-label="Testimonial 0"></button>
                    <button class="false" type="button" data-bs-target="#testimonialIndicator" data-bs-slide-to="1" aria-current="true" aria-label="Testimonial 1"></button>
                    <button class="false" type="button" data-bs-target="#testimonialIndicator" data-bs-slide-to="2" aria-current="true" aria-label="Testimonial 2"></button>
                  </div>
                  <div class="carousel-inner">
                    <div class="carousel-item position-relative active">
                      <div class="card shadow" style="border-radius:10px;">
                        <div class="position-absolute start-0 top-0 translate-middle"> <img class="rounded-circle fit-cover" src="assets/img/testimonial/men.png" height="65" width="65" alt="" /></div>
                        <div class="card-body p-4">
                          <p class="fw-medium mb-4">&quot;Routinely order chemicals, and dish soap, mop and carbolic drugs. The price and quality are adjusted to the needs and very competitive .&quot;</p>
                          <h5 class="text-secondary">S. Marciano</h5>
                          <p class="fw-medium fs--1 mb-0">Jakarta, Indonesia</p>
                        </div>
                      </div>
                      <div class="card shadow-sm position-absolute top-0 z-index--1 mb-3 w-100 h-100" style="border-radius:10px;transform:translate(25px, 25px)"> </div>
                    </div>
                    <div class="carousel-item position-relative ">
                      <div class="card shadow" style="border-radius:10px;">
                        <div class="position-absolute start-0 top-0 translate-middle"> <img class="rounded-circle fit-cover" src="assets/img/testimonial/men.png" height="65" width="65" alt="" /></div>
                        <div class="card-body p-4">
                          <p class="fw-medium mb-4">&quot;Good quality and support. very responsive.&quot;</p>
                          <h5 class="text-secondary">Enthrall.id</h5>
                          <p class="fw-medium fs--1 mb-0">Jakarta, Indonesia</p>
                        </div>
                      </div>
                      <div class="card shadow-sm position-absolute top-0 z-index--1 mb-3 w-100 h-100" style="border-radius:10px;transform:translate(25px, 25px)"> </div>
                    </div>
                    <div class="carousel-item position-relative ">
                      <div class="card shadow" style="border-radius:10px;">
                        <div class="position-absolute start-0 top-0 translate-middle"> <img class="rounded-circle fit-cover" src="assets/img/testimonial/woman.png" height="65" width="65" alt="" /></div>
                        <div class="card-body p-4">
                          <p class="fw-medium mb-4">&quot;Great partner to develop personal care product. good luck.!.&quot;</p>
                          <h5 class="text-secondary">Cheng Lau</h5>
                          <p class="fw-medium fs--1 mb-0">Shanghai, China</p>
                        </div>
                      </div>
                      <div class="card shadow-sm position-absolute top-0 z-index--1 mb-3 w-100 h-100" style="border-radius:10px;transform:translate(25px, 25px)"> </div>
                    </div>
                  </div>
                  <div class="carousel-navigation d-flex flex-column flex-between-center position-absolute end-0 top-lg-50 bottom-0 translate-middle-y z-index-1 me-3 me-lg-0" style="height:60px;width:20px;">
                    <button class="carousel-control-prev position-static" type="button" data-bs-target="#testimonialIndicator" data-bs-slide="prev"><img src="assets/img/icons/up.svg" width="16" alt="icon" /></button>
                    <button class="carousel-control-next position-static" type="button" data-bs-target="#testimonialIndicator" data-bs-slide="next"><img src="assets/img/icons/down.svg" width="16" alt="icon" /></button>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div><!-- end of .container-->

      </section>
      <!-- <section> close ============================-->
      <!-- ============================================-->

      <!-- ============================================-->
      <!-- <section> begin ============================-->
      <section class="pt-6">

        <div class="container">
          <div class="py-8 px-5 position-relative text-center" style="background-color: rgba(223, 215, 249, 0.199);border-radius: 129px 20px 20px 20px;">
            <div class="position-absolute start-100 top-0 translate-middle ms-md-n3 ms-n4 mt-3"> <img src="assets/img/cta/send.png" style="max-width:70px;" alt="send icon" /></div>
            <div class="position-absolute end-0 top-0 z-index--1"> <img src="assets/img/cta/shape-bg2.png" width="264" alt="cta shape" /></div>
            <div class="position-absolute start-0 bottom-0 ms-3 z-index--1 d-none d-sm-block"> <img src="assets/img/cta/shape-bg1.png" style="max-width: 340px;" alt="cta shape" /></div>
            <div class="row justify-content-center">
              <div class="col-lg-8 col-md-10">
                <h2 class="text-secondary lh-1-7 mb-7 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="300ms">Drop us a message and we will get back to you as soon as we can.</h2>
                <form class="row g-3 align-items-center w-lg-75 mx-auto" method="post" action="simpan-email.php">
                  <div class="col-sm">
                    <div class="input-group-icon wow fadeInUp" data-wow-duration="1s" data-wow-delay="300ms">
                      <input class="form-control form-little-squirrel-control" type="email" placeholder="Enter email " aria-label="email" /><img class="input-box-icon" src="assets/img/cta/mail.svg" width="17" alt="mail" />
                    </div>
                  </div>
                  <div class="col-sm-auto">
                    <button class="btn btn-danger orange-gradient-btn fs--1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="300ms">Subscribe</button>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div><!-- end of .container-->

      </section>
      <!-- <section> close ============================-->
      <!-- ============================================-->

      <!-- ============================================-->
      <!-- <section> begin ============================-->
      <section class="pb-0 pb-lg-4">

        <div class="container">
          <div class="row">
            <div class="col-lg-3 col-md-7 col-12 mb-4 mb-md-6 mb-lg-0 order-0"> <img class="mb-4" src="assets/img/logo3.png" width="150" alt="jadoo" />
              <p class="fs--1 text-secondary mb-0 fw-medium">Solution for You. #1LangkahBesar</p>
            </div>
            <div class="col-lg-2 col-md-4 mb-4 mb-lg-0 order-lg-1 order-md-2">
              <h4 class="footer-heading-color fw-bold font-sans-serif mb-3 mb-lg-4">Company</h4>
              <ul class="list-unstyled mb-0">
                <li class="mb-2"><a class="link-900 fs-1 fw-medium text-decoration-none" href="about.php">About</a></li>
                <li class="mb-2"><a class="link-900 fs-1 fw-medium text-decoration-none" href="career.php">Careers</a></li>
                <li class="mb-2"><a class="link-900 fs-1 fw-medium text-decoration-none" href="contact.php">Contact</a></li>
              </ul>
            </div>
            <div class="col-lg-2 col-md-4 mb-4 mb-lg-0 order-lg-2 order-md-3">
              <h4 class="footer-heading-color fw-bold font-sans-serif mb-3 mb-lg-4">Products</h4>
              <ul class="list-unstyled mb-0">
                <li class="mb-2"><a class="link-900 fs-1 fw-medium text-decoration-none" href="product.php">Productlist</a></li>
              </ul>
            </div>
            <div class="col-lg-2 col-md-4 mb-4 mb-lg-0 order-lg-3 order-md-4">
              <h4 class="footer-heading-color fw-bold font-sans-serif mb-3 mb-lg-4">Resources</h4>
              <ul class="list-unstyled mb-0">
                <li class="mb-2"><a class="link-900 fs-1 fw-medium text-decoration-none" href="resources.php">Event</a></li>
                <li class="mb-2"><a class="link-900 fs-1 fw-medium text-decoration-none" href="resources.php">Journal</a></li>
              </ul>
            </div>
            <div class="col-lg-3 col-md-5 col-12 mb-4 mb-md-6 mb-lg-0 order-lg-4 order-md-1">
              <div class="icon-group mb-4"> <a class="text-decoration-none icon-item shadow-social wow fadeInDown" data-wow-duration="1s" data-wow-delay="300ms" id="instagram" href="https://api.whatsapp.com/send?phone=6281585888185"><i class="fa fa-whatsapp"> </i></a><a class="text-decoration-none icon-item shadow-social wow fadeInUp" data-wow-duration="1s" data-wow-delay="300ms" id="instagram" href="https://instagram.com/tetapnaik?utm_medium=copy_link"><i class="fa fa-instagram"> </i></a><a class="text-decoration-none icon-item shadow-social wow fadeInDown" data-wow-duration="1s" data-wow-delay="300ms" id="instagram" href="mailto:info@my-solution.co.id"><i class="fa fa-envelope"> </i></a><a class="text-decoration-none icon-item shadow-social wow fadeInUp" data-wow-duration="1s" data-wow-delay="300ms" id="instagram" href="https://www.google.com/maps/place/PT+Tetap+Naik+Bukan+Turun/@-6.2084911,106.7635149,15z/data=!4m5!3m4!1s0x0:0xf2530b6466b3291!8m2!3d-6.2085397!4d106.7635199"><i class="fa fa-map"> </i></a></div>
              <h4 class="fw-medium font-sans-serif text-secondary mb-3">Discover our app</h4>
              <div class="d-flex align-items-center"> <a href="#!"> <img class="me-2" src="assets/img/play-store.png" alt="play store" /></a><a href="#!"> <img src="assets/img/apple-store.png" alt="apple store" /></a></div>
            </div>
          </div>
        </div><!-- end of .container-->

      </section>
      <!-- <section> close ============================-->
      <!-- ============================================-->

      <div class="py-5 text-center">
        <p class="mb-0 text-secondary fs--1 fw-medium">&#169; All Rights Reserved 2020-2021 PT TETAP NAIK BUKAN TURUN | Solution for you |  <a href="#!" target="blank">Term of Use</a> |<a href="#!" target="blank"> Privacy Policy</a></p>
      </div>
    </main>
    <!-- ===============================================-->
    <!--    End of Main Content-->
    <!-- ===============================================-->

      <!-- Scroll to Top  -->
      <a href="#" class="ignielToTop"></a>
      <!-- End Scroll To Top  -->


    <!-- ===============================================-->
    <!--    JavaScripts-->
    <!-- ===============================================-->
    <script src="vendors/@popperjs/popper.min.js"></script>
    <script src="vendors/bootstrap/bootstrap.min.js"></script>
    <script src="vendors/is/is.min.js"></script>
    <script src="https://polyfill.io/v3/polyfill.min.js?features=window.scroll"></script>
    <script src="vendors/fontawesome/all.min.js"></script>
    <script src="assets/js/theme.js"></script>

    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&amp;family=Volkhov:wght@700&amp;display=swap" rel="stylesheet">
  </body>

</html>

munculnya  seperti gambar ini :

pict1.png

mohon bantuannya terimakasih

avatar enthrall
@enthrall

9 Kontribusi 2 Poin

Diperbarui 3 tahun yang lalu

1 Jawaban:

Jawaban Terpilih

<div>Hai <a href="https://sekolahkoding.com/user/enthrall">@enthrall</a><br><br>saya bantu jawab ya<br><br>coba pastikan :<br>1. link font-awseomenya benar dan bisa diakses<br>2, jika web page kamu menggunakan https, ganti&nbsp; syntax di bawah ini&nbsp;<br><br></div><pre>&lt;link href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"&gt; </pre><div>dengan ini<br><br></div><pre>&lt;link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"&gt; &lt;link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet" type="text/css"</pre><div><br></div><div>semoga membantu&nbsp;</div>

avatar tantootnat
@tantootnat

14 Kontribusi 11 Poin

Dipost 3 tahun yang lalu

Tanggapan

hai @tantootnat thank you masukannya,,, tapi masih belum bisa nih :(

sudah saya edit dicoba lagi ya

sudah bisa...trimakasih

sama sama :)

Login untuk ikut Jawaban