API tools faq
paste
Advertisement
andretafta

PT BCM HTML Code

andretafta
Oct 16th, 2022
155
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 39.28 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5.  
  6. <!-- Basic Page Needs
  7. ================================================== -->
  8. <meta charset="utf-8">
  9. <title>PT BCM | Solusi Tepat Konstruksi Anda</title>
  10.  
  11. <!-- Mobile Specific Metas
  12. ================================================== -->
  13. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  14. <meta name="description" content="Construction Html5 Template">
  15. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0">
  16.  
  17. <!-- Favicon
  18. ================================================== -->
  19. <link rel="icon" type="image/png" href="images/logobcm.png">
  20.  
  21. <!-- CSS
  22. ================================================== -->
  23. <!-- Bootstrap -->
  24. <link rel="stylesheet" href="plugins/bootstrap/bootstrap.min.css">
  25. <!-- FontAwesome -->
  26. <link rel="stylesheet" href="plugins/fontawesome/css/all.min.css">
  27. <!-- Animation -->
  28. <link rel="stylesheet" href="plugins/animate-css/animate.css">
  29. <!-- slick Carousel -->
  30. <link rel="stylesheet" href="plugins/slick/slick.css">
  31. <link rel="stylesheet" href="plugins/slick/slick-theme.css">
  32. <!-- Colorbox -->
  33. <link rel="stylesheet" href="plugins/colorbox/colorbox.css">
  34. <!-- Template styles-->
  35. <link rel="stylesheet" href="css/style.css">
  36.  
  37. </head>
  38. <body>
  39. <div class="body-inner">
  40. <div id="top-bar" class="top-bar">
  41. <div class="container">
  42. <div class="row">
  43. <div class="col-lg-8 col-md-8">
  44. <ul class="top-info text-center text-md-left">
  45. <li><i class="fas fa-map-marker-alt"></i> <p class="info-text">Ruko Tambun City , Bekasi</p>
  46. </li>
  47. </ul>
  48. </div>
  49. <!--/ Top info end -->
  50.  
  51. <div class="col-lg-4 col-md-4 top-social text-center text-md-right">
  52. <ul class="list-unstyled">
  53. <li>
  54. <a title="Facebook" target="blank_page">
  55. <span class="social-icon"><i class="fab fa-facebook-f"></i></span>
  56. </a>
  57. <a title="LinkedIn" target="blank_page">
  58. <span class="social-icon"><i class="fab fa-linkedin"></i></span>
  59. </a>
  60. <a title="Youtube" href="https://www.youtube.com/channel/UCi9xatxa4R2hXByi0MZEODg/featured" target="blank_page">
  61. <span class="social-icon"><i class="fab fa-youtube"></i></span>
  62. </a>
  63. <a title="WhatsApp" href="https://wa.me/6281299363858" target="blank_page">
  64. <span class="social-icon"><i class="fab fa-whatsapp"></i></span>
  65. </a>
  66. </li>
  67. </ul>
  68. </div>
  69. <!--/ Top social end -->
  70. </div>
  71. <!--/ Content row end -->
  72. </div>
  73. <!--/ Container end -->
  74. </div>
  75. <!--/ Topbar end -->
  76. <!-- Header start -->
  77. <header id="header" class="header-one">
  78. <div class="bg-white">
  79. <div class="container">
  80. <div class="logo-area">
  81. <div class="row align-items-center">
  82. <div class="logo col-lg-3 text-center text-lg-left mb-3 mb-md-5 mb-lg-0">
  83. <a class="d-block" href="index.html">
  84. <img loading="lazy" src="images/bcm.png">
  85. </a>
  86. </div><!-- logo end -->
  87.  
  88. <div class="col-lg-9 header-right">
  89. <ul class="top-info-box">
  90. <li>
  91. <div class="info-box">
  92. <div class="info-box-content">
  93. <p class="info-box-title">Telp.</p>
  94. <a href="tel:(021)89510099" class="info-box-subtitle">(021) 895 100 99</p>
  95. </div>
  96. </div>
  97. </li>
  98. <li>
  99. <div class="info-box">
  100. <div class="info-box-content">
  101. <p class="info-box-title">Email</p>
  102. <p class="info-box-subtitle">bumicitramadani@yahoo.com</p>
  103. </div>
  104. </div>
  105. </li>
  106. <li class="last">
  107. <div class="info-box last">
  108. <div class="info-box-content">
  109. <!-- <p class="info-box-title">Global Certificate</p>
  110. <p class="info-box-subtitle">ISO 9001:2017</p> -->
  111. </div>
  112. </div>
  113. </li>
  114. <li class="header-get-a-quote">
  115. <a class="btn btn-primary" href="contact.html">Kontak Kami</a>
  116. </li>
  117. </ul><!-- Ul end -->
  118. </div><!-- header right end -->
  119. </div><!-- logo area end -->
  120.  
  121. </div><!-- Row end -->
  122. </div><!-- Container end -->
  123. </div>
  124.  
  125. <div class="site-navigation">
  126. <div class="container">
  127. <div class="row">
  128. <div class="col-lg-12">
  129. <nav class="navbar navbar-expand-lg navbar-dark p-0">
  130. <!-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-controls="navbar-collapse" aria-expanded="false" aria-label="Toggle navigation">
  131. <span class="navbar-toggler-icon"></span>
  132. </button> -->
  133.  
  134. <div id="navbar-collapse" class="collapse navbar-collapse">
  135. <ul class="nav navbar-nav mr-auto justify-content">
  136. <!-- <li class="nav-item dropdown active">
  137. <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Home <i class="fa fa-angle-down"></i></a>
  138. <ul class="dropdown-menu" role="menu">
  139. <li class="active"><a href="index.html">Home One</a></li>
  140. <li><a href="index-2.html">Home Two</a></li>
  141. </ul>
  142. </li> -->
  143.  
  144. <!-- <li class="nav-item dropdown">
  145. <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Company <i class="fa fa-angle-down"></i></a>
  146. <ul class="dropdown-menu" role="menu">
  147. <li><a href="about.html">About Us</a></li>
  148. <li><a href="team.html">Our People</a></li>
  149. <li><a href="testimonials.html">Testimonials</a></li>
  150. <li><a href="faq.html">Faq</a></li>
  151. <li><a href="pricing.html">Pricing</a></li>
  152. </ul>
  153. </li> -->
  154.  
  155. <!-- <li class="nav-item dropdown">
  156. <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Projects <i class="fa fa-angle-down"></i></a>
  157. <ul class="dropdown-menu" role="menu">
  158. <li><a href="projects.html">Projects All</a></li>
  159. <li><a href="projects-single.html">Projects Single</a></li>
  160. </ul>
  161. </li> -->
  162.  
  163. <!-- <li class="nav-item dropdown">
  164. <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Services <i class="fa fa-angle-down"></i></a>
  165. <ul class="dropdown-menu" role="menu">
  166. <li><a href="services.html">Services All</a></li>
  167. <li><a href="service-single.html">Services Single</a></li>
  168. </ul>
  169. </li> -->
  170.  
  171. <!-- <li class="nav-item dropdown">
  172. <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Features <i class="fa fa-angle-down"></i></a>
  173. <ul class="dropdown-menu" role="menu">
  174. <li><a href="typography.html">Typography</a></li>
  175. <li><a href="404.html">404</a></li>
  176. <li class="dropdown-submenu">
  177. <a href="#!" class="dropdown-toggle" data-toggle="dropdown">Parent Menu</a>
  178. <ul class="dropdown-menu">
  179. <li><a href="#!">Child Menu 1</a></li>
  180. <li><a href="#!">Child Menu 2</a></li>
  181. <li><a href="#!">Child Menu 3</a></li>
  182. </ul>
  183. </li>
  184. </ul>
  185. </li> -->
  186.  
  187. <!-- <li class="nav-item dropdown">
  188. <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">News <i class="fa fa-angle-down"></i></a>
  189. <ul class="dropdown-menu" role="menu">
  190. <li><a href="news-left-sidebar.html">News Left Sidebar</a></li>
  191. <li><a href="news-right-sidebar.html">News Right Sidebar</a></li>
  192. <li><a href="news-single.html">News Single</a></li>
  193. </ul>
  194. </li> -->
  195.  
  196. <!-- <li class="nav-item"><a class="nav-link" href="contact.html"></a></li> -->
  197. </ul>
  198. </div>
  199. </nav>
  200. </div>
  201. <!--/ Col end -->
  202. </div>
  203. <!--/ Row end -->
  204. </div>
  205. <!--/ Container end -->
  206.  
  207. </div>
  208. <!--/ Navigation end -->
  209. </header>
  210. <!--/ Header end -->
  211.  
  212. <div class="banner-carousel banner-carousel-2 mb-0">
  213. <div class="banner-carousel-item" style="background-image:url(images/slider-main/bgslider1.png)">
  214. <div class="container">
  215. <div class="box-slider-content">
  216. <div class="box-slider-text">
  217. <h2 class="box-slide-title">16 Tahun Pengalaman</h2>
  218. <h3 class="box-slide-sub-title">Dunia Industri</h3>
  219. <p class="box-slide-description">Dalam pemenuhan kebutuhan mekanikal, electrical, maintenance dan repair mesin industri baik lokal, nasional maupun internasional</p>
  220. <p>
  221. <a href="#ts-service-area" class="slider btn btn-primary">Our Service</a>
  222. </p>
  223. </div>
  224. </div>
  225. </div>
  226. </div>
  227.  
  228. <div class="banner-carousel-item" style="background-image:url(images/slider-main/bgslider2.png)">
  229. <div class="slider-content text-left">
  230. <div class="container">
  231. <div class="box-slider-content">
  232. <div class="box-slider-text">
  233. <h2 class="box-slide-title">DiDukung Oleh</h2>
  234. <h3 class="box-slide-sub-title">Tenaga Berpengalaman</h3>
  235. <p class="box-slide-description">Untuk memenuhi ide dan kebutuhan pelanggan, serta menghasilkan kualitas terbaik disetiap produk dan jasa yang kami tawarkan</p>
  236. <p><a href="#project-area" class="slider btn btn-primary" aria-label="about-us">Our Project</a></p>
  237. </div>
  238. </div>
  239. </div>
  240. </div>
  241. </div>
  242. </div>
  243.  
  244. <section id="ts-features" class="ts-features">
  245. <div class="container">
  246. <div class="row">
  247. <div class="col-lg-6">
  248. <div class="ts-intro">
  249. <h2 class="into-title">About Us</h2>
  250. <h3 class="into-sub-title">KAMI SOLUSI TERBAIK UNTUK ANDA</h3>
  251. <p>PT Bumi Citra Madani (BCM) berdiri sejak tahun 2005, telah
  252. berkarya dengan menciptakan solusi-solusi terbaik dalam bidang
  253. pengembangan workshop hydraulic, pneumatic serta sealing
  254. element. Pengalaman selama lebih dari 10 tahun telah memberikan
  255. pengetahuan kepada perusahaan agar terus melakukan
  256. perkembangan dan meningkatkan kualitas produk serta kualitas
  257. pelayanan terhadap pelanggan.
  258. Komitmen kami untuk keberhasilan penyelesaian setiap proyek
  259. yang telah dipercayakan kepada kami, tidak terlepas dari dukungan
  260. tim PT BCM yang telah melakukan perencanaan, pelaksanaan dan
  261. pengendalian proyek dengan menggunakan metode-metode pilihan
  262. yang terbukti efektif dan efisien serta selalu memperhatikan
  263. standar kerja yang berlaku.
  264. Kami akan selalu meningkatkan sumber daya perusahaan sebagai
  265. upaya peningkatan kinerja PT BCM.
  266. Mengapa harus kami ?</p>
  267. </div><!-- Intro box end -->
  268.  
  269. <div class="gap-20"></div>
  270.  
  271. <div class="row">
  272. <div class="col-md-6">
  273. <div class="ts-service-box">
  274. <span class="ts-service-icon">
  275. <i class="fas fa-trophy"></i>
  276. </span>
  277. <div class="ts-service-box-content">
  278. <h3 class="service-box-title">TERPERCAYA</h3>
  279. </div>
  280. </div><!-- Service 1 end -->
  281. </div><!-- col end -->
  282.  
  283. <div class="col-md-6">
  284. <div class="ts-service-box">
  285. <span class="ts-service-icon">
  286. <i class="fas fa-tags"></i>
  287. </span>
  288. <div class="ts-service-box-content">
  289. <h3 class="service-box-title">HARGA KOMPETITIF</h3>
  290. </div>
  291. </div><!-- Service 2 end -->
  292. </div><!-- col end -->
  293. </div><!-- Content row 1 end -->
  294.  
  295. <div class="row">
  296. <div class="col-md-6">
  297. <div class="ts-service-box">
  298. <span class="ts-service-icon">
  299. <i class="fas fa-thumbs-up"></i>
  300. </span>
  301. <div class="ts-service-box-content">
  302. <h3 class="service-box-title">BERGARANSI</h3>
  303. </div>
  304. </div><!-- Service 1 end -->
  305. </div><!-- col end -->
  306.  
  307. <div class="col-md-6">
  308. <div class="ts-service-box">
  309. <span class="ts-service-icon">
  310. <i class="fas fa-users"></i>
  311. </span>
  312. <div class="ts-service-box-content">
  313. <h3 class="service-box-title">TIM PROFESIONAL</h3>
  314. </div>
  315. </div><!-- Service 2 end -->
  316. </div><!-- col end -->
  317. </div><!-- Content row 1 end -->
  318. </div><!-- Col end -->
  319.  
  320. <div class="col-lg-6 mt-4 mt-lg-0">
  321. <h3 class="into-sub-title">Our MOTTO "AHLI SORGA"</h3>
  322. <div class="accordion accordion-group" id="our-values-accordion">
  323. <div class="card">
  324. <div class="card-header p-0 bg-transparent" id="headingOne">
  325. <h2 class="mb-0">
  326. <button class="btn btn-block text-left" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
  327. Add Value
  328. </button>
  329. </h2>
  330. </div>
  331.  
  332. <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#our-values-accordion">
  333. <div class="card-body">
  334. Mencipatakan Nilai Tambah
  335. </div>
  336. </div>
  337. </div>
  338. <div class="card">
  339. <div class="card-header p-0 bg-transparent" id="headingTwo">
  340. <h2 class="mb-0">
  341. <button class="btn btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
  342. High Performance
  343. </button>
  344. </h2>
  345. </div>
  346. <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#our-values-accordion">
  347. <div class="card-body">
  348. Berkinerja Tinggi
  349. </div>
  350. </div>
  351. </div>
  352. <div class="card">
  353. <div class="card-header p-0 bg-transparent" id="headingThree">
  354. <h2 class="mb-0">
  355. <button class="btn btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
  356. Learn, Grow and Fun
  357. </button>
  358. </h2>
  359. </div>
  360. <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#our-values-accordion">
  361. <div class="card-body">
  362. Senantiasa belajar, mengembangkan diri dan menuntaskan pekerjaan dengan bersemangat
  363. </div>
  364. </div>
  365. </div>
  366. <div class="card">
  367. <div class="card-header p-0 bg-transparent" id="headingFour">
  368. <h2 class="mb-0">
  369. <button class="btn btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
  370. Integrity and Commitment
  371. </button>
  372. </h2>
  373. </div>
  374. <div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#our-values-accordion">
  375. <div class="card-body">
  376. Amanah dan berkomitmen
  377. </div>
  378. </div>
  379. </div>
  380. <div class="card">
  381. <div class="card-header p-0 bg-transparent" id="headingFive">
  382. <h2 class="mb-0">
  383. <button class="btn btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
  384. Syar'i
  385. </button>
  386. </h2>
  387. </div>
  388. <div id="collapseFive" class="collapse" aria-labelledby="headingFive" data-parent="#our-values-accordion">
  389. <div class="card-body">
  390. Mengamalkan sesuai dengan prinsip islam
  391. </div>
  392. </div>
  393. </div>
  394. <div class="card">
  395. <div class="card-header p-0 bg-transparent" id="headingSix">
  396. <h2 class="mb-0">
  397. <button class="btn btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
  398. Optimist Visionary
  399. </button>
  400. </h2>
  401. </div>
  402. <div id="collapseSix" class="collapse" aria-labelledby="headingSix" data-parent="#our-values-accordion">
  403. <div class="card-body">
  404. Optimis menata masa depan
  405. </div>
  406. </div>
  407. </div>
  408. <div class="card">
  409. <div class="card-header p-0 bg-transparent" id="headingSeven">
  410. <h2 class="mb-0">
  411. <button class="btn btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
  412. Respect Other
  413. </button>
  414. </h2>
  415. </div>
  416. <div id="collapseSeven" class="collapse" aria-labelledby="headingSeven" data-parent="#our-values-accordion">
  417. <div class="card-body">
  418. Menghormati dan menghargai orang lain
  419. </div>
  420. </div>
  421. </div>
  422. <div class="card">
  423. <div class="card-header p-0 bg-transparent" id="headingEight">
  424. <h2 class="mb-0">
  425. <button class="btn btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseEight" aria-expanded="false" aria-controls="collapseEight">
  426. Go Extra Miles
  427. </button>
  428. </h2>
  429. </div>
  430. <div id="collapseEight" class="collapse" aria-labelledby="headingEight" data-parent="#our-values-accordion">
  431. <div class="card-body">
  432. Melakukan sesuatu melebihi standart
  433. </div>
  434. </div>
  435. </div>
  436. <div class="card">
  437. <div class="card-header p-0 bg-transparent" id="headingNine">
  438. <h2 class="mb-0">
  439. <button class="btn btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseNine" aria-expanded="false" aria-controls="collapseNine">
  440. Abundance and Grateful
  441. </button>
  442. </h2>
  443. </div>
  444. <div id="collapseNine" class="collapse" aria-labelledby="headingNine" data-parent="#our-values-accordion">
  445. <div class="card-body">
  446. Berkelimpahan dan bersyukur
  447. </div>
  448. </div>
  449. </div>
  450. </div>
  451. <!--/ Accordion end -->
  452.  
  453. </div><!-- Col end -->
  454. </div><!-- Row end -->
  455. </div><!-- Container end -->
  456. </section><!-- Feature are end -->
  457.  
  458. <section id="facts" class="facts-area dark-bg">
  459. <div class="container">
  460. <div class="facts-wrapper">
  461. <div class="row justify-content-between">
  462. <div class="col-md-3 col-sm-6 ts-facts">
  463. <div class="ts-facts-img">
  464. <img loading="lazy" src="images/icon-image/fact1.png" alt="facts-img">
  465. </div>
  466. <div class="ts-facts-content">
  467. <h2 class="ts-facts-num"><span class="counterUp" data-count="2005">0</span></h2>
  468. <h3 class="ts-facts-title">Tahun Pendirian</h3>
  469. </div>
  470. </div><!-- Col end -->
  471.  
  472. <div class="col-md-3 col-sm-6 ts-facts mt-5 mt-sm-0">
  473. <div class="ts-facts-img">
  474. <img loading="lazy" src="images/icon-image/fact2.png" alt="facts-img">
  475. </div>
  476. <div class="ts-facts-content">
  477. <h2 class="ts-facts-num"><span class="counterUp" data-count="+200">0</span></h2>
  478. <h3 class="ts-facts-title">Total Projects</h3>
  479. </div>
  480. </div><!-- Col end -->
  481.  
  482. <!-- <div class="col-md-3 col-sm-6 ts-facts mt-5 mt-md-0">
  483. <div class="ts-facts-img">
  484. <img loading="lazy" src="images/icon-image/fact3.png" alt="facts-img">
  485. </div>
  486. <div class="ts-facts-content">
  487. <h2 class="ts-facts-num"><span class="counterUp" data-count="4000">0</span></h2>
  488. <h3 class="ts-facts-title">Hours of Work</h3>
  489. </div>
  490. </div>Col end -->
  491.  
  492. <div class="col-md-3 col-sm-6 ts-facts mt-5 mt-md-0">
  493. <div class="ts-facts-img">
  494. <img loading="lazy" src="images/icon-image/fact4.png" alt="facts-img">
  495. </div>
  496. <div class="ts-facts-content">
  497. <h2 class="ts-facts-num"><span class="counterUp" data-count="34">0</span></h2>
  498. <h3 class="ts-facts-title">Perusahaan Rekanan</h3>
  499. </div>
  500. </div><!-- Col end -->
  501.  
  502. </div> <!-- Facts end -->
  503. </div>
  504. <!--/ Content row end -->
  505. </div>
  506. <!--/ Container end -->
  507. </section><!-- Facts end -->
  508.  
  509. <section id="ts-service-area" class="ts-service-area pb-0">
  510. <div class="container">
  511. <div class="row text-center">
  512. <div class="col-12">
  513. <h2 class="section-title">We Are Specialists In</h2>
  514. <h3 class="section-sub-title">What We Do</h3>
  515. </div>
  516. </div>
  517. <!--/ Title row end -->
  518.  
  519. <div class="row">
  520. <div class="col-lg-4">
  521. <div class="ts-service-box d-flex">
  522. <div class="ts-service-box-img">
  523. <img loading="lazy" src="images/icon-image/service-icon1.png" alt="service-icon">
  524. </div>
  525. <div class="ts-service-box-info">
  526. <h3 class="service-box-title"><a href="#">Manufacturing</a></h3>
  527. <p>Mesin Press Hydraulic,
  528. Power Pack,
  529. Hydraulic Set,
  530. Minning Attachment,
  531. Mesin Tepat Guna,
  532. Sterilizer, Tresher, Screw Conv, Bucket Elevator dan WTP untuk Pabrik CPO, dll
  533. </p>
  534. </div>
  535. </div><!-- Service 1 end -->
  536.  
  537. <div class="ts-service-box d-flex">
  538. <div class="ts-service-box-img">
  539. <img loading="lazy" src="images/icon-image/service-icon2.png" alt="service-icon">
  540. </div>
  541. <div class="ts-service-box-info">
  542. <h3 class="service-box-title"><a href="#">Mechanical Maintenance & Repair</a></h3>
  543. <p>Hydraulic & Pneumatic,
  544. Pump ( Lobe, Gear, Vane, Piston, Vacum ),
  545. Heavy Equipment ( Reach Stacker, Top Loader, Crane, Trailer),
  546. Engine Diesel & Gas,
  547. Turbine,
  548. Molding,
  549. Control Valve (Boll, Gate, Butterfly), dll</p>
  550. </div>
  551. </div><!-- Service 2 end -->
  552. </div><!-- Col end -->
  553.  
  554. <div class="col-lg-4">
  555. <div class="ts-service-box d-flex">
  556. <div class="ts-service-box-img">
  557. <img loading="lazy" src="images/icon-image/service-icon4.png" alt="service-icon">
  558. </div>
  559. <div class="ts-service-box-info">
  560. <h3 class="service-box-title"><a href="#">Electrical Maintenance & Repair</a></h3>
  561. <p>Catu Daya ( Retifier & UPS ),
  562. Switching,
  563. Programeble Logic Control (PLC),
  564. Electrical Safety & Protection,
  565. Telecomunication
  566. </p>
  567. </div>
  568. </div><!-- Service 4 end -->
  569.  
  570.  
  571. <div class="ts-service-box d-flex">
  572. <div class="ts-service-box-img">
  573. <img loading="lazy" src="images/icon-image/service-icon5.png" alt="service-icon">
  574. </div>
  575. <div class="ts-service-box-info">
  576. <h3 class="service-box-title"><a href="#">Civil Contractor</a></h3>
  577. <p>Pembangunan Jalan, Rumah, Perkantoran & Factory, Piping Line untuk Steam, dll</p>
  578. </div>
  579. </div><!-- Service 5 end -->
  580. </div><!-- Col end -->
  581.  
  582. <div class="col-lg-4">
  583. <div class="ts-service-box d-flex">
  584. <div class="ts-service-box-img">
  585. <img loading="lazy" src="images/icon-image/service-icon6.png" alt="service-icon">
  586. </div>
  587. <div class="ts-service-box-info">
  588. <h3 class="service-box-title"><a href="#">Machining</a></h3>
  589. <p>Roll, Gear, Screw, Shaft, dll</p>
  590. </div>
  591. </div>
  592. <br><br><br><br>
  593. <div class="ts-service-box d-flex">
  594. <div class="ts-service-box-img">
  595. <img loading="lazy" src="images/icon-image/service-icon3.png" alt="service-icon">
  596. </div>
  597. <div class="ts-service-box-info">
  598. <h3 class="service-box-title"><a href="#">Product Feature</a></h3>
  599. <p>Sealing Element, Gland Packing, Rubber Product, Seal Manufacturing
  600. </p>
  601. </div>
  602. </div>
  603. <!-- Service 6 end -->
  604. </div><!-- Col end -->
  605.  
  606.  
  607.  
  608. </div><!-- Content row end -->
  609.  
  610. </div>
  611. <!--/ Container end -->
  612. </section><!-- Service end -->
  613.  
  614. <section id="project-area" class="project-area solid-bg">
  615. <div class="container">
  616. <div class="row text-center">
  617. <div class="col-lg-12">
  618. <h2 class="section-title">Work of Excellence</h2>
  619. <h3 class="section-sub-title">Our Projects</h3>
  620. </div>
  621. </div>
  622. <!--/ Title row end -->
  623.  
  624. <!-- project -->
  625.  
  626. <div class="row shuffle-wrapper">
  627. <div class="col-1 shuffle-sizer"></div>
  628.  
  629. <div class="col-lg-4 col-md-6 shuffle-item" data-groups="[&quot;government&quot;,&quot;healthcare&quot;]">
  630. <div class="project-img-container">
  631. <a class="gallery-popup" href="images/manufacturing/Asset 1.png" aria-label="project-img">
  632. <img class="img-fluid" src="images/manufacturing/Asset 1.png" alt="project-img">
  633. <span class="gallery-icon"><i class="fa fa-search"></i></span>
  634. </a>
  635. <div class="project-item-info">
  636. <div class="project-item-info-content">
  637. <h3 class="project-item-title">
  638. <a>Tower Mixer</a>
  639. </h3>
  640. <p class="project-cat">Industrial</p>
  641. </div>
  642. </div>
  643. </div>
  644. </div><!-- shuffle item 1 end -->
  645.  
  646. <div class="col-lg-4 col-md-6 shuffle-item" data-groups="[&quot;government&quot;,&quot;healthcare&quot;]">
  647. <div class="project-img-container">
  648. <a class="gallery-popup" href="images/manufacturing/Asset 8.png" aria-label="project-img">
  649. <img class="img-fluid" src="images/manufacturing/Asset 8.png" alt="project-img">
  650. <span class="gallery-icon"><i class="fa fa-search"></i></span>
  651. </a>
  652. <div class="project-item-info">
  653. <div class="project-item-info-content">
  654. <h3 class="project-item-title">
  655. <a>Fluid Tank</a>
  656. </h3>
  657. <p class="project-cat">Industrial</p>
  658. </div>
  659. </div>
  660. </div>
  661. </div><!-- shuffle item 2 end -->
  662.  
  663. <div class="col-lg-4 col-md-6 shuffle-item" data-groups="[&quot;government&quot;,&quot;healthcare&quot;]">
  664. <div class="project-img-container">
  665. <a class="gallery-popup" href="images/emaintenance/Asset 1.png" aria-label="project-img">
  666. <img class="img-fluid" src="images/emaintenance/Asset 1.png" alt="project-img">
  667. <span class="gallery-icon"><i class="fa fa-search"></i></span>
  668. </a>
  669. <div class="project-item-info">
  670. <div class="project-item-info-content">
  671. <h3 class="project-item-title">
  672. <a>Mixer</a>
  673. </h3>
  674. <p class="project-cat">Manufacturing</p>
  675. </div>
  676. </div>
  677. </div>
  678. </div><!-- shuffle item 3 end -->
  679.  
  680. <div class="col-lg-4 col-md-6 shuffle-item" data-groups="[&quot;government&quot;,&quot;healthcare&quot;]">
  681. <div class="project-img-container">
  682. <a class="gallery-popup" href="images/machining/Asset 6.png" aria-label="project-img">
  683. <img class="img-fluid" src="images/machining/Asset 6.png" alt="project-img">
  684. <span class="gallery-icon"><i class="fa fa-search"></i></span>
  685. </a>
  686. <div class="project-item-info">
  687. <div class="project-item-info-content">
  688. <h3 class="project-item-title">
  689. <a>Mechanical Machining</a>
  690. </h3>
  691. <p class="project-cat">Maintenance</p>
  692. </div>
  693. </div>
  694. </div>
  695. </div><!-- shuffle item 4 end -->
  696.  
  697. <div class="col-lg-4 col-md-6 shuffle-item" data-groups="[&quot;government&quot;,&quot;healthcare&quot;]">
  698. <div class="project-img-container">
  699. <a class="gallery-popup" href="images/civil/Asset 1.png" aria-label="project-img">
  700. <img class="img-fluid" src="images/civil/Asset 1.png" alt="project-img">
  701. <span class="gallery-icon"><i class="fa fa-search"></i></span>
  702. </a>
  703. <div class="project-item-info">
  704. <div class="project-item-info-content">
  705. <h3 class="project-item-title">
  706. <a>Dak Beton</a>
  707. </h3>
  708. <p class="project-cat">Civil Contractor</p>
  709. </div>
  710. </div>
  711. </div>
  712. </div><!-- shuffle item 5 end -->
  713.  
  714. <div class="col-lg-4 col-md-6 shuffle-item" data-groups="[&quot;government&quot;,&quot;healthcare&quot;]">
  715. <div class="project-img-container">
  716. <a class="gallery-popup" href="images/manufacturing/Asset 9.png" aria-label="project-img">
  717. <img class="img-fluid" src="images/manufacturing/Asset 9.png" alt="project-img">
  718. <span class="gallery-icon"><i class="fa fa-search"></i></span>
  719. </a>
  720. <div class="project-item-info">
  721. <div class="project-item-info-content">
  722. <h3 class="project-item-title">
  723. <a>Hydraulic Press</a>
  724. </h3>
  725. <p class="project-cat">Manufacturing</p>
  726. </div>
  727. </div>
  728. </div>
  729. </div><!-- shuffle item 6 end -->
  730.  
  731. </div><!-- shuffle end -->
  732. </div>
  733.  
  734. <div class="col-12">
  735. <div class="general-btn text-center">
  736. <a class="btn btn-primary" href="projects.html">View All Projects</a>
  737. </div>
  738. </div>
  739.  
  740. </div><!-- Content row end -->
  741. </div>
  742. <!--/ Container end -->
  743. </section><!-- Project area end -->
  744.  
  745. <section class="content">
  746. <div class="container">
  747. <div class="row text-center">
  748. <div class="col-lg-12">
  749. <h3 class="section-sub-title">Happy Clients</h3>
  750. </div>
  751. </div>
  752.  
  753. <div class="row all-clients">
  754. <div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
  755. <div class="carousel-inner">
  756. <div class="carousel-item active">
  757. <img class="d-block w-100" src="images/clients/client-card1.png" alt="Happy Clients">
  758. </div>
  759. <div class="carousel-item">
  760. <img class="d-block w-100" src="images/clients/client-card2.png" alt="Happy Clients">
  761. </div>
  762. <div class="carousel-item">
  763. <img class="d-block w-100" src="images/clients/client-card3.png" alt="Happy Clients">
  764. </div>
  765. </div>
  766. </div>
  767. </div><!-- Clients row end -->
  768.  
  769. </div><!-- Col end -->
  770. </div>
  771. <!--/ Content row end -->
  772. </div>
  773. <!--/ Container end -->
  774. </section><!-- Content end -->
  775.  
  776.  
  777. <footer id="footer" class="footer bg-overlay">
  778. <div class="footer-main">
  779. <div class="container">
  780. <div class="row justify-content-between">
  781. <div class="col-lg-4 col-md-6 footer-widget footer-about">
  782. <h3 class="widget-title">About Us</h3>
  783. <img loading="lazy" class="footer-logo" src="images/bcmfooter.png" alt="Bumi Citra Madani">
  784. <p>PT Bumi Citra Madani (BCM) berdiri sejak tahun 2005, telah berkarya dengan menciptakan solusi-solusi terbaik dalam bidang pengembangan workshop hydraulic, pneumatic serta sealing element.</p>
  785. <div class="footer-social">
  786. <ul>
  787. <li><a aria-label="Facebook"><i
  788. class="fab fa-facebook-f"></i></a></li>
  789. <li><a aria-label="LinkedIn"><i class="fab fa-linkedin"></i></a>
  790. </li>
  791. <li><a href="https://www.youtube.com/channel/UCi9xatxa4R2hXByi0MZEODg/featured" target="blank_page" aria-label="Youtube"><i
  792. class="fab fa-youtube"></i></a></li>
  793. <li><a href="https://wa.me/6281299363858" aria-label="WhatsApp" target="blank_page"><i class="fab fa-whatsapp"></i></a></li>
  794. </ul>
  795. </div><!-- Footer social end -->
  796. </div><!-- Col end -->
  797.  
  798. <div class="col-lg-4 col-md-6 footer-widget mt-5 mt-md-0">
  799. <h3 class="widget-title">Working Hours</h3>
  800. <div class="working-hours">
  801. Office dan Workshop kami buka dihari Senin - Sabtu. Untuk temu janji diluar jam kerja, silahkan bisa menghubungi nomor telepon kami.
  802. <br><br> Senin - Jum'at: <span class="text-right">08:00 - 17:00</span>
  803. <br> Sabtu: <span class="text-right">08:00 - 13:00</span>
  804. <br> Minggu / Hari Besar: <span class="text-right">Close</span>
  805. </div>
  806. </div><!-- Col end -->
  807.  
  808. <div class="col-lg-3 col-md-6 mt-5 mt-lg-0 footer-widget">
  809. <h3 class="widget-title">Services</h3>
  810. <ul class="list-arrow">
  811. <li><a>Manufacturing</a></li>
  812. <li><a>Mechanical Maintenance</a></li>
  813. <li><a>Electrical Maintenance</a></li>
  814. <li><a>Civil Contractor</a></li>
  815. <li><a>Machining</a></li>
  816. <li><a>Product Feature</a></li>
  817. </ul>
  818. </div><!-- Col end -->
  819. </div><!-- Row end -->
  820. </div><!-- Container end -->
  821. </div><!-- Footer main end -->
  822.  
  823. <div class="copyright">
  824. <div class="container">
  825. <div class="row align-items-center">
  826. <div class="col-md-12">
  827. <div class="copyright-info text-center">
  828. <span>Copyright &copy; <script>
  829. document.write(new Date().getFullYear())
  830. </script>, Designed &amp; Developed by <a href="https://bumicitramadani.com">BCM</a></span>
  831. </div>
  832. </div>
  833. </div><!-- Row end -->
  834.  
  835. <div id="back-to-top" data-spy="affix" data-offset-top="10" class="back-to-top position-fixed">
  836. <button class="btn btn-primary" title="Back to Top">
  837. <i class="fa fa-angle-double-up"></i>
  838. </button>
  839. </div>
  840.  
  841. </div><!-- Container end -->
  842. </div><!-- Copyright end -->
  843. </footer><!-- Footer end -->
  844.  
  845.  
  846. <!-- Javascript Files
  847. ================================================== -->
  848.  
  849. <!-- initialize jQuery Library -->
  850. <script src="plugins/jQuery/jquery.min.js"></script>
  851. <!-- Bootstrap jQuery -->
  852. <script src="plugins/bootstrap/bootstrap.min.js" defer></script>
  853. <!-- Slick Carousel -->
  854. <script src="plugins/slick/slick.min.js"></script>
  855. <script src="plugins/slick/slick-animation.min.js"></script>
  856. <!-- Color box -->
  857. <script src="plugins/colorbox/jquery.colorbox.js"></script>
  858. <!-- shuffle -->
  859. <script src="plugins/shuffle/shuffle.min.js" defer></script>
  860.  
  861.  
  862. <!-- Google Map API Key-->
  863. <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCcABaamniA6OL5YvYSpB3pFMNrXwXnLwU" defer></script>
  864. <!-- Google Map Plugin-->
  865. <script src="plugins/google-map/map.js" defer></script>
  866.  
  867. <!-- Template custom -->
  868. <script src="js/script.js"></script>
  869.  
  870. </div><!-- Body inner end -->
  871. </body>
  872.  
  873. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!