Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype html>
- <html lang="en">
- <head>
- <!-- Required meta tags -->
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <!-- Bootstrap CSS -->
- <link rel="stylesheet" href="css/bootstrap.min.css">
- <link rel="stylesheet" href="css/bootstrap.css">
- <!-- Custom Css -->
- <link rel="stylesheet" href="css/style.css">
- <!-- Google Font -->
- <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Montserrat:600&display=swap" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Quicksand&display=swap" rel="stylesheet">
- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"
- integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
- <!-- Bootstrap CSS -->
- <!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> -->
- <title>Porelo</title>
- </head>
- <body class="logoback ">
- <div class="container-fluid">
- <div class="row">
- <div class="col-lg-4 kiri p-2 justify-content-between img-fluid ">
- <div class="col-lg-12">
- <div class="col-lg-6 logo">
- <img class="my-4 d-block w-100 img-fluid " src="image/logoporelo1.png"></img>
- </div>
- <div>
- <h1 class="caption ">Hadiah Bisnis untuk setiap <br> mimpi yang tercapai.
- <hr class="garis" color="black" size="100px" width="10%">
- </h1>
- </div>
- </div>
- </div>
- <div class="col-lg-8 kanan">
- <div class="bd-example">
- <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
- <ol class="carousel-indicators">
- <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
- <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
- <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
- </ol>
- <div class="carousel-inner">
- <div class="carousel-item active ">
- <img src="image/gambar7.png" class=" kanan " alt="...">
- <div class="carousel-caption d-none d-md-block ">
- <h5 class="captslide1">Why Us</h5>
- <p class="captslide2">Points - Rewards - Loyalty</p>
- </div>
- </div>
- <div class="carousel-item">
- <img src="image/gambar15.png" class="kanan" alt="...">
- <div class="carousel-caption d-none d-md-block">
- <h5>Porelo Gift for Business</h5>
- <p>Porelo Gift for Business dapat membantu Anda meningkatkan penjualan, mempromosikan merek Anda,
- memperluas basis pelanggan Anda dan memberi penghargaan kepada pembeli setia Anda.
- </p>
- </div>
- </div>
- <div class="carousel-item">
- <img src="image/gambar16.png" class="kanan" alt="...">
- <div class="carousel-caption d-none d-md-block">
- <h5>Porelo Customer Retention Platform</h5>
- <p>Porelo Customer Retention Platform dapat membantu Anda untuk mempertahankan dan memotivasi mitra
- bisnis Anda untuk mencapai berbagai tujuan bisnis. Cocok untuk aktivitas sales & marketing.</p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-lg-4 ">
- <h1 class="judulkiri">Porelo Gift for Business
- <hr class="garis" color="black" size="100px" width="10%">
- </h1>
- </div>
- <div class="col-lg-8 manfaat " style="background-color:white ;">
- <div>
- <h1 class="caption1">
- <span style="font-weight:bold"> Solusi tepat untuk loyalty program & marketing activation.</span><br><br>
- <span style="font-weight:bold">Marketing Message: </span>Porelo Gift for Business merupakan hadiah yang
- sempurna untuk pelanggan baru, pelanggan setia, dan mitra bisnis anda. Buat setiap momen berharga.</h1>
- </div>
- <!-- <div><img class="kanan2 m-auto d-block w-100 img-fluid" src="image/gambar20.png"></img></div> -->
- <div class="backimage img-fluid" style="position: relative">
- <div>
- <img class=""style="max-width: 100%" src="image/background.png" alt="">
- </div>
- <div class="" style="position: absolute; top: 0; height: 50%; width: 100%;">
- <h1 class="captionk2">
- <span style="font-weight:bold"> Kelebihannya dibanding <br> voucher konvensional.</span></h1>
- <ul class="list" style="padding-right: 40px;">
- <li class="list-group-item captionlist2"><span class="fas fa-check ikons"></span>
- Mudah dan menyenangkan (Semudah menggunakan voucher fisik, dengan berbagai pilihan hadiah menarik)
- </li>
- <li class="list-group-item captionlist2"><span class="fas fa-check ikons"></span>
- Personalisasi desain dan ucapan (Ciptakan momen spesial agar merek Anda menjadi top of mind)
- </li>
- <li class="list-group-item captionlist2"><span class="fas fa-check ikons"></span>
- Tersedia dalam berbagai denominasi (Dapat disesuaikan dengan kebutuhan perusahaan Anda)
- </li>
- <li class="list-group-item captionlist2"><span class="fas fa-check ikons"></span>
- Mudah didistribusikan (Cukup dengan nomor hp, diterima dalam hitungan menit, tanpa delivery cost)
- </li>
- <li class="list-group-item captionlist2"><span class="fas fa-check ikons"></span>
- Lebih aman dan nyaman (Terbebas dari kerusakan, kehilangan, dan penipuan. Lebih mudah dikelola)
- </li>
- </ul>
- </div>
- <div>
- <h1 class="caption1">
- <span style="font-weight:bold"> Kenapa Menggunakan Porelo GFB:</span></h1>
- <!-- list -->
- <ul class="" style="padding-right: 40px;">
- <li class="list-group-item captionliss"> <span class="fas fa-check ikons"></span>
- Berikan motivasi berupa insentif kepada mitra bisnis Anda untuk mencapai target penjualan tahun ini dengan Porelo Gift for Business.
- </li>
- <li class="list-group-item captionliss"><span class="fas fa-check ikons"></span>
- Gunakan Porelo Gift for Business dalam loyalty program Anda untuk mempertahankan basis pelanggan setia Anda.
- </li>
- <li class="list-group-item captionliss"><span class="fas fa-check ikons"></span>
- Ciptakan peluang baru dengan Porelo Gift for Business untuk mengakuisisi lebih banyak pelanggan.
- </li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-lg-4">
- <h1 class="judulkiri">Porelo Smart Retention Platform
- <hr class="garis" color="black" size="100px" width="10%">
- </h1>
- </div>
- <div class="col-lg-8 manfaat " style="background-color:white ;">
- <div>
- <h1 class="captionkiri3">
- <span style="font-weight:bold"> Software yang tepat untuk menjalankan loyalty program Anda.</span><br><br>
- <span style="font-weight:bold">Marketing Message: </span>Porelo Customer Retention Platform merupakan Solusi
- tepat bagi tim sales dan marketing yang ingin menjalankan loyalty program yang efektif dan mencapai target
- penjualan tahun ini.
- </h1>
- <div><img class="kanan2 m-auto d-block w-100 img-fluid" src="image/asli.jpeg"></img></div>
- </div>
- <div>
- <!-- <h1 style="margin-left: 240px; font-size: 30px; font-family: Quicksand; margin-bottom: 0px">
- <span style="font-weight:bold"> Kenapa Menggunakan Porelo GFB:</span></h1> -->
- <ul class="list captionkiri3" >
- <li class="list-group-item captionlist2 setlist3"> <span class="fas fa-check ikons"></span>
- Desain skema program loyalitas Anda: Kami membantu Anda dalam merancang skema yang tepat dengan tujuan bisnis perusahaan Anda: 1) Skema Achievement untuk meningkatkan sales growth. 2) Skema Point Reward untuk mempertahankan pelanggan setia. 3) Skema Product Focus untuk penetrasi produk ke pasar. 4) Skema Custom, konsultasikan ke kami.
- </li>
- <li class="list-group-item captionlist2 setlist3"><span class="fas fa-check ikons"></span>
- Customize software sesuai kebutuhan Anda: Setelah desain selesai, kami bangun infrastruktur yang tepat, disesuaikan dengan kebutuhan unik dari perusahaan Anda. Tampilkan informasi yang anda butuhkan untuk membuat keputusan tepat.
- </li>
- <li class="list-group-item captionlist2 setlist3"><span class="fas fa-check ikons"></span>
- Program loyalitas Anda: Kami menawarkan jasa manajemen operasional program loyalitas Anda seperti call center, mendistribusikan hadiah baik melalui Porelo Gift for Business maupun hadiah dalam bentuk lainnya.
- </li>
- </ul>
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-lg-4 kiri">
- <h1 class="judulkiri3">Get In Touch</h1>
- <h1 class="caption6">Email</h1>
- <h1 class="caption7">porelo@gmail.co.id</h1>
- <h1 class="caption8">Phone</h1>
- <h1 class="caption7">(021) 29673881</h1>
- <h1 class="caption8">Address </h1>
- <h1 class="caption9">Apartemen Royal Mediterania, Tower Royal Lavander Unit GF No.10-11, Podomoro, Tanjung
- Duren, RT.16/RW.5, Tj. Duren</h1>
- </div>
- <div class="col-lg-8" style="background-color:white ;">
- <h1 class="caption10">Enter your email to get notified from us.</h1>
- <form>
- <div class="row subs ">
- <div class="col-lg-5 forms">
- <input type="text" class="form-control tinggibox " placeholder="Name">
- </div>
- <div class="col-lg-5 forms">
- <input type="text" class="form-control tinggibox " placeholder="Email">
- </div>
- <div class="col-lg-10 forms ">
- <textarea name="pesan" id="pesan" class=" form-control tinggibox2" placeholder="Pesan"></textarea>
- </div>
- <div class="col-lg-10 tombolporelo">
- <button type="button" class="btn btn-primary ">Kirim Pesan</button>
- </div>
- </div>
- </form>
- </div>
- </div>
- </div>
- <!-- Optional JavaScript -->
- <!-- jQuery first, then Popper.js, then Bootstrap JS -->
- <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
- integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
- crossorigin="anonymous"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
- integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
- crossorigin="anonymous"></script>
- <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
- integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
- crossorigin="anonymous"></script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement