index.html

<!doctype html>
<html lang="en">
  <head>
    <script data-ad-client="ca-pub-3714658870295273" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <!-- 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="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
    integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="fontawesome/css/all.min.css">
    <title>DREXWEB</title>
  </head>
  <body id="page-top" style="background:#222525">

    <nav class="navbar navbar-expand-lg navbar-light bg-primary fixed-top">
      <div class="container">
        <a class="navbar-brand font-weight-bold text-white" href="index.html" >DREXWEB</a>
        <button class="navbar-toggler text-primary bg-light" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
        aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">MENU
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNavDropdown">
          <ul class="navbar-nav ml-auto">
            <li class="nav-item active">
              <a class="nav-link text-white text-right pr-3 pl-3" href="index.html">HOME</a>
            </li>
            <li class="nav-item">
              <a class="nav-link text-white text-right pr-3 pl-3" href="kontak.html">KONTAK</a>
            </li>
            <li>
              <a class="nav-link text-white text-right pr-3 pl-3" href="contoh.html" >CONTOH</a>
            </li>
          </ul>
        </div>
      </div>
    </nav>
<!-- SLIDER -->
    <div id="carouselExampleIndicators" class="carousel slide" 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"></li>
        <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
      </ol>
      <div class="carousel-inner">
        <div class="carousel-item active carousel-index">
          <img src="image/slider1_blur.png" class="d-block w-100" alt="...">
          <div class="carousel-caption d-none d-md-block">
            <h1 class="display-4 font-weight-bold">WELCOME TO DREXWEB</h1>
            <hr class="my-4">
            <p class="lead">Buat Aplikasi Berbasis Web Atau Android Yang Anda Inginkan</p>
            <a class="btn btn-primary btn-lg mt-2" href="kontak.html" role="button">BUAT SEKARANG</a>
          </div>
        </div>
        <div class="carousel-item carousel-index">
          <img src="image/slider2_blur.png" class="d-block w-100" alt="...">
          <div class="carousel-caption d-none d-md-block">
            <h1 class="display-4 font-weight-bold">WELCOME TO DREXWEB</h1>
            <hr class="my-4">
            <p class="lead">Buat Aplikasi Berbasis Web atau Android Yang Anda Inginkan</p>
            <a class="btn btn-primary btn-lg mt-2" href="kontak.html" role="button">BUAT SEKARANG</a>
          </div>
        </div>
        <div class="carousel-item carousel-index">
          <img src="image/slider3_blur.png" class="d-block w-100" alt="...">
          <div class="carousel-caption d-none d-md-block">
            <h1 class="display-4 font-weight-bold">WELCOME TO DREXWEB</h1>
            <hr class="my-4">
            <p class="lead">Buat Aplikasi Berbasis Web atau Android Yang Anda Inginkan</p>
            <a class="btn btn-primary btn-lg mt-2" href="kontak.html" role="button">BUAT SEKARANG</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>


    <div class="container">
      <h4 class="alert bg-dark text-center text-white alert-home">Tentang DREXWEB</h4>
    </div>

    <div class="container">
      <div class="row mt-4">
        <div class="col-md-8">
          <h5 class="text-white text-center">Deskripsi</h5>
          <div class="text-white home bg-dark" style="text-align:justify;">
            <p>DREXWEB adalah website yang menjual jasa pembuatan aplikasi berbasis Web atau Android.
            Dikhususkan untuk Mahasiswa. Untuk menyelesaikan tugas-tugas kampusnya terkait proyek pembuatan aplikasi baik itu berbasis Web atau Android.
            Aplikasi yang dibuat bisa program-program kecil untuk tugas mingguan atau bisa berupa sistem atau aplikasi besar untuk Tugas Akhir semisal Skripsi.</p>
            <p>Untuk target umumnya, perusahaan-perusahaan kecil yang ingin dibuatkan website profil perusahaan atau aplikasi perhitungan gaji,
              penjualan dan aplikasi perhitugan lainnya.</p>

          </div>
        </div>
        <div class="col-md-4">
          <h5 class="text-white text-center">Profil</h5>
          <div class="text-white home bg-dark">
            CEO : I. Trisna .R
            <hr class="bg-primary mt-1 mb-1">
            Lokasi
            <div class="embed-responsive embed-responsive-16by9">
              <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d478.51962976197257!2d107.8989737167816!3d-7.0897894919082844!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e68b7d18333485b%3A0x9dc5096dbf74a489!2zN8KwMDUnMjMuNCJTIDEwN8KwNTMnNTYuOCJF!5e1!3m2!1sid!2sid!4v1572160845852!5m2!1sid!2sid"
              width="200" height="180" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
            </div>
          </div>
        </div>

      </div>
    </div>


    <footer class="bg-dark" style="height:40px;margin-top:10px;margin-bottom:0px;">
        <p class="text-white text-center pt-2" style="margin-top:5px;">&copy; 2019 DREXWEB</p>
    </footer>

    <!-- 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>