Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
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">"Routinely order chemicals, and dish soap, mop and carbolic drugs. The price and quality are adjusted to the needs and very competitive ."</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">"Good quality and support. very responsive."</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">"Great partner to develop personal care product. good luck.!."</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">© 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&family=Volkhov:wght@700&display=swap" rel="stylesheet">
</body>
</html>
munculnya seperti gambar ini :
pict1.png
mohon bantuannya terimakasih
0
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 syntax di bawah ini <br><br></div><pre><link href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> </pre><div>dengan ini<br><br></div><pre><link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"> <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 </div>
1
Tanggapan
hai @tantootnat thank you masukannya,,, tapi masih belum bisa nih :(
sudah saya edit dicoba lagi ya
sudah bisa...trimakasih
sama sama :)