|
Pika's Home
|
HTML整形ツール
|
|累計: 昨日: 本日:|
Web版 テキストビューワー
URL:
asciidoc
c9search
c_cpp
clojure
coffee
coldfusion
csharp
css
curly
dart
diff
django
dot
glsl
golang
groovy
haml
haxe
html
jade
java
javascript
json
jsp
jsx
latex
less
liquid
lisp
livescript
lua
luapage
lucene
makefile
markdown
objectivec
ocaml
perl
pgsql
php
powershell
python
r
rdoc
rhtml
ruby
scad
scala
scheme
scss
sh
sql
stylus
svg
tcl
tex
text
textile
tm_snippet
typescript
vbscript
xml
xquery
yaml
<!DOCTYPE html> <html lang="id"> <head> <!-- Title --> <title>Jasa Social Media & Digital Marketing Agency No.1 - GoSocial</title> <!-- Required Meta Tags Always Come First --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="title" content="Jasa Social Media & Digital Marketing Agency No.1"> <meta name="description" content="GoSocial adalah Social Media & Digital Marketing Agency yang bertindak sebagai konsultan sekaligus penyedia Jasa Digital Marketing untuk berbagai tahapan bisnis"> <meta name="keyword" content="jasa digital marketing, digital marketing agency, social media agency, konsultan digital marketing"> <meta name="csrf-token" content="7XCV0UkAFpvOmPkbxW3Q7mwlAZKDPB8ZecIIuMrR"> <!-- Global site tag (gtag.js) - Google Analytics --> <!-- <script async src="https://www.googletagmanager.com/gtag/js?id=UA-84936033-5"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-84936033-5'); </script> --> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-QFPMW6BB84"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-QFPMW6BB84'); </script> <!-- Meta Pixel Code --> <script> ! function(f, b, e, v, n, t, s) { if (f.fbq) return; n = f.fbq = function() { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments) }; if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; n.queue = []; t = b.createElement(e); t.async = !0; t.src = v; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s) }(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '757811421495361'); fbq('track', 'PageView'); </script> <!-- Google Tag Manager --> <script> (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-KHCJ328'); </script> <!-- End Google Tag Manager --> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=757811421495361&ev=PageView&noscript=1" /></noscript> <!-- End Meta Pixel Code --> <!-- Open Graph / Facebook --> <meta property="og:type" content="website"> <meta property="og:url" content="https://gosocial.co.id/"> <meta property="og:title" content="Jasa Social Media & Digital Marketing Agency No.1 - GoSocial"> <meta property="og:description" content="GoSocial adalah Social Media & Digital Marketing Agency yang bertindak sebagai konsultan sekaligus penyedia Jasa Digital Marketing untuk berbagai tahapan bisnis"> <meta property="og:image" content="https://gosocial.co.id/assets/img/home/meta-image-gosocial.jpg"> <!-- Twitter --> <meta property="twitter:card" content="summary_large_image"> <meta property="twitter:url" content="https://gosocial.co.id/"> <meta property="twitter:title" content="Jasa Social Media & Digital Marketing Agency No.1 - GoSocial"> <meta property="twitter:description" content="GoSocial adalah Social Media & Digital Marketing Agency yang bertindak sebagai konsultan sekaligus penyedia Jasa Digital Marketing untuk berbagai tahapan bisnis"> <meta property="twitter:image" content="https://gosocial.co.id/assets/img/home/meta-image-gosocial.jpg"> <!-- Kredibel Verification --> <meta name="kredibel-verification" value="CF7LBR"> <meta name="robots" content="index,follow"> <!-- Favicon --> <link rel="shortcut icon" href="https://gosocial.co.id/assets/img/logos/favicon.png"> <!-- Font --> <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap" rel="stylesheet"> <!-- CSS Implementing Plugins --> <link rel="stylesheet" href="https://gosocial.co.id/assets/vendor/fontawesome/css/all.min.css"> <link rel="stylesheet" href="https://gosocial.co.id/assets/vendor/hs-mega-menu/dist/hs-mega-menu.min.css"> <link rel="stylesheet" href="https://gosocial.co.id/assets/vendor/dzsparallaxer/dzsparallaxer.css"> <link rel="stylesheet" href="https://gosocial.co.id/assets/vendor/cubeportfolio/css/cubeportfolio.min.css"> <link rel="stylesheet" href="https://gosocial.co.id/assets/vendor/aos/dist/aos.css"> <!-- CSS Front Template --> <link rel="stylesheet" href="https://gosocial.co.id/assets/css/theme.min.css"> <!-- Custom CSS --> <link rel="stylesheet" href="https://gosocial.co.id/assets/css/pages/global.min.css?v.0712"> <link rel="stylesheet" href="https://gosocial.co.id/assets/css/pages/custom-navbar.css?v.1812"> <link rel="stylesheet" href="https://gosocial.co.id/assets/css/pages/custom-floating.css?v.1812"> <link rel="stylesheet" href="https://gosocial.co.id/assets/vendor/select2/dist/css/select2.min.css"> <!-- CSS Page --> <meta name="ahrefs-site-verification" content="7116c8538eea5c0bb69dafab52e56dfa71780bbe44bb4cb6b860a8ca9e755d4e"> <link rel="stylesheet" href="https://gosocial.co.id/assets/vendor/@fancyapps/fancybox/dist/jquery.fancybox.min.css"> <!-- Owl Carousel --> <link rel="stylesheet" href="https://gosocial.co.id/assets/css/owlcarousel/owl.carousel.css"> <link rel="stylesheet" href="https://gosocial.co.id/assets/css/owlcarousel/owl.carousel.min.css"> <link rel="stylesheet" href="https://gosocial.co.id/assets/css/owlcarousel/owl.theme.default.min.css"> <!-- Portfolio --> <link rel="stylesheet" href="https://gosocial.co.id/assets/vendor/cubeportfolio/css/cubeportfolio.min.css"> <!-- Custom CSS --> <link rel="stylesheet" href="https://gosocial.co.id/assets/css/pages/homepage.min.css?v.0712"> <!-- END CSS Page --> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHCJ328" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- Top Announce --> <div class="alert alert-primary alert-dismissible fade show text-lg-center text-left" role="alert" id="alert-announce"> <span class="d-none d-md-block" style="font-size: 14px;"><i class="fas fa-info-circle"></i> <b>Waspada Penipuan!</b> Dengan modus komisi pekerjaan mengatasnamakan PT. Nusa Digital Media (GoSocial). <b><a href="https://www.instagram.com/p/Cr0W2vmLVo7/" style="color: white;" target="_blank">Info Selengkapnya >></a></b></span> <span class="d-block d-md-none" style="font-size: 14px;"><i class="fas fa-info-circle"></i> <b>Waspada Penipuan!</b> Dengan modus komisi pekerjaan PT. Nusa Digital Media (GoSocial). <b><a href="https://www.instagram.com/p/Cr0W2vmLVo7/" style="color: white;" target="_blank">Info Selengkapnya >></a></b></span> <button type="button" id="close-announce" class="close" data-dismiss="alert" aria-label="Close"> <svg aria-hidden="true" class="mb-0" width="14" height="14" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M11.5,9.5l5-5c0.2-0.2,0.2-0.6-0.1-0.9l-1-1c-0.3-0.3-0.7-0.3-0.9-0.1l-5,5l-5-5C4.3,2.3,3.9,2.4,3.6,2.6l-1,1 C2.4,3.9,2.3,4.3,2.5,4.5l5,5l-5,5c-0.2,0.2-0.2,0.6,0.1,0.9l1,1c0.3,0.3,0.7,0.3,0.9,0.1l5-5l5,5c0.2,0.2,0.6,0.2,0.9-0.1l1-1 c0.3-0.3,0.3-0.7,0.1-0.9L11.5,9.5z" /> </svg> </button> </div> <!-- END Top Announce --> <!-- ========== HEADER ========== --> <header id="header" class="header header-box-shadow-on-scroll sticky-custom header-white-bg-on-scroll header-sticky-top header-bg-transparent-lg" data-hs-header-options='{ "fixMoment": 1000, "fixEffect": "slide" }'> <div class="header-section"> <div id="logoAndNav" class="container"> <!-- Nav --> <nav class="js-mega-menu navbar navbar-expand-lg"> <!-- Logo --> <a class="navbar-brand" href="https://gosocial.co.id" aria-label="Front"> <img src="https://gosocial.co.id/assets/img/logos/gosocial-logo.png" alt="Logo GoSocial"> </a> <!-- End Logo --> <!-- Responsive Toggle Button --> <button type="button" class="navbar-toggler btn btn-icon btn-sm rounded-circle" aria-label="Toggle navigation" aria-expanded="false" aria-controls="navBar" data-toggle="collapse" data-target="#navBar"> <span class="navbar-toggler-default"> <svg width="14" height="14" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M17.4,6.2H0.6C0.3,6.2,0,5.9,0,5.5V4.1c0-0.4,0.3-0.7,0.6-0.7h16.9c0.3,0,0.6,0.3,0.6,0.7v1.4C18,5.9,17.7,6.2,17.4,6.2z M17.4,14.1H0.6c-0.3,0-0.6-0.3-0.6-0.7V12c0-0.4,0.3-0.7,0.6-0.7h16.9c0.3,0,0.6,0.3,0.6,0.7v1.4C18,13.7,17.7,14.1,17.4,14.1z" /> </svg> </span> <span class="navbar-toggler-toggled"> <svg width="14" height="14" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M11.5,9.5l5-5c0.2-0.2,0.2-0.6-0.1-0.9l-1-1c-0.3-0.3-0.7-0.3-0.9-0.1l-5,5l-5-5C4.3,2.3,3.9,2.4,3.6,2.6l-1,1 C2.4,3.9,2.3,4.3,2.5,4.5l5,5l-5,5c-0.2,0.2-0.2,0.6,0.1,0.9l1,1c0.3,0.3,0.7,0.3,0.9,0.1l5-5l5,5c0.2,0.2,0.6,0.2,0.9-0.1l1-1 c0.3-0.3,0.3-0.7,0.1-0.9L11.5,9.5z" /> </svg> </span> </button> <!-- End Responsive Toggle Button --> <!-- Navigation --> <div id="navBar" class="collapse navbar-collapse"> <div class="navbar-body header-abs-top-inner"> <ul class="navbar-nav"> <!-- Services--> <li class="hs-has-mega-menu navbar-nav-item" data-hs-mega-menu-item-options='{ "desktop": { "position": "right", "maxWidth": "900px" } }'> <a id="demosMegaMenu" class="hs-mega-menu-invoker nav-link nav-link-toggle " href="javascript:;" aria-haspopup="true" aria-expanded="false">Services</a> <!-- Services- Mega Menu --> <div class="hs-mega-menu dropdown-menu w-100" aria-labelledby="demosMegaMenu"> <div class="row no-gutters"> <!-- Promo --> <div class="col-lg-4 navbar-promo d-none d-lg-block"> <a class="d-block navbar-promo-inner" href="https://gosocial.co.id/contact"> <div class="position-relative"> <img class="img-fluid rounded mb-2" src="https://gosocial.co.id/assets/img/home/jasa-digital-marketing.webp" alt="Jasa Digital Marketing"> </div> <span class="navbar-promo-text font-size-1">Mulai dari konsultasi, digital activation, pembuatan konsep & strategi konten, hingga melakukan manajemen & eksekusinya. </span> <button type="button" class="btn btn-soft-primary btn-sm mt-2">Hire Us</button> </a> </div> <!-- End Promo --> <div class="col-lg-8"> <div class="navbar-promo-card-deck"> <!-- Promo Item --> <div class="navbar-promo-card navbar-promo-item"> <a class="navbar-promo-link" href="https://gosocial.co.id/service/digital-marketing"> <div class="media align-items-center"> <img class="navbar-promo-icon" src="https://gosocial.co.id/assets/svg/service/sme.svg" alt="SVG"> <div class="media-body"> <span class="navbar-promo-title">360° Digital Marketing</span> <span class="navbar-promo-text">All In One Digital Marketing</span> </div> </div> </a> </div> <!-- End Promo Item --> <!-- Promo Item --> <div class="navbar-promo-card navbar-promo-item"> <a class="navbar-promo-link" href="https://gosocial.co.id/service/branding-design"> <div class="media align-items-center"> <img class="navbar-promo-icon" src="https://gosocial.co.id/assets/svg/service/branding-design.svg" alt="SVG"> <div class="media-body"> <span class="navbar-promo-title">Visual Branding & Design</span> <span class="navbar-promo-text">Solusi Branding Digital</span> </div> </div> </a> </div> <!-- End Promo Item --> </div> <div class="navbar-promo-card-deck"> <!-- Promo Item --> <div class="navbar-promo-card navbar-promo-item"> <a class="navbar-promo-link" href="https://gosocial.co.id/service/video-production"> <div class="media align-items-center"> <img class="navbar-promo-icon" src="https://gosocial.co.id/assets/svg/service/video-production.svg" alt="SVG"> <div class="media-body"> <span class="navbar-promo-title">Video Production</span> <span class="navbar-promo-text">Pembuatan Konten Video</span> </div> </div> </a> </div> <!-- End Promo Item --> <!-- Promo Item --> <div class="navbar-promo-card navbar-promo-item"> <a class="navbar-promo-link" href="https://gosocial.co.id/service/digital-campaign"> <div class="media align-items-center"> <img class="navbar-promo-icon" src="https://gosocial.co.id/assets/svg/service/digital-campaign.svg" alt="SVG"> <div class="media-body"> <span class="navbar-promo-title">Digital Campaign <span class="badge badge-danger badge-pill ml-1">Hot</span></span> <span class="navbar-promo-text">Strategi & Setup Ads</span> </div> </div> </a> </div> <!-- End Promo Item --> </div> <div class="navbar-promo-card-deck"> <!-- Promo Item --> <div class="navbar-promo-card navbar-promo-item"> <a class="navbar-promo-link" href="https://gosocial.co.id/service/branding-design/jasa-foto-produk"> <div class="media align-items-center"> <img class="navbar-promo-icon" src="https://gosocial.co.id/assets/svg/service/foto-produk.svg" alt="SVG"> <div class="media-body"> <span class="navbar-promo-title">Commercial Photography</span> <span class="navbar-promo-text">Foto Produk & Komersil</span> </div> </div> </a> </div> <!-- End Promo Item --> <!-- Promo Item --> <div class="navbar-promo-card navbar-promo-item"> <a class="navbar-promo-link" href="https://gosocial.co.id/service/social-media-management"> <div class="media align-items-center"> <img class="navbar-promo-icon" src="https://gosocial.co.id/assets/svg/service/smm.svg" alt="SVG"> <div class="media-body"> <span class="navbar-promo-title">Social Media Management</span> <span class="navbar-promo-text">Strategi & Manajemen</span> </div> </div> </a> </div> <!-- End Promo Item --> </div> <div class="navbar-promo-card-deck"> <!-- Promo Item --> <div class="navbar-promo-card navbar-promo-item"> <a class="navbar-promo-link" href="https://gosocial.co.id/service/website/jasa-pembuatan-website"> <div class="media align-items-center"> <img class="navbar-promo-icon" src="https://gosocial.co.id/assets/svg/service/web-development.svg" alt="SVG"> <div class="media-body"> <span class="navbar-promo-title">Web Development <span class="badge badge-primary badge-pill ml-1">Best</span></span> <span class="navbar-promo-text">Pembuatan Website No.1</span> </div> </div> </a> </div> <!-- End Promo Item --> <!-- Promo Item --> <div class="navbar-promo-card navbar-promo-item"> <a class="navbar-promo-link" href="https://gosocial.co.id/service/website/jasa-seo"> <div class="media align-items-center"> <img class="navbar-promo-icon" src="https://gosocial.co.id/assets/svg/service/seo.svg" alt="SVG"> <div class="media-body"> <span class="navbar-promo-title">SEO <span class="badge badge-success badge-pill ml-1">New</span></span> <span class="navbar-promo-text">Optimasi Ranking Website</span> </div> </div> </a> </div> <!-- End Promo Item --> </div> </div> </div> </div> <!-- End Services- Mega Menu --> </li> <!-- End Services--> <!-- How It Works--> <li class="hs-has-mega-menu navbar-nav-item" data-hs-mega-menu-item-options='{ "desktop": { "position": "right", "maxWidth": "300px" } }'> <a id="shopMegaMenu" class="hs-mega-menu-invoker nav-link nav-link-toggle " href="javascript:;" aria-haspopup="true" aria-expanded="false">About Us</a> <!-- How It Works- Mega Menu --> <div class="hs-mega-menu dropdown-menu mega-menu-position-right-fix" aria-labelledby="shopMegaMenu"> <div class="mega-menu-body"> <span class="d-block h5">About</span> <div class="row"> <div class="col-sm-12"> <a class="dropdown-item " href="https://gosocial.co.id/about">Apa itu GoSocial</a> <a class="dropdown-item " href="https://gosocial.co.id/how-it-works">Cara Kerja GoSocial</a> <a class="dropdown-item " href="https://gosocial.co.id/portfolio">Portofolio <span class="badge badge-warning ml-1">Updated</span></a> <a class="dropdown-item " href="https://gosocial.co.id/why-gosocial">GoSocial vs Solusi Lainnya</a> <!-- <a class="dropdown-item " href="https://gosocial.co.id/our-team">Tim Kami</a> --> </div> </div> </div> <!-- Mega Menu Banner --> <div class="navbar-product-banner container px-5"> <div class="navbar-product-banner-content"> <div class="mb-4"> <span class="h4 d-block text-primary">Hubungi Kami!</span> <p><small>Diskusi / konsultasi untuk solusi terbaik bersama tim kami, secara GRATIS!</small></p> </div> <a class="btn btn-sm btn-soft-primary transition-3d-hover" href="https://gosocial.co.id/contact">Contact Us <i class="fas fa-angle-right fa-sm ml-1"></i></a> </div> </div> <!-- End Mega Menu Banner --> </div> <!-- End How It Works- Mega Menu --> </li> <!-- End How It Works--> <!-- Resources --> <li class="hs-has-mega-menu navbar-nav-item" data-hs-mega-menu-item-options='{ "desktop": { "position": "right", "maxWidth": "260px" } }'> <a id="docsMegaMenu" class="hs-mega-menu-invoker nav-link nav-link-toggle" href="javascript:;" aria-haspopup="true" aria-expanded="false">Resources</a> <!-- Resources - Submenu --> <div class="hs-mega-menu dropdown-menu" aria-labelledby="docsMegaMenu" style="min-width: 330px;"> <!-- Promo Item --> <div class="navbar-promo-item"> <a class="navbar-promo-link" href="https://gosocial.co.id/how-to"> <div class="media align-items-center"> <img class="navbar-promo-icon" src="https://gosocial.co.id/assets/svg/icons/icon-62.svg" alt="SVG"> <div class="media-body"> <span class="navbar-promo-title"> Help Center </span> <small class="navbar-promo-text">Knowledge base</small> </div> </div> </a> </div> <!-- End Promo Item --> <!-- Promo Item --> <div class="navbar-promo-item"> <a class="navbar-promo-link" href="https://gosocial.co.id/blog"> <div class="media align-items-center"> <img class="navbar-promo-icon" src="https://gosocial.co.id/assets/svg/icons/icon-40.svg" alt="SVG"> <div class="media-body"> <span class="navbar-promo-title">Blog</span> <small class="navbar-promo-text">Berita & tips digital marketing</small> </div> </div> </a> </div> <!-- End Promo Item --> <!-- Promo Item --> <div class="navbar-promo-item"> <a class="navbar-promo-link" href="https://gosocial.co.id/ebook"> <div class="media align-items-center"> <img class="navbar-promo-icon" src="https://gosocial.co.id/assets/svg/icons/icon-12.svg" alt="SVG"> <div class="media-body"> <span class="navbar-promo-title">Ebook</span> <small class="navbar-promo-text">Panduan digital marketing</small> </div> </div> </a> </div> <!-- End Promo Item --> <!-- Promo Item --> <div class="navbar-promo-item"> <a class="navbar-promo-link" href="https://gosocial.co.id/academy"> <div class="media align-items-center"> <img class="navbar-promo-icon" src="https://gosocial.co.id/assets/svg/icons/icon-27.svg" alt="SVG"> <div class="media-body"> <span class="navbar-promo-title">GoSocial Academy</span> <small class="navbar-promo-text">Online course</small> </div> </div> </a> </div> <!-- End Promo Item --> <!-- Promo Item --> <div class="navbar-promo-item"> <a class="navbar-promo-link" href="https://gosocial.co.id/partnership"> <div class="media align-items-center"> <img class="navbar-promo-icon" src="https://gosocial.co.id/assets/svg/icons/icon-19.svg" alt="SVG"> <div class="media-body"> <span class="navbar-promo-title">Freelancer / Agency? <span class="badge badge-success badge-pill ml-1">Join Our Community</span></span> </div> </div> </a> </div> <!-- End Promo Item --> <div class="navbar-promo-footer"> <!-- List --> <div class="row no-gutters"> <div class="col-6"> <div class="navbar-promo-footer-item"> <span class="navbar-promo-footer-text">Apa yang baru?</span> <a class="navbar-promo-footer-text" href="https://gosocial.co.id/promo"> Berita & Promosi</a> </div> </div> <div class="col-6 navbar-promo-footer-ver-divider"> <div class="navbar-promo-footer-item"> <span class="navbar-promo-footer-text">Punya pertanyaan?</span> <a class="navbar-promo-footer-text" href="https://gosocial.co.id/contact"> Hubungi Kami</a> </div> </div> </div> <!-- End List --> </div> </div> <!-- End Resources - Submenu --> </li> <!-- End Resources --> <!-- Button --> <li class="navbar-nav-last-item"> <a class="btn btn-sm btn-primary transition-3d-hover" href="https://gosocial.co.id/login">Login</a> </li> <!-- End Button --> </ul> </div> </div> <!-- End Navigation --> </nav> <!-- End Nav --> </div> </div> <!-- Whatsapp Sticky --> <!-- <a class="ic-wa cta-waba" type="button" rel="noreferrer" id="whatsapp_sticky" data-toggle="modal" data-target="#whatsappNumber"> <img src="https://gosocial.co.id/assets/img/home/whatsapp.svg" width="72" height="72" alt="WhatsApp"> <span class="badge badge-pill badge-success"><b>Hubungi Kami</b></span> </a> --> <div class="btn-whatsapp"> <div class="card transition-3d-hover text-center border" style="background-color: #F9FAFC; box-shadow: 0 10px 40px 10px rgba(140, 152, 164, 0.250) !important; border-color: rgba(33, 50, 91, 0.1) !important;"> <div class="card-body p-1 px-4"> <img id="main-img" src="https://gosocial.co.id/assets/img/home/whatsapp-color.svg" alt="Whatsapp Contact"> </div> </div> </div> <div class="btn-whatsapp-card"> <div id="second-img" class=""> <style> #close_floating { position: absolute; right: 0; padding-top: 7px; padding-right: 9px; } </style> <div class="card transition-3d-hover text-center border" style="background-color: #F9FAFC; box-shadow: 0 10px 40px 10px rgba(140, 152, 164, 0.250) !important; border-color: rgba(33, 50, 91, 0.1) !important;"> <button type="button" id="close_floating" class="close" aria-label="Close"> <svg aria-hidden="true" class="mb-0" width="14" height="14" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M11.5,9.5l5-5c0.2-0.2,0.2-0.6-0.1-0.9l-1-1c-0.3-0.3-0.7-0.3-0.9-0.1l-5,5l-5-5C4.3,2.3,3.9,2.4,3.6,2.6l-1,1 C2.4,3.9,2.3,4.3,2.5,4.5l5,5l-5,5c-0.2,0.2-0.2,0.6,0.1,0.9l1,1c0.3,0.3,0.7,0.3,0.9,0.1l5-5l5,5c0.2,0.2,0.6,0.2,0.9-0.1l1-1 c0.3-0.3,0.3-0.7,0.1-0.9L11.5,9.5z" /> </svg> </button> <div class="card-body"> <h4>Butuh Bantuan?</h4> <p class="font-size-1 text-dark mb-0 mt-4">Hubungi Tim GoSocial melalui WhatsApp untuk konsultasi & informasi penawaran. </p> </div> <div class="card-footer border-0 pt-0 mx-6" style="background-color: #F9FAFC;"> <a class="card card-hover-shadow transition-3d-hover" type="button" data-toggle="modal" data-target="#whatsappNumber"> <div class="card-body p-1"> <img id="second-whatsapp" src="https://gosocial.co.id/assets/img/home/whatsapp-color.svg" alt="Hubungi Kami"> </div> </a> </div> </div> </div> </div> <!-- Whatsapp Sticky --> </header> <!-- ========== END HEADER ========== --> <!-- ========== MAIN CONTENT ========== --> <main id="content" role="main" class="overflow-hidden"> <!-- Hero Section --> <div class="position-relative bg-img-hero" style="background-image: url(./assets/svg/components/abstract-shapes-12.svg);"> <div class="container space-top-lg-3 space-top-1 pb-10"> <div class="row justify-content-lg-between align-items-lg-center pt-lg-5"> <div class="col-lg-5 order-1 order-lg-0"> <!-- Info --> <div class="mb-5"> <span class="d-block small font-weight-bold text-cap mb-2">The First Hub Of</span> <h1 class="mb-3">Social Media &<br /><span class="text-primary">Digital Marketing Agency</span></h1> <p>GoSocial merupakan konsultan sekaligus penyedia layanan <mark>Jasa Digital Marketing</mark> untuk berbagai tahapan bisnis, hasil kolaborasi dari berbagai Agency & Profesional terbaik di Indonesia!</p> </div> <!-- End Info --> <!-- Form --> <div class="form-row"> <div class="col-sm col-md-6 col-lg mb-2"> <div class="js-form-message"> <label class="sr-only" for="konsultasiEmail">Masukkan e-mail anda..</label> <div class="input-group"> <input type="email" class="form-control" name="email" id="konsultasiEmail" placeholder="Masukkan e-mail anda.." aria-label="Your email" required data-msg="Please enter a valid email address."> </div> </div> </div> <div class="col-sm-auto"> <button type="button" class="btn btn-primary btn-block konsultasi_sekarang">Konsultasi Sekarang!</button> </div> </div> <!-- End Form --> <span class="d-block small text-cap text-muted mt-4 mb-2">As Seen On:</span> <!-- Clients --> <div class="row"> <a class="client-image col-4 col-sm-3 my-2" href="https://gosocial.co.id/kompasnews" target="_blank"> <img class="client-default max-w-11rem max-w-md-13rem mx-auto" src="https://gosocial.co.id/assets/img/home/media/kompas-dark.png" alt="Kompas News"> <img class="client-hover max-w-11rem max-w-md-13rem mx-auto" src="https://gosocial.co.id/assets/img/home/media/kompas.png" alt="Kompas News" style="display: none;"> </a> <a class="client-image col-4 col-sm-3 my-2" href="https://gosocial.co.id/detiknews" target="_blank"> <img class="client-default max-w-11rem max-w-md-13rem mx-auto" src="https://gosocial.co.id/assets/img/home/media/detik-dark.png" alt="Detik News"> <img class="client-hover max-w-11rem max-w-md-13rem mx-auto" src="https://gosocial.co.id/assets/img/home/media/detik.png" alt="Detik News" style="display: none;"> </a> <a class="client-image col-4 col-sm-3 my-2" href="https://gosocial.co.id/liputan6" target="_blank"> <img class="client-default max-w-11rem max-w-md-13rem mx-auto" src="https://gosocial.co.id/assets/img/home/media/liputan6-dark.png" alt="Liputan6 News"> <img class="client-hover max-w-11rem max-w-md-13rem mx-auto" src="https://gosocial.co.id/assets/img/home/media/liputan6.png" alt="Liputan6 News" style="display: none;"> </a> <!-- <div class="col-4 col-sm-3 my-2"> <img class="max-w-11rem max-w-md-13rem mx-auto" src="./assets/img/home/ocbc_partner.png" alt="Kerjasama Bank OCBC NISP dengan GoSocial"> </div> <div class="col-4 col-sm-3 my-2"> <img class="max-w-11rem max-w-md-13rem mx-auto" src="./assets/img/home/bhinekka_partner.png" alt="Kerjasama Bhinekka.com dengan GoSocial"> </div> --> <!-- <div class="col-4 col-sm-3 my-2"> <img class="max-w-11rem max-w-md-13rem mx-auto" src="./assets/img/home/crewdible_partner.png" alt="Kerjasama Crewdible dengan GoSocial"> </div> --> </div> <!-- End Clients --> </div> <div id="hero-image" class="col-lg-7 col-xl-7 order-0 order-lg-1 position-lg-absolute "> <div data-aos="fade-up"> <img class="img-fluid rounded" src="https://gosocial.co.id/assets/img/home/landing-hero-2.svg" alt="GoSocial - Digital Marketing Agency"> </div> </div> </div> </div> <!-- Gallery --> <!-- <div id="hero-image" class="col-lg-7 col-xl-6 position-lg-absolute transform-rotate-5 mr-lg-n11"> <div class="row align-items-end mx-n2"> <div class="col px-2 mb-5"> <div class="mb-3" data-aos="fade-up"> <img class="img-fluid shadow-lg rounded" src="./assets/img/home/foto-produk.jpg" alt="Image Description"> </div> <div class="mb-3" data-aos="fade-up" data-aos-delay="100"> <img class="img-fluid shadow-lg rounded" src="./assets/img/home/pembuatan-web.jpg" alt="Image Description"> </div> </div> <div class="col px-2"> <div class="mb-3" data-aos="fade-up" data-aos-delay="200"> <img class="img-fluid shadow-lg rounded" src="./assets/img/home/branding-design.jpg" alt="Image Description"> </div> <div class="mb-3" data-aos="fade-up" data-aos-delay="300"> <img class="img-fluid shadow-lg rounded" src="./assets/img/home/video-animasi.jpg" alt="Image Description"> </div> </div> <div class="col px-2 mb-7"> <div class="mb-3" data-aos="fade-up" data-aos-delay="400"> <img class="img-fluid shadow-lg rounded" src="./assets/img/home/social-media-management.jpg" alt="Image Description"> </div> <div class="mb-3" data-aos="fade-up" data-aos-delay="500" data-aos-offset="-50"> <img class="img-fluid shadow-lg rounded" src="./assets/img/home/engagement.jpg" alt="Image Description"> </div> </div> </div> </div> --> <!-- <div id="hero-image" class="col-lg-7 col-xl-6 position-lg-absolute "> <div class="row align-items-end"> <div class="col px-2"> <div class="mb-3" data-aos="fade-up"> <img class="img-fluid rounded" src="./assets/img/home/landing-hero-3.svg" alt="Image Description"> </div> </div> </div> </div> --> <!-- End Gallery --> </div> <!-- End Hero Section --> <!-- Articles Section --> <div class="container space-2 space-lg-3"> <!-- Title --> <div class="w-md-80 w-lg-60 text-center mx-md-auto mb-5 mb-md-9"> <h2>Our Solutions</h2> </div> <!-- End Title --> <div class="row"> <div class="col-md-6 col-lg-4 mb-3 mb-lg-0"> <!-- Card --> <a class="card card-bg-light h-100 shadow-none overflow-hidden transition-3d-hover" href="javascript:void(0)"> <div class="row align-items-center"> <div class="col-8 col-md-6"> <div class="py-3 pl-4"> <h2 class="h4">Strategy Planning & Execution</h2> </div> </div> <div class="col-4 col-md-6 px-0"> <img class="img-fluid" src="https://gosocial.co.id/assets/svg/illustrations/calendar.svg" alt="Social Media Agency"> </div> </div> </a> <!-- End Card --> </div> <div class="col-md-6 col-lg-4 mb-3 mb-lg-0"> <!-- Card --> <a class="card card-bg-light h-100 shadow-none overflow-hidden transition-3d-hover" href="javascript:void(0)"> <div class="row align-items-center"> <div class="col-8 col-md-6"> <div class="py-3 pl-4"> <h2 class="h4">Digital Platform Handling</h2> </div> </div> <div class="col-4 col-md-6 px-0"> <img class="img-fluid" src="https://gosocial.co.id/assets/svg/home/sosmed2.svg" alt="Social Media Marketing"> </div> </div> </a> <!-- End Card --> </div> <div class="col-md-6 col-lg-4"> <!-- Card --> <a class="card card-bg-light h-100 shadow-none overflow-hidden transition-3d-hover" href="javascript:void(0)"> <div class="row align-items-center"> <div class="col-8 col-md-6"> <div class="py-3 pl-4"> <h2 class="h4">Set & Achive Goals Together</h2> </div> </div> <div class="col-4 col-md-6 px-0"> <img class="img-fluid" src="https://gosocial.co.id/assets/svg/illustrations/communication.svg" alt="Set & Achive Goal Together"> </div> </div> </a> <!-- End Card --> </div> </div> </div> <!-- End Articles Section --> <!-- Features Section --> <div class="overflow-hidden"> <div class="container"> <div class="row justify-content-lg-between align-items-lg-center"> <div class="col-lg-6 mb-9 mb-lg-0"> <div class="position-relative"> <!-- Video Block --> <div id="youTubeVideoPlayerExample2" class="video-player bg-dark rounded-lg"> <!-- Thumbnail --> <img class="img-fluid video-player-preview rounded-lg" src="https://gosocial.co.id/assets/img/home/video.png" alt="Image"> <!-- END Thumbnail --> <!-- Play Button --> <a class="js-fancybox video-player-btn video-player-centered shadow-soft rounded-circle" href="javascript:;" data-hs-fancybox-options='{ "src": "//youtube.com/2J2go_2Fr78", "caption": "GoSocial - Penyedia Jasa Digital Marketing No.1 di Indonesia", "speed": 700, "buttons": ["fullScreen", "close"], "vimeo": { "autoplay": 1 } }'> <span class="video-player-icon"> <i class="fas fa-play"></i> </span> </a> <!-- End Play Button --> <!-- Video Iframe --> <div class="embed-responsive embed-responsive-16by9 rounded-lg"> <div id="youTubeVideoIframeExample2"></div> </div> <!-- End Video Iframe --> </div> <!-- END Video Block --> <!-- SVG Elements --> <figure class="max-w-15rem w-100 position-absolute top-0 left-0 z-index-n1"> <div class="mt-n6 ml-n5"> <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 335.2 335.2" width="100" height="100"> <circle fill="#FFC107" opacity=".7" cx="167.6" cy="167.6" r="130.1"></circle> </svg> </div> </figure> <figure class="max-w-15rem w-100 position-absolute bottom-0 right-0 z-index-n1"> <div class="mb-n6 ml-4"> <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 335.2 335.2" width="120" height="120"> <circle fill="none" stroke="#377DFF" stroke-width="75" cx="167.6" cy="167.6" r="130.1" /> </svg> </div> </figure> <!-- End SVG Elements --> <p class="small">*See how GoSocial help business through Digital Marketing</p> </div> </div> <div class="col-lg-5"> <div class="mb-5"> <span class="d-block small font-weight-bold text-cap mb-2">About Us</span> <h2>All-in-one Creative &<br />Digital Agency Hub</h2> </div> <!-- Icon Block --> <ul class="step step-dashed mb-7"> <li class="step-item"> <div class="step-content-wrapper"> <span class="step-icon step-icon-xs step-icon-soft-primary"> <i class="fas fa-check"></i> </span> <div class="step-content"> <h3 class="h4">Collaborative Partnership</h3> <p>Kami menghadirkan layanan terbaik bersama dengan berbagai profesional terbaik dibidangnya! <em> freelancer, digital agency, creative agency, production house, software house, dll.</em></p> </div> </div> </li> <li class="step-item mb-7"> <div class="step-content-wrapper"> <span class="step-icon step-icon-xs step-icon-soft-primary"> <i class="fas fa-check"></i> </span> <div class="step-content"> <h4> Industry-leading Consultant</h4> <p class="mb-0">Tidak hanya menyediakan solusi strategi & layanan, kami terus melakukan riset dan inovasi terhadap perkembangan teknologi serta mengembangkan teknologi sendiri untuk menunjang hal tersebut.</p> </div> </div> </li> </ul> <!-- End Icon Block --> </div> </div> </div> </div> <!-- End Features Section --> <!-- Features Section --> <div class="container space-top-2 space-bottom-1" id="service-section"> <!-- Title --> <div class="w-md-75 w-lg-50 text-center mx-md-auto mb-5 mb-md-9"> <h2 class="h1">Jasa Digital Marketing</h2> <p>Layanan terlengkap dan terbaik untuk segala kebutuhan bisnis dalam melakukan Digital Marketing.</p> </div> <!-- End Title --> <div class="row mx-n2 my-5"> <div class="col-sm-6 col-lg-3 px-2 mb-3 mb-lg-0"> <!-- Icon Blocks --> <a class="card h-100 transition-3d-hover" href="https://gosocial.co.id/service/digital-marketing"> <div class="card-body"> <figure class="w-100 max-w-8rem mb-4"> <img class="img-fluid" src="../assets/svg/service/sme.svg" alt="SVG"> </figure> <h4>360° Digital Marketing</h4> <p class="font-size-1 text-body mb-0">Strategi pemasaran terintegrasi untuk mengembangkan atau meningkatkan kinerja digital agar brand dapat berkembang </p> </div> <div class="card-footer border-0 pt-0"> <span class="font-size-1">Learn more <i class="fas fa-angle-right fa-sm ml-1"></i></span> </div> </a> <!-- End Icon Blocks --> </div> <div class="col-sm-6 col-lg-3 px-2 mb-3 mb-lg-0"> <!-- Icon Blocks --> <a class="card h-100 transition-3d-hover" href="https://gosocial.co.id/service/branding-design"> <div class="card-body"> <figure class="w-100 max-w-8rem mb-4"> <img class="img-fluid" src="../assets/svg/service/branding-design.svg" alt="SVG"> </figure> <h4>Visual Branding & Design</h4> <p class="font-size-1 text-body mb-0">Pembuatan desain grafis visual meliputi Logo, Packaging, Stationery hingga konten Social Media, Website dsb.</p> </div> <div class="card-footer border-0 pt-0"> <span class="font-size-1">Learn more <i class="fas fa-angle-right fa-sm ml-1"></i></span> </div> </a> <!-- End Icon Blocks --> </div> <div class="col-sm-6 col-lg-3 px-2 mb-3 mb-sm-0"> <!-- Icon Blocks --> <a class="card h-100 transition-3d-hover" href="https://gosocial.co.id/service/video-production"> <div class="card-body"> <figure class="w-100 max-w-8rem mb-4"> <img class="img-fluid" src="../assets/svg/service/video-production.svg" alt="SVG"> </figure> <h4>Video Production</h4> <p class="font-size-1 text-body mb-0">Pembuatan video animasi, promosi, company profile hingga konten Social Media (Tiktok, IG Reels & Youtube).</p> </div> <div class="card-footer border-0 pt-0"> <span class="font-size-1">Learn more <i class="fas fa-angle-right fa-sm ml-1"></i></span> </div> </a> <!-- End Icon Blocks --> </div> <div class="col-sm-6 col-lg-3 px-2"> <!-- Icon Blocks --> <a class="card h-100 transition-3d-hover" href="https://gosocial.co.id/service/branding-design/jasa-foto-produk"> <div class="card-body"> <figure class="w-100 max-w-8rem mb-4"> <img class="img-fluid" src="../assets/svg/service/foto-produk.svg" alt="SVG"> </figure> <h4>Commercial Photography</h4> <p class="font-size-1 text-body mb-0">Pembuatan foto produk komersial untuk katalog & konten branding secara digital.</p> </div> <div class="card-footer border-0 pt-0"> <span class="font-size-1">Learn more <i class="fas fa-angle-right fa-sm ml-1"></i></span> </div> </a> <!-- End Icon Blocks --> </div> </div> <div class="row mx-n2 my-5"> <div class="col-sm-6 col-lg-3 px-2 mb-3 mb-lg-0"> <!-- Icon Blocks --> <a class="card h-100 transition-3d-hover" href="https://gosocial.co.id/service/digital-campaign"> <div class="card-body"> <figure class="w-100 max-w-8rem mb-4"> <img class="img-fluid" src="../assets/svg/service/digital-campaign.svg" alt="SVG"> </figure> <h4>Digital Campaign <span class="badge badge-danger badge-pill ml-1">Hot</span></h4> <p class="font-size-1 text-body mb-0">Pembuatan dan manajemen strategi iklan digital meliputi Social Media Ads dan Search Engine Marketing (SEM).</p> </div> <div class="card-footer border-0 pt-0"> <span class="font-size-1">Learn more <i class="fas fa-angle-right fa-sm ml-1"></i></span> </div> </a> <!-- End Icon Blocks --> </div> <div class="col-sm-6 col-lg-3 px-2 mb-3 mb-lg-0"> <!-- Icon Blocks --> <a class="card h-100 transition-3d-hover" href="https://gosocial.co.id/service/social-media-management"> <div class="card-body"> <figure class="w-100 max-w-8rem mb-4"> <img class="img-fluid" src="../assets/svg/service/smm.svg" alt="SVG"> </figure> <h4>Social Media Management <span class="badge badge-danger badge-pill ml-1">Hot</span></h4> <p class="font-size-1 text-body mb-0">Pengelolaan dan manajemen akun Social Media menggunakan data-driven strategy.</p> </div> <div class="card-footer border-0 pt-0"> <span class="font-size-1">Learn more <i class="fas fa-angle-right fa-sm ml-1"></i></span> </div> </a> <!-- End Icon Blocks --> </div> <div class="col-sm-6 col-lg-3 px-2 mb-3 mb-sm-0"> <!-- Icon Blocks --> <a class="card h-100 transition-3d-hover" href="https://gosocial.co.id/service/website/jasa-pembuatan-website"> <div class="card-body"> <figure class="w-100 max-w-8rem mb-4"> <img class="img-fluid" src="../assets/svg/service/web-development.svg" alt="SVG"> </figure> <h4>Website Development</h4> <p class="font-size-1 text-body mb-0">Pembuatan website baru maupun redesign website lama dengan teknologi serta desain terkini.</p> </div> <div class="card-footer border-0 pt-0"> <span class="font-size-1">Learn more <i class="fas fa-angle-right fa-sm ml-1"></i></span> </div> </a> <!-- End Icon Blocks --> </div> <div class="col-sm-6 col-lg-3 px-2"> <!-- Icon Blocks --> <a class="card h-100 transition-3d-hover" href="https://gosocial.co.id/service/website/jasa-seo"> <div class="card-body"> <figure class="w-100 max-w-8rem mb-4"> <img class="img-fluid" src="../assets/svg/service/seo.svg" alt="SVG"> </figure> <h4>Search Engine Optimization</h4> <p class="font-size-1 text-body mb-0">Optimasi website untuk meningkatkan traffic organik di Search Engine.</p> </div> <div class="card-footer border-0 pt-0"> <span class="font-size-1">Learn more <i class="fas fa-angle-right fa-sm ml-1"></i></span> </div> </a> <!-- End Icon Blocks --> </div> </div> </div> <!-- End Features Section --> <!-- Info --> <div class="text-center"> <div class="d-inline-block font-size-1 border bg-white text-center rounded-pill py-3 px-4"> <i class="fas fa-bullhorn text-primary mr-2"></i> Belum tahu layanan yang sesuai?<a class="d-block d-sm-inline-block font-weight-bold ml-sm-2" href="https://gosocial.co.id/contact">Hubungi kami! <span class="fas fa-angle-right fa-sm ml-1"></span></a> </div> </div> <!-- End Info --> <!-- Pricing Section --> <div class="container space-2 space-lg-3"> <!-- Title --> <div class="w-md-80 w-lg-50 text-center mx-md-auto mb-5 mb-md-9"> <h2>Mengapa Harus GoSocial?</h2> <p>GoSocial merupakan satu-satunya Konsultan Digital Marketing sekaligus Agency pertama yang berbasis Hub dalam menyediakan layanan.</p> </div> <!-- End Title --> <!-- Table --> <div class="table-responsive-lg w-lg-75 mx-lg-auto"> <table class="table table-striped table-borderless"> <thead class="text-center"> <tr> <th scope="col" class="w-40"></th> <th scope="col" class="w-20 align-top"> <span class="text-dark">In-House</span> <small class="d-block text-body">Mengelola tim internal sendiri</small> </th> <th scope="col" class="w-20 border-left border-right align-top"> <span class="text-dark">Freelance / Agency</span> <small class="d-block text-body">Outsource ke freelancer / agency lain</small> </th> <th scope="col" class="w-20 align-top"> <span class="text-dark">Digital Agency Hub</span> <small class="d-block text-body">Bekerjasama dengan<span class="badge badge-primary badge-pill ml-1">GoSocial</span></small> </th> </tr> </thead> <tbody> <tr class="border-top border-bottom"> <th scope="row" class="bg-white text-dark pt-5 pb-3 px-4 mb-0">Biaya</th> <td class="bg-white"></td> <td class="bg-white border-left border-right"></td> <td class="bg-white"></td> </tr> <tr> <th scope="row" class="font-size-1 py-3 px-4">Fixed Cost</th> <td class="text-center p-3"> <i class="far fa-check-circle text-danger mr-2"></i> </td> <td class="text-center border-left border-right p-3"> <span class="badge badge-soft-primary badge-pill font-weight-normal py-2 px-3">Tidak perlu</span> </td> <td class="text-center p-3"> <span class="badge badge-soft-primary badge-pill font-weight-normal py-2 px-3">Tidak perlu</span> </td> </tr> <tr id="scrol-more"> <th scope="row" class="font-size-1 py-3 px-4">Biaya Rekrutmen & Training</th> <td class="text-center text-body p-3"><i class="far fa-check-circle text-danger mr-2"></i></td> <td class="text-center border-left border-right p-3"> <span class="badge badge-soft-primary badge-pill font-weight-normal py-2 px-3">Tidak perlu</span> </td> <td class="text-center p-3"> <span class="badge badge-soft-primary badge-pill font-weight-normal py-2 px-3">Tidak perlu</span> </td> </tr> <tr> <th scope="row" class="font-size-1 py-3 px-4 align-middle">Harga</th> <td class="text-center text-body p-3"> <span class="badge badge-soft-primary badge-pill font-weight-normal py-2 px-3"></span> </td> <td class="text-center text-body border-left border-right py-3 px-4 align-middle"> <span class="badge badge-soft-danger badge-pill font-weight-normal py-2 px-3">Tidak ada standard </span> </td> <td class="text-center p-3 align-middle"> <i class="fas fa-check-circle text-success mr-2"></i> <p class="small">sudah disesuaikan dengan level bisnis</p> </td> </tr> <tr class="border-bottom hide-table" style="display: none;"> <th scope="row" class="bg-white text-dark pt-5 pb-3 px-4 mb-0">Keuntungan Bagi Bisnis</th> <td class="bg-white"></td> <td class="bg-white border-left border-right"></td> <td class="bg-white"></td> </tr> <tr class="hide-table" style="display: none;"> <th scope="row" class="font-size-1 py-3 px-4">Efisiensi Biaya Tim</th> <td class="text-center p-3"> <i class="fas fa-times-circle text-danger mr-2"></i> </td> <td class="text-center border-left border-right p-3"> <i class="fas fa-check-circle text-success mr-2"></i> </td> <td class="text-center p-3"> <i class="fas fa-check-circle text-success mr-2"></i> </td> </tr> <tr class="hide-table" style="display: none;"> <th scope="row" class="font-size-1 py-3 px-4 align-middle">Bisnis bisa fokus pada kompetensi utamanya</th> <td class="text-center text-body p-3 align-middle"> <i class="fas fa-times-circle text-danger mr-2"></i> </td> <td class="text-center border-left border-right p-3 align-middle"> <span class="badge badge-soft-danger badge-pill font-weight-normal py-2 px-3">Perlu ada yang mengatur </span> </td> <td class="text-center p-3 align-middle"> <i class="fas fa-check-circle text-success mr-2"></i> <p class="small">kami akan menjadi konsultan sekaligus partner eksekusi</p> </td> </tr> <tr class="hide-table" style="display: none;"> <th scope="row" class="font-size-1 py-3 px-4 align-middle">Kualitas Hasil Pekerjaan</th> <td class="text-center text-body p-3"> <i class="fas fa-times-circle text-danger mr-2"></i> <p class="small">Semakin profesional maka fixed cost semakin besar</p> </td> <td class="text-center border-left border-right p-3"> <i class="fas fa-times-circle text-danger mr-2"></i> <p class="small">Sulit mengetahui apakah hasil dengan harga sebanding</p> </td> <td class="text-center p-3"> <i class="fas fa-check-circle text-success mr-2"></i> <p class="small">Proses dan hasil sudah distandarisasi</p> </td> </tr> <tr class="hide-table" style="display: none;"> <th scope="row" class="font-size-1 py-3 px-4 align-middle">Menguasai tools & teknologi terkini dalam Digital Marketing</th> <td class="text-center text-body p-3 align-middle"> <span class="badge badge-soft-danger badge-pill font-weight-normal py-2 px-3">Belum tentu </span> </td> <td class="text-center border-left border-right p-3 align-middle"> <span class="badge badge-soft-danger badge-pill font-weight-normal py-2 px-3">Belum tentu </span> </td> <td class="text-center p-3 align-middle"> <i class="fas fa-check-circle text-success mr-2"></i> </td> </tr> <tr class="hide-table" style="display: none;"> <th scope="row" class="font-size-1 py-3 px-4 align-middle">Dukungan aplikasi untuk melihat dan manajemen proyek</th> <td class="text-center text-body p-3"> <i class="fas fa-times-circle text-danger mr-2"></i> </td> <td class="text-center border-left border-right p-3"> <i class="fas fa-times-circle text-danger mr-2"></i> </td> <td class="text-center p-3"> <i class="fas fa-check-circle text-success mr-2"></i> </td> </tr> <tr class="hide-table" style="display: none;"> <th scope="row" class="bg-white p-3"></th> <td class="bg-white text-center p-3"> </td> <td class="bg-white text-center border-left border-right p-3"> </td> <td class="bg-white text-center p-3"> <a href="https://gosocial.co.id/contact" type="button" class="btn btn-sm btn-primary text-nowrap transition-3d-hover">Contact Us</a> </td> </tr> </tbody> </table> <div class="text-center mt-3" id="more-table-div"> <a class="btn btn-link btn-wide" id="more-table" href="javascript:">Selengkapnya <i class="fas fa-angle-down fa-sm ml-1"></i></a> </div> </div> <!-- End Table --> </div> <!-- End Pricing Section --> <!-- Demo Examples Section --> <div class="bg-light overflow-hidden"> <div class="container-xl space-2"> <!-- Title --> <div class="w-md-80 w-lg-50 text-center mx-md-auto mb-5 mb-md-9"> <h2>Portofolio</h2> <p>Beberapa contoh hasil pekerjaan yang telah kami lakukan sebelumnya.</p> </div> <!-- End Title --> <div class="row"> <div id="stickyBlockStartPoint" class="col-lg-3 pr-xl-5 mb-5 mb-lg-0"> <!-- Filter --> <div id="cbpStickyFilter" class="js-sticky-block card p-4" data-hs-sticky-block-options='{ "parentSelector": "#stickyBlockStartPoint", "targetSelector": "#logoAndNav", "breakpoint": "lg", "startPoint": "#stickyBlockStartPoint", "endPoint": "#stickyBlockEndPoint", "stickyOffsetTop": 16 }'> <div id="filterControls" class="nav nav-sm nav-x-0 flex-lg-column"> <div class="cbp-filter-scrollbar"> <a class="cbp-filter-item cbp-filter d-flex justify-content-between align-items-center-item-active nav-link mx-2 mx-lg-0" href="javascript:;" data-filter=".featured"> Featured <span class="badge border badge-pill ml-2">12</span> </a> <a class="cbp-filter-item nav-link d-flex justify-content-between align-items-center mx-2 mx-lg-0" href="javascript:;" data-filter=".smm"> Social Media Management <span class="badge border badge-pill ml-2">13</span> </a> <a class="cbp-filter-item nav-link d-flex justify-content-between align-items-center mx-2 mx-lg-0" href="javascript:;" data-filter=".fotoproduk"> Foto Produk <span class="badge border badge-pill ml-2">12</span> </a> <a class="cbp-filter-item nav-link d-flex justify-content-between align-items-center mx-2 mx-lg-0" href="javascript:;" data-filter=".videoanimasi"> Video Animasi <span class="badge border badge-pill ml-2">6</span> </a> <a class="cbp-filter-item nav-link d-flex justify-content-between align-items-center mx-2 mx-lg-0" href="javascript:;" data-filter=".digitalcampaign"> Digital Campaign <span class="badge border badge-pill ml-2">2</span> </a> <a class="cbp-filter-item nav-link d-flex justify-content-between align-items-center mx-2 mx-lg-0" href="javascript:;" data-filter=".logodesign"> Logo Design <span class="badge border badge-pill ml-2">4</span> </a> <a class="cbp-filter-item nav-link d-flex justify-content-between align-items-center mx-2 mx-lg-0" href="javascript:;" data-filter=".desainbranding"> Desain Branding & Visual <span class="badge border badge-pill ml-2">1</span> </a> <a class="cbp-filter-item nav-link d-flex justify-content-between align-items-center mx-2 mx-lg-0" href="javascript:;" data-filter=".website"> Website Development <span class="badge border badge-pill ml-2">13</span> </a> <a class="cbp-filter-item nav-link d-flex justify-content-between align-items-center mx-2 mx-lg-0" href="javascript:;" data-filter=".seo"> SEO (Search Engine Optimization) <span class="badge border badge-pill ml-2">1</span> </a> </div> </div> </div> <!-- End Filter --> </div> <div class="col-lg-9 pl-xl-0"> <div class="cbp mt-n3 mx-n3" data-hs-cbp-options='{ "defaultFilter": ".featured", "animationType": "fadeOut", "caption": "zoom", "gapHorizontal": 0, "gapVertical": 0, "mediaQueries": [ {"width": 1500, "cols": 3}, {"width": 1100, "cols": 3}, {"width": 800, "cols": 3}, {"width": 480, "cols": 2}, {"width": 380, "cols": 1} ] }'> <!-- Item Featured --> <div class="cbp-item featured"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/onmelajujauh.png" alt="Portofolio - OnMelajuJauh"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h5 mb-0">OnMelajuJauh</span> </div> </a> </div> <div class="cbp-item featured"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/labore.png" alt="Portofolio - Labore"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h5 mb-0">Labore</span> </div> </a> </div> <div class="cbp-item featured"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/people-at-ocbc.png" alt="Portofolio - People@OCBC"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h5 mb-0">People@OCBC</span> </div> </a> </div> <div class="cbp-item featured"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/triv-indonesia.png" alt="Portofolio - Triv Indonesia"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h5 mb-0">Triv Indonesia</span> </div> </a> </div> <div class="cbp-item featured"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/iplaco-granite-1705304020.png" alt="Portofolio - Iplaco Granite"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h5 mb-0">Iplaco Granite</span> </div> </a> </div> <div class="cbp-item featured"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/noble-international-1706171640.png" alt="Portofolio - Noble International"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h5 mb-0">Noble International</span> </div> </a> </div> <div class="cbp-item featured"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/ebright-skin-1706171433.png" alt="Portofolio - EBright Skin"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h5 mb-0">EBright Skin</span> </div> </a> </div> <div class="cbp-item featured"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/seundang.png" alt="Portofolio - Seundang"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h5 mb-0">Seundang</span> </div> </a> </div> <div class="cbp-item featured"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/esbeeyee.png" alt="Portofolio - esbeeyee"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h5 mb-0">esbeeyee</span> </div> </a> </div> <div class="cbp-item featured"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/kopi-petani.png" alt="Portofolio - Kopi Petani"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h5 mb-0">Kopi Petani</span> </div> </a> </div> <div class="cbp-item featured"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/ew-burger.png" alt="Portofolio - EW Burger"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h5 mb-0">EW Burger</span> </div> </a> </div> <div class="cbp-item featured"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/katakana-3.png" alt="Portofolio - Katakana 3"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h5 mb-0">Katakana 3</span> </div> </a> </div> <!-- End Item Featured --> <!-- Item SMM --> <div class="cbp-item smm"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/onmelajujauh.png" alt="Portofolio - OnMelajuJauh"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">OnMelajuJauh</span> </div> </a> </div> <div class="cbp-item smm"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/labore.png" alt="Portofolio - Labore"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">Labore</span> </div> </a> </div> <div class="cbp-item smm"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/people-at-ocbc.png" alt="Portofolio - People@OCBC"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">People@OCBC</span> </div> </a> </div> <div class="cbp-item smm"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/triv-indonesia.png" alt="Portofolio - Triv Indonesia"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">Triv Indonesia</span> </div> </a> </div> <div class="cbp-item smm"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/rs-onkologi-surabaya.png" alt="Portofolio - RS Onkologi Surabaya"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">RS Onkologi Surabaya</span> </div> </a> </div> <div class="cbp-item smm"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/instax-indonesia.png" alt="Portofolio - Instax Indonesia"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">Instax Indonesia</span> </div> </a> </div> <div class="cbp-item smm"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/gap-marmer.png" alt="Portofolio - Gap Marmer"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">Gap Marmer</span> </div> </a> </div> <div class="cbp-item smm"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/good-gaming-shop.png" alt="Portofolio - Good Gaming Shop"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">Good Gaming Shop</span> </div> </a> </div> <div class="cbp-item smm"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/tjandra-medika-hospital.png" alt="Portofolio - Tjandra Medika Hospital"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">Tjandra Medika Hospital</span> </div> </a> </div> <div class="cbp-item smm"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/skinenvy.png" alt="Portofolio - Skinenvy"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">Skinenvy</span> </div> </a> </div> <div class="cbp-item smm"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/catalyst-indonesia.png" alt="Portofolio - Catalyst Indonesia"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">Catalyst Indonesia</span> </div> </a> </div> <div class="cbp-item smm"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/peluang-kerjaku.png" alt="Portofolio - Peluang Kerjaku"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">Peluang Kerjaku</span> </div> </a> </div> <div class="cbp-item smm"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/soundtech-official.png" alt="Portofolio - Soundtech Official"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">Soundtech Official</span> </div> </a> </div> <!-- End Item SMM --> <!-- Item Foto Produk --> <div class="cbp-item fotoproduk"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/esbeeyee.png" alt="Portofolio - esbeeyee"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">esbeeyee</span> </div> </a> </div> <div class="cbp-item fotoproduk"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/kopi-petani.png" alt="Portofolio - Kopi Petani"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">Kopi Petani</span> </div> </a> </div> <div class="cbp-item fotoproduk"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/ew-burger.png" alt="Portofolio - EW Burger"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">EW Burger</span> </div> </a> </div> <div class="cbp-item fotoproduk"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/katakana-3.png" alt="Portofolio - Katakana 3"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">Katakana 3</span> </div> </a> </div> <div class="cbp-item fotoproduk"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/geda-skincare.png" alt="Portofolio - Geda Skincare"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">Geda Skincare</span> </div> </a> </div> <div class="cbp-item fotoproduk"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/kerupuk-anugerah.png" alt="Portofolio - Kerupuk Anugerah"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">Kerupuk Anugerah</span> </div> </a> </div> <div class="cbp-item fotoproduk"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/naturish.png" alt="Portofolio - Naturish"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">Naturish</span> </div> </a> </div> <div class="cbp-item fotoproduk"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/neosava-2.png" alt="Portofolio - Neosava 2"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">Neosava 2</span> </div> </a> </div> <div class="cbp-item fotoproduk"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/prefere.png" alt="Portofolio - Prefere"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">Prefere</span> </div> </a> </div> <div class="cbp-item fotoproduk"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/emporium.png" alt="Portofolio - Emporium"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">Emporium</span> </div> </a> </div> <div class="cbp-item fotoproduk"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/aregon-7-1709785704.png" alt="Portofolio - Aregon 7"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">Aregon 7</span> </div> </a> </div> <div class="cbp-item fotoproduk"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/neosava.png" alt="Portofolio - Neosava"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">Neosava</span> </div> </a> </div> <!-- End Item Foto Produk --> <!-- Item Website --> <div class="cbp-item website"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/iplaco-granite-1705304020.png" alt="Portofolio - Iplaco Granite"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">Iplaco Granite</span> </div> </a> </div> <div class="cbp-item website"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/noble-international-1706171640.png" alt="Portofolio - Noble International"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">Noble International</span> </div> </a> </div> <div class="cbp-item website"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/ebright-skin-1706171433.png" alt="Portofolio - EBright Skin"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">EBright Skin</span> </div> </a> </div> <div class="cbp-item website"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/seundang.png" alt="Portofolio - Seundang"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">Seundang</span> </div> </a> </div> <div class="cbp-item website"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/aikindo-karya.png" alt="Portofolio - Aikindo Karya"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">Aikindo Karya</span> </div> </a> </div> <div class="cbp-item website"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/pursue-inner-growth.png" alt="Portofolio - Pursue Inner Growth"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">Pursue Inner Growth</span> </div> </a> </div> <div class="cbp-item website"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/pt-indo-aero-semesta.png" alt="Portofolio - PT. Indo Aero Semesta"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">PT. Indo Aero Semesta</span> </div> </a> </div> <div class="cbp-item website"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/tpi-mexico.png" alt="Portofolio - TPI Mexico"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">TPI Mexico</span> </div> </a> </div> <div class="cbp-item website"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/pt-tunas-nusantara.png" alt="Portofolio - PT. Tunas Nusantara"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">PT. Tunas Nusantara</span> </div> </a> </div> <div class="cbp-item website"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/musa-contractor.png" alt="Portofolio - Musa Contractor"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">Musa Contractor</span> </div> </a> </div> <div class="cbp-item website"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/kode-awan-indonesia.png" alt="Portofolio - Kode Awan Indonesia"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">Kode Awan Indonesia</span> </div> </a> </div> <div class="cbp-item website"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/welding-study-center.png" alt="Portofolio - Welding Study Center"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">Welding Study Center</span> </div> </a> </div> <div class="cbp-item website"> <a class="cbp-caption" href="javascript:void(0)"> <div class="rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img class="rounded-lg" src="https://gosocial.co.id/storage/images/portfolio/metaskin.png" alt="Portofolio - MetaSkin"> </div> </div> <div class="text-center px-3 pb-3"> <span class="d-block h4 mb-0">MetaSkin</span> </div> </a> </div> <!-- End Item Website --> <!-- Item --> <div class="cbp-item videoanimasi featured"> <a class="cbp-caption" href="javascript:void(0)"> <div class="bg-white shadow-sm rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="https://gosocial.co.id/assets/img/home/portfolio/Video Animasi 6.png" width="373" height="298" alt="Medify"> </div> </div> <div class="text-center p-3"> <span class="d-block h4 mb-0">Video Animasi - Medify</span> </div> </a> </div> <!-- End Item --> <!-- Item --> <div class="cbp-item digitalcampaign featured"> <a class="cbp-caption" href="javascript:void(0)"> <div class="bg-white shadow-sm rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="https://gosocial.co.id/assets/img/home/portfolio/Digital Campaign 1.png" width="373" height="298" alt="Bangunin.id"> </div> </div> <div class="text-center p-3"> <span class="d-block h4 mb-0">Digital Ads - Bangunin.id</span> </div> </a> </div> <!-- End Item --> <!-- Item --> <div class="cbp-item seo featured"> <a class="cbp-caption" href="javascript:void(0)"> <div class="bg-white shadow-sm rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="https://gosocial.co.id/assets/img/home/portfolio/SEO 1.png" width="373" height="298" alt="Tiket Resmi"> </div> </div> <div class="text-center p-3"> <span class="d-block h4 mb-0">SEO - Tiketresmi</span> </div> </a> </div> <!-- End Item --> <!-- Item --> <div class="cbp-item videoanimasi"> <a class="cbp-caption" href="javascript:void(0)"> <div class="bg-white shadow-sm rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="https://gosocial.co.id/assets/img/home/portfolio/Video Animasi 1.png" width="373" height="298" alt="Brainfit"> </div> </div> <div class="text-center p-3"> <span class="d-block h4 mb-0">Video Animasi - Brainfit</span> </div> </a> </div> <!-- End Item --> <!-- Item --> <div class="cbp-item videoanimasi"> <a class="cbp-caption" href="javascript:void(0)"> <div class="bg-white shadow-sm rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="https://gosocial.co.id/assets/img/home/portfolio/Video Animasi 2.png" width="373" height="298" alt="Poco"> </div> </div> <div class="text-center p-3"> <span class="d-block h4 mb-0">Video Animasi - Poco</span> </div> </a> </div> <!-- End Item --> <!-- Item --> <div class="cbp-item videoanimasi"> <a class="cbp-caption" href="javascript:void(0)"> <div class="bg-white shadow-sm rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="https://gosocial.co.id/assets/img/home/portfolio/Video Animasi 3.png" width="373" height="298" alt="Bitocto"> </div> </div> <div class="text-center p-3"> <span class="d-block h4 mb-0">Video Animasi - Bitocto</span> </div> </a> </div> <!-- End Item --> <!-- Item --> <div class="cbp-item videoanimasi"> <a class="cbp-caption" href="javascript:void(0)"> <div class="bg-white shadow-sm rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="https://gosocial.co.id/assets/img/home/portfolio/Video Animasi 4.png" width="373" height="298" alt="Oleca"> </div> </div> <div class="text-center p-3"> <span class="d-block h4 mb-0">Video Animasi - Oleca</span> </div> </a> </div> <!-- End Item --> <!-- Item --> <div class="cbp-item videoanimasi"> <a class="cbp-caption" href="javascript:void(0)"> <div class="bg-white shadow-sm rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="https://gosocial.co.id/assets/img/home/portfolio/Video Animasi 5.png" width="373" height="298" alt="Empatkali"> </div> </div> <div class="text-center p-3"> <span class="d-block h4 mb-0">Video Animasi - Empatkali</span> </div> </a> </div> <!-- End Item --> <!-- Item --> <div class="cbp-item digitalcampaign terbaru"> <a class="cbp-caption" href="javascript:void(0)"> <div class="bg-white shadow-sm rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="https://gosocial.co.id/assets/img/home/portfolio/Digital Campaign 2.png" width="373" height="298" alt="Gili Ketapang"> </div> </div> <div class="text-center p-3"> <span class="d-block h4 mb-0">Digital Ads - Gili Ketapang</span> </div> </a> </div> <!-- End Item --> <!-- Item --> <div class="cbp-item logodesign"> <a class="cbp-caption" href="javascript:void(0)"> <div class="bg-white shadow-sm rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="https://gosocial.co.id/assets/img/home/portfolio/Logo 1.png" width="373" height="298" alt="Ciptanet"> </div> </div> <div class="text-center p-3"> <span class="d-block h4 mb-0">Logo - Ciptanet</span> </div> </a> </div> <!-- End Item --> <!-- Item --> <div class="cbp-item logodesign terbaru"> <a class="cbp-caption" href="javascript:void(0)"> <div class="bg-white shadow-sm rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="https://gosocial.co.id/assets/img/home/portfolio/Logo 2.png" width="373" height="298" alt="PT. ANUGERAH BUMI TRAWAS"> </div> </div> <div class="text-center p-3"> <span class="d-block h4 mb-0">Logo - PT. Anugerah Bumi Trawas</span> </div> </a> </div> <!-- End Item --> <!-- Item --> <div class="cbp-item logodesign"> <a class="cbp-caption" href="javascript:void(0)"> <div class="bg-white shadow-sm rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="https://gosocial.co.id/assets/img/home/portfolio/Logo 3.png" width="373" height="298" alt="Mitra Krida Manunggal"> </div> </div> <div class="text-center p-3"> <span class="d-block h4 mb-0">Logo - PT. Mitra Krida Manunggal</span> </div> </a> </div> <!-- End Item --> <!-- Item --> <div class="cbp-item logodesign"> <a class="cbp-caption" href="javascript:void(0)"> <div class="bg-white shadow-sm rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="https://gosocial.co.id/assets/img/home/portfolio/Logo 4.png" width="373" height="298" alt="SANRIN"> </div> </div> <div class="text-center p-3"> <span class="d-block h4 mb-0">Logo - Sanrin</span> </div> </a> </div> <!-- End Item --> <!-- Item --> <div class="cbp-item desainbranding terbaru"> <a class="cbp-caption" href="javascript:void(0)"> <div class="bg-white shadow-sm rounded-lg overflow-hidden p-1 m-3"> <div class="cbp-caption-defaultWrap"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="https://gosocial.co.id/assets/img/home/portfolio/Desain Branding 1.png" width="373" height="298" alt="Ungkapan Hati"> </div> </div> <div class="text-center p-3"> <span class="d-block h4 mb-0">Branding - Ungkapan Hati</span> </div> </a> </div> <!-- End Item --> </div> <div class="text-center mt-3"> <a class="btn btn-link btn-wide" href="https://gosocial.co.id/portfolio">Lihat Semua Portofolio <i class="fas fa-angle-right fa-sm ml-1"></i></a> </div> </div> </div> <!-- Sticky Block End Point --> <div id="stickyBlockEndPoint"></div> </div> </div> <!-- End Demo Examples Section --> <!-- Testimonials Section --> <div class="border-top"> <div class="container space-2 space-top-lg-3"> <!-- Title --> <div class="w-lg-50 mb-5 mb-md-9"> <h2>Relied On By Brand, Trusted By Personal, And Loved By Small-Medium Enterprise, Everywhere!</h2> </div> <!-- End Title --> <!-- Testimonials --> <div class="card-deck d-block d-lg-flex card-lg-gutters-2"> <!-- Testimonials --> <div class="card shadow-none bg-transparent"> <div class="card-body"> <ul class="list-inline text-warning small"> <li class="list-inline-item mx-0"> <i class="fas fa-star"></i> </li> <li class="list-inline-item mx-0"> <i class="fas fa-star"></i> </li> <li class="list-inline-item mx-0"> <i class="fas fa-star"></i> </li> <li class="list-inline-item mx-0"> <i class="fas fa-star"></i> </li> <li class="list-inline-item mx-0"> <i class="fas fa-star"></i> </li> </ul> <div class="mb-auto"> <p class="mb-0">Thank you GoSocial, hasil konten & jasa digital marketingnya sangat memuaskan! Kami di Essenza sangat senang berkonsultasi dan bekerjasama dengan GoSocial.</p> </div> </div> <div class="card-footer border-0 bg-transparent pt-0 px-5 pb-5"> <div class="media"> <div class="avatar avatar-circle mr-3"> <img class="avatar-img" src="./assets/img/home/testimonial-essenza.jpg" alt="Image Description"> </div> <div class="media-body"> <h4 class="mb-1">Dwi Angguntyasti</h4> <small class="d-block text-body">B2B Sales & Marketing PT Essenza Natural Indonesia</small> </div> </div> </div> </div> <!-- End Testimonials --> <!-- Testimonials --> <div class="card bg-primary text-white shadow-primary-lg"> <div class="card-body"> <ul class="list-inline text-warning small"> <li class="list-inline-item mx-0"> <i class="fas fa-star"></i> </li> <li class="list-inline-item mx-0"> <i class="fas fa-star"></i> </li> <li class="list-inline-item mx-0"> <i class="fas fa-star"></i> </li> <li class="list-inline-item mx-0"> <i class="fas fa-star"></i> </li> <li class="list-inline-item mx-0"> <i class="fas fa-star"></i> </li> </ul> <div class="mb-auto"> <p class="text-white mb-0">GoSocial telah membantu kami dalam memberikan strategi digital marketing dengan berbagai cara yang out of the box dan melakukannya dengan baik.</p> </div> </div> <div class="card-footer border-0 bg-primary text-white pt-0 px-5 pb-5"> <div class="media"> <div class="avatar avatar-circle mr-3"> <img class="avatar-img" src="./assets/img/home/ceo-triv.jpg" alt="Image Description"> </div> <div class="media-body"> <h4 class="text-white mb-1">Gabriel Rey</h4> <small class="d-block text-light">CEO Triv Indonesia</small> </div> </div> </div> </div> <!-- End Testimonials --> <!-- Testimonials --> <div class="card shadow-none bg-transparent"> <div class="card-body"> <ul class="list-inline text-warning small"> <li class="list-inline-item mx-0"> <i class="fas fa-star"></i> </li> <li class="list-inline-item mx-0"> <i class="fas fa-star"></i> </li> <li class="list-inline-item mx-0"> <i class="fas fa-star"></i> </li> <li class="list-inline-item mx-0"> <i class="fas fa-star"></i> </li> <li class="list-inline-item mx-0"> <i class="fas fa-star"></i> </li> </ul> <div class="mb-auto"> <p class="mb-0">Setelah Instagram & Facebook dikelola GoSocial insightnya sangat luar biasa, jumlah like dan interaksi langsung meningkat dan pelanggan bertambah, terimakasih GoSocial.</p> </div> </div> <div class="card-footer border-0 bg-transparent pt-0 px-5 pb-5"> <div class="media"> <div class="avatar avatar-circle mr-3"> <img class="avatar-img" src="./assets/img/home/testimonial-zenmen.jpg" alt="Image Description"> </div> <div class="media-body"> <h4 class="mb-1">Dedy Rahmat</h4> <small class="d-block text-body">Owner Zenmen BarberShop & ShoesCare</small> </div> </div> </div> </div> <!-- End Testimonials --> </div> <!-- End Testimonials --> </div> </div> <!-- End Testimonials Section --> <!-- Clients Section --> <div class="container"> <div class="row align-items-lg-center"> <div class="col-md-7 col-lg-8 mb-5 mb-md-0"> <!-- Clients --> <div class="owl-carousel owl-theme"> <div class="item"> <img class="max-w-11rem max-w-md-13rem mx-auto" src="https://gosocial.co.id/assets/img/client/axa.webp" alt="Image Description"> </div> <div class="item"> <img class="max-w-11rem max-w-md-13rem mx-auto" src="https://gosocial.co.id/assets/img/client/cgt.webp" alt="Image Description"> </div> <div class="item"> <img class="max-w-11rem max-w-md-13rem mx-auto" src="https://gosocial.co.id/assets/img/client/bri.webp" alt="Image Description"> </div> <div class="item"> <img class="max-w-11rem max-w-md-13rem mx-auto" src="https://gosocial.co.id/assets/img/client/essenza.webp" alt="Image Description"> </div> <div class="item"> <img class="max-w-11rem max-w-md-13rem mx-auto" src="https://gosocial.co.id/assets/img/client/pertamina.webp" alt="Image Description"> </div> <div class="item"> <img class="max-w-11rem max-w-md-13rem mx-auto" src="https://gosocial.co.id/assets/img/client/nesbitt.webp" alt="Image Description"> </div> <div class="item"> <img class="max-w-11rem max-w-md-13rem mx-auto" src="https://gosocial.co.id/assets/img/client/denso.webp" alt="Image Description"> </div> <div class="item"> <img class="max-w-11rem max-w-md-13rem mx-auto" src="https://gosocial.co.id/assets/img/client/auto2000.webp" alt="Image Description"> </div> <div class="item"> <img class="max-w-11rem max-w-md-13rem mx-auto" src="https://gosocial.co.id/assets/img/client/perawatku.webp" alt="Image Description"> </div> <div class="item"> <img class="max-w-11rem max-w-md-13rem mx-auto" src="https://gosocial.co.id/assets/img/client/jakarta-mandarin.webp" alt="Image Description"> </div> <div class="item"> <img class="max-w-11rem max-w-md-13rem mx-auto" src="https://gosocial.co.id/assets/img/client/zenius.webp" alt="Image Description"> </div> <div class="item"> <img class="max-w-11rem max-w-md-13rem mx-auto" src="https://gosocial.co.id/assets/img/client/indomaret.webp" alt="Image Description"> </div> <div class="item"> <img class="max-w-11rem max-w-md-13rem mx-auto" src="https://gosocial.co.id/assets/img/client/triv.webp" alt="Image Description"> </div> </div> <!-- End Clients --> </div> <div class="col-md-5 col-lg-4"> <div class="pl-md-4"> <span class="d-block display-3 text-primary text-lh-sm">99.8%</span> <p class="small">Client kami setuju bahwa digital marketing merupakan salah satu aspek terpenting yang dapat di outsource secara efisien dalam bisnis.</p> </div> </div> </div> </div> <!-- End Clients Section --> <!-- Subscribe Section --> <!-- <div class="bg-light"> <div class="container space-2"> <div class="row justify-content-center"> <div class="col-md-9 col-lg-6"> <div class="text-center mb-4"> <h2 class="h1">Subscribe to our newsletter</h2> <p>Dapatkan informasi terkini seputar digital marketing, pembaruan layanan hingga promosi menarik dari GoSocial.</p> </div> <form class="js-validate js-form-message w-lg-85 mx-lg-auto"> <label class="sr-only" for="subscribeSrEmail">Email address</label> <div class="input-group input-group-pill"> <input type="email" class="form-control" name="email" id="subscribeSrEmail" placeholder="Email address" aria-label="Email address" aria-describedby="subscribeButton" required data-msg="Please enter a valid email address."> <div class="input-group-append"> <button type="submit" class="btn btn-primary px-6" id="subscribeButton">Subscribe</button> </div> </div> </form> </div> </div> </div> </div> --> <!-- End Subscribe Section --> <!-- Modal Notification Email --> <div id="modalNotification" class="modal fade" tabindex="-1" aria-labelledby="modalNotificationTitle" aria-hidden="true" style="display: none;"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <!-- Header --> <div class="modal-top-cover bg-primary text-center"> <figure class="position-absolute right-0 bottom-0 left-0"> <svg preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 1920 100.1"> <path fill="#fff" d="M0,0c0,0,934.4,93.4,1920,0v100.1H0L0,0z"></path> </svg> </figure> <div class="modal-close"> <button type="button" class="btn btn-icon btn-sm btn-ghost-light" data-dismiss="modal" aria-label="Close"> <svg width="16" height="16" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M11.5,9.5l5-5c0.2-0.2,0.2-0.6-0.1-0.9l-1-1c-0.3-0.3-0.7-0.3-0.9-0.1l-5,5l-5-5C4.3,2.3,3.9,2.4,3.6,2.6l-1,1 C2.4,3.9,2.3,4.3,2.5,4.5l5,5l-5,5c-0.2,0.2-0.2,0.6,0.1,0.9l1,1c0.3,0.3,0.7,0.3,0.9,0.1l5-5l5,5c0.2,0.2,0.6,0.2,0.9-0.1l1-1 c0.3-0.3,0.3-0.7,0.1-0.9L11.5,9.5z"></path> </svg> </button> </div> </div> <!-- End Header --> <div class="modal-top-cover-avatar"> <img class="avatar avatar-lg avatar-circle avatar-border-lg avatar-centered shadow-soft" src="https://gosocial.co.id/assets/img/home/foto-profil.jpg" alt="Foto Profil GoSocial"> </div> <div class="modal-body"> <p class="font-size-2 text-center">Pesan Anda berhasil dikirim!</p> <p class="text-muted text-center">Terima Kasih telah menghubungi <span class="text-primary">GoSocial Indonesia</span>. Mohon untuk menunggu dan tim kami akan segera menghubungi Anda.</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-white" data-dismiss="modal">Close</button> <button type="submit" class="btn btn-primary livechat_action" id="livechat_action_result">Livechat Admin</button> </div> </div> </div> </div> <!-- END Modal Notification Email --> </main> <!-- Email Us --> <!-- <div id="contact-sticky" class="position-fixed left-0 bg-white p-2 mb-2 rounded shadow-lg" style="z-index: 99; bottom: 7px;"> <a class="btn btn-sm btn-outline-primary transition-3d-hover"> <span class="media align-items-center"> <i class="fas fa-calendar-check mr-2"></i> <span class="media-body"> Schedule a meeting </span> </span> </a> </div> --> <!-- Email Us --> <!-- ========== END MAIN CONTENT ========== --> <!-- ========== FOOTER ========== --> <!-- Card Modal --> <div class="modal fade " id="cardModal" tabindex="-1" role="dialog" aria-hidden="true" aria-labelledby="myLargeModalLabel"> <div class="modal-dialog modal-dialog-centered modal-lg" role="document"> <div class="modal-content" style="background-color: #007bff;"> <!-- Header --> <!-- <div class="modal-header"> --> <div class="modal-close"> <button type="button" class="btn btn-icon btn-xs btn-ghost-light" data-dismiss="modal" aria-label="Close"> <svg width="25" height="25" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M11.5,9.5l5-5c0.2-0.2,0.2-0.6-0.1-0.9l-1-1c-0.3-0.3-0.7-0.3-0.9-0.1l-5,5l-5-5C4.3,2.3,3.9,2.4,3.6,2.6l-1,1 C2.4,3.9,2.3,4.3,2.5,4.5l5,5l-5,5c-0.2,0.2-0.2,0.6,0.1,0.9l1,1c0.3,0.3,0.7,0.3,0.9,0.1l5-5l5,5c0.2,0.2,0.6,0.2,0.9-0.1l1-1 c0.3-0.3,0.3-0.7,0.1-0.9L11.5,9.5z" /> </svg> </button> </div> <!-- </div> --> <!-- End Header --> <!-- Body Modal --> <!-- <a href="#imagePricing"> <img class="img-fluid rounded" alt="Promo GoSocial" src="https://gosocial.co.id/assets/img/others/promo.png"> </a> --> <!-- <div class="modal-body p-lg-5"> <div class="row" id="modal"> <div class="col-lg-7 col-12 order-1 order-lg-0"> <h1 class="text-white font-modal text-lg-left text-center">Kini bebas pilih <span style="color: #ffe133;"><b>Metode Pembayaran</b></span> sesukamu!</h1> <p class="text-white mt-lg-5 mt-3 mb-lg-7 mb-3 font-modal text-lg-left text-center">Kini order di GoSocial bisa pakai Bank Transfer, Virtual Accont, eWallet, Kartu Kredit, dan Retail Outlet. Yuk Login dan Order Sekarang!</p> <div class="row"> <div class="col-lg-6 col-12 text-center align-self-center"> <a class="btn btn-light btn-sm text-black transition-3d-hover font-modal px-lg-5 px-3" href="https://gosocial.co.id/client/sme" style="border-radius: 20px;"><b>Coba Sekarang</b></a> </div> <div class="col-lg-6 col-12 text-center align-self-center mt-2 mt-lg-0"> <a href="javascript:void(0);" class="text-white transition-3d-hover font-modal livechat_action" style="text-decoration: underline;">Punya Pertanyaan?</a> </div> </div> </div> <div class="col-lg-5 col-12 order-0 order-lg-1 d-flex justify-content-center align-self-center"> <img id="image-modal" alt="Website Baru GoSocial" src="https://gosocial.co.id/assets/img/others/new-paymentmethod.png"> </div> </div> </div> <small class="text-white text-right mr-3 mb-2" id="modal-copyright">PT. Nusa Digital Media © 2022 - GoSocial </small> --> <!-- End Body Modal --> </div> </div> </div> <!-- End Card Modal --> <!-- Clients Section --> <!-- <div class="container space-1"> <div class="w-lg-75 mt-3 mx-lg-auto"> <div class="text-center mb-4"> <span class="divider divider-text">As Seen On</span> </div> <div class=" row justify-content-between text-center"> <div class="col-4 col-lg-2 mb-5 mb-lg-0"> <a class="mx-3 client-image" href="https://www.google.com/" target="_blank"> <img class="max-w-11rem max-w-md-13rem mx-auto client-default" src="https://gosocial.co.id/assets/img/footer/liputan6-active.png" alt="Liputan 6"> <img class="max-w-11rem max-w-md-13rem mx-auto client-hover" style="display: none;" src="https://gosocial.co.id/assets/img/footer/liputan6.png" alt="Liputan 6"> </a> </div> <div class="col-4 col-lg-2 mb-5 mb-lg-0"> <a class="mx-3 client-image" href="https://www.google.com/" target="_blank"> <img class="max-w-11rem max-w-md-13rem mx-auto client-default" src="https://gosocial.co.id/assets/img/footer/tribunnews-active.png" alt="Image Description"> <img class="max-w-11rem max-w-md-13rem mx-auto client-hover" style="display: none;" src="https://gosocial.co.id/assets/img/footer/tribunnews.png" alt="Image Description"> </a> </div> <div class="col-4 col-lg-2 mb-5 mb-lg-0"> <a class="mx-3 client-image" href="https://www.google.com/" target="_blank"> <img class="max-w-11rem max-w-md-13rem mx-auto client-default" src="https://gosocial.co.id/assets/img/footer/viva-active.png" alt="Image Description"> <img class="max-w-11rem max-w-md-13rem mx-auto client-hover" style="display: none;" src="https://gosocial.co.id/assets/img/footer/viva.png" alt="Image Description"> </a> </div> <div class="col-4 col-lg-2"> <a class="mx-3 client-image" href="https://www.google.com/" target="_blank"> <img class="max-w-11rem h-1rem max-w-md-13rem mx-auto client-default" src="https://gosocial.co.id/assets/img/footer/linetoday-active.png" alt="Image Description"> <img class="max-w-11rem h-1rem max-w-md-13rem mx-auto client-hover" style="display: none;" src="https://gosocial.co.id/assets/img/footer/linetoday.png" alt="Image Description"> </a> </div> <div class="col-4 col-lg-2"> <a class="mx-3 client-image" href="https://www.google.com/" target="_blank"> <img class="max-w-11rem max-w-md-13rem mx-auto client-default" src="https://gosocial.co.id/assets/img/footer/republika-active.png" alt="Image Description"> <img class="max-w-11rem max-w-md-13rem mx-auto client-hover" style="display: none;" src="https://gosocial.co.id/assets/img/footer/republika.png" alt="Image Description"> </a> </div> <div class="col-4 col-lg-2"> <a class="mx-3 client-image" href="https://www.google.com/" target="_blank"> <img class="max-w-11rem max-w-md-13rem mx-auto client-default" src="https://gosocial.co.id/assets/img/footer/sindonews-active.png" alt="Image Description"> <img class="max-w-11rem max-w-md-13rem mx-auto client-hover" style="display: none;" src="https://gosocial.co.id/assets/img/footer/sindonews.png" alt="Image Description"> </a> </div> </div> </div> </div> --> <!-- End Clients Section --> <div class="container space-1" id="official-partners"> <div class="w-lg-75 mt-3 mx-lg-auto"> <div class="text-center mb-4"> <span class="divider divider-text">As Seen On</span> </div> <div class="row d-flex justify-content-center text-center"> <div class="col-lg-8 col-12"> <div class="row d-flex justify-content-center"> <div class="col-lg-3 col-4"> <a class="mx-3 client-image" href="https://gosocial.co.id/kompasnews" target="_blank"> <img class="client-default max-w-11rem max-w-md-13rem mx-auto" src="https://gosocial.co.id/assets/img/home/media/kompas-dark.png" alt="Kompas News"> <img class="client-hover max-w-11rem max-w-md-13rem mx-auto" src="https://gosocial.co.id/assets/img/home/media/kompas.png" alt="Kompas News" style="display: none;"> </a> </div> <div class="col-lg-3 col-4"> <a class="mx-3 client-image" href="https://gosocial.co.id/detiknews" target="_blank"> <img class="client-default max-w-11rem max-w-md-13rem mx-auto" src="https://gosocial.co.id/assets/img/home/media/detik-dark.png" alt="Detik News"> <img class="client-hover max-w-11rem max-w-md-13rem mx-auto" src="https://gosocial.co.id/assets/img/home/media/detik.png" alt="Detik News" style="display: none;"> </a> </div> <div class="col-lg-3 col-4"> <a class="mx-3 client-image" href="https://gosocial.co.id/liputan6" target="_blank"> <img class="client-default max-w-11rem max-w-md-13rem mx-auto" src="https://gosocial.co.id/assets/img/home/media/liputan6-dark.png" alt="Liputan6 News"> <img class="client-hover max-w-11rem max-w-md-13rem mx-auto" src="https://gosocial.co.id/assets/img/home/media/liputan6.png" alt="Liputan6 News" style="display: none;"> </a> </div> </div> </div> </div> </div> </div> <!-- ========== FOOTER ========== --> <footer class="container"> <div class="space-top-2 space-bottom-1 space-bottom-lg-2"> <div class="row"> <div class="col-12 col-md-4 col-lg-5 mb-5 mb-lg-0"> <!-- Logo --> <div class="mb-3"> <a href="https://gosocial.co.id" aria-label="Front"> <img class="brand" src="https://gosocial.co.id/assets/img/logos/gosocial-logo.png" alt="GoSocial Logo"> </a> </div> <!-- End Logo --> <div class="mb-3"> <p class="text-muted small"> GoSocial merupakan perusahaan konsultan sekaligus Creative & Digital Hub No.1 di Indonesia yang bertujuan membantu bisnis dalam melakukan Digital Marketing dengan berbagai layanan terbaik. </p> </div> <div class="maps"> <div class="mapouter min-h-300rem"> <div class="gmap_canvas"> <style> #maps_frame { width: 440px; height: 300px; } @media screen and (max-width: 390px) { #maps_frame { width: 360px; height: 300px; } } @media screen and (min-width: 391px) and (max-width: 428px) { #maps_frame { width: 390px; height: 300px; } } </style> <iframe id="maps_frame" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3957.72680746486!2d112.74041361476013!3d-7.271896594751136!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2dd7fb3f7d4a064d%3A0x8df51e1f12e73509!2sGoSocial%20-%20Social%20Media%20%26%20Digital%20Marketing%20Agency%20(PT.%20Nusa%20Digital%20Media)!5e0!3m2!1sid!2sid!4v1630132883130!5m2!1sid!2sid" style="border:0;" allowfullscreen="" loading="lazy"></iframe> </div> </div> </div> </div> <div class="col-6 col-md-3 col-lg-3 mb-5 mb-lg-0 mr-lg-n7"> <div class="company"> <span class="h5">Company</span> <!-- Nav Link --> <ul class="nav nav-sm nav-x-0 flex-column mt-2"> <li class="nav-item"><a class="nav-link" href="https://gosocial.co.id/about">About</a></li> <li class="nav-item"><a class="nav-link" href="https://gosocial.co.id/contact">Contact Us</a></li> <li class="nav-item"><a class="nav-link" href="https://gosocial.co.id/why-gosocial">GoSocial vs other</a> </li> <li class="nav-item"><a class="nav-link" href="https://gosocial.co.id/partnership">Partners <span class="badge badge-success ml-1">Open Partnership</span></a></li> <li class="nav-item"><a class="nav-link" href="https://gosocial.co.id/portfolio">Portfolio</a></li> <li class="nav-item"><a class="nav-link" href="https://gosocial.co.id/career">Careers <span class="badge badge-primary ml-1">We're hiring</span></a></li> </ul> <!-- End Nav Link --> </div> <div class="resources mt-4"> <span class="h5">Resources</span> <!-- Nav Link --> <ul class="nav nav-sm nav-x-0 flex-column mt-2"> <li class="nav-item"> <a class="nav-link" href="https://goto.gosocial.co.id/"> <span class="media align-items-center"> <i class="fas fa-link mr-2"></i> <span class="media-body">Links</span> </span> </a> </li> <li class="nav-item"> <a class="nav-link" href="https://gosocial.co.id/how-to"> <span class="media align-items-center"> <i class="fa fa-info-circle mr-2"></i> <span class="media-body">Help Center</span> </span> </a> </li> <li class="nav-item"> <a class="nav-link" href="https://gosocial.co.id/login"> <span class="media align-items-center"> <i class="fa fa-user-circle mr-2"></i> <span class="media-body">Client & Partner Area</span> </span> </a> </li> </ul> <!-- End Nav Link --> </div> </div> <div class="col-6 col-md-3 col-lg-3 mr-lg-n7"> <span class="h5">Our Solution</span> <!-- Nav Link --> <ul class="nav nav-sm nav-x-0 flex-column mt-2"> <li class="nav-item"><a class="nav-link" href="https://gosocial.co.id/service/social-media-management">360° Digital Marketing</a></li> <li class="nav-item"><a class="nav-link" href="https://gosocial.co.id/service/branding-design">Branding & Design</a></li> <li class="nav-item"><a class="nav-link" href="https://gosocial.co.id/service/video-production">Video Production</a></li> <li class="nav-item"><a class="nav-link" href="https://gosocial.co.id/service/branding-design/jasa-foto-produk">Foto Produk</a></li> <li class="nav-item"><a class="nav-link" href="https://gosocial.co.id/service/digital-campaign">Digital Campaign</a></li> <li class="nav-item"><a class="nav-link" href="https://gosocial.co.id/service/social-media-management">Social Media Management</a></li> <li class="nav-item"><a class="nav-link" href="https://gosocial.co.id/service/website/jasa-pembuatan-website">Website Solution</a></li> <li class="nav-item"><a class="nav-link" href="https://gosocial.co.id/service/website/jasa-seo">SEO</a></li> </ul> <!-- End Nav Link --> </div> <div class="col-12 col-md-3 col-lg-2 mt-5 mt-md-0"> <span class="h5">Get in Touch</span> <!-- Nav Link --> <ul class="nav nav-sm nav-x-0 flex-column mt-2"> <li class="nav-item"> <a class="nav-link" id="footer_email" href="mailto:hello@gosocial.co.id" target="_blank"> <span class="media"> <i class="fa fa-envelope mr-2 mt-1"></i> <span class="media-body"><b>E-mail<br /></b>hello@gosocial.co.id</span> </span> </a> </li> <li class="nav-item"> <a class="nav-link" id="footer_whatsapp" href="https://api.whatsapp.com/send/?phone=6281234566636&text=Halo%2C+saya+ingin+bertanya+lebih+lanjut+mengenai+...&type=phone_number&app_absent=0" target="_blank"> <span class="media"> <i class="fab fa-whatsapp mr-2 mt-1"></i> <span class="media-body"><b>WhatsApp Call / Text<br /></b>(+62) 8123456 6636</span> </span> </a> </li> <!-- <li class="nav-item"> <a class="nav-link" id="footer_maps_studio" href="https://goo.gl/maps/fmPmeucDVmfK3DYf8" target="_blank"> <span class="media"> <i class="fas fa-location-arrow mr-2 mt-1"></i> <span class="media-body"><b>Studio Surabaya<br /></b>Jl. RA Kartini No.87, Surabaya, Indonesia</span> </span> </a> </li> --> <li class="nav-item"> <a class="nav-link" id="footer_maps_office" href="https://goo.gl/maps/RyZ4diyrX7dgzbrt9" target="_blank"> <span class="media"> <i class="fa fa-building mr-2 mt-1"></i> <span class="media-body"><b>Office Surabaya<br /></b>Bumi Mandiri Tower II, Jl.Panglima Sudirman No.66-68, Surabaya, Indonesia</span> </span> </a> </li> <!-- <li class="nav-item"> <a class="nav-link" href="https://gosocial.co.id/login"> <span class="media"> <i class="fa fa-map mr-2 mt-1"></i> <span class="media-body"><b>Jakarta, Malang, Jogja<br /></b>Coming Soon</span> </span> </a> </li>--> <div class="mt-3 ml-3 d-flex justify-content-left align-items-center"> <div style="cursor: pointer;"> <img height="55" src="https://gosocial.co.id/assets/img/footer/tiktok-affiliate-partner.png" alt="PSE GoSocial Indonesia"> </div> </div> <div class="mt-3 ml-3 d-flex justify-content-left align-items-center"> <a href="https://pse.kominfo.go.id/tdpse-detail/16595" target="_blank"> <img height="65" src="https://gosocial.co.id/assets/img/footer/pse-kominfo.png" alt="PSE GoSocial Indonesia"> </a> <img height="45" class="ml-2" src="https://gosocial.co.id/assets/img/footer/qrcode-pse-kominfo-new.png" alt="PSE GoSocial Indonesia"> </div> </ul> <!-- End Nav Link --> </div> </div> </div> <hr class="my-0"> <div class="space-1"> <div class="row align-items-md-center mb-7"> <div class="col-md-6 mb-4 mb-md-0"> <!-- Nav Link --> <ul class="nav nav-sm nav-x-0 align-items-center"> <li class="nav-item"> <a class="nav-link" href="https://gosocial.co.id/privacy">Privacy & Policy</a> </li> <li class="nav-item opacity mx-3">/</li> <li class="nav-item"> <a class="nav-link" href="https://gosocial.co.id/terms">Terms</a> </li> <li class="nav-item opacity mx-3">/</li> <li class="nav-item"> <a class="nav-link" href="https://gosocial.co.id/changelog">What's new</a> </li> </ul> <!-- End Nav Link --> </div> <div class="col-md-6 text-md-right"> <ul class="list-inline mb-0"> <!-- Social Networks --> <li class="list-inline-item"> <a class="btn btn-xs btn-icon btn-soft-secondary" href="https://www.instagram.com/gosocial.id/" target="_blank"> <i class="fab fa-instagram"></i> </a> </li> <li class="list-inline-item"> <a class="btn btn-xs btn-icon btn-soft-secondary" href="https://web.facebook.com/gosocialid/" target="_blank"> <i class="fab fa-facebook-f"></i> </a> </li> <li class="list-inline-item"> <a class="btn btn-xs btn-icon btn-soft-secondary" href="https://www.youtube.com/channel/UCQQ3LDD2I5vfKMaoGHvVCLA" target="_blank"> <i class="fab fa-youtube"></i> </a> </li> <li class="list-inline-item"> <a class="btn btn-xs btn-icon btn-soft-secondary" href="https://www.linkedin.com/company/gosocialid" target="_blank"> <i class="fab fa-linkedin"></i> </a> </li> <!-- End Social Networks --> <!-- Language --> <li class="list-inline-item"> <div class="hs-unfold"> <a class="js-hs-unfold-invoker dropdown-toggle btn btn-xs btn-soft-secondary" href="javascript:;" data-hs-unfold-options='{ "target": "#footerLanguageExample3", "type": "css-animation", "animationIn": "slideInDown" }'> <img class="dropdown-item-icon" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/4x3/id.svg" alt="Indonesia Flag"> <span>Bahasa</span> </a> <div id="footerLanguageExample3" class="hs-unfold-content dropdown-menu dropdown-unfold dropdown-menu-bottom mb-2"> <a class="dropdown-item active" href="https://gosocial.co.id"> <img class="dropdown-item-icon" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/4x3/id.svg" alt="Indonesia Flag"> <span> Bahasa </span></a> <a class="dropdown-item" href="#coming-soon"> <img class="dropdown-item-icon" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/4x3/us.svg" alt="United States Flag"> <span> English </span> </a> </div> </div> </li> <!-- End Language --> </ul> </div> </div> <!-- Copyright --> <div class="w-md-75 text-lg-center mx-lg-auto"> <p class="text-muted small"> GoSocial adalah merek milik PT Nusa Digital Media © 2024 <br> <img src="https://gosocial.co.id/assets/links/img/home/verified.png" alt="Verified" width="16px" style="vertical-align: sub !important" class="home__gosocial__bio__badge"> <a href="https://gosocial.co.id/merek" target="_blank">Terdaftar pada Direktorat Jendral Kekayaan Intelektual Republik Indonesia.</a> </p> </div> <!-- End Copyright --> </div> </footer> <!-- ========== END FOOTER ========== --> <!-- ========== END FOOTER ========== --> <!-- ========== SECONDARY CONTENTS ========== --> <!-- Sign Up Modal --> <div class="modal fade" id="signupModal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <!-- Header --> <div class="modal-close"> <button type="button" class="btn btn-icon btn-sm btn-ghost-secondary" data-dismiss="modal" aria-label="Close"> <svg width="10" height="10" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M11.5,9.5l5-5c0.2-0.2,0.2-0.6-0.1-0.9l-1-1c-0.3-0.3-0.7-0.3-0.9-0.1l-5,5l-5-5C4.3,2.3,3.9,2.4,3.6,2.6l-1,1 C2.4,3.9,2.3,4.3,2.5,4.5l5,5l-5,5c-0.2,0.2-0.2,0.6,0.1,0.9l1,1c0.3,0.3,0.7,0.3,0.9,0.1l5-5l5,5c0.2,0.2,0.6,0.2,0.9-0.1l1-1 c0.3-0.3,0.3-0.7,0.1-0.9L11.5,9.5z" /> </svg> </button> </div> <!-- End Header --> <!-- Body --> <div class="modal-body p-sm-5"> <form class="js-validate"> <!-- Sign in --> <div id="signinModalForm"> <div class="text-center mb-5"> <span class="h2">Sign in</span> <p>Don't have an account yet? <a class="js-animation-link" href="javascript:;" data-hs-show-animation-options='{ "targetSelector": "#signupModalForm", "groupName": "idForm" }'>Sign up here</a> </p> </div> <a class="btn btn-block btn-white mb-2" href="#"> <span class="d-flex justify-content-center align-items-center"> <img class="avatar avatar-xss mr-2" src="https://gosocial.co.id/assets/svg/brands/google.svg" alt="Image Description"> Sign in with Google </span> </a> <a class="js-animation-link btn btn-block btn-primary mb-2" href="#" data-hs-show-animation-options='{ "targetSelector": "#signinWithEmailModalForm", "groupName": "idForm" }'>Sign in with Email</a> </div> <!-- End Sign in --> <!-- Sign in with Modal --> <div id="signinWithEmailModalForm" style="display: none; opacity: 0;"> <div class="text-center mb-5"> <span class="h2">Sign in</span> <p>Don't have an account yet? <a class="js-animation-link" href="javascript:;" data-hs-show-animation-options='{ "targetSelector": "#signupModalForm", "groupName": "idForm" }'>Sign up here</a> </p> </div> <!-- Form Group --> <div class="js-form-message form-group"> <label class="input-label" for="signinModalFormSrEmail">Your email</label> <input type="email" class="form-control" name="email" id="signinModalFormSrEmail" placeholder="email@address.com" aria-label="email@address.com" required data-msg="Please enter a valid email address."> </div> <!-- End Form Group --> <!-- Form Group --> <div class="js-form-message form-group"> <label class="input-label" for="signinModalFormSrPassword"> <span class="d-flex justify-content-between align-items-center"> Password <a class="js-animation-link link text-muted" href="javascript:;" data-hs-show-animation-options='{ "targetSelector": "#forgotPasswordModalForm", "groupName": "idForm" }'>Forgot Password?</a> </span> </label> <input type="password" class="form-control" name="password" id="signinModalFormSrPassword" placeholder="8+ characters required" aria-label="8+ characters required" required data-msg="Your password is invalid. Please try again."> </div> <!-- End Form Group --> <button type="submit" class="btn btn-block btn-primary">Sign in</button> </div> <!-- End Sign in with Modal --> <!-- Sign up --> <div id="signupModalForm" style="display: none; opacity: 0;"> <div class="text-center mb-5"> <span class="h2">Sign up</span> <p>Already have an account? <a class="js-animation-link" href="javascript:;" data-hs-show-animation-options='{ "targetSelector": "#signinModalForm", "groupName": "idForm" }'>Sign in here</a> </p> </div> <a class="btn btn-block btn-white mb-2" href="#"> <span class="d-flex justify-content-center align-items-center"> <img class="avatar avatar-xss mr-2" src="https://gosocial.co.id/assets/svg/brands/google.svg" alt="Image Description"> Sign up with Google </span> </a> <a class="js-animation-link btn btn-block btn-primary mb-2" href="#" data-hs-show-animation-options='{ "targetSelector": "#signupWithEmailModalForm", "groupName": "idForm" }'>Sign up with Email</a> <div class="text-center mt-3"> <p class="font-size-1 mb-0">By continuing you agree to our <a href="#">Terms and Conditions</a></p> </div> </div> <!-- End Sign up --> <!-- Sign up with Modal --> <div id="signupWithEmailModalForm" style="display: none; opacity: 0;"> <div class="text-center mb-5"> <span class="h2">Sign up</span> <p>Already have an account? <a class="js-animation-link" href="javascript:;" data-hs-show-animation-options='{ "targetSelector": "#signinModalForm", "groupName": "idForm" }'>Sign in here</a> </p> </div> <!-- Form Group --> <div class="js-form-message form-group"> <label class="input-label" for="signupModalFormSrEmail">Your email</label> <input type="email" class="form-control" name="email" id="signupModalFormSrEmail" placeholder="email@address.com" aria-label="email@address.com" required data-msg="Please enter a valid email address."> </div> <!-- End Form Group --> <!-- Form Group --> <div class="js-form-message form-group"> <label class="input-label" for="signupModalFormSrPassword">Password</label> <input type="password" class="form-control" name="password" id="signupModalFormSrPassword" placeholder="8+ characters required" aria-label="8+ characters required" required data-msg="Your password is invalid. Please try again."> </div> <!-- End Form Group --> <!-- Form Group --> <div class="js-form-message form-group"> <label class="input-label" for="signupModalFormSrConfirmPassword">Confirm password</label> <input type="password" class="form-control" name="confirmPassword" id="signupModalFormSrConfirmPassword" placeholder="8+ characters required" aria-label="8+ characters required" required data-msg="Password does not match the confirm password."> </div> <!-- End Form Group --> <button type="submit" class="btn btn-block btn-primary">Sign up</button> <div class="text-center mt-3"> <p class="font-size-1 mb-0">By continuing you agree to our <a href="#">Terms and Conditions</a></p> </div> </div> <!-- End Sign up with Modal --> <!-- Forgot Password --> <div id="forgotPasswordModalForm" style="display: none; opacity: 0;"> <div class="text-center mb-5"> <span class="h2">Forgot password?</span> <p>Enter the email address you used when you joined and we'll send you instructions to reset your password.</p> </div> <!-- Form Group --> <div class="js-form-message form-group"> <label class="input-label" for="resetPasswordSrEmail" tabindex="0"> <span class="d-flex justify-content-between align-items-center"> Your email <a class="js-animation-link d-flex align-items-center link text-muted" href="javascript:;" data-hs-show-animation-options='{ "targetSelector": "#signinModalForm", "groupName": "idForm" }'> <i class="fas fa-angle-left mr-2"></i> Back to Sign in </a> </span> </label> <input type="email" class="form-control" name="email" id="resetPasswordSrEmail" tabindex="1" placeholder="Enter your email address" aria-label="Enter your email address" required data-msg="Please enter a valid email address."> </div> <!-- End Form Group --> <button type="submit" class="btn btn-block btn-primary">Submit</button> </div> <!-- End Forgot Password --> </form> </div> <!-- End Body --> <!-- Footer --> <div class="modal-footer d-block text-center py-sm-5"> <small class="text-cap mb-4">Trusted by the world's best teams</small> <div class="w-85 mx-auto"> <div class="row justify-content-between"> <div class="col"> <img class="img-fluid" src="https://gosocial.co.id/assets/svg/brands/gitlab-gray.svg" alt="Image Description"> </div> <div class="col"> <img class="img-fluid" src="https://gosocial.co.id/assets/svg/brands/fitbit-gray.svg" alt="Image Description"> </div> <div class="col"> <img class="img-fluid" src="https://gosocial.co.id/assets/svg/brands/flow-xo-gray.svg" alt="Image Description"> </div> <div class="col"> <img class="img-fluid" src="https://gosocial.co.id/assets/svg/brands/layar-gray.svg" alt="Image Description"> </div> </div> </div> </div> <!-- End Footer --> </div> </div> </div> <!-- End Sign Up Modal --> <!-- ========== END SECONDARY CONTENTS ========== --> <!-- Go to Top --> <!-- <a class="js-go-to go-to position-fixed" href="javascript:;" style="visibility: hidden;" data-hs-go-to-options='{ "offsetTop": 700, "position": { "init": { "right": 15 }, "show": { "bottom": 15 }, "hide": { "bottom": -15 } } }'> <i class="fas fa-angle-up"></i> </a> --> <!-- End Go to Top --> <!-- Modal --> <!-- Modal Success --> <div id="successModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="successModalTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="mt-3 d-flex justify-content-center"> <img class="mb-2" src="https://gosocial.co.id/dashboard/assets/img/modal/success.png" alt="Error" height="100"> </div> <div class="mt-3 text-center"> <p class="h3 text-dark">Success!</p> </div> <div class="mt-3"> <p class="text-center lead text-dark" id="success_msg">Sukses Sistem!</p> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button> </div> </div> </div> </div> <!-- End Modal Success --> <!-- Modal Error --> <div id="errorModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="errorModalTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="mt-3 d-flex justify-content-center"> <img class="mb-2" src="https://gosocial.co.id/dashboard/assets/img/modal/error.png" alt="Error" height="100"> </div> <div class="mt-3 text-center"> <p class="h3 text-dark">Error!</p> </div> <div class="mt-3"> <p class="text-center lead text-dark" id="error_msg">Error Sistem!</p> </div> </div> <div class="modal-footer "> <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button> </div> </div> </div> </div> <!-- End Modal Error --> <!-- Modal Confirmation --> <div id="confirmationModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="confirmationModalTitle" aria-hidden="true" style="background: rgba(0,0,0,.4);"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content mx-3"> <div class="modal-body"> <div class="mt-3 d-flex justify-content-center"> <img class="mb-2" src="https://gosocial.co.id/dashboard/assets/img/modal/warning.png" alt="Warning" height="100"> </div> <div class="mt-3 text-center"> <p class="display-4 text-dark" id="confirmation_title_msg">Yakin Ingin Melakukan Perubahan?</p> </div> <div class="mt-3 mb-n4"> <p class="text-center lead text-dark" id="confirmation_msg">Warning Sistem!</p> </div> </div> <div class="modal-footer d-flex justify-content-center"> <button type="button" id="confirmation_btn" data-form="" class="btn btn-primary">Ya, Simpan Perubahan</button> <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button> </div> </div> </div> </div> <!-- End Modal Confirmation --> <!-- Modal Konsultasi --> <div id="konsultasiModal" class="modal fade" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="konsultasiModalTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-scrollable modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalCenteredScrollableTitle">Terimakasih, silahkan pilih jadwal yang tersedia </h5> <!-- <button type="button" class="btn btn-xs btn-icon btn-soft-secondary" data-dismiss="modal" aria-label="Close"> <svg aria-hidden="true" width="10" height="10" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M11.5,9.5l5-5c0.2-0.2,0.2-0.6-0.1-0.9l-1-1c-0.3-0.3-0.7-0.3-0.9-0.1l-5,5l-5-5C4.3,2.3,3.9,2.4,3.6,2.6l-1,1 C2.4,3.9,2.3,4.3,2.5,4.5l5,5l-5,5c-0.2,0.2-0.2,0.6,0.1,0.9l1,1c0.3,0.3,0.7,0.3,0.9,0.1l5-5l5,5c0.2,0.2,0.6,0.2,0.9-0.1l1-1 c0.3-0.3,0.3-0.7,0.1-0.9L11.5,9.5z" /> </svg> </button> --> </div> <div class="modal-body mb-3"> <div class="mt-3 d-flex justify-content-center"> <img class="mb-2" src="https://gosocial.co.id/dashboard/assets/img/modal/click.svg" alt="Error" height="100"> </div> <p class="text-center">Tentukan jadwal dan jenis meeting yang diinginkan untuk mulai diskusi bersama tim profesional kami secepatnya dengan klik tombol dibawah ini:</p> <div class="d-flex justify-content-center"> <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/meeting-gosocial/digital-marketing-consultation'});return false;">Pilih Jadwal</button> </div> </div> </div> </div> </div> <!-- End Modal Konsultasi --> <!-- Modal Contact Us --> <div id="contactUsModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="contactUsModalTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-scrollable modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalCenteredScrollableTitle">Terimakasih!</h5> <button type="button" class="btn btn-xs btn-icon btn-soft-secondary" data-dismiss="modal" aria-label="Close"> <svg aria-hidden="true" width="10" height="10" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M11.5,9.5l5-5c0.2-0.2,0.2-0.6-0.1-0.9l-1-1c-0.3-0.3-0.7-0.3-0.9-0.1l-5,5l-5-5C4.3,2.3,3.9,2.4,3.6,2.6l-1,1 C2.4,3.9,2.3,4.3,2.5,4.5l5,5l-5,5c-0.2,0.2-0.2,0.6,0.1,0.9l1,1c0.3,0.3,0.7,0.3,0.9,0.1l5-5l5,5c0.2,0.2,0.6,0.2,0.9-0.1l1-1 c0.3-0.3,0.3-0.7,0.1-0.9L11.5,9.5z" /> </svg> </button> </div> <div class="modal-body"> <div class="mt-3 d-flex justify-content-center"> <img class="mb-2" src="https://gosocial.co.id/dashboard/assets/img/modal/sending.svg" alt="Error" height="100"> </div> <p class="text-center">Kami telah berhasil menerima pesan anda.<br />Tim kami akan segera menghubungi Anda kembali maksimal dalam 1x24 jam pada hari kerja.</p> </div> <div class="modal-footer d-flex justify-content-center"> <button type="button" class="btn btn-primary" data-dismiss="modal">Okay</button> </div> </div> </div> </div> <!-- End Modal Contact Us --> <!-- Modal Partnership --> <div id="partnershipModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="partnershipModalTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-scrollable modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalCenteredScrollableTitle">Partnership Area</h5> <button type="button" class="btn btn-xs btn-icon btn-soft-secondary" data-dismiss="modal" aria-label="Close"> <svg aria-hidden="true" width="10" height="10" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M11.5,9.5l5-5c0.2-0.2,0.2-0.6-0.1-0.9l-1-1c-0.3-0.3-0.7-0.3-0.9-0.1l-5,5l-5-5C4.3,2.3,3.9,2.4,3.6,2.6l-1,1 C2.4,3.9,2.3,4.3,2.5,4.5l5,5l-5,5c-0.2,0.2-0.2,0.6,0.1,0.9l1,1c0.3,0.3,0.7,0.3,0.9,0.1l5-5l5,5c0.2,0.2,0.6,0.2,0.9-0.1l1-1 c0.3-0.3,0.3-0.7,0.1-0.9L11.5,9.5z" /> </svg> </button> </div> <div class="modal-body"> <div class="mt-3 d-flex justify-content-center"> <img class="mb-2" src="https://gosocial.co.id/dashboard/assets/img/modal/sending.svg" alt="Error" height="100"> </div> <p class="text-center">Kami telah berhasil menerima pesan anda.<br />Tim kami akan melakukan pendataan untuk Program Partnership dan segera menghubungi Anda kembali.</p> </div> </div> </div> </div> <!-- End Modal Partnership --> <!-- Modal Download --> <div id="downloadModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="downloadModalTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-scrollable modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalCenteredScrollableTitle">Terimakasih!</h5> <button type="button" class="btn btn-xs btn-icon btn-soft-secondary" data-dismiss="modal" aria-label="Close"> <svg aria-hidden="true" width="10" height="10" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M11.5,9.5l5-5c0.2-0.2,0.2-0.6-0.1-0.9l-1-1c-0.3-0.3-0.7-0.3-0.9-0.1l-5,5l-5-5C4.3,2.3,3.9,2.4,3.6,2.6l-1,1 C2.4,3.9,2.3,4.3,2.5,4.5l5,5l-5,5c-0.2,0.2-0.2,0.6,0.1,0.9l1,1c0.3,0.3,0.7,0.3,0.9,0.1l5-5l5,5c0.2,0.2,0.6,0.2,0.9-0.1l1-1 c0.3-0.3,0.3-0.7,0.1-0.9L11.5,9.5z" /> </svg> </button> </div> <div class="modal-body"> <div class="mt-3 d-flex justify-content-center"> <img class="mb-2" src="https://gosocial.co.id/dashboard/assets/img/modal/sending.svg" alt="Error" height="100"> </div> <p class="text-center">Dokumen terkait akan kami kirimkan otomatis melalui <span style="color: #4B84FF">Email atau Nomor Whatsapp Anda</span>. Hubungi <b><a href="#">Tim Kami</a></b> apabila memiliki pertanyaan atau konsultasi terkait <span style="color: #4B84FF">Digital Marketing</span>!</p> </div> <div class="modal-footer d-flex justify-content-center"> <button type="button" class="btn btn-sm btn-primary" data-dismiss="modal">Okay</button> </div> </div> </div> </div> <!-- End Modal Download --> <!-- Modal Notification / Information / Promo --> <div id="informationModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="informationModalTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <!-- Header --> <div class="button-close"> <div class="modal-close top-0 right-0 mt-1 mr-1"> <button type="button" class="btn btn-icon btn-sm btn-ghost-light" data-dismiss="modal" aria-label="Close"> <svg width="16" height="16" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M11.5,9.5l5-5c0.2-0.2,0.2-0.6-0.1-0.9l-1-1c-0.3-0.3-0.7-0.3-0.9-0.1l-5,5l-5-5C4.3,2.3,3.9,2.4,3.6,2.6l-1,1 C2.4,3.9,2.3,4.3,2.5,4.5l5,5l-5,5c-0.2,0.2-0.2,0.6,0.1,0.9l1,1c0.3,0.3,0.7,0.3,0.9,0.1l5-5l5,5c0.2,0.2,0.6,0.2,0.9-0.1l1-1 c0.3-0.3,0.3-0.7,0.1-0.9L11.5,9.5z"> </path> </svg> </button> </div> </div> <!-- End Header --> <img class="img-fluid rounded" src=" https://www.prima-adv.co.id/images/Banner.png"> </div> </div> </div> <!-- End Modal Notification / Information / Promo --> <!-- Modal Whatsapp Number --> <div class="modal fade" id="whatsappNumber" tabindex="-1" aria-labelledby="whatsappNumberLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-sm"> <div class="modal-content"> <img class="card-img-top" src="https://gosocial.co.id/assets/img/home/whatsapp.jpg" alt="Card image" style="width:100%"> <div class="modal-body p-4 text-center"> <style> /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } </style> <h3>Terhubung via Whatsapp!</h3> <p class="text-muted">Masukkan nomor WhatsApp, lalu tim kami akan segera menghubungi Anda.</p> <div class="input-group mb-3"> <!-- <span class="input-group-text" id="basic-addon1">+62</span> <input type="number" class="form-control" id="whatsapp_number_input" name="whatsapp_number_input" placeholder="No. HP" aria-label="whatsapp_number_input" aria-describedby="basic-addon1"> --> <!-- Input Group --> <div class="input-group"> <div class="input-group-prepend"> <style> .select2-dropdown { min-width: 350px !important; } </style> <!-- Select --> <select class="js-custom-select custom-select" id="phone_code_whatsapp" name="phone_code_whatsapp" size="1" style="opacity: 0;" data-hs-select2-options='{ "placeholder": "Select wallet" }'> <option value="+93" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/af.svg" alt="Afghanistan Flag" /><span class="country_name ml-2">Afghanistan</span> <span class="dialCode">(+93)</span></span>'> Afghanistan</option> <option value="+358" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ax.svg" alt="Aland Islands Flag" /><span class="country_name ml-2">Aland Islands</span> <span class="dialCode">(+358)</span></span>'> Aland Islands</option> <option value="+355" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/al.svg" alt="Albania Flag" /><span class="country_name ml-2">Albania</span> <span class="dialCode">(+355)</span></span>'> Albania</option> <option value="+213" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/dz.svg" alt="Algeria Flag" /><span class="country_name ml-2">Algeria</span> <span class="dialCode">(+213)</span></span>'> Algeria</option> <option value="+1684" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/as.svg" alt="American Samoa Flag" /><span class="country_name ml-2">American Samoa</span> <span class="dialCode">(+1684)</span></span>'> American Samoa</option> <option value="+376" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ad.svg" alt="Andorra Flag" /><span class="country_name ml-2">Andorra</span> <span class="dialCode">(+376)</span></span>'> Andorra</option> <option value="+244" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ao.svg" alt="Angola Flag" /><span class="country_name ml-2">Angola</span> <span class="dialCode">(+244)</span></span>'> Angola</option> <option value="+1264" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ai.svg" alt="Anguilla Flag" /><span class="country_name ml-2">Anguilla</span> <span class="dialCode">(+1264)</span></span>'> Anguilla</option> <option value="+1268" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ag.svg" alt="Antigua and Barbuda Flag" /><span class="country_name ml-2">Antigua and Barbuda</span> <span class="dialCode">(+1268)</span></span>'> Antigua and Barbuda</option> <option value="+54" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ar.svg" alt="Argentina Flag" /><span class="country_name ml-2">Argentina</span> <span class="dialCode">(+54)</span></span>'> Argentina</option> <option value="+374" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/am.svg" alt="Armenia Flag" /><span class="country_name ml-2">Armenia</span> <span class="dialCode">(+374)</span></span>'> Armenia</option> <option value="+297" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/aw.svg" alt="Aruba Flag" /><span class="country_name ml-2">Aruba</span> <span class="dialCode">(+297)</span></span>'> Aruba</option> <option value="+61" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/au.svg" alt="Australia Flag" /><span class="country_name ml-2">Australia</span> <span class="dialCode">(+61)</span></span>'> Australia</option> <option value="+43" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/at.svg" alt="Austria Flag" /><span class="country_name ml-2">Austria</span> <span class="dialCode">(+43)</span></span>'> Austria</option> <option value="+994" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/az.svg" alt="Azerbaijan Flag" /><span class="country_name ml-2">Azerbaijan</span> <span class="dialCode">(+994)</span></span>'> Azerbaijan</option> <option value="+1242" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/bs.svg" alt="Bahamas Flag" /><span class="country_name ml-2">Bahamas</span> <span class="dialCode">(+1242)</span></span>'> Bahamas</option> <option value="+973" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/bh.svg" alt="Bahrain Flag" /><span class="country_name ml-2">Bahrain</span> <span class="dialCode">(+973)</span></span>'> Bahrain</option> <option value="+880" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/bd.svg" alt="Bangladesh Flag" /><span class="country_name ml-2">Bangladesh</span> <span class="dialCode">(+880)</span></span>'> Bangladesh</option> <option value="+1246" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/bb.svg" alt="Barbados Flag" /><span class="country_name ml-2">Barbados</span> <span class="dialCode">(+1246)</span></span>'> Barbados</option> <option value="+375" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/by.svg" alt="Belarus Flag" /><span class="country_name ml-2">Belarus</span> <span class="dialCode">(+375)</span></span>'> Belarus</option> <option value="+32" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/be.svg" alt="Belgium Flag" /><span class="country_name ml-2">Belgium</span> <span class="dialCode">(+32)</span></span>'> Belgium</option> <option value="+501" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/bz.svg" alt="Belize Flag" /><span class="country_name ml-2">Belize</span> <span class="dialCode">(+501)</span></span>'> Belize</option> <option value="+229" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/bj.svg" alt="Benin Flag" /><span class="country_name ml-2">Benin</span> <span class="dialCode">(+229)</span></span>'> Benin</option> <option value="+1441" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/bm.svg" alt="Bermuda Flag" /><span class="country_name ml-2">Bermuda</span> <span class="dialCode">(+1441)</span></span>'> Bermuda</option> <option value="+975" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/bt.svg" alt="Bhutan Flag" /><span class="country_name ml-2">Bhutan</span> <span class="dialCode">(+975)</span></span>'> Bhutan</option> <option value="+591" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/bo.svg" alt="Bolivia (Plurinational State of) Flag" /><span class="country_name ml-2">Bolivia (Plurinational State of)</span> <span class="dialCode">(+591)</span></span>'> Bolivia (Plurinational State of)</option> <option value="+599" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/bq.svg" alt="Bonaire, Sint Eustatius and Saba Flag" /><span class="country_name ml-2">Bonaire, Sint Eustatius and Saba</span> <span class="dialCode">(+599)</span></span>'> Bonaire, Sint Eustatius and Saba</option> <option value="+387" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ba.svg" alt="Bosnia and Herzegovina Flag" /><span class="country_name ml-2">Bosnia and Herzegovina</span> <span class="dialCode">(+387)</span></span>'> Bosnia and Herzegovina</option> <option value="+267" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/bw.svg" alt="Botswana Flag" /><span class="country_name ml-2">Botswana</span> <span class="dialCode">(+267)</span></span>'> Botswana</option> <option value="+55" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/br.svg" alt="Brazil Flag" /><span class="country_name ml-2">Brazil</span> <span class="dialCode">(+55)</span></span>'> Brazil</option> <option value="+246" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/io.svg" alt="British Indian Ocean Territory Flag" /><span class="country_name ml-2">British Indian Ocean Territory</span> <span class="dialCode">(+246)</span></span>'> British Indian Ocean Territory</option> <option value="+673" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/bn.svg" alt="Brunei Darussalam Flag" /><span class="country_name ml-2">Brunei Darussalam</span> <span class="dialCode">(+673)</span></span>'> Brunei Darussalam</option> <option value="+359" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/bg.svg" alt="Bulgaria Flag" /><span class="country_name ml-2">Bulgaria</span> <span class="dialCode">(+359)</span></span>'> Bulgaria</option> <option value="+226" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/bf.svg" alt="Burkina Faso Flag" /><span class="country_name ml-2">Burkina Faso</span> <span class="dialCode">(+226)</span></span>'> Burkina Faso</option> <option value="+257" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/bi.svg" alt="Burundi Flag" /><span class="country_name ml-2">Burundi</span> <span class="dialCode">(+257)</span></span>'> Burundi</option> <option value="+238" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/cv.svg" alt="Cabo Verde Flag" /><span class="country_name ml-2">Cape Verde</span> <span class="dialCode">(+238)</span></span>'> Cabo Verde</option> <option value="+855" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/kh.svg" alt="Cambodia Flag" /><span class="country_name ml-2">Cambodia</span> <span class="dialCode">(+855)</span></span>'> Cambodia</option> <option value="+237" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/cm.svg" alt="Cameroon Flag" /><span class="country_name ml-2">Cameroon</span> <span class="dialCode">(+237)</span></span>'> Cameroon</option> <option value="+1" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ca.svg" alt="Canada Flag" /><span class="country_name ml-2">Canada</span> <span class="dialCode">(+1)</span></span>'> Canada</option> <option value="+1345" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ky.svg" alt="Cayman Islands Flag" /><span class="country_name ml-2">Cayman Islands</span> <span class="dialCode">(+1345)</span></span>'> Cayman Islands</option> <option value="+236" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle shape-4.svg2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/cf.svg" alt="Central African Republic Flag" /><span class="country_name ml-2">Central African Republic</span> <span class="dialCode">(+236)</span></span>'> Central African Republic</option> <option value="+235" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/td.svg" alt="Chad Flag" /><span class="country_name ml-2">Chad</span> <span class="dialCode">(+235)</span></span>'> Chad</option> <option value="+56" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/cl.svg" alt="Chile Flag" /><span class="country_name ml-2">Chile</span> <span class="dialCode">(+56)</span></span>'> Chile</option> <option value="+86" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/cn.svg" alt="China Flag" /><span class="country_name ml-2">China</span> <span class="dialCode">(+86)</span></span>'> China</option> <option value="+61" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/cx.svg" alt="Christmas Island Flag" /><span class="country_name ml-2">Christmas Island</span> <span class="dialCode">(+61)</span></span>'> Christmas Island</option> <option value="+61" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/cc.svg" alt="Cocos (Keeling) Islands Flag" /><span class="country_name ml-2">Cocos (Keeling) Islands</span> <span class="dialCode">(+61)</span></span>'> Cocos (Keeling) Islands</option> <option value="+57" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/co.svg" alt="Colombia Flag" /><span class="country_name ml-2">Colombia</span> <span class="dialCode">(+57)</span></span>'> Colombia</option> <option value="+269" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/km.svg" alt="Comoros Flag" /><span class="country_name ml-2">Comoros</span> <span class="dialCode">(+269)</span></span>'> Comoros</option> <option value="+682" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ck.svg" alt="Cook Islands Flag" /><span class="country_name ml-2">Cook Islands</span> <span class="dialCode">(+682)</span></span>'> Cook Islands</option> <option value="+506" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/cr.svg" alt="Costa Rica Flag" /><span class="country_name ml-2">Costa Rica</span> <span class="dialCode">(+506)</span></span>'> Costa Rica</option> <option value="+385" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/hr.svg" alt="Croatia Flag" /><span class="country_name ml-2">Croatia</span> <span class="dialCode">(+385)</span></span>'> Croatia</option> <option value="+53" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/cu.svg" alt="Cuba Flag" /><span class="country_name ml-2">Cuba</span> <span class="dialCode">(+53)</span></span>'> Cuba</option> <option value="+599" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/cw.svg" alt="Curaçao Flag" /><span class="country_name ml-2">Curaçao</span> <span class="dialCode">(+599)</span></span>'> Curaçao</option> <option value="+357" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/cy.svg" alt="Cyprus Flag" /><span class="country_name ml-2">Cyprus</span> <span class="dialCode">(+357)</span></span>'> Cyprus</option> <option value="+420" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/cz.svg" alt="Czech Republic Flag" /><span class="country_name ml-2">Czech Republic</span> <span class="dialCode">(+420)</span></span>'> Czech Republic</option> <option value="+225" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ci.svg" alt=Côte d Ivoire Flag" /><span class="country_name ml-2">Côte d'Ivoire</span> <span class="dialCode">(+225)</span></span>'> Côte d'Ivoire</option> <option value="+243" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/cd.svg" alt="Democratic Republic of the Congo Flag" /><span class="country_name ml-2">Democratic Republic of the Congo</span> <span class="dialCode">(+243)</span></span>'> Democratic Republic of the Congo</option> <option value="+45" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/dk.svg" alt="Denmark Flag" /><span class="country_name ml-2">Denmark</span> <span class="dialCode">(+45)</span></span>'> Denmark</option> <option value="+253" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/dj.svg" alt="Djibouti Flag" /><span class="country_name ml-2">Djibouti</span> <span class="dialCode">(+253)</span></span>'> Djibouti</option> <option value="+1767" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/dm.svg" alt="Dominica Flag" /><span class="country_name ml-2">Dominica</span> <span class="dialCode">(+1767)</span></span>'> Dominica</option> <option value="+1849" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/do.svg" alt="Dominican Republic Flag" /><span class="country_name ml-2">Dominican Republic</span> <span class="dialCode">(+1849)</span></span>'> Dominican Republic</option> <option value="+593" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ec.svg" alt="Ecuador Flag" /><span class="country_name ml-2">Ecuador</span> <span class="dialCode">(+593)</span></span>'> Ecuador</option> <option value="+20" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/eg.svg" alt="Egypt Flag" /><span class="country_name ml-2">Egypt</span> <span class="dialCode">(+20)</span></span>'> Egypt</option> <option value="+503" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/sv.svg" alt="El Salvador Flag" /><span class="country_name ml-2">El Salvador</span> <span class="dialCode">(+503)</span></span>'> El Salvador</option> <option value="+44" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/gb-eng.svg" alt="England Flag" /><span class="country_name ml-2">England</span> <span class="dialCode">(+44)</span></span>'> England</option> <option value="+240" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/gq.svg" alt="Equatorial Guinea Flag" /><span class="country_name ml-2">Equatorial Guinea</span> <span class="dialCode">(+240)</span></span>'> Equatorial Guinea</option> <option value="+291" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/er.svg" alt="Eritrea Flag" /><span class="country_name ml-2">Eritrea</span> <span class="dialCode">(+291)</span></span>'> Eritrea</option> <option value="+372" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ee.svg" alt="Estonia Flag" /><span class="country_name ml-2">Estonia</span> <span class="dialCode">(+372)</span></span>'> Estonia</option> <option value="+251" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/et.svg" alt="Ethiopia Flag" /><span class="country_name ml-2">Ethiopia</span> <span class="dialCode">(+251)</span></span>'> Ethiopia</option> <option value="+500" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/fk.svg" alt="Falkland Islands Flag" /><span class="country_name ml-2">Falkland Islands</span> <span class="dialCode">(+500)</span></span>'> Falkland Islands</option> <option value="+298" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/fo.svg" alt="Faroe Islands Flag" /><span class="country_name ml-2">Faroe Islands</span> <span class="dialCode">(+298)</span></span>'> Faroe Islands</option> <option value="+691" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/fm.svg" alt="Federated States of Micronesia Flag" /><span class="country_name ml-2">Federated States of Micronesia</span> <span class="dialCode">(+691)</span></span>'> Federated States of Micronesia</option> <option value="+679" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/fj.svg" alt="Fiji Flag" /><span class="country_name ml-2">Fiji</span> <span class="dialCode">(+679)</span></span>'> Fiji</option> <option value="+358" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/fi.svg" alt="Finland Flag" /><span class="country_name ml-2">Finland</span> <span class="dialCode">(+358)</span></span>'> Finland</option> <option value="+33" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/fr.svg" alt="France Flag" /><span class="country_name ml-2">France</span> <span class="dialCode">(+33)</span></span>'> France</option> <option value="+594" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/gf.svg" alt="French Guiana Flag" /><span class="country_name ml-2">French Guiana</span> <span class="dialCode">(+594)</span></span>'> French Guiana</option> <option value="+689" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/pf.svg" alt="French Polynesia Flag" /><span class="country_name ml-2">French Polynesia</span> <span class="dialCode">(+689)</span></span>'> French Polynesia</option> <option value="+262" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/tf.svg" alt="French Southern Territories Flag" /><span class="country_name ml-2">French Southern Territories</span> <span class="dialCode">(+262)</span></span>'> French Southern Territories</option> <option value="+241" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ga.svg" alt="Gabon Flag" /><span class="country_name ml-2">Gabon</span> <span class="dialCode">(+241)</span></span>'> Gabon</option> <option value="+220" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/gm.svg" alt="Gambia Flag" /><span class="country_name ml-2">Gambia</span> <span class="dialCode">(+220)</span></span>'> Gambia</option> <option value="+995" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ge.svg" alt="Georgia Flag" /><span class="country_name ml-2">Georgia</span> <span class="dialCode">(+995)</span></span>'> Georgia</option> <option value="+49" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/de.svg" alt="Germany Flag" /><span class="country_name ml-2">Germany</span> <span class="dialCode">(+49)</span></span>'> Germany</option> <option value="+233" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/gh.svg" alt="Ghana Flag" /><span class="country_name ml-2">Ghana</span> <span class="dialCode">(+233)</span></span>'> Ghana</option> <option value="+350" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/gi.svg" alt="Gibraltar Flag" /><span class="country_name ml-2">Gibraltar</span> <span class="dialCode">(+350)</span></span>'> Gibraltar</option> <option value="+30" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/gr.svg" alt="Greece Flag" /><span class="country_name ml-2">Greece</span> <span class="dialCode">(+30)</span></span>'> Greece</option> <option value="+299" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/gl.svg" alt="Greenland Flag" /><span class="country_name ml-2">Greenland</span> <span class="dialCode">(+299)</span></span>'> Greenland</option> <option value="+1473" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/gd.svg" alt="Grenada Flag" /><span class="country_name ml-2">Grenada</span> <span class="dialCode">(+1473)</span></span>'> Grenada</option> <option value="+590" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/gp.svg" alt="Guadeloupe Flag" /><span class="country_name ml-2">Guadeloupe</span> <span class="dialCode">(+590)</span></span>'> Guadeloupe</option> <option value="+1671" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/gu.svg" alt="Guam Flag" /><span class="country_name ml-2">Guam</span> <span class="dialCode">(+1671)</span></span>'> Guam</option> <option value="+502" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/gt.svg" alt="Guatemala Flag" /><span class="country_name ml-2">Guatemala</span> <span class="dialCode">(+502)</span></span>'> Guatemala</option> <option value="+44-1481" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/gg.svg" alt="Guernsey Flag" /><span class="country_name ml-2">Guernsey</span> <span class="dialCode">(+44-1481)</span></span>'> Guernsey</option> <option value="+224" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/gn.svg" alt="Guinea Flag" /><span class="country_name ml-2">Guinea</span> <span class="dialCode">(+224)</span></span>'> Guinea</option> <option value="+245" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/gw.svg" alt="Guinea-Bissau Flag" /><span class="country_name ml-2">Guinea-Bissau</span> <span class="dialCode">(+245)</span></span>'> Guinea-Bissau</option> <option value="+592" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/gy.svg" alt="Guyana Flag" /><span class="country_name ml-2">Guyana</span> <span class="dialCode">(+592)</span></span>'> Guyana</option> <option value="+509" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ht.svg" alt="Haiti Flag" /><span class="country_name ml-2">Haiti</span> <span class="dialCode">(+509)</span></span>'> Haiti</option> <option value="+379" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/va.svg" alt="Holy See Flag" /><span class="country_name ml-2">Holy See</span> <span class="dialCode">(+379)</span></span>'> Holy See</option> <option value="+504" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/hn.svg" alt="Honduras Flag" /><span class="country_name ml-2">Honduras</span> <span class="dialCode">(+504)</span></span>'> Honduras</option> <option value="+852" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/hk.svg" alt="Hong Kong Flag" /><span class="country_name ml-2">Hong Kong</span> <span class="dialCode">(+852)</span></span>'> Hong Kong</option> <option value="+36" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/hu.svg" alt="Hungary Flag" /><span class="country_name ml-2">Hungary</span> <span class="dialCode">(+36)</span></span>'> Hungary</option> <option value="+354" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/is.svg" alt="Iceland Flag" /><span class="country_name ml-2">Iceland</span> <span class="dialCode">(+354)</span></span>'> Iceland</option> <option value="+91" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/in.svg" alt="India Flag" /><span class="country_name ml-2">India</span> <span class="dialCode">(+91)</span></span>'> India</option> <option value="+62" selected data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/id.svg" alt="Indonesia Flag" /><span class="country_name ml-2">Indonesia</span> <span class="dialCode">(+62)</span></span>'> Indonesia</option> <option value="+98" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ir.svg" alt="Iran (Islamic Republic of) Flag" /><span class="country_name ml-2">Iran (Islamic Republic of)</span> <span class="dialCode">(+98)</span></span>'> Iran (Islamic Republic of)</option> <option value="+964" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/iq.svg" alt="Iraq Flag" /><span class="country_name ml-2">Iraq</span> <span class="dialCode">(+964)</span></span>'> Iraq</option> <option value="+353" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ie.svg" alt="Ireland Flag" /><span class="country_name ml-2">Ireland</span> <span class="dialCode">(+353)</span></span>'> Ireland</option> <option value="+44-1624" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/im.svg" alt="Isle of Man Flag" /><span class="country_name ml-2">Isle of Man</span> <span class="dialCode">(+44-1624)</span></span>'> Isle of Man</option> <option value="+972" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/il.svg" alt="Israel Flag" /><span class="country_name ml-2">Israel</span> <span class="dialCode">(+972)</span></span>'> Israel</option> <option value="+39" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/it.svg" alt="Italy Flag" /><span class="country_name ml-2">Italy</span> <span class="dialCode">(+39)</span></span>'> Italy</option> <option value="+1876" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/jm.svg" alt="Jamaica Flag" /><span class="country_name ml-2">Jamaica</span> <span class="dialCode">(+1876)</span></span>'> Jamaica</option> <option value="+81" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/jp.svg" alt="Japan Flag" /><span class="country_name ml-2">Japan</span> <span class="dialCode">(+81)</span></span>'> Japan</option> <option value="+44-1534" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/je.svg" alt="Jersey Flag" /><span class="country_name ml-2">Jersey</span> <span class="dialCode">(+44-1534)</span></span>'> Jersey</option> <option value="+962" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/jo.svg" alt="Jordan Flag" /><span class="country_name ml-2">Jordan</span> <span class="dialCode">(+962)</span></span>'> Jordan</option> <option value="+77" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/kz.svg" alt="Kazakhstan Flag" /><span class="country_name ml-2">Kazakhstan</span> <span class="dialCode">(+77)</span></span>'> Kazakhstan</option> <option value="+254" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ke.svg" alt="Kenya Flag" /><span class="country_name ml-2">Kenya</span> <span class="dialCode">(+254)</span></span>'> Kenya</option> <option value="+686" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ki.svg" alt="Kiribati Flag" /><span class="country_name ml-2">Kiribati</span> <span class="dialCode">(+686)</span></span>'> Kiribati</option> <option value="+965" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/kw.svg" alt="Kuwait Flag" /><span class="country_name ml-2">Kuwait</span> <span class="dialCode">(+965)</span></span>'> Kuwait</option> <option value="+996" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/kg.svg" alt="Kyrgyzstan Flag" /><span class="country_name ml-2">Kyrgyzstan</span> <span class="dialCode">(+996)</span></span>'> Kyrgyzstan</option> <option value="+856" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/la.svg" alt="Laos Flag" /><span class="country_name ml-2">Laos</span> <span class="dialCode">(+856)</span></span>'> Laos</option> <option value="+371" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/lv.svg" alt="Latvia Flag" /><span class="country_name ml-2">Latvia</span> <span class="dialCode">(+371)</span></span>'> Latvia</option> <option value="+961" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/lb.svg" alt="Lebanon Flag" /><span class="country_name ml-2">Lebanon</span> <span class="dialCode">(+961)</span></span>'> Lebanon</option> <option value="+266" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ls.svg" alt="Lesotho Flag" /><span class="country_name ml-2">Lesotho</span> <span class="dialCode">(+266)</span></span>'> Lesotho</option> <option value="+231" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/lr.svg" alt="Liberia Flag" /><span class="country_name ml-2">Liberia</span> <span class="dialCode">(+231)</span></span>'> Liberia</option> <option value="+218" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ly.svg" alt="Libya Flag" /><span class="country_name ml-2">Libya</span> <span class="dialCode">(+218)</span></span>'> Libya</option> <option value="+423" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/li.svg" alt="Liechtenstein Flag" /><span class="country_name ml-2">Liechtenstein</span> <span class="dialCode">(+423)</span></span>'> Liechtenstein</option> <option value="+370" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/lt.svg" alt="Lithuania Flag" /><span class="country_name ml-2">Lithuania</span> <span class="dialCode">(+370)</span></span>'> Lithuania</option> <option value="+352" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/lu.svg" alt="Luxembourg Flag" /><span class="country_name ml-2">Luxembourg</span> <span class="dialCode">(+352)</span></span>'> Luxembourg</option> <option value="+853" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/mo.svg" alt="Macau Flag" /><span class="country_name ml-2">Macau</span> <span class="dialCode">(+853)</span></span>'> Macau</option> <option value="+261" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/mg.svg" alt="Madagascar Flag" /><span class="country_name ml-2">Madagascar</span> <span class="dialCode">(+261)</span></span>'> Madagascar</option> <option value="+265" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/mw.svg" alt="Malawi Flag" /><span class="country_name ml-2">Malawi</span> <span class="dialCode">(+265)</span></span>'> Malawi</option> <option value="+60" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/my.svg" alt="Malaysia Flag" /><span class="country_name ml-2">Malaysia</span> <span class="dialCode">(+60)</span></span>'> Malaysia</option> <option value="+960" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/mv.svg" alt="Maldives Flag" /><span class="country_name ml-2">Maldives</span> <span class="dialCode">(+960)</span></span>'> Maldives</option> <option value="+223" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ml.svg" alt="Mali Flag" /><span class="country_name ml-2">Mali</span> <span class="dialCode">(+223)</span></span>'> Mali</option> <option value="+356" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/mt.svg" alt="Malta Flag" /><span class="country_name ml-2">Malta</span> <span class="dialCode">(+356)</span></span>'> Malta</option> <option value="+692" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/mh.svg" alt="Marshall Islands Flag" /><span class="country_name ml-2">Marshall Islands</span> <span class="dialCode">(+692)</span></span>'> Marshall Islands</option> <option value="+596" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/mq.svg" alt="Martinique Flag" /><span class="country_name ml-2">Martinique</span> <span class="dialCode">(+596)</span></span>'> Martinique</option> <option value="+222" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/mr.svg" alt="Mauritania Flag" /><span class="country_name ml-2">Mauritania</span> <span class="dialCode">(+222)</span></span>'> Mauritania</option> <option value="+230" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/mu.svg" alt="Mauritius Flag" /><span class="country_name ml-2">Mauritius</span> <span class="dialCode">(+230)</span></span>'> Mauritius</option> <option value="+262" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/yt.svg" alt="Mayotte Flag" /><span class="country_name ml-2">Mayotte</span> <span class="dialCode">(+262)</span></span>'> Mayotte</option> <option value="+52" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/mx.svg" alt="Mexico Flag" /><span class="country_name ml-2">Mexico</span> <span class="dialCode">(+52)</span></span>'> Mexico</option> <option value="+373" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/md.svg" alt="Moldova Flag" /><span class="country_name ml-2">Moldova</span> <span class="dialCode">(+373)</span></span>'> Moldova</option> <option value="+377" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/mc.svg" alt="Monaco Flag" /><span class="country_name ml-2">Monaco</span> <span class="dialCode">(+377)</span></span>'> Monaco</option> <option value="+970" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/mn.svg" alt="Mongolia Flag" /><span class="country_name ml-2">Mongolia</span> <span class="dialCode">(+970)</span></span>'> Mongolia</option> <option value="+382" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/me.svg" alt="Montenegro Flag" /><span class="country_name ml-2">Montenegro</span> <span class="dialCode">(+382)</span></span>'> Montenegro</option> <option value="+1664" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ms.svg" alt="Montserrat Flag" /><span class="country_name ml-2">Montserrat</span> <span class="dialCode">(+1664)</span></span>'> Montserrat</option> <option value="+212" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ma.svg" alt="Morocco Flag" /><span class="country_name ml-2">Morocco</span> <span class="dialCode">(+212)</span></span>'> Morocco</option> <option value="+258" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/mz.svg" alt="Mozambique Flag" /><span class="country_name ml-2">Mozambique</span> <span class="dialCode">(+258)</span></span>'> Mozambique</option> <option value="+95" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/mm.svg" alt="Myanmar Flag" /><span class="country_name ml-2">Myanmar</span> <span class="dialCode">(+95)</span></span>'> Myanmar</option> <option value="+264" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/na.svg" alt="Namibia Flag" /><span class="country_name ml-2">Namibia</span> <span class="dialCode">(+264)</span></span>'> Namibia</option> <option value="+674" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/nr.svg" alt="Nauru Flag" /><span class="country_name ml-2">Nauru</span> <span class="dialCode">(+674)</span></span>'> Nauru</option> <option value="+977" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/np.svg" alt="Nepal Flag" /><span class="country_name ml-2">Nepal</span> <span class="dialCode">(+977)</span></span>'> Nepal</option> <option value="+31" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/nl.svg" alt="Netherlands Flag" /><span class="country_name ml-2">Netherlands</span> <span class="dialCode">(+31)</span></span>'> Netherlands</option> <option value="+687" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/nc.svg" "alt="New Caledonia Flag" /><span class="country_name ml-2">New Caledonia</span> <span class="dialCode">(+687)</span></span>'> New Caledonia</option> <option value="+64" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/nz.svg" alt="New Zealand Flag" /><span class="country_name ml-2">New Zealand</span> <span class="dialCode">(+64)</span></span>'> New Zealand</option> <option value="+505" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ni.svg" alt="Nicaragua Flag" /><span class="country_name ml-2">Nicaragua</span> <span class="dialCode">(+505)</span></span>'> Nicaragua</option> <option value="+227" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ne.svg" alt="Niger Flag" /><span class="country_name ml-2">Niger</span> <span class="dialCode">(+227)</span></span>'> Niger</option> <option value="+234" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ng.svg" alt="Nigeria Flag" /><span class="country_name ml-2">Nigeria</span> <span class="dialCode">(+234)</span></span>'> Nigeria</option> <option value="+683" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/nu.svg" alt="Niue Flag" /><span class="country_name ml-2">Niue</span> <span class="dialCode">(+683)</span></span>'> Niue</option> <option value="+672" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/nf.svg" alt="Norfolk Island Flag" /><span class="country_name ml-2">Norfolk Island</span> <span class="dialCode">(+672)</span></span>'> Norfolk Island</option> <option value="+850" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/kp.svg" alt="North Korea Flag" /><span class="country_name ml-2">North Korea</span> <span class="dialCode">(+850)</span></span>'> North Korea</option> <option value="+389" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/mk.svg" alt="North Macedonia Flag" /><span class="country_name ml-2">North Macedonia</span> <span class="dialCode">(+389)</span></span>'> North Macedonia</option> <option value="+44" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/gb-nir.svg" alt="Northern Ireland Flag" /><span class="country_name ml-2">Northern Ireland</span> <span class="dialCode">(+44)</span></span>'> Northern Ireland</option> <option value="+1670" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/mp.svg" alt="Northern Mariana Islands Flag" /><span class="country_name ml-2">Northern Mariana Islands</span> <span class="dialCode">(+1670)</span></span>'> Northern Mariana Islands</option> <option value="+47" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/no.svg" alt="Norway Flag" /><span class="country_name ml-2">Norway</span> <span class="dialCode">(+47)</span></span>'> Norway</option> <option value="+968" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/om.svg" alt="Oman Flag" /><span class="country_name ml-2">Oman</span> <span class="dialCode">(+968)</span></span>'> Oman</option> <option value="+92" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/pk.svg" alt="Pakistan Flag" /><span class="country_name ml-2">Pakistan</span> <span class="dialCode">(+92)</span></span>'> Pakistan</option> <option value="+680" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/pw.svg" alt="Palau Flag" /><span class="country_name ml-2">Palau</span> <span class="dialCode">(+680)</span></span>'> Palau</option> <option value="+507" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/pa.svg" alt="Panama Flag" /><span class="country_name ml-2">Panama</span> <span class="dialCode">(+507)</span></span>'> Panama</option> <option value="+675" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/pg.svg" alt="Papua New Guinea Flag" /><span class="country_name ml-2">Papua New Guinea</span> <span class="dialCode">(+675)</span></span>'> Papua New Guinea</option> <option value="+595" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/py.svg" alt="Paraguay Flag" /><span class="country_name ml-2">Paraguay</span> <span class="dialCode">(+595)</span></span>'> Paraguay</option> <option value="+51" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/pe.svg" alt="Peru Flag" /><span class="country_name ml-2">Peru</span> <span class="dialCode">(+51)</span></span>'> Peru</option> <option value="+63" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ph.svg" alt="Philippines Flag" /><span class="country_name ml-2">Philippines</span> <span class="dialCode">(+63)</span></span>'> Philippines</option> <option value="+672" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/pn.svg" alt="Pitcairn Flag" /><span class="country_name ml-2">Pitcairn</span> <span class="dialCode">(+672)</span></span>'> Pitcairn</option> <option value="+48" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/pl.svg" alt="Poland Flag" /><span class="country_name ml-2">Poland</span> <span class="dialCode">(+48)</span></span>'> Poland</option> <option value="+351" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/pt.svg" alt="Portugal Flag" /><span class="country_name ml-2">Portugal</span> <span class="dialCode">(+351)</span></span>'> Portugal</option> <option value="+1939" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/pr.svg" alt="Puerto Rico Flag" /><span class="country_name ml-2">Puerto Rico</span> <span class="dialCode">(+1939)</span></span>'> Puerto Rico</option> <option value="+974" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/qa.svg" alt="Qatar Flag" /><span class="country_name ml-2">Qatar</span> <span class="dialCode">(+974)</span></span>'> Qatar</option> <option value="+243" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/cg.svg" alt="Republic of the Congo Flag" /><span class="country_name ml-2">Republic of the Congo</span> <span class="dialCode">(+243)</span></span>'> Republic of the Congo</option> <option value="+40" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ro.svg" alt="Romania Flag" /><span class="country_name ml-2">Romania</span> <span class="dialCode">(+40)</span></span>'> Romania</option> <option value="+7" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ru.svg" alt="Russia Flag" /><span class="country_name ml-2">Russia</span> <span class="dialCode">(+7)</span></span>'> Russia</option> <option value="+250" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/rw.svg" alt="Rwanda Flag" /><span class="country_name ml-2">Rwanda</span> <span class="dialCode">(+250)</span></span>'> Rwanda</option> <option value="+262" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/re.svg" alt="Réunion Flag" /><span class="country_name ml-2">Réunion</span> <span class="dialCode">(+262)</span></span>'> Réunion</option> <option value="+590" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/bl.svg" alt="Saint Barthélemy Flag" /><span class="country_name ml-2">Saint Barthélemy</span> <span class="dialCode">(+590)</span></span>'> Saint Barthélemy</option> <option value="+290" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/sh.svg" alt="Saint Helena, Ascension and Tristan da Cunha Flag" /><span class="country_name ml-2">Saint Helena, Ascension and Tristan da Cunha</span> <span class="dialCode">(+290)</span></span>'> Saint Helena, Ascension and Tristan da Cunha</option> <option value="+1869" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/kn.svg" alt="Saint Kitts and Nevis Flag" /><span class="country_name ml-2">Saint Kitts and Nevis</span> <span class="dialCode">(+1869)</span></span>'> Saint Kitts and Nevis</option> <option value="+1758" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/lc.svg" alt="Saint Lucia Flag" /><span class="country_name ml-2">Saint Lucia</span> <span class="dialCode">(+1758)</span></span>'> Saint Lucia</option> <option value="+590" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/mf.svg" alt="Saint Martin Flag" /><span class="country_name ml-2">Saint Martin</span> <span class="dialCode">(+590)</span></span>'> Saint Martin</option> <option value="+508" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/pm.svg" alt="Saint Pierre and Miquelon Flag" /><span class="country_name ml-2">Saint Pierre and Miquelon</span> <span class="dialCode">(+508)</span></span>'> Saint Pierre and Miquelon</option> <option value="+1784" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/vc.svg" alt="Saint Vincent and the Grenadines Flag" /><span class="country_name ml-2">Saint Vincent and the Grenadines</span> <span class="dialCode">(+1784)</span></span>'> Saint Vincent and the Grenadines</option> <option value="+685" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ws.svg" alt="Samoa Flag" /><span class="country_name ml-2">Samoa</span> <span class="dialCode">(+685)</span></span>'> Samoa</option> <option value="+378" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/sm.svg" "alt="San Marino Flag" /><span class="country_name ml-2">San Marino</span> <span class="dialCode">(+378)</span></span>'> San Marino</option> <option value="+239" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/st.svg" "alt="Sao Tome and Principe Flag" /><span class="country_name ml-2">Sao Tome and Principe</span> <span class="dialCode">(+239)</span></span>'> Sao Tome and Principe</option> <option value="+966" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/sa.svg" alt="Saudi Arabia Flag" /><span class="country_name ml-2">Saudi Arabia</span> <span class="dialCode">(+966)</span></span>'> Saudi Arabia</option> <option value="+44" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/gb-sct.svg" alt="Scotland Flag" /><span class="country_name ml-2">Scotland</span> <span class="dialCode">(+44)</span></span>'> Scotland</option> <option value="+221" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/sn.svg" alt="Senegal Flag" /><span class="country_name ml-2">Senegal</span> <span class="dialCode">(+221)</span></span>'> Senegal</option> <option value="+381" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/rs.svg" alt="Serbia Flag" /><span class="country_name ml-2">Serbia</span> <span class="dialCode">(+381)</span></span>'> Serbia</option> <option value="+248" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/sc.svg" alt="Seychelles Flag" /><span class="country_name ml-2">Seychelles</span> <span class="dialCode">(+248)</span></span>'> Seychelles</option> <option value="+232" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/sl.svg" alt="Sierra Leone Flag" /><span class="country_name ml-2">Sierra Leone</span> <span class="dialCode">(+232)</span></span>'> Sierra Leone</option> <option value="+65" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/sg.svg" alt="Singapore Flag" /><span class="country_name ml-2">Singapore</span> <span class="dialCode">(+65)</span></span>'> Singapore</option> <option value="+1721" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/sx.svg" alt="Sint Maarten Flag" /><span class="country_name ml-2">Sint Maarten</span> <span class="dialCode">(+1721)</span></span>'> Sint Maarten</option> <option value="+421" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/sk.svg" alt="Slovakia Flag" /><span class="country_name ml-2">Slovakia</span> <span class="dialCode">(+421)</span></span>'> Slovakia</option> <option value="+368" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/si.svg" alt="Slovenia Flag" /><span class="country_name ml-2">Slovenia</span> <span class="dialCode">(+368)</span></span>'> Slovenia</option> <option value="+677" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/sb.svg" alt="Solomon Islands Flag" /><span class="country_name ml-2">Solomon Islands</span> <span class="dialCode">(+677)</span></span>'> Solomon Islands</option> <option value="+252" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/so.svg" alt="Somalia Flag" /><span class="country_name ml-2">Somalia</span> <span class="dialCode">(+252)</span></span>'> Somalia</option> <option value="+27" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/za.svg" alt="South Africa Flag" /><span class="country_name ml-2">South Africa</span> <span class="dialCode">(+27)</span></span>'> South Africa</option> <option value="+500" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/gs.svg" alt="South Georgia and the South Sandwich Islands Flag" /><span class="country_name ml-2">South Georgia and the South Sandwich Islands</span> <span class="dialCode">(+500)</span></span>'> South Georgia and the South Sandwich Islands</option> <option value="+82" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/kr.svg" alt="South Korea Flag" /><span class="country_name ml-2">South Korea</span> <span class="dialCode">(+82)</span></span>'> South Korea</option> <option value="+211" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ss.svg" alt="South Sudan Flag" /><span class="country_name ml-2">South Sudan</span> <span class="dialCode">(+211)</span></span>'> South Sudan</option> <option value="+34" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/es.svg" alt="Spain Flag" /><span class="country_name ml-2">Spain</span> <span class="dialCode">(+34)</span></span>'> Spain</option> <option value="+94" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/lk.svg" "alt="Sri Lanka Flag" /><span class="country_name ml-2">Sri Lanka</span> <span class="dialCode">(+94)</span></span>'> Sri Lanka</option> <option value="+970" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ps.svg" alt="State of Palestine Flag" /><span class="country_name ml-2">State of Palestine</span> <span class="dialCode">(+970)</span></span>'> State of Palestine</option> <option value="+249" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/sd.svg" alt="Sudan Flag" /><span class="country_name ml-2">Sudan</span> <span class="dialCode">(+249)</span></span>'> Sudan</option> <option value="+597" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/sr.svg" alt="Suriname Flag" /><span class="country_name ml-2">Suriname</span> <span class="dialCode">(+597)</span></span>'> Suriname</option> <option value="+47" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/sj.svg" alt="Svalbard and Jan Mayen Flag" /><span class="country_name ml-2">Svalbard and Jan Mayen</span> <span class="dialCode">(+47)</span></span>'> Svalbard and Jan Mayen</option> <option value="+268" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/sz.svg" alt="Swaziland Flag" /><span class="country_name ml-2">Swaziland</span> <span class="dialCode">(+268)</span></span>'> Swaziland</option> <option value="+46" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/se.svg" alt="Sweden Flag" /><span class="country_name ml-2">Sweden</span> <span class="dialCode">(+46)</span></span>'> Sweden</option> <option value="+41" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ch.svg" alt="Switzerland Flag" /><span class="country_name ml-2">Switzerland</span> <span class="dialCode">(+41)</span></span>'> Switzerland</option> <option value="+963" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/sy.svg" alt="Syrian Arab Republic Flag" /><span class="country_name ml-2">Syrian Arab Republic</span> <span class="dialCode">(+963)</span></span>'> Syrian Arab Republic</option> <option value="+886" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/tw.svg" alt="Taiwan Flag" /><span class="country_name ml-2">Taiwan</span> <span class="dialCode">(+886)</span></span>'> Taiwan</option> <option value="+992" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/tj.svg" alt="Tajikistan Flag" /><span class="country_name ml-2">Tajikistan</span> <span class="dialCode">(+992)</span></span>'> Tajikistan</option> <option value="+255" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/tz.svg" alt="Tanzania Flag" /><span class="country_name ml-2">Tanzania</span> <span class="dialCode">(+255)</span></span>'> Tanzania</option> <option value="+66" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/th.svg" alt="Thailand Flag" /><span class="country_name ml-2">Thailand</span> <span class="dialCode">(+66)</span></span>'> Thailand</option> <option value="+670" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/tl.svg" alt="Timor-Leste Flag" /><span class="country_name ml-2">Timor-Leste</span> <span class="dialCode">(+670)</span></span>'> Timor-Leste</option> <option value="+228" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/tg.svg" alt="Togo Flag" /><span class="country_name ml-2">Togo</span> <span class="dialCode">(+228)</span></span>'> Togo</option> <option value="+690" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/tk.svg" alt="Tokelau Flag" /><span class="country_name ml-2">Tokelau</span> <span class="dialCode">(+690)</span></span>'> Tokelau</option> <option value="+676" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/to.svg" alt="Tonga Flag" /><span class="country_name ml-2">Tonga</span> <span class="dialCode">(+676)</span></span>'> Tonga</option> <option value="+1868" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/tt.svg" alt="Trinidad and Tobago Flag" /><span class="country_name ml-2">Trinidad and Tobago</span> <span class="dialCode">(+1868)</span></span>'> Trinidad and Tobago</option> <option value="+216" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/tn.svg" alt="Tunisia Flag" /><span class="country_name ml-2">Tunisia</span> <span class="dialCode">(+216)</span></span>'> Tunisia</option> <option value="+90" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/tr.svg" alt="Turkey Flag" /><span class="country_name ml-2">Turkey</span> <span class="dialCode">(+90)</span></span>'> Turkey</option> <option value="+993" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/tm.svg" alt="Turkmenistan Flag" /><span class="country_name ml-2">Turkmenistan</span> <span class="dialCode">(+993)</span></span>'> Turkmenistan</option> <option value="+1649" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/tc.svg" alt="Turks and Caicos Islands Flag" /><span class="country_name ml-2">Turks and Caicos Islands</span> <span class="dialCode">(+1649)</span></span>'> Turks and Caicos Islands</option> <option value="+688" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/tv.svg" alt="Tuvalu Flag" /><span class="country_name ml-2">Tuvalu</span> <span class="dialCode">(+688)</span></span>'> Tuvalu</option> <option value="+256" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ug.svg" alt="Uganda Flag" /><span class="country_name ml-2">Uganda</span> <span class="dialCode">(+256)</span></span>'> Uganda</option> <option value="+380" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ua.svg" alt="Ukraine Flag" /><span class="country_name ml-2">Ukraine</span> <span class="dialCode">(+380)</span></span>'> Ukraine</option> <option value="+971" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ae.svg" alt="United Arab Emirates Flag" /><span class="country_name ml-2">United Arab Emirates</span> <span class="dialCode">(+971)</span></span>'> United Arab Emirates</option> <option value="+44" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/gb.svg" alt="United Kingdom Flag" /><span class="country_name ml-2">United Kingdom</span> <span class="dialCode">(+44)</span></span>'> United Kingdom</option> <option value="+246" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/um.svg" alt="United States Minor Outlying Islands Flag" /><span class="country_name ml-2">United States Minor Outlying Islands</span> <span class="dialCode">(+246)</span></span>'> United States Minor Outlying Islands</option> <option value="+1" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/us.svg" alt="United States of America Flag" /><span class="country_name ml-2">United States of America</span> <span class="dialCode">(+1)</span></span>'> United States of America</option> <option value="+598" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/uy.svg" alt="Uruguay Flag" /><span class="country_name ml-2">Uruguay</span> <span class="dialCode">(+598)</span></span>'> Uruguay</option> <option value="+998" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/uz.svg" alt="Uzbekistan Flag" /><span class="country_name ml-2">Uzbekistan</span> <span class="dialCode">(+998)</span></span>'> Uzbekistan</option> <option value="+678" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/vu.svg" alt="Vanuatu Flag" /><span class="country_name ml-2">Vanuatu</span> <span class="dialCode">(+678)</span></span>'> Vanuatu</option> <option value="+58" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ve.svg" alt="Venezuela (Bolivarian Republic of) Flag" /><span class="country_name ml-2">Venezuela (Bolivarian Republic of)</span> <span class="dialCode">(+58)</span></span>'> Venezuela (Bolivarian Republic of)</option> <option value="+84" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/vn.svg" alt="Vietnam Flag" /><span class="country_name ml-2">Vietnam</span> <span class="dialCode">(+84)</span></span>'> Vietnam</option> <option value="+1284" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/vg.svg" alt="Virgin Islands (British) Flag" /><span class="country_name ml-2">Virgin Islands (British)</span> <span class="dialCode">(+1284)</span></span>'> Virgin Islands (British)</option> <option value="+1340" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/vi.svg" alt="Virgin Islands (U.S.) Flag" /><span class="country_name ml-2">Virgin Islands (U.S.)</span> <span class="dialCode">(+1340)</span></span>'> Virgin Islands (U.S.)</option> <option value="+44" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/gb-wls.svg" alt="Wales Flag" /><span class="country_name ml-2">Wales</span> <span class="dialCode">(+44)</span></span>'> Wales</option> <option value="+681" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/wf.svg" alt="Wallis and Futuna Flag" /><span class="country_name ml-2">Wallis and Futuna</span> <span class="dialCode">(+681)</span></span>'> Wallis and Futuna</option> <option value="+212" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/eh.svg" alt="Western Sahara Flag" /><span class="country_name ml-2">Western Sahara</span> <span class="dialCode">(+212)</span></span>'> Western Sahara</option> <option value="+967" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/ye.svg" alt="Yemen Flag" /><span class="country_name ml-2">Yemen</span> <span class="dialCode">(+967)</span></span>'> Yemen</option> <option value="+260" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/zm.svg" alt="Zambia Flag" /><span class="country_name ml-2">Zambia</span> <span class="dialCode">(+260)</span></span>'> Zambia</option> <option value="+263" data-option-template='<span class="d-flex align-items-center"><img class="avatar avatar-xss avatar-circle ml-2" src="https://gosocial.co.id/assets/vendor/flag-icon-css/flags/1x1/zw.svg" alt="Zimbabwe Flag" /><span class="country_name ml-2">Zimbabwe</span> <span class="dialCode">(+263)</span></span>'> Zimbabwe</option> </select> <!-- End Select --> </div> <input type="number" class="form-control" id="whatsapp_number_input" name="whatsapp_number_input" placeholder="No. HP" aria-label="whatsapp_number_input" aria-describedby="basic-addon1"> </div> <!-- End Input Group --> </div> <div> <button id="whatsapp_chat_btn" class="btn btn-block btn-sm btn-primary" type="button" data-service="..."> <i class="fab fa-whatsapp mr-2"></i> Chat Via Whatsapp </button> </div> <div class="mt-2"> <small>Opsi lainnya? <u><a href="https://gosocial.co.id/contact">Hubungi Kami</a></u></small> </div> </div> </div> </div> </div> <!-- END Modal Whatsapp Number --> <!-- Modal Whatsapp Number - SUCCESS --> <div class="modal fade" id="whatsappSuccess" tabindex="-1" aria-labelledby="whatsappSuccessLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-sm"> <div class="modal-content"> <img class="card-img-top" src="https://gosocial.co.id/assets/img/home/whatsapp-success.jpg" alt="Card image" style="width:100%"> <div class="modal-body text-center px-4"> <!-- <i class="fas fa-check-circle text-success" style="font-size: 3rem;"></i> --> <h3>Terima Kasih! 🎉</h3> <p class="mt-2">Tim kami akan segera menghubungi Anda secepatnya pada jam kerja (09.00 - 17.00 WIB).</p> <div> <a id="whatsapp_success_btn" class="btn btn-block btn-sm btn-primary" type="button"><i class="fab fa-whatsapp mr-2"></i>Lanjutkan Buka Whatsapp</a> </div> </div> </div> </div> </div> <!-- END Modal Whatsapp Number - SUCCESS --> <!-- Modal Konsultasi Sekarang --> <div id="modalKonsultasiSekarang" class="modal fade" tabindex="-1" aria-labelledby="modalKonsultasiSekarangTitle" aria-hidden="true" style="display: none;"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <!-- Header --> <div class="modal-top-cover bg-primary text-center" style="min-height: 5rem !important;"> <figure class="position-absolute right-0 bottom-0 left-0"> <svg preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 1920 100.1"> <path fill="#fff" d="M0,0c0,0,934.4,93.4,1920,0v100.1H0L0,0z"></path> </svg> </figure> <div class="modal-close top-0 right-0 mt-1 mr-1"> <button type="button" class="btn btn-icon btn-sm btn-ghost-light" data-dismiss="modal" aria-label="Close"> <svg width="16" height="16" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M11.5,9.5l5-5c0.2-0.2,0.2-0.6-0.1-0.9l-1-1c-0.3-0.3-0.7-0.3-0.9-0.1l-5,5l-5-5C4.3,2.3,3.9,2.4,3.6,2.6l-1,1 C2.4,3.9,2.3,4.3,2.5,4.5l5,5l-5,5c-0.2,0.2-0.2,0.6,0.1,0.9l1,1c0.3,0.3,0.7,0.3,0.9,0.1l5-5l5,5c0.2,0.2,0.6,0.2,0.9-0.1l1-1 c0.3-0.3,0.3-0.7,0.1-0.9L11.5,9.5z"> </path> </svg> </button> </div> </div> <!-- End Header --> <div class="modal-top-cover-avatar mb-n2"> <img class="avatar avatar-lg avatar-circle avatar-border-lg avatar-centered shadow-soft" src="https://gosocial.co.id/assets/img/home/foto-profil.jpg" alt="Foto Profil GoSocial"> </div> <form id="form_konsultasi" class="js-validate" action="https://gosocial.co.id/contact/consultation" method="POST" enctype="multipart/form-data" id="konsultasi_form"> <input type="hidden" name="_token" value="7XCV0UkAFpvOmPkbxW3Q7mwlAZKDPB8ZecIIuMrR"> <div class="modal-body"> <p class="font-size-2 text-center mb-n1">Form Konsultasi Digital Marketing <span>👩🏻💼🧑🏼💼</span> </p> <p class="text-muted text-center">Dapatkan <span class="text-primary">Sesi Konsultasi Gratis & Penawaran Layanan</span> bersama tim kami dengan mengisi form berikut ini:</p> <div class="row"> <div class="col-6"> <!-- Form Group --> <label class="input-label">Nama<span class="text-danger">*</span></label> <div class="js-form-message"> <div class="input-group"> <input type="text" class="form-control" name="name" placeholder="Nama" aria-label="First name" required data-msg="Mohon masukkan nama lengkap Anda."> </div> </div> <!-- End Form Group --> </div> <div class="col-6"> <!-- Form Group --> <label class="input-label">Perusahaan <span class="text-muted font-weight-normal ml-1"><small>(optional)</small></span></label> <div class="js-form-message"> <div class="input-group"> <input type="text" class="form-control" name="company" placeholder="Nama bisnis / perusahaan" aria-label="Company" data-msg="Mohon masukkan nama perusahaan."> </div> </div> <!-- End Form Group --> </div> <div class="col-6 mt-3"> <!-- Form Group --> <label class="input-label">No.HP / WhatsApp<span class="text-danger">*</span></label> <div class="js-form-message"> <div class="input-group"> <input type="number" class="form-control" name="number" placeholder="081234566636" aria-label="No. HP" required data-msg="Mohon masukkan nomor telepon yang dapat dihubungi."> </div> </div> <!-- End Form Group --> </div> <div class="col-6 mt-3"> <!-- Form Group --> <label class="input-label ">Email<span class="text-danger">*</span></label> <div class="js-form-message"> <div class="input-group"> <input type="text" class="form-control" name="email" id="email_form" placeholder="Masukkan e-mail" required aria-label="Email address" data-msg="Mohon masukkan e-mail yang valid."> </div> </div> <!-- End Form Group --> </div> <div class="col-sm-12 mt-3"> <!-- Form Group --> <div class="js-form-message form-group"> <label for="message_konsultasi" class="input-label">Pesan<span class="text-danger">*</span></label> <div class="input-group"> <textarea class="form-control" rows="2" name="message" id="message_konsultasi" placeholder="Ceritakan permasalahan atau kebutuhan digital marketing pada bisnis, brand maupun perusahaan anda.." aria-label="Ceritakan permasalahan atau kebutuhan bisnis Anda terkait Digital Marketing" required data-msg="Mohon tulis isi pesan."></textarea> </div> </div> <!-- End Form Group --> </div> <div class="col-sm-12 mb-n3"> <!-- Form Group --> <div class="form-group d-flex justify-content-center"> <script src="https://www.google.com/recaptcha/api.js" async defer></script> <div class="g-recaptcha" data-sitekey="6Le1l4cfAAAAAOuUNelbQAEi7yMC3ZzzOF2_XAqu" data-callback="correctCaptcha_konsultasi"></div> </div> <!-- End Form Group --> </div> </div> </div> <div class="modal-footer d-flex justify-content-center"> <div class="text-center" id="spinner_konsultasi" style="display: none;"> <div class="spinner-border" role="status"> </div> </div> <button type="submit" class="btn btn-sm btn-primary submit_konsultasi" disabled>Submit</button> </div> </form> </div> </div> </div> <!-- END Modal Konsultasi Sekarang --> <!-- END Modal --> <!-- ========== END SECONDARY CONTENTS ========== --> <!-- JS Global Compulsory --> <script src="https://gosocial.co.id/assets/vendor/jquery/dist/jquery.min.js"></script> <script src="https://gosocial.co.id/assets/vendor/jquery-migrate/dist/jquery-migrate.min.js"></script> <script src="https://gosocial.co.id/assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script> <!-- JS Implementing Plugins --> <script src="https://gosocial.co.id/assets/vendor/hs-header/dist/hs-header.min.js"></script> <script src="https://gosocial.co.id/assets/vendor/hs-go-to/dist/hs-go-to.min.js"></script> <script src="https://gosocial.co.id/assets/vendor/hs-unfold/dist/hs-unfold.min.js"></script> <script src="https://gosocial.co.id/assets/vendor/hs-mega-menu/dist/hs-mega-menu.min.js"></script> <script src="https://gosocial.co.id/assets/vendor/jquery-validation/dist/jquery.validate.min.js"></script> <script src="https://gosocial.co.id/assets/vendor/aos/dist/aos.js"></script> <script src="https://gosocial.co.id/assets/vendor/select2/dist/js/select2.full.min.js"></script> <!-- JS Front --> <script src="https://gosocial.co.id/assets/js/theme.min.js"></script> <!-- JS Custom --> <script src="https://gosocial.co.id/assets/js/pages/custom-navbar.js?v.1812"></script> <script src="https://gosocial.co.id/assets/js/pages/custom-floating.js?v.2302"></script> <script src="https://gosocial.co.id/assets/js/pages/custom.js?v.2302"></script> <!-- Calendly link widget begin --> <link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet"> <script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script> <!-- Calendly link widget end --> <!-- Sweet Alert CDN --> <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script> <!-- Base URL Global Variable --> <script> var BASE_URL = "https:\/\/gosocial.co.id"; </script> <!-- JS Plugins Init. --> <script> $(document).on('ready', function() { // INITIALIZATION OF FORM VALIDATION // ======================================================= $('.js-validate').each(function() { var validation = $.HSCore.components.HSValidation.init($(this)); }); // INITIALIZATION OF SELECT PICKER // ======================================================= $('.js-custom-select').each(function() { var select2 = $.HSCore.components.HSSelect2.init($(this)); }); // INITIALIZATION OF HEADER // ======================================================= var header = new HSHeader($('#header')).init(); // INITIALIZATION OF MEGA MENU // ======================================================= var megaMenu = new HSMegaMenu($('.js-mega-menu'), { desktop: { position: 'left' } }).init(); // INITIALIZATION OF UNFOLD // ======================================================= var unfold = new HSUnfold('.js-hs-unfold-invoker').init(); // INITIALIZATION OF SWITCH // ======================================================= $('.js-switch-text').each(function() { var switchText = new HSSwitchText($(this), { afterChange: function() { ionRangeSlider.data('ionRangeSlider').update({ from: $(this)[0].target[0].text }); } }).init(); }); // INITIALIZATION OF AOS // ======================================================= AOS.init({ duration: 650, once: true }); // INITIALIZATION OF GO TO // ======================================================= $('.js-go-to').each(function() { var goTo = new HSGoTo($(this)).init(); }); // Submit Confirmation // ======================================================= $("#confirmation_btn").on("click", function() { var form = $("#confirmation_btn").data("form"); form.submit(); $('#confirmationModal').modal('toggle'); }); }); // Captcha Schedule Meeting var correctCaptcha_konsultasi = function() { var response = grecaptcha.getResponse(); if (response.length == 0) { //reCaptch not verified } else { $('.submit_konsultasi').attr("disabled", false); } }; </script> <!-- IE Support --> <script> if (/MSIE \d|Trident.*rv:/.test(navigator.userAgent)) document.write('<script src="assets/vendor/babel-polyfill/dist/polyfill.js"><\/script>'); </script> <!-- JS Page --> <script src="https://gosocial.co.id/assets/vendor/jquery-validation/dist/jquery.validate.min.js"></script> <script src="https://gosocial.co.id/assets/vendor/@fancyapps/fancybox/dist/jquery.fancybox.min.js"></script> <!-- Owl Carousel --> <script src="https://gosocial.co.id/assets/js/owlcarousel/owl.carousel.min.js"></script> <script src="https://gosocial.co.id/assets/js/owlcarousel/owl.carousel.js"></script> <!-- Portfolio --> <script src="https://gosocial.co.id/assets/vendor/cubeportfolio/js/jquery.cubeportfolio.js"></script> <script src="https://gosocial.co.id/assets/vendor/hs-sticky-block/dist/hs-sticky-block.min.js"></script> <!-- Custom Script --> <script src="https://gosocial.co.id/assets/js/pages/homepage.min.js?v.2003"></script> <!-- Sweet Alert --> <script> // Show Modal on Load(Once per Session) // if (!sessionStorage.getItem('show-modal')) { // $('#cardModal').modal('show'); // sessionStorage.setItem('show-modal', 'true'); // } // Clients Section Hover $('.client-image').on('mouseenter', function() { $(this).find('.client-default').hide(); $(this).find('.client-hover').show(); }) $('.client-image').on('mouseleave', function() { $(this).find('.client-hover').hide(); $(this).find('.client-default').show(); }) </script> <!-- END JS Page --> <script> $(document).on('ready', function() { // Remove On Select Country $('.select2-selection .country_name').remove(); $('#phone_code_whatsapp').on('change', function() { $(".select2-selection .country_name").remove(); }); // END Remove On Select Country }); </script> <!-- Sweet Alert --> </body> </html>