<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Lestari Cahaya Mulia -Shipping</title>
<meta content="" name="descriptison">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/favicon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="assets/vendor/icofont/icofont.min.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="assets/vendor/venobox/venobox.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<!-- ======= Header ======= -->
<header id="header" class="fixed-top">
<div class="container d-flex">
<div class="logo mr-auto">
<a href="index.php"><img src="assets/img/favicon.png" height="70px" width="auto"></a>
<br>
</div>
<nav class="nav-menu d-none d-lg-block">
<ul>
<!--<li class="active"><a href="#">Home</a></li>-->
<li><a href="#about">Tentang kami</a></li>
<li><a href="#visi">Visi Misi</a></li>
<li><a href="#service">Layanan kami</a></li>
<li><a href="#ship">Kapal Kami</a></li>
<li><a href="#galeri">Galeri</a></li>
<!--<li><a href="#team">Team</a></li>-->
<li class="drop-down"><a href="#">Hubungi kami</a>
<ul>
<li><a href="#contact">Kantor kami</a></li>
<li><a href="#contact-form">Formulir kontak</a></li>
<li><a href="#client">Klien kami</a></li>
<!-- <li><a href="#">Drop Down 5</a></li> -->
</ul>
</li>
</ul>
</nav><!-- .nav-menu -->
</div>
</header><!-- End Header -->
<!-- ======= Hero Section ======= -->
<div id="carouselExampleIndicators" class="carousel slide my-4" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1" class=""></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2" class=""></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="carousel-item active">
<img class="d-block" src="assets/img/caroseul/indo1.jpg" height="610 px" width="100%" alt="First slide">
<div class="carousel-caption">
<!--<h4>Mitra Kargo Tepercaya Anda</h4>-->
<!--<h5>Puluhan Tahun Sudah Kami Melayani Pengiriman Barang Ke Seluruh Negeri</h5>-->
<a href="https://wa.me/6285310160939" class="btn btn-info">Hubungi Kami</a>
</div>
</div>
<div class="carousel-item">
<img class="d-block" src="assets/img/caroseul/indo2.jpg" height="610 px" width="100%" alt="Second slide">
<div class="carousel-caption">
<!--<h4>Mitra Kargo Tepercaya Anda</h4>-->
<!--<h5>Puluhan Tahun Sudah Kami Melayani Pengiriman Barang Ke Seluruh Negeri</h5>-->
<a href="https://wa.me/6285310160939" class="btn btn-info">Hubungi Kami</a>
</div>
</div>
<div class="carousel-item">
<img class="d-block" src="assets/img/caroseul/indo3.jpg" height="610 px" width="100%" alt="Third slide">
<div class="carousel-caption ">
<a href="https://wa.me/6285310160939" class="btn btn-info">Hubungi Kami</a>
</div>
</div>
<div class="carousel-item">
<img class="d-block" src="assets/img/kapal/las_amirindo.png" height="610 px" width="100%" alt="Fourth slide">
<div class="carousel-caption ">
<a href="https://wa.me/6285310160939" class="btn btn-info">Hubungi Kami</a>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<main id="main">
<!-- ======= About Section ======= -->
<section id="about" class="features">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2>Tentang Kami</h2>
</div>
<div class="row">
<!--<div class="col-xl-12 col-lg-8 pt-5 pt-lg-0 aos-init aos-animate" data-aos="fade-up">-->
<!-- <div class="member">-->
<!-- <img src="assets/img/header.jpg" widht="100%" alt="">-->
<!-- </div>-->
<!--</div>-->
<div class="col-xl-12 col-lg-8 pt-5 pt-lg-0 aos-init aos-animate" data-aos="fade-up">
<ul class="nav nav-tabs flex-column">
<li class="nav-item">
<a class="nav-link active show" data-toggle="tab" href="#tab-1">
<h3 data-aos="fade-up">SEKILAS</h3>
<p style="text-align: justify;" data-aos="fade-up">
PT. Pelayaran Lestari Cahaya Mulia merupakan perusahaan transportasi kargo dengan menggunakan Armada laut jenis kapal LCT (Landing Craft Tank). Bisnis ini pertama kali dirintis oleh (Alm) Bapak H. Muhammad Nur yang merupakan Bapak Kami sekaligus Guru besar kami yang ahli di bidang pelayaran.
</p>
<br>
<p style="text-align: justify;" data-aos="fade-up">
Dengan pengalaman lebih dari 20 tahun di bidang transportasi kargo, kami terus berinovasi dalam memberikan pelayanan yang memuaskan kepada seluruh klien-klien kami di bidang transportasi kargo. Didukung oleh kecanggihan kapal LCT kami, para crew Kapal yang professional dibidangnya dan juga karyawan perusahaan di kantor PT. Pelayaran Lestari Cahaya Mulia.
</p>
</a>
</li>
</ul>
</div>
</div>
</div>
</section><!-- End About Section -->
<section id="visi" class="features">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2>Visi & Misi</h2>
</div>
<div class="row">
<!--<div class="col-xl-12 col-lg-8 pt-5 pt-lg-0 aos-init aos-animate" data-aos="fade-up">-->
<!-- <div class="member">-->
<!-- <img src="assets/img/header.jpg" width="100%" alt="">-->
<!-- </div>-->
<!--</div>-->
<div class="col-xl-12 col-lg-8 pt-5 pt-lg-0" data-aos="fade-right">
<ul class="nav nav-tabs flex-column">
<li class="nav-item">
<a class="nav-link active show" data-toggle="tab" href="#tab-1">
<h4>Visi</h4>
<p>Membangun dan mengoperasikan kapal LCT menjadi market leader di kelasnya dengan kecepatan (Speed), effisiensi, dan tepat waktu untuk menjadi selangkah lebih maju.
</p>
</a>
</li>
<li class="nav-item mt-2">
<a class="nav-link active show" data-toggle="tab" href="#tab-2">
<h4>Misi</h4>
<ol><li>Memberikan pelayanan terbaik dalam jasa transportasi laut keseluruh wilayah Indonesia</li><br>
<li>Menjaga efektivitas, efisiensi, keselamatan (Safety) dan kecepatan (Speed), dan ketepatan waktu kapal (Accuracy) dalam pengiriman barang hingga sampai tujuan</li><br>
<li>Selalu mengedepankan kepuasan pelanggan (Customer Satisfaction) dengan menjaga komunikasi yang baik serta pelayanan yang maksimal.</li><br>
<li>Selalu mengutamakan keselamatan dan kesehatan kerja (Safety First).</li>
</ol>
</a>
</li>
</ul>
</div>
<!--<div class="col-sm-3 col-sm-4" data-aos="fade-left">-->
<!-- <div class="tab-content">-->
<!-- <div class="tab-pane active show" id="tab-1">-->
<!-- <figure>-->
<!-- <img src="assets/img/features-1.png" alt="" class="img-fluid">-->
<!-- </figure>-->
<!-- </div>-->
<!-- </div>-->
<!--</div>-->
</div>
</div>
</section>
<section id="service" class="features">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2>Layanan Kami</h2>
</div>
<div class="row">
<!--<div class="col-xl-12 col-lg-8 pt-5 pt-lg-0 aos-init aos-animate" data-aos="fade-up">-->
<!-- <div class="member">-->
<!-- <img src="assets/img/header.jpg" width="100%" alt="">-->
<!-- </div>-->
<!--</div>-->
<!-- <div class="col-lg-4 col-md-6 " data-aos="fade-right">-->
<!-- <div class="nav nav-tabs flex-column">-->
<!-- <h3>KECEPATAN (SPEED)</h3>-->
<!--<h5>Kami memiliki kehandalan dalam sistem permesinan kapal dan Crew kapal</h5>-->
<!-- </div>-->
<!-- </div>-->
<div class="col-lg-4 col-md-6" data-aos="fade-right">
<ul class="nav nav-tabs flex-column">
<li class="nav-item">
<a class="nav-link active show" data-toggle="tab" href="#tab-1">
<h4>KECEPATAN (SPEED)</h4>
<p>Kami memiliki kehandalan dalam sistem permesinan kapal dan Crew kapal</p>
</a>
</li>
</ul>
</div>
<div class="col-lg-4 col-md-6" data-aos="fade-right">
<ul class="nav nav-tabs flex-column">
<li class="nav-item">
<a class="nav-link active show" data-toggle="tab" href="#tab-1">
<h4>HARGA KOMPETITIF (COMPETITIVE PRICE)</h4>
<p>Harga jasa pengiriman yang kami tawarkan adalah harga kompetitif</p>
</a>
</li>
</ul>
</div>
<div class="col-lg-4 col-md-6" data-aos="fade-right">
<ul class="nav nav-tabs flex-column">
<li class="nav-item">
<a class="nav-link active show" data-toggle="tab" href="#tab-1">
<h4>SISTEM CHARTER</h4>
<p>Kami menawarkan system Charter yaitu Full Charter, Combine Charter dan Time Charter sehingga klien kami dapat menentukan pilihannya</p>
</a>
</li>
</ul>
</div>
<div class="col-lg-4 col-md-6" data-aos="fade-right">
<ul class="nav nav-tabs flex-column">
<li class="nav-item">
<a class="nav-link active show" data-toggle="tab" href="#tab-1">
<h4>KEAMANAN (SAFETY)</h4>
<p>Kami mengutamakan keamanan dari barang anda untuk sampai tujuan dengan didukung oleh Asuransi Barang</p>
</a>
</li>
</ul>
</div>
<div class="col-lg-4 col-md-6" data-aos="fade-right">
<ul class="nav nav-tabs flex-column">
<li class="nav-item">
<a class="nav-link active show" data-toggle="tab" href="#tab-1">
<h4>TRACKING</h4>
<p>Kami akan memberikan informasi berkala tentang keberadaan barang anda sampai tujuan sehingga klien dapat memantau lokasi dari barang yang akan dikirim</p>
</a>
</li>
</ul>
</div>
<div class="col-lg-4 col-md-6" data-aos="fade-right">
<ul class="nav nav-tabs flex-column">
<li class="nav-item">
<a class="nav-link active show" data-toggle="tab" href="#tab-1">
<h4>TENAGA AHLI (Profesional Crew)</h4>
<p>kami memiliki Crew yang professional di bidang kelautan, dan dapat mengatasi dengan cepat dan tepat segala permasalahan yang akan dihadapi pada saat melakukan pengiriman</p>
</a>
</li>
</ul>
</div>
<div class="col-lg-4 col-md-6" data-aos="fade-right">
<ul class="nav nav-tabs flex-column">
<li class="nav-item">
<a class="nav-link active show" data-toggle="tab" href="#tab-1">
<h4>DUKUNGAN GALANGAN</h4>
<p>Kami memliki galangan kapal sendiri yang digunakan untuk Maintenance Kapal kami sehingga menjaga performa kapal LCT selalu berada dalam kondisi prima, layak laut dan layak huni</p>
</a>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- ======= Steps Section ======= -->
<section id="ship" class="steps section-bg">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2>Kapal Kami</h2>
</div>
<div class="row">
<!-- <div class="col-xl-3 col-lg-12 col-md-18" data-aos="fade-up">
<div class="member">
<img src="assets/img/header.jpg" class="img-fluid" alt="">
</div>
</div> -->
<div class="col-xl-6 col-lg-6 col-md-6" data-aos="fade-up">
<div class="member">
<img src="assets/img/kapal/kapal_amirindo7.jpg" class="img-fluid" alt="">
<div class="member-info">
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-6" data-aos="fade-up" data-aos-delay="100">
<div class="member">
<img src="assets/img/kapal/kapal_abasindo777.jpg" class="img-fluid" alt="">
<div class="member-info">
</div>
</div>
</div>
</div>
</div>
</section><!-- End Steps Section -->
<!-- ======= Features Section ======= -->
<section id="galeri" class="portfolio section-bg">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2>Galeri</h2>
</div>
<div class="row portfolio-container" data-aos="fade-up">
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/galeri/1.jpg" width="370 px" height="278 px" alt="">
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-web">
<div class="portfolio-wrap">
<img src="assets/img/galeri/2.jpg" width="370 px" height="278 px" alt="">
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/galeri/3.jpg" width="370 px" height="278 px" alt="">
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/galeri/4.jpg" width="370 px" height="278 px" alt="">
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/galeri/5.jpg" width="370 px" height="278 px" alt="">
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/galeri/6.jpg" width="370 px" height="278 px" alt="">
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/galeri/7.jpg" width="370 px" height="278 px" alt="">
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/galeri/8.jpg" width="370 px" height="278 px" alt="">
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/galeri/9.jpg" width="370 px" height="278 px" alt="">
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/galeri/10.jpg" width="370 px" height="278 px" alt="">
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/galeri/11.jpg" width="370 px" height="278 px" alt="">
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/galeri/12.jpg" width="370 px" height="278 px" alt="">
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/galeri/13.jpg" width="370 px" height="278 px" alt="">
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/galeri/14.jpg" width="370 px" height="278 px" alt="">
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/galeri/15.jpg" width="370 px" height="278 px" alt="">
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/galeri/16.jpg" width="370 px" height="278 px" alt="">
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/galeri/17.jpg" width="370 px" height="278 px" alt="">
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/galeri/18.jpg" width="370 px" height="278 px" alt="">
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/galeri/19.jpg" width="370 px" height="278 px" alt="">
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/galeri/20.jpg" width="370 px" height="278 px" alt="">
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/galeri/21.jpg" width="370 px" height="278 px" alt="">
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/galeri/22.jpg" width="370 px" height="278 px" alt="">
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/galeri/23.jpg" width="370 px" height="278 px" alt="">
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/galeri/24.jpg" width="370 px" height="278 px" alt="">
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/galeri/25.jpg" width="370 px" height="278 px" alt="">
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/galeri/26.jpg" width="370 px" height="278 px" alt="">
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/galeri/27.jpg" width="370 px" height="278 px" alt="">
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/galeri/28.jpg" width="370 px" height="278 px" alt="">
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/galeri/29.jpg" width="370 px" height="278 px" alt="">
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/galeri/30.jpg" width="370 px" height="278 px" alt="">
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/galeri/32.jpg" width="370 px" height="278 px" alt="">
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/galeri/32.jpg" width="370 px" height="278 px" alt="">
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/galeri/33.jpg" width="370 px" height="278 px" alt="">
</div>
</div>
</div>
</div>
</section>
<!-- ======= Contact Section ======= -->
<section id="contact" class="contact">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2>Kantor Kami</h2>
</div>
<div class="row no-gutters justify-content-center" data-aos="fade-up">
<div class="col-lg-5 d-flex align-items-stretch">
<div class="info">
<div class="address">
<i><img src="assets/img/office.jpg" height="44px" width="44px"></i>
<h4>Head Office:</h4>
<p>Jl.Gunung Merapi No.44B, Kel. Karang Jawa Kec.
Samarinda Ulu, Kota Samarinda Kalimantan Timur
</p><p>Telp 0541-652537</p>
</p>
</div>
<br>
<div class="address">
<i><img src="assets/img/office.jpg" height="44px" width="44px"></i>
<h4>Marketing Office:</h4>
<p>Jl. Kebon Bawang XVA No.6A, RT.006 RW.001
Kebon Bawang, Tanjung Priok, Jakarta Utara
</p><p>Telp 021-212249047
</p>
</div>
<br>
<br>
<div class="address">
<i class="icofont-envelope"></i>
<h4>Email:</h4>
<p>ptlestaricahayamulia@lcmshipping.co.id</p>
</div>
<br>
<div class="address">
<i class="icofont-phone"></i>
<h4>Hello Marketing:</h4>
<p>Rommy, S.TP. +62-853-1016-0939</p>
<p>Abrianto, ST. +62-813-3638-8859</p>
</div>
</div>
</div>
<!-- <div class="col-lg-5 d-flex align-items-stretch">
<iframe style="border:0; width: 100%; height: 270px;" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12097.433213460943!2d-74.0062269!3d40.7101282!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xb89d1fe6bc499443!2sDowntown+Conference+Center!5e0!3m2!1smk!2sbg!4v1539943755621" frameborder="0" allowfullscreen></iframe>
</div> -->
</div>
</div>
</section>
<section id="contact-form" class="contact">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2>Formulir kontak</h2>
</div>
<div class="row mt-5 justify-content-center" data-aos="fade-up">
<div class="col-lg-10">
<form action="forms/contact1.php" method="post" role="form" class="form">
<div class="form-row">
<div class="col-md-6 form-group">
<input type="text" name="name" class="form-control" id="name" placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
<div class="validate"></div>
</div>
<div class="col-md-6 form-group">
<input type="email" class="form-control" name="email" id="email" placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email" />
<div class="validate"></div>
</div>
</div>
<div class="form-group">
<select class="form-control" name="to">
<option value="ptlestaricahayamulia@lcmshipping.co.id">ptlestaricahayamulia@lcmshipping.co.id</option>
<option value="marketing@lcmshipping.co.id">marketing@lcmshipping.co.id</option>
<option value="abrianto@lcmshipping.co.id">abrianto@lcmshipping.co.id</option>
<option value="rommy@lcmshipping.co.id">rommy@lcmshipping.co.id</option>
<option value="admin@lcmshipping.co.id">admin@lcmshipping.co.id</option>
<option value="las.abbasindo777@lcmshipping.co.id">las.abbasindo777@lcmshipping.co.id</option>
<option value="muhammad.budiansyah@lcmshipping.co.id">muhammad.budiansyah@lcmshipping.co.id</option>
</select>
</div>
<div class="form-group">
<input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" />
<div class="validate"></div>
</div>
<div class="form-group">
<textarea class="form-control" name="message" rows="5" data-rule="required" data-msg="Please write something for us" placeholder="Message"></textarea>
<div class="validate"></div>
</div>
<div class="mb-3">
</div>
<div class="text-center"><button type="submit">Send Message</button></div>
</form>
</div>
</div>
</div>
</section><!-- End Contact Section -->
<!-- ======= Portfolio Section ======= -->
<section id="client" class="portfolio section-bg">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2>KLien Kami</h2>
</div>
<div class="row portfolio-container" data-aos="fade-up">
<div class="col-lg-12 col-md-18 portfolio-item filter-app">
<img src="assets/img/our-client/our-client.jpg" class="img-fluid" width="100%" alt="">
</div>
</div>
</div>
</section><!-- End Portfolio Section -->
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="footer-top">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="footer-info">
<h3>Addres</h3>
<p>
Jl. Kebon Bawang XVA No.6A, RT.006 RW.001<br>
Kebon Bawang, Tanjung Priok, Jakarta Utara
</p>
</div>
</div>
<div class="col-lg-4 col-md-6 footer-links">
<h4>Contact</h4>
<p>
<strong>Phone:</strong> 021-212249047<br><br>
<strong>Email:</strong> ptlestaricahayamulia@lcmshipping.co.id<br>
</p>
</div>
<div class="col-lg-4 col-md-6 footer-newsletter">
<h4>Social Media</h4>
<div class="social-links mt-3">
<!-- <a href="#" class="twitter"><i class="bx bxl-twitter"></i></a>
<a href="#" class="facebook"><i class="bx bxl-facebook"></i></a> -->
<a href="https://www.instagram.com/lcm_shipping_lines/" class="instagram"><i class="bx bxl-instagram"></i></a>
<!-- <a href="#" class="google-plus"><i class="bx bxl-skype"></i></a> -->
<a href="https://www.linkedin.com/in/pt-pelayaran-lestari-cahaya-mulia-lcm-633531143/" class="linkedin"><i class="bx bxl-linkedin"></i></a>
</div>
</div>
</div>
</div>
</div>
</footer><!-- End Footer -->
<a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a>
<a href="#" class="language" id="example" rel="popover" ><i class="icofont-simple-up"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/jquery/jquery.min.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/venobox/venobox.min.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
<script type="text/javascript">
$('#example').popover({
placement: 'top',
title: 'Bahasa',
html: true,
content: '<a href="EN">English</a><br><a href="ID">Indonesia</a>'
});
</script>
</body>
</html> |