momodrock

landingpage

Sep 3rd, 2023
53
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.79 KB | None | 0 0
  1.  
  2. <!DOCTYPE html>
  3. <html lang="en">
  4.  
  5. <head>
  6.  
  7. <meta charset="utf-8">
  8. <meta content="width=device-width, initial-scale=1.0" name="viewport">
  9. <meta name="author" content="Remake Industry">
  10.  
  11. <title>Remake Industry - Vendor Sablon dan Konveksi | Plastisol dan DTF</title>
  12. <link rel="canonical" href="https://remakeindustry.id/"/>
  13. <meta name="description" content="Remake Industry: Vendor Sablon Terpercaya dengan Kualitas Terbaik. Spesialis dalam Sablon Kaos dan DTF. Kami menyediakan layanan sablon baju berkualitas tinggi untuk berbagai produk, dari pakaian hingga merchandise perusahaan. Percayakan kebutuhan sablon Anda kepada kami dan nikmati hasil yang memukau. Hubungi kami sekarang untuk solusi sablon berkualitas dan profesional." />
  14. <link href="https://remakeindustry.id/assets/img/logor2.png" rel="shortcut icon" type="image/x-icon">
  15. <meta name="keywords" content="produksi pakaian, sablon, jaket, topi, konveksi pakaian, custom desain, sablon satuan vs dtf, desain sablon kaos aesthetic, cara menghilangkan sablon di jaket, cara menghilangkan sablon pada baju, harga sablon kaos satuan, sablon dtf, mesin dtf, dtf kaos, print dtf, printer dtf, dtf adalah, sablon plastisol, dtf printing, harga sablon dtf, sablon dtf terdekat, sablon dtf vs plastisol, sablon dtf terdekat Jasa Sablon Terbaik di sulawesi pinrang Bahan Premium Ringan Sablon satuan Pilihan Teknik Sablon Lengkap Konveksi pinrang" />
  16. <meta content="id_ID" property="og:locale" />
  17. <meta content="website" property="og:type" />
  18. <meta content="Remake Industry - Vendor Sablon dan Konveksi | Plastisol dan DTF" property="og:title" />
  19. <meta content="Remake Industry: Vendor Sablon Terpercaya dengan Kualitas Terbaik. Spesialis dalam Sablon Kaos dan DTF. Kami menyediakan layanan sablon baju berkualitas tinggi untuk berbagai produk, dari pakaian hingga merchandise perusahaan. Percayakan kebutuhan sablon Anda kepada kami dan nikmati hasil yang memukau. Hubungi kami sekarang untuk solusi sablon berkualitas dan profesional." property="og:description" />
  20. <meta content="https://remakeindustry.id/" property="og:url" />
  21. <meta content="Remake Industry" property="og:site_name" />
  22. <meta content="id-ID" name="language" />
  23. <meta content="ID" name="geo.region" />
  24. <meta content="Sulawesi Selatan" name="geo.placename" />
  25. <meta content="website" name="categories" />
  26. <meta property="og:image" content="https://remakeindustry.id/assets/img/logoremake.png">
  27.  
  28. <!--Json artikel-->
  29. <script type="application/ld+json">
  30. {
  31. "@context": "http://schema.org",
  32. "@type": "Product",
  33. "name": "Remake Industry - Sablon dan Konveksi",
  34. "author": {
  35. "@type": "Person",
  36. "name": " Remake"
  37. },
  38. "headline": "Remake Industry - Vendor Sablon dan Konveksi | Plastisol dan DTF",
  39. "description": "Remake Industry: Vendor Sablon Terpercaya dengan Kualitas Terbaik. Spesialis dalam Sablon Kaos dan DTF. Kami menyediakan layanan sablon baju berkualitas tinggi untuk berbagai produk, dari pakaian hingga merchandise perusahaan. Percayakan kebutuhan sablon Anda kepada kami dan nikmati hasil yang memukau. Hubungi kami sekarang untuk solusi sablon berkualitas dan profesional.",
  40. "keywords": ["produksi pakaian, sablon, jaket, topi, konveksi pakaian, custom desain, sablon satuan vs dtf, desain sablon kaos aesthetic, cara menghilangkan sablon di jaket, cara menghilangkan sablon pada baju, harga sablon kaos satuan, sablon dtf, mesin dtf, dtf kaos, print dtf, printer dtf, dtf adalah, sablon plastisol, dtf printing, harga sablon dtf, sablon dtf terdekat, sablon dtf vs plastisol, sablon dtf terdekat Jasa Sablon Terbaik di sulawesi pinrang Bahan Premium Ringan Sablon satuan Pilihan Teknik Sablon Lengkap Konveksi pinrang"],
  41. "image": "/https://remakeindustry.id/assets/img/portfolio/porto-5.jpg",
  42. "url": "https://remakeindustry.id/",
  43. "publisher": {
  44. "@type": "Organization",
  45. "name": "Remake"
  46. },
  47. "aggregateRating": {
  48. "@type": "AggregateRating",
  49. "ratingValue": "4.5",
  50. "reviewCount": "100"
  51. },
  52. "inLanguage": "id-ID"
  53. }
  54. </script>
  55.  
  56.  
  57. <!-- Google tag (gtag.js) -->
  58. <script async src="https://www.googletagmanager.com/gtag/js?id=G-1RNP17H33P"></script>
  59. <script>
  60. window.dataLayer = window.dataLayer || [];
  61. function gtag(){dataLayer.push(arguments);}
  62. gtag('js', new Date());
  63.  
  64. gtag('config', 'G-1RNP17H33P');
  65. </script>
  66.  
  67. <!-- Favicons -->
  68. <link href="https://remakeindustry.id/assets/img/logor2.png" rel="icon">
  69. <link href="https://remakeindustry.id/assets/img/apple-touch-icon.png" rel="apple-touch-icon">
  70.  
  71. <!-- Google Fonts -->
  72. <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Dosis:300,400,500,,600,700,700i|Lato:300,300i,400,400i,700,700i" rel="stylesheet">
  73.  
  74. <!-- Vendor CSS Files -->
  75. <link href="https://remakeindustry.id/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  76. <link href="https://remakeindustry.id/assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  77. <link href="https://remakeindustry.id/assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
  78. <link href="https://remakeindustry.id/assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
  79. <link href="https://remakeindustry.id/assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
  80.  
  81. <!-- Template Main CSS File -->
  82. <link href="https://remakeindustry.id/assets/css/style.css" rel="stylesheet">
  83.  
  84. </head>
  85.  
  86. <body>
  87.  
  88. <!-- ======= Header ======= -->
  89. <header id="header" class="fixed-top">
  90. <div class="container d-flex align-items-center justify-content-between">
  91.  
  92. <a href="https://remakeindustry.id/index.html" class="logo"><img src="https://remakeindustry.id/assets/img/logoremake.png" alt="" class="img-fluid"></a>
  93. <!-- Uncomment below if you prefer to use text as a logo -->
  94. <!-- <h1 class="logo"><a href="index.html">Butterfly</a></h1> -->
  95.  
  96. <nav id="navbar" class="navbar">
  97. <ul>
  98. <li><a class="nav-link scrollto active" href="#hero">Home</a></li>
  99. <li><a class="nav-link scrollto" href="#about">Why Us</a></li>
  100. <li><a class="nav-link scrollto" href="#clients">Client</a></li>
  101. <li><a class="nav-link scrollto" href="#services">Services</a></li>
  102. <li><a class="nav-link scrollto " href="#portfolio">Portfolio</a></li>
  103. <li><a class="nav-link scrollto" href="#gallery">Gallery</a></li>
  104. <li><a class="nav-link scrollto" href="#contact">Contact</a></li>
  105. </ul>
  106. <i class="bi bi-list mobile-nav-toggle"></i>
  107. </nav><!-- .navbar -->
  108.  
  109. </div>
  110. </header><!-- End Header -->
  111.  
  112. <!-- ======= Hero Section ======= -->
  113. <section id="hero" class="d-flex align-items-center">
  114.  
  115. <div class="container">
  116. <div class="row">
  117. <div class="col-lg-6 pt-4 pt-lg-0 order-2 order-lg-1 d-flex flex-column justify-content-center">
  118. <h1>Selamat datang di Remake Industry</h1>
  119. <h2>Kami adalah mitra terpercaya untuk memenuhi kebutuhan pakaian anda. Perlu Anda ketahui, kami BUKAN seorang makelar, melainkan VENDOR asli yang siap memberikan solusi langsung untuk pembuatan pakaian anda.</h2>
  120. <div><a href="#about" class="btn-get-started scrollto">Get Started</a></div>
  121. </div>
  122. <div class="col-lg-6 order-1 order-lg-2 hero-img">
  123. <img src="https://remakeindustry.id/assets/img/hero-img.png" class="img-fluid" alt="">
  124. </div>
  125. </div>
  126. </div>
  127.  
  128. </section><!-- End Hero -->
  129.  
  130. <main id="main">
  131.  
  132. <!-- ======= About Section ======= -->
  133. <section id="about" class="about">
  134. <div class="container">
  135.  
  136. <div class="row">
  137. <div class="col-xl-5 col-lg-6 d-flex justify-content-center video-box align-items-stretch position-relative">
  138. <a href="https://www.youtube.com/watch?v=N6QZhm6IcW0" class="glightbox play-btn mb-4"></a>
  139. </div>
  140.  
  141. <div class="col-xl-7 col-lg-6 icon-boxes d-flex flex-column align-items-stretch justify-content-center py-5 px-lg-5">
  142. <h3>Mengapa Memilih Kami sebagai Vendor Langsung?</h3>
  143. <p>Kualitas tanpa kompromi dan layanan tanpa cela adalah jaminan kami. Jadilah bagian dari para pelanggan puas kami yang telah merasakan layanan yang luar biasa dan produk-produk unggulan.</p>
  144.  
  145. <div class="icon-box">
  146. <div class="icon"><i class="bx bx-list-check"></i></div>
  147. <h4 class="title"><a href="">Kontrol Kualitas Penuh</a></h4>
  148. <p class="description">Sebagai vendor langsung, kami memiliki kendali penuh atas setiap tahap produksi. Ini memastikan bahwa produk yang Anda terima berkualitas tinggi dan sesuai dengan standar tertinggi.</p>
  149. </div>
  150.  
  151. <div class="icon-box">
  152. <div class="icon"><i class="bx bx-dollar-circle"></i></div>
  153. <h4 class="title"><a href="">Harga Kompetitif</a></h4>
  154. <p class="description">Tanpa perantara, kami dapat menawarkan harga yang lebih kompetitif tanpa mengorbankan kualitas.</p>
  155. </div>
  156.  
  157. <div class="icon-box">
  158. <div class="icon"><i class="bx bx-image"></i></div>
  159. <h4 class="title"><a href="">Fleksibilitas Desain</a></h4>
  160. <p class="description">Kami memahami pentingnya desain yang unik dan menarik. Tim desain kami siap membantu Anda mewujudkan ide-ide kreatif Anda dengan sempurna.</p>
  161. </div>
  162.  
  163. </div>
  164. </div>
  165.  
  166. </div>
  167. </section><!-- End About Section -->
  168.  
  169. <!-- ======= Counts Section ======= -->
  170. <section id="counts" class="counts">
  171. <div class="container">
  172.  
  173. <div class="text-center title">
  174. <h3>Pencapaian Kami Sejauh Ini</h3>
  175. <p>Dan akan terus bertambah sejauh anda tetap mempercayakan kami sebagai vendor.</p>
  176. </div>
  177.  
  178. <div class="row counters position-relative">
  179.  
  180. <div class="col-lg-3 col-6 text-center">
  181. <span data-purecounter-start="0" data-purecounter-end="5000" data-purecounter-duration="1" class="purecounter"></span>
  182. <p>Clients</p>
  183. </div>
  184.  
  185. <div class="col-lg-3 col-6 text-center">
  186. <span data-purecounter-start="0" data-purecounter-end="100000" data-purecounter-duration="1" class="purecounter"></span>
  187. <p>Pcs</p>
  188. </div>
  189.  
  190. <div class="col-lg-3 col-6 text-center">
  191. <span data-purecounter-start="0" data-purecounter-end="10000" data-purecounter-duration="1" class="purecounter"></span>
  192. <p>Product</p>
  193. </div>
  194.  
  195. <div class="col-lg-3 col-6 text-center">
  196. <span data-purecounter-start="0" data-purecounter-end="2" data-purecounter-duration="1" class="purecounter"></span>
  197. <p>Branch</p>
  198. </div>
  199.  
  200. </div>
  201.  
  202. </div>
  203. </section><!-- End Counts Section -->
  204.  
  205. <!-- ======= Clients Section ======= -->
  206. <section id="clients" class="clients">
  207. <div class="container">
  208.  
  209. <div class="section-title">
  210. <h2>Client</h2>
  211. <p>Beberapa instansi dan perusahaan yang telah bekerjasama dengan kami.</p>
  212. </div>
  213.  
  214. <div class="row no-gutters clients-wrap clearfix wow fadeInUp">
  215.  
  216. <div class="col-lg-3 col-md-4 col-6">
  217. <div class="client-logo">
  218. <img src="https://remakeindustry.id/assets/img/clients/pln.png" class="img-fluid" alt="">
  219. </div>
  220. </div>
  221.  
  222. <div class="col-lg-3 col-md-4 col-6">
  223. <div class="client-logo">
  224. <img src="https://remakeindustry.id/assets/img/clients/djp.png" class="img-fluid" alt="">
  225. </div>
  226. </div>
  227.  
  228. <div class="col-lg-3 col-md-4 col-6">
  229. <div class="client-logo">
  230. <img src="https://remakeindustry.id/assets/img/clients/kpc.png" class="img-fluid" alt="">
  231. </div>
  232. </div>
  233.  
  234. <div class="col-lg-3 col-md-4 col-6">
  235. <div class="client-logo">
  236. <img src="https://remakeindustry.id/assets/img/clients/gni.png" class="img-fluid" alt="">
  237. </div>
  238. </div>
  239.  
  240. <div class="col-lg-3 col-md-4 col-6">
  241. <div class="client-logo">
  242. <img src="https://remakeindustry.id/assets/img/clients/imip.png" class="img-fluid" alt="">
  243. </div>
  244. </div>
  245.  
  246. <div class="col-lg-3 col-md-4 col-6">
  247. <div class="client-logo">
  248. <img src="https://remakeindustry.id/assets/img/clients/bri.png" class="img-fluid" alt="">
  249. </div>
  250. </div>
  251.  
  252. <div class="col-lg-3 col-md-4 col-6">
  253. <div class="client-logo">
  254. <img src="https://remakeindustry.id/assets/img/clients/rsup.png" class="img-fluid" alt="">
  255. </div>
  256. </div>
  257.  
  258. <div class="col-lg-3 col-md-4 col-6">
  259. <div class="client-logo">
  260. <img src="https://remakeindustry.id/assets/img/clients/vale.png" class="img-fluid" alt="">
  261. </div>
  262. </div>
  263.  
  264. </div>
  265.  
  266. </div>
  267. </section><!-- End Clients Section -->
  268.  
  269. <!-- ======= Services Section ======= -->
  270. <section id="services" class="services section-bg">
  271. <div class="container">
  272.  
  273. <div class="section-title">
  274. <h2>Services</h2>
  275. <p>Kami adalah pintu menuju realisasi ide-ide kreatif Anda.</p>
  276. </div>
  277.  
  278. <div class="row">
  279. <div class="col-lg-4 col-md-6">
  280. <div class="icon-box">
  281. <div class="icon"><i class="bi bi-rocket-takeoff" style="color: #ff689b;"></i></div>
  282. <h4 class="title">Garansi Produk</h4>
  283. <p class="description">Terkadang, kejadian tak terduga bisa terjadi. Jika terdapat masalah dengan produk yang anda terima, kami dengan senang hati akan menggantinya dengan produk yang baru, tanpa biaya tambahan.</p>
  284. </div>
  285. </div>
  286. <div class="col-lg-4 col-md-6">
  287. <div class="icon-box">
  288. <div class="icon"><i class="bi bi-rocket-takeoff" style="color: #e9bf06;"></i></div>
  289. <h4 class="title">Diskon & Hadiah</h4>
  290. <p class="description">Setiap kali Anda melakukan pemesanan, Anda secara otomatis mengumpulkan poin yang bisa Anda gunakan untuk mendapatkan diskon di pembelian selanjutnya, atau bisa ditukarkan dengan kupon undian.</p>
  291. </div>
  292. </div>
  293.  
  294. <div class="col-lg-4 col-md-6" data-wow-delay="0.1s">
  295. <div class="icon-box">
  296. <div class="icon"><i class="bi bi-rocket-takeoff" style="color: #3fcdc7;"></i></div>
  297. <h4 class="title">Respons Cepat</h4>
  298. <p class="description">Setiap pertanyaan atau permintaan Anda akan mendapatkan respons cepat dari tim kami. Kami menghargai waktu Anda dan berkomitmen untuk memberikan solusi dalam waktu singkat.</p>
  299. </div>
  300. </div>
  301. <div class="col-lg-4 col-md-6" data-wow-delay="0.1s">
  302. <div class="icon-box">
  303. <div class="icon"><i class="bi bi-rocket-takeoff" style="color:#41cf2e;"></i></div>
  304. <h4 class="title">Gratis Biaya Desain</h4>
  305. <p class="description">Untuk pelanggan Remake Industry, anda bisa berkonsultasi tentang desain apa saja tanpa biaya tambahan. Ini adalah apresiasi kami atas kepercayaan Anda.</p>
  306. </div>
  307. </div>
  308.  
  309. <div class="col-lg-4 col-md-6" data-wow-delay="0.2s">
  310. <div class="icon-box">
  311. <div class="icon"><i class="bi bi-rocket-takeoff" style="color: #d6ff22;"></i></div>
  312. <h4 class="title">Tepat Waktu</h4>
  313. <p class="description">Kami memahami betapa berharganya waktu Anda. Oleh karena itu, kami berkomitmen untuk mengirim produk Anda tepat waktu, sesuai dengan yang telah dijanjikan.</p>
  314. </div>
  315. </div>
  316. <div class="col-lg-4 col-md-6" data-wow-delay="0.2s">
  317. <div class="icon-box">
  318. <div class="icon"><i class="bi bi-rocket-takeoff" style="color: #4680ff;"></i></div>
  319. <h4 class="title">Program Referal</h4>
  320. <p class="description">Berpartisipasi dalam program referensi kami. Anda memberi mereka kode unik Anda, mereka menggunakan kode tersebut, dan keuntungan pun Anda dapatkan.</p>
  321. </div>
  322. </div>
  323. </div>
  324.  
  325. </div>
  326. </section><!-- End Services Section -->
  327.  
  328. <!-- ======= Portfolio Section ======= -->
  329. <section id="portfolio" class="portfolio">
  330. <div class="container">
  331.  
  332. <div class="section-title">
  333. <h2>Portfolio</h2>
  334. <p>Selamat datang di dunia kreativitas yang tak terbatas!.</p>
  335. </div>
  336.  
  337. <div class="row portfolio-container">
  338.  
  339. <div class="col-lg-4 col-md-6 portfolio-item filter-jersey">
  340. <div class="portfolio-wrap">
  341. <img src="https://remakeindustry.id/assets/img/portfolio/porto-1.jpeg" class="img-fluid" alt="">
  342. <div class="portfolio-info">
  343. <h4>App 1</h4>
  344. <p>App</p>
  345. <div class="portfolio-links">
  346. <a href="https://remakeindustry.id/assets/img/portfolio/porto-1.jpeg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="App 1"><i class="bx bx-plus"></i></a>
  347. <a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
  348. </div>
  349. </div>
  350. </div>
  351. </div>
  352.  
  353. <div class="col-lg-4 col-md-6 portfolio-item filter-web">
  354. <div class="portfolio-wrap">
  355. <img src="https://remakeindustry.id/assets/img/portfolio/porto-2.jpg" class="img-fluid" alt="">
  356. <div class="portfolio-info">
  357. <h4>Web 3</h4>
  358. <p>Web</p>
  359. <div class="portfolio-links">
  360. <a href="https://remakeindustry.id/assets/img/portfolio/porto-2.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Web 3"><i class="bx bx-plus"></i></a>
  361. <a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
  362. </div>
  363. </div>
  364. </div>
  365. </div>
  366.  
  367. <div class="col-lg-4 col-md-6 portfolio-item filter-app">
  368. <div class="portfolio-wrap">
  369. <img src="https://remakeindustry.id/assets/img/portfolio/porto-3.jpg" class="img-fluid" alt="">
  370. <div class="portfolio-info">
  371. <h4>App 2</h4>
  372. <p>App</p>
  373. <div class="portfolio-links">
  374. <a href="https://remakeindustry.id/assets/img/portfolio/porto-3.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="App 2"><i class="bx bx-plus"></i></a>
  375. <a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
  376. </div>
  377. </div>
  378. </div>
  379. </div>
  380.  
  381. <div class="col-lg-4 col-md-6 portfolio-item filter-card">
  382. <div class="portfolio-wrap">
  383. <img src="https://remakeindustry.id/assets/img/portfolio/porto-4.jpg" class="img-fluid" alt="">
  384. <div class="portfolio-info">
  385. <h4>Card 2</h4>
  386. <p>Card</p>
  387. <div class="portfolio-links">
  388. <a href="https://remakeindustry.id/assets/img/portfolio/porto-4.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Card 2"><i class="bx bx-plus"></i></a>
  389. <a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
  390. </div>
  391. </div>
  392. </div>
  393. </div>
  394.  
  395. <div class="col-lg-4 col-md-6 portfolio-item filter-web">
  396. <div class="portfolio-wrap">
  397. <img src="https://remakeindustry.id/assets/img/portfolio/porto-5.jpg" class="img-fluid" alt="">
  398. <div class="portfolio-info">
  399. <h4>Web 2</h4>
  400. <p>Web</p>
  401. <div class="portfolio-links">
  402. <a href="https://remakeindustry.id/assets/img/portfolio/porto-5.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Web 2"><i class="bx bx-plus"></i></a>
  403. <a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
  404. </div>
  405. </div>
  406. </div>
  407. </div>
  408.  
  409. <div class="col-lg-4 col-md-6 portfolio-item filter-app">
  410. <div class="portfolio-wrap">
  411. <img src="https://remakeindustry.id/assets/img/portfolio/porto-6.jpg" class="img-fluid" alt="">
  412. <div class="portfolio-info">
  413. <h4>App 3</h4>
  414. <p>App</p>
  415. <div class="portfolio-links">
  416. <a href="https://remakeindustry.id/assets/img/portfolio/porto-6.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="App 3"><i class="bx bx-plus"></i></a>
  417. <a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
  418. </div>
  419. </div>
  420. </div>
  421. </div>
  422.  
  423. <div class="col-lg-4 col-md-6 portfolio-item filter-card">
  424. <div class="portfolio-wrap">
  425. <img src="https://remakeindustry.id/assets/img/portfolio/porto-7.jpg" class="img-fluid" alt="">
  426. <div class="portfolio-info">
  427. <h4>Card 1</h4>
  428. <p>Card</p>
  429. <div class="portfolio-links">
  430. <a href="https://remakeindustry.id/assets/img/portfolio/porto-7.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Card 1"><i class="bx bx-plus"></i></a>
  431. <a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
  432. </div>
  433. </div>
  434. </div>
  435. </div>
  436.  
  437. <div class="col-lg-4 col-md-6 portfolio-item filter-card">
  438. <div class="portfolio-wrap">
  439. <img src="https://remakeindustry.id/assets/img/portfolio/porto-8.jpg" class="img-fluid" alt="">
  440. <div class="portfolio-info">
  441. <h4>Card 3</h4>
  442. <p>Card</p>
  443. <div class="portfolio-links">
  444. <a href="https://remakeindustry.id/assets/img/portfolio/porto-8.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Card 3"><i class="bx bx-plus"></i></a>
  445. <a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
  446. </div>
  447. </div>
  448. </div>
  449. </div>
  450.  
  451. <div class="col-lg-4 col-md-6 portfolio-item filter-web">
  452. <div class="portfolio-wrap">
  453. <img src="https://remakeindustry.id/assets/img/portfolio/porto-9.jpg" class="img-fluid" alt="">
  454. <div class="portfolio-info">
  455. <h4>Web 3</h4>
  456. <p>Web</p>
  457. <div class="portfolio-links">
  458. <a href="https://remakeindustry.id/assets/img/portfolio/porto-9.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Web 3"><i class="bx bx-plus"></i></a>
  459. <a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
  460. </div>
  461. </div>
  462. </div>
  463. </div>
  464.  
  465. </div>
  466.  
  467. </div>
  468. </section><!-- End Portfolio Section -->
  469.  
  470. <!-- ======= Gallery Section ======= -->
  471. <section id="gallery" class="gallery section-bg">
  472. <div class="container">
  473.  
  474. <div class="section-title">
  475. <h2>Gallery</h2>
  476. <p>Setiap potret adalah hasil dari dedikasi kami untuk memberikan yang terbaik.</p>
  477. </div>
  478.  
  479. <div class="row no-gutters">
  480.  
  481. <div class="col-lg-3 col-md-4">
  482. <div class="gallery-item">
  483. <a href="https://remakeindustry.id/assets/img/gallery/galeri-1.jpg" class="galleery-lightbox" data-gallery="gallery-item">
  484. <img src="https://remakeindustry.id/assets/img/gallery/galeri-1.jpg" alt="" class="img-fluid">
  485. </a>
  486. </div>
  487. </div>
  488.  
  489. <div class="col-lg-3 col-md-4">
  490. <div class="gallery-item">
  491. <a href="https://remakeindustry.id/assets/img/gallery/galeri-2.jpg" class="galleery-lightbox" data-gallery="gallery-item">
  492. <img src="https://remakeindustry.id/assets/img/gallery/galeri-2.jpg" alt="" class="img-fluid">
  493. </a>
  494. </div>
  495. </div>
  496.  
  497. <div class="col-lg-3 col-md-4">
  498. <div class="gallery-item">
  499. <a href="https://remakeindustry.id/assets/img/gallery/galeri-3.jpg" class="galleery-lightbox" data-gallery="gallery-item">
  500. <img src="https://remakeindustry.id/assets/img/gallery/galeri-3.jpg" alt="" class="img-fluid">
  501. </a>
  502. </div>
  503. </div>
  504.  
  505. <div class="col-lg-3 col-md-4">
  506. <div class="gallery-item">
  507. <a href="https://remakeindustry.id/assets/img/gallery/galero.jpeg" class="galleery-lightbox" data-gallery="gallery-item">
  508. <img src="https://remakeindustry.id/assets/img/gallery/galero.jpeg" alt="" class="img-fluid">
  509. </a>
  510. </div>
  511. </div>
  512.  
  513. <div class="col-lg-3 col-md-4">
  514. <div class="gallery-item">
  515. <a href="https://remakeindustry.id/assets/img/gallery/jahh.jpeg" class="galleery-lightbox" data-gallery="gallery-item">
  516. <img src="https://remakeindustry.id/assets/img/gallery/jahh.jpeg" alt="" class="img-fluid">
  517. </a>
  518. </div>
  519. </div>
  520.  
  521. <div class="col-lg-3 col-md-4">
  522. <div class="gallery-item">
  523. <a href="https://remakeindustry.id/assets/img/gallery/galeri-6.jpg" class="galleery-lightbox" data-gallery="gallery-item">
  524. <img src="https://remakeindustry.id/assets/img/gallery/galeri-6.jpg" alt="" class="img-fluid">
  525. </a>
  526. </div>
  527. </div>
  528.  
  529. <div class="col-lg-3 col-md-4">
  530. <div class="gallery-item">
  531. <a href="https://remakeindustry.id/assets/img/gallery/galeri-7.jpg" class="galleery-lightbox" data-gallery="gallery-item">
  532. <img src="https://remakeindustry.id/assets/img/gallery/galeri-7.jpg" alt="" class="img-fluid">
  533. </a>
  534. </div>
  535. </div>
  536.  
  537. <div class="col-lg-3 col-md-4">
  538. <div class="gallery-item">
  539. <a href="https://remakeindustry.id/assets/img/gallery/galeri-8.jpg" class="galleery-lightbox" data-gallery="gallery-item">
  540. <img src="https://remakeindustry.id/assets/img/gallery/galeri-8.jpg" alt="" class="img-fluid">
  541. </a>
  542. </div>
  543. </div>
  544.  
  545. </div>
  546.  
  547. </div>
  548. </section><!-- End Gallery Section -->
  549.  
  550. <!-- ======= Contact Section ======= -->
  551. <section id="contact" class="contact">
  552. <div class="container">
  553.  
  554. <div class="section-title">
  555. <h2>Contact</h2>
  556. <p>Percayakan kebutuhan sablon dan konveksi Anda pada kami. Hubungi kami sekarang untuk mendapatkan penawaran terbaik dan mulai menciptakan pakaian unik dan menarik sesuai keinginan Anda.</p>
  557. </div>
  558.  
  559. <div>
  560. <iframe style="border:0; width: 100%; height: 270px;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3981.0145056166407!2d119.64958537443462!3d-3.806943296166895!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2d944d2b9ce86a61%3A0xd35f4b564b95663!2sRemake%20Industry%20(Sablon%20dan%20Konveksi)!5e0!3m2!1sid!2sid!4v1691465762698!5m2!1sid!2sid" frameborder="0" allowfullscreen></iframe>
  561. </div>
  562.  
  563. <div class="row mt-5">
  564.  
  565. <div class="col-lg-4">
  566. <div class="info">
  567. <div class="address">
  568. <i class="bi bi-geo-alt"></i>
  569. <h4>Location:</h4>
  570. <p>Jend.Sudirman, Kab.Pinrang, Sulsel.</p>
  571. </div>
  572.  
  573. <div class="email">
  574. <i class="bi bi-envelope"></i>
  575. <h4>Email:</h4>
  576. </div>
  577.  
  578. <div class="phone">
  579. <i class="bi bi-phone"></i>
  580. <h4>Call:</h4>
  581. <p>+6285 2223 7474</p>
  582. </div>
  583.  
  584. </div>
  585.  
  586. </div>
  587.  
  588. <div class="col-lg-8 mt-5 mt-lg-0">
  589.  
  590. <form action="forms/contact.php" method="post" role="form" class="php-email-form">
  591. <div class="row">
  592. <div class="col-md-6 form-group">
  593. <input type="text" name="name" class="form-control" id="name" placeholder="Your Name" required>
  594. </div>
  595. <div class="col-md-6 form-group mt-3 mt-md-0">
  596. <input type="email" class="form-control" name="email" id="email" placeholder="Your Email" required>
  597. </div>
  598. </div>
  599. <div class="form-group mt-3">
  600. <input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" required>
  601. </div>
  602. <div class="form-group mt-3">
  603. <textarea class="form-control" name="message" rows="5" placeholder="Message" required></textarea>
  604. </div>
  605. <div class="my-3">
  606. <div class="loading">Loading</div>
  607. <div class="error-message"></div>
  608. <div class="sent-message">Your message has been sent. Thank you!</div>
  609. </div>
  610. <div class="text-center"><button type="submit">Send Message</button></div>
  611. </form>
  612.  
  613. </div>
  614.  
  615. </div>
  616.  
  617. </div>
  618. </section><!-- End Contact Section -->
  619.  
  620. </main><!-- End #main -->
  621.  
  622. <!-- ======= Footer ======= -->
  623. <footer id="footer">
  624.  
  625. <div class="footer-top">
  626. <div class="container">
  627. <div class="row">
  628.  
  629. <div class="col-lg-3 col-md-6 footer-contact">
  630. <h3>Remake Industry</h3>
  631. <p>
  632. Jend Sudirman <br>
  633. Kab.Pinrang<br>
  634. Sulawesi Selatan<br><br>
  635. <strong>Phone:</strong> +6285 2223 7474<br>
  636. <strong>Email:</strong> [email protected]<br>
  637. </p>
  638. </div>
  639.  
  640. <div class="col-lg-3 col-md-6 footer-links">
  641. <h4>Useful Links</h4>
  642. <ul>
  643. <li><i class="bx bx-chevron-right"></i><a class="nav-link scrollto active" href="#hero">Home</a></li>
  644. <li><i class="bx bx-chevron-right"></i><a class="nav-link scrollto" href="#about">Why Us</a></li>
  645. <li><i class="bx bx-chevron-right"></i><a class="nav-link scrollto" href="#clients">Client</a></li>
  646. <li><i class="bx bx-chevron-right"></i><a class="nav-link scrollto" href="#services">Services</a></li>
  647. <li><i class="bx bx-chevron-right"></i><a class="nav-link scrollto " href="#portfolio">Portfolio</a></li>
  648. <li><i class="bx bx-chevron-right"></i><a class="nav-link scrollto" href="#gallery">Gallery</a></li>
  649. <li><i class="bx bx-chevron-right"></i><a class="nav-link scrollto" href="#contact">Contact</a></li>
  650. </ul>
  651.  
  652.  
  653.  
  654. </div>
  655.  
  656. <div class="col-lg-3 col-md-6 footer-links">
  657. <h4>Our Services</h4>
  658. <ul>
  659. <li><i class="bx bx-chevron-right"></i>Konveksi</li>
  660. <li><i class="bx bx-chevron-right"></i>Sablon Manual</li>
  661. <li><i class="bx bx-chevron-right"></i>Sablon Digital</li>
  662. <li><i class="bx bx-chevron-right"></i>Jersey</li>
  663. <li><i class="bx bx-chevron-right"></i>Seragam</li>
  664. </ul>
  665. </div>
  666.  
  667. <div class="col-lg-3 col-md-6 footer-links">
  668. <h4>Our Social Networks</h4>
  669. <p>Temukan kami di :</p>
  670. <div class="social-links mt-3">
  671. <a href="https://www.facebook.com/remakeindustry" target="_blank" class="facebook"><i class="bx bxl-facebook"></i></a>
  672. <a href="https://www.instagram.com/remake.ind/" target="_blank" class="instagram"><i class="bx bxl-instagram"></i></a>
  673. <a href="https://wa.me/628522237474" target="_blank" class="whatsapp"><i class="bx bxl-whatsapp"></i></a>
  674. <a href="https://www.tiktok.com/@remake.ind" target="_blank" class="tiktok"><i class="bx bxl-tiktok"></i></a>
  675. </div>
  676. </div>
  677.  
  678. </div>
  679. </div>
  680. </div>
  681.  
  682. <div class="container py-4">
  683. <div class="copyright">
  684. <center> &copy; Copyright <strong><span>Remake</span></strong>. All Rights Reserved - Managed by <a href=https://instagram.com/pura2_ target=_blank>AK</a></center>
  685. </div>
  686. </div>
  687. </footer><!-- End Footer -->
  688.  
  689. <!-- Vendor JS Files -->
  690. <script src="https://remakeindustry.id/assets/vendor/purecounter/purecounter_vanilla.js"></script>
  691. <script src="https://remakeindustry.id/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  692. <script src="https://remakeindustry.id/assets/vendor/glightbox/js/glightbox.min.js"></script>
  693. <script src="https://remakeindustry.id/assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
  694. <script src="https://remakeindustry.id/assets/vendor/swiper/swiper-bundle.min.js"></script>
  695. <script src="https://remakeindustry.id/assets/vendor/php-email-form/validate.js"></script>
  696.  
  697. <!-- Template Main JS File -->
  698. <script src="https://remakeindustry.id/assets/js/main.js"></script>
  699.  
  700. <script async src='https://d2mpatx37cqexb.cloudfront.net/delightchat-whatsapp-widget/embeds/embed.min.js'></script>
  701. <script>
  702. var wa_btnSetting = {"btnColor":"#16BE45","ctaText":"WhatsApp Us","cornerRadius":40,"marginBottom":20,"marginLeft":20,"marginRight":20,"btnPosition":"right","whatsAppNumber":"628522237474","welcomeMessage":"Hello","zIndex":999999,"btnColorScheme":"light"};
  703. var wa_widgetSetting = {"title":"Remake Industry","subTitle":"Vendor Sablon dan Konveksi","headerBackgroundColor":"#ffc900","headerColorScheme":"dark","greetingText":"Halo kak,\nApa yang kami bisa bantu ?","ctaText":"Mulai Chat","btnColor":"#f30086","cornerRadius":40,"welcomeMessage":"Hello","btnColorScheme":"light","brandImage":"https://remakeindustry.id/assets/img/logor.png","darkHeaderColorScheme":{"title":"#333333","subTitle":"#4F4F4F"}};
  704. window.onload = () => {
  705. _waEmbed(wa_btnSetting, wa_widgetSetting);
  706. };
  707. </script>
  708.  
  709.  
  710. </body>
  711.  
  712. </html>
Advertisement
Add Comment
Please, Sign In to add comment