Skip to main content

EAS MPPL - Demo dan Dokumentasi EAS

 EAS MPPL 2021 Pada kesempatan ini kelompok kami akan menjelaskan salah satu produk perangkat lunak milik Zoho yaitu Zoho Marketing Automation yang dikerjakan secara berkelompok yang beranggotakan: Ricky Supriyanto 05111940000036 Arvel Gavrilla R 05111940000040 M Arif Faizin 05111940000060 Zulfiqar Fauzul Akbar 05111940000101 Raihan Alifianto 05111940000213 Dengan hasil sebagai berikut 1. Deskripsi Produk 2. Manajemen Ruang Lingkup 3. Manajemen Waktu 4. Manajemen Biaya 5. Manajemen Resiko 6. Video demo
Post a Comment

Tugas 3 PWEB - Membuat Halaman dengan HTML5

Dalam postingan ini, saya akan menjelaskan pembuatan halaman web menggunakan HTML5 sesuai dengan intruksi yang dijelaskan. Berikut link live website yang telah saya buat :
Website Warung Tegal
Berikut adalah detail dari kode yang telah saya buat.

  1. umum.html
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Web Warung Tegal</title>
    <style>
    header,
    section,
    footer,
    aside,
    nav,
    article,
    figure,
    figcaption {
    display: block;
    }
    body {
    color: #666;
    background-color: #f9f8f6;
    background-image: url("images/dark-wood.jpg");
    background-position: center;
    background-repeat: round;
    font-family: Georgia, 'Times New Roman', Times, serif;
    line-height: 1.4em;
    margin: 0px;
    }
    .wrapper {
    width: 940px;
    margin: 20px auto 20px auto;
    border: 2px solid #000;
    background-color: #fff;
    }
    header {
    height: 160px;
    background-image: url("images/header.png");
    }
    h1 {
    text-indent: -9999px;
    width: 940px;
    height: 130px;
    margin: 0px;
    color: #fff;
    }
    nav,
    footer {
    clear: both;
    color: #fff;
    background-color: #aeaca8;
    height: 30px;
    }
    nav ul {
    margin: 0px;
    padding: 5px 0px 5px 30px;
    }
    nav li {
    display: inline;
    margin-right: 40px;
    }
    nav li a {
    color: #fff;
    }
    nav li a:hover,
    nav li a.current {
    color: #000;
    }
    section.courses {
    float: left;
    width: 659px;
    border-right: 1px solid #eee;
    }
    article {
    clear: both;
    overflow: auto;
    width: 100%;
    }
    hgroup {
    margin-top: 40px;
    }
    figure {
    float: left;
    width: 290px;
    height: 220px;
    padding: 5px;
    margin: 20px;
    border: 1px solid #eee;
    }
    figcaption {
    font-size: 90%;
    text-align: left;
    }
    aside {
    width: 230px;
    float: left;
    padding: 0px 0px 0px 20px;
    }
    aside section a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #eee;
    }
    aside section a:hover {
    color: #985d6a;
    background-color: #efefef;
    }
    a {
    color: #de6581;
    text-decoration: none;
    }
    h1,
    h2,
    h3 {
    font-weight: normal;
    }
    h2 {
    margin: 10px 0px 5px 0px;
    padding: 0px;
    }
    h3 {
    margin: 0px 0px 10px 0px;
    color: #de6581;
    }
    aside h2 {
    padding: 30px 0px 10px 0px;
    color: #de6581;
    }
    footer {
    font-size: 80%;
    padding: 7px 0px 0px 20px;
    }
    </style>
    </head>
    <body>
    <div class="wrapper">
    <header>
    <h1>Warung Tegal</h1>
    <nav>
    <ul>
    <li><a href="umum.html" class="current">beranda</a></li>
    <li><a href="daftar-masakan.html">daftar masakan</a></li>
    <li><a href="tentang.html">tentang</a></li>
    <li><a href="kontak.html">kontak</a></li>
    </ul>
    </nav>
    </header>
    <section class="courses">
    <iframe width="600" height="345" src="https://www.youtube.com/embed/mTPhFUQnpAU"
    title="YouTube video player" frameborder="0"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
    style="margin: 20px;" allowfullscreen></iframe>
    <article>
    <figure>
    <img src="images/soto.jpg" alt="soto" style="width: 290px">
    <figcaption>Soto Indonesia</figcaption>
    </figure>
    <hgroup>
    <h2>Soto Ayam</h2>
    <h3>Makanan Berkuah</h3>
    </hgroup>
    <p>Soto ayam adalah makanan khas Indonesia yang berupa sejenis sup ayam dengan kuah yang berwarna
    kekuningan.</p>
    </article>
    <article>
    <figure>
    <img src="images/pecel.jpg" alt="pecel" style="width: 290px">
    <figcaption>Pecel Indonesia</figcaption>
    </figure>
    <hgroup>
    <h2>Masakan Pecel</h2>
    <h3>Makanan dengan bumbu kacang</h3>
    </hgroup>
    <p>Pecel adalah makanan yang menggunakan bumbu sambal kacang sebagai bahan utamanya yang dicampur dengan
    aneka jenis sayuran.</p>
    </article>
    <article>
    <figure>
    <img src="images/sayur-sop.jpg" alt="sop" style="width: 290px">
    <figcaption>Sayur Sop</figcaption>
    </figure>
    <hgroup>
    <h2>Sayur Sop</h2>
    <h3>Makanan berkuah</h3>
    </hgroup>
    <p>Sayur Sop adalah adalah masakan berkuah dari kaldu yang dibuat dengan cara mendidihkan bahan berupa
    daging atau ayam untuk membuat kuah kaldu, dan biasanya diberi bumbu serta bahan lainnya untuk
    menambah rasa. </p>
    </article>
    <div style="border: 1px solid #eee; padding: 10px; float: right; margin: 20px"><a
    href="daftar-masakan.html">Lihat masakan lainnya ></a>
    </div>
    </section>
    <aside>
    <section class="popular-recipes">
    <h2>Masakan Populer</h2>
    <a href="soto-ayam.html">Soto Ayam</a>
    <a href="pecel.html">Pecel</a>
    <a href="sayur-sop.html">Sayur Sop</a>
    <a href="sayur-bayam.html">Sayur Bayam</a>
    </section>
    <section class="contact-details">
    <h2>Kontak</h2>
    <p>Warung Tegal <br />di seluruh indonesia</p>
    </section>
    <section class="musik">
    <h2>Musik</h2>
    <p>Lagu Wong Tegal</p>
    <audio controls="" autostart="true" style="width: 250px;">
    <source src="musics/lagu-wong-tegal.mp3" type="audio/mpeg">
    Your browser does not support the audio element.
    </audio>
    </section>
    </aside>
    <footer>
    &copy; 2021 Warung Tegal
    </footer>
    </div>
    </body>
    </html>
    view raw umum.html hosted with ❤ by GitHub
  2. daftar-masakan.html
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Web Warung Tegal</title>
    <style>
    header,
    section,
    footer,
    aside,
    nav,
    article,
    figure,
    figcaption {
    display: block;
    }
    body {
    color: #666;
    background-color: #f9f8f6;
    background-image: url("images/dark-wood.jpg");
    background-position: center;
    background-repeat: round;
    font-family: Georgia, 'Times New Roman', Times, serif;
    line-height: 1.4em;
    margin: 0px;
    }
    .wrapper {
    width: 940px;
    margin: 20px auto 20px auto;
    border: 2px solid #000;
    background-color: #fff;
    }
    header {
    height: 160px;
    background-image: url("images/header.png");
    }
    h1 {
    text-indent: -9999px;
    width: 940px;
    height: 130px;
    margin: 0px;
    color: #fff;
    }
    nav,
    footer {
    clear: both;
    color: #fff;
    background-color: #aeaca8;
    height: 30px;
    }
    nav ul {
    margin: 0px;
    padding: 5px 0px 5px 30px;
    }
    nav li {
    display: inline;
    margin-right: 40px;
    }
    nav li a {
    color: #fff;
    }
    nav li a:hover,
    nav li a.current {
    color: #000;
    }
    section.courses {
    float: left;
    width: 659px;
    border-right: 1px solid #eee;
    }
    article {
    clear: both;
    overflow: auto;
    width: 100%;
    }
    hgroup {
    margin-top: 40px;
    }
    figure {
    float: left;
    width: 290px;
    height: 220px;
    padding: 5px;
    margin: 20px;
    border: 1px solid #eee;
    }
    figcaption {
    font-size: 90%;
    text-align: left;
    }
    aside {
    width: 230px;
    float: left;
    padding: 0px 0px 0px 20px;
    }
    aside section a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #eee;
    }
    aside section a:hover {
    color: #985d6a;
    background-color: #efefef;
    }
    a {
    color: #de6581;
    text-decoration: none;
    }
    h1,
    h2,
    h3 {
    font-weight: normal;
    }
    h2 {
    margin: 10px 0px 5px 0px;
    padding: 0px;
    }
    h3 {
    margin: 0px 0px 10px 0px;
    color: #de6581;
    }
    aside h2 {
    padding: 30px 0px 10px 0px;
    color: #de6581;
    }
    footer {
    font-size: 80%;
    padding: 7px 0px 0px 20px;
    }
    </style>
    </head>
    <body>
    <div class="wrapper">
    <header>
    <h1>Warung Tegal</h1>
    <nav>
    <ul>
    <li><a href="umum.html">beranda</a></li>
    <li><a href="daftar-masakan.html" class="current">daftar masakan</a></li>
    <li><a href="tentang.html">tentang</a></li>
    <li><a href="kontak.html">kontak</a></li>
    </ul>
    </nav>
    </header>
    <section class="courses">
    <article>
    <figure>
    <img src="images/soto.jpg" alt="soto" style="width: 290px">
    <figcaption>Soto Indonesia</figcaption>
    </figure>
    <hgroup>
    <h2>Soto Ayam</h2>
    <h3>Makanan Berkuah</h3>
    </hgroup>
    <p>Soto ayam adalah makanan khas Indonesia yang berupa sejenis sup ayam dengan kuah yang berwarna
    kekuningan.</p>
    </article>
    <article>
    <figure>
    <img src="images/pecel.jpg" alt="pecel" style="width: 290px">
    <figcaption>Pecel Indonesia</figcaption>
    </figure>
    <hgroup>
    <h2>Masakan Pecel</h2>
    <h3>Makanan dengan bumbu kacang</h3>
    </hgroup>
    <p>Pecel adalah makanan yang menggunakan bumbu sambal kacang sebagai bahan utamanya yang dicampur dengan
    aneka jenis sayuran.</p>
    </article>
    <article>
    <figure>
    <img src="images/sayur-sop.jpg" alt="sop" style="width: 290px">
    <figcaption>Sayur Sop</figcaption>
    </figure>
    <hgroup>
    <h2>Sayur Sop</h2>
    <h3>Makanan berkuah</h3>
    </hgroup>
    <p>Sayur Sop adalah adalah masakan berkuah dari kaldu yang dibuat dengan cara mendidihkan bahan berupa
    daging atau ayam untuk membuat kuah kaldu, dan biasanya diberi bumbu serta bahan lainnya untuk
    menambah rasa. </p>
    </article>
    <article>
    <figure>
    <img src="images/sayur-bayam.jpg" alt="bayam" style="width: 290px">
    <figcaption>Sayur Bayam</figcaption>
    </figure>
    <hgroup>
    <h2>Sayur Bayam</h2>
    <h3>Makanan berkuah</h3>
    </hgroup>
    <p>Sayur bayam bening adalah olahan berbahan dari sayur bayam. Sayur bayam disiangi lalu dicuci bersih
    dan direbus, dimasak bersama bumbu. Ditambahkan penyedap rasa. Sehingga menghasilkan olahan sayur
    bayam bening yang harum dan segar.</p>
    </article>
    </section>
    <aside>
    <section class="popular-recipes">
    <h2>Masakan Populer</h2>
    <a href="soto-ayam.html">Soto Ayam</a>
    <a href="pecel.html">Pecel</a>
    <a href="sayur-sop.html">Sayur Sop</a>
    <a href="sayur-bayam.html">Sayur Bayam</a>
    </section>
    <section class="contact-details">
    <h2>Kontak</h2>
    <p>Warung Tegal <br />di seluruh indonesia</p>
    </section>
    <section class="musik">
    <h2>Musik</h2>
    <p>Lagu Wong Tegal</p>
    <audio controls="" autostart="true" style="width: 250px;">
    <source src="musics/lagu-wong-tegal.mp3" type="audio/mpeg">
    Your browser does not support the audio element.
    </audio>
    </section>
    </aside>
    <footer>
    &copy; 2021 Warung Tegal
    </footer>
    </div>
    </body>
    </html>
    view raw daftar-masakan.html hosted with ❤ by GitHub
  3. [nama-masakan].html
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Web Warung Tegal</title>
    <style>
    header,
    section,
    footer,
    aside,
    nav,
    article,
    figure,
    figcaption {
    display: block;
    }
    body {
    color: #666;
    background-color: #f9f8f6;
    background-image: url("images/dark-wood.jpg");
    background-position: center;
    background-repeat: round;
    font-family: Georgia, 'Times New Roman', Times, serif;
    line-height: 1.4em;
    margin: 0px;
    }
    .wrapper {
    width: 940px;
    margin: 20px auto 20px auto;
    border: 2px solid #000;
    background-color: #fff;
    }
    header {
    height: 160px;
    background-image: url("images/header.png");
    }
    h1 {
    text-indent: -9999px;
    width: 940px;
    height: 130px;
    margin: 0px;
    color: #fff;
    }
    nav,
    footer {
    clear: both;
    color: #fff;
    background-color: #aeaca8;
    height: 30px;
    }
    nav ul {
    margin: 0px;
    padding: 5px 0px 5px 30px;
    }
    nav li {
    display: inline;
    margin-right: 40px;
    }
    nav li a {
    color: #fff;
    }
    nav li a:hover,
    nav li a.current {
    color: #000;
    }
    section.courses {
    float: left;
    width: 659px;
    border-right: 1px solid #eee;
    }
    article {
    clear: both;
    overflow: auto;
    width: 100%;
    }
    hgroup {
    margin: 40px;
    }
    figure {
    float: left;
    width: 600px;
    padding: 5px;
    margin: 20px;
    border: 1px solid #eee;
    }
    figcaption {
    font-size: 90%;
    text-align: left;
    }
    aside {
    width: 230px;
    float: left;
    padding: 0px 0px 0px 20px;
    }
    aside section a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #eee;
    }
    aside section a:hover {
    color: #985d6a;
    background-color: #efefef;
    }
    a {
    color: #de6581;
    text-decoration: none;
    }
    h1,
    h2,
    h3 {
    font-weight: normal;
    }
    h2 {
    margin: 10px 0px 5px 0px;
    padding: 0px;
    }
    h3 {
    margin: 0px 0px 10px 0px;
    color: #de6581;
    }
    aside h2 {
    padding: 30px 0px 10px 0px;
    color: #de6581;
    }
    footer {
    font-size: 80%;
    padding: 7px 0px 0px 20px;
    }
    </style>
    </head>
    <body>
    <div class="wrapper">
    <header>
    <h1>Warung Tegal</h1>
    <nav>
    <ul>
    <li><a href="umum.html">beranda</a></li>
    <li><a href="daftar-masakan.html" class="current">daftar masakan</a></li>
    <li><a href="tentang.html">tentang</a></li>
    <li><a href="kontak.html">kontak</a></li>
    </ul>
    </nav>
    </header>
    <section class="courses">
    <article>
    <figure>
    <img src="images/soto.jpg" alt="soto" style="width: 600px">
    <figcaption>Soto Indonesia</figcaption>
    </figure>
    <hgroup>
    <h2>Soto Ayam</h2>
    <h3>Makanan Berkuah</h3>
    <p>Soto ayam adalah makanan khas Indonesia yang berupa sejenis sup ayam dengan kuah yang berwarna
    kekuningan.</p>
    </hgroup>
    </article>
    </section>
    <aside>
    <section class="popular-recipes">
    <h2>Masakan Populer</h2>
    <a href="soto-ayam.html">Soto Ayam</a>
    <a href="pecel.html">Pecel</a>
    <a href="sayur-sop.html">Sayur Sop</a>
    <a href="sayur-bayam.html">Sayur Bayam</a>
    </section>
    <section class="contact-details">
    <h2>Kontak</h2>
    <p>Warung Tegal <br />di seluruh indonesia</p>
    </section>
    <section class="musik">
    <h2>Musik</h2>
    <p>Lagu Wong Tegal</p>
    <audio controls="" autostart="true" style="width: 250px;">
    <source src="musics/lagu-wong-tegal.mp3" type="audio/mpeg">
    Your browser does not support the audio element.
    </audio>
    </section>
    </aside>
    <footer>
    &copy; 2021 Warung Tegal
    </footer>
    </div>
    </body>
    </html>
    view raw soto-ayam.html hosted with ❤ by GitHub
  4. tentang.html
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Web Warung Tegal</title>
    <style>
    header,
    section,
    footer,
    aside,
    nav,
    article,
    figure,
    figcaption {
    display: block;
    }
    body {
    color: #666;
    background-color: #f9f8f6;
    background-image: url("images/dark-wood.jpg");
    background-position: center;
    background-repeat: round;
    font-family: Georgia, 'Times New Roman', Times, serif;
    line-height: 1.4em;
    margin: 0px;
    }
    .wrapper {
    width: 940px;
    margin: 20px auto 20px auto;
    border: 2px solid #000;
    background-color: #fff;
    }
    header {
    height: 160px;
    background-image: url("images/header.png");
    }
    h1 {
    text-indent: -9999px;
    width: 940px;
    height: 130px;
    margin: 0px;
    color: #fff;
    }
    nav,
    footer {
    clear: both;
    color: #fff;
    background-color: #aeaca8;
    height: 30px;
    }
    nav ul {
    margin: 0px;
    padding: 5px 0px 5px 30px;
    }
    nav li {
    display: inline;
    margin-right: 40px;
    }
    nav li a {
    color: #fff;
    }
    nav li a:hover,
    nav li a.current {
    color: #000;
    }
    section.courses {
    float: left;
    width: 659px;
    border-right: 1px solid #eee;
    }
    article {
    clear: both;
    overflow: auto;
    width: 100%;
    }
    hgroup {
    margin: 20px 40px;
    }
    figure {
    float: left;
    width: 290px;
    height: 220px;
    padding: 5px;
    margin: 20px;
    border: 1px solid #eee;
    }
    figcaption {
    font-size: 90%;
    text-align: left;
    }
    aside {
    width: 230px;
    float: left;
    padding: 0px 0px 0px 20px;
    }
    aside section a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #eee;
    }
    aside section a:hover {
    color: #985d6a;
    background-color: #efefef;
    }
    a {
    color: #de6581;
    text-decoration: none;
    }
    h1,
    h2,
    h3 {
    font-weight: normal;
    }
    h2 {
    margin: 10px 0px 5px 0px;
    padding: 0px;
    }
    h3 {
    margin: 0px 0px 10px 0px;
    color: #de6581;
    }
    aside h2 {
    padding: 30px 0px 10px 0px;
    color: #de6581;
    }
    footer {
    font-size: 80%;
    padding: 7px 0px 0px 20px;
    }
    </style>
    </head>
    <body>
    <div class="wrapper">
    <header>
    <h1>Warung Tegal</h1>
    <nav>
    <ul>
    <li><a href="umum.html">beranda</a></li>
    <li><a href="daftar-masakan.html">daftar masakan</a></li>
    <li><a href="tentang.html" class="current">tentang</a></li>
    <li><a href="kontak.html">kontak</a></li>
    </ul>
    </nav>
    </header>
    <section class="courses">
    <iframe width="560" height="315" src="https://www.youtube.com/embed/XLJF0_yEYBg"
    title="YouTube video player" frameborder="0"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
    style="margin: 20px 40px;" allowfullscreen></iframe>
    <article>
    <hgroup>
    <h2>Warung Tegal</h2>
    <h3>Warung Tegal di seluruh Indonesia</h3>
    <p>Selain rumah makan padang, warteg atau warung tegal, jadi salah satu tempat makan yang menjamur
    di
    kota-kota besar, termasuk Jakarta.</p>
    </hgroup>
    </article>
    </section>
    <footer>
    &copy; 2021 Warung Tegal
    </footer>
    </div>
    </body>
    </html>
    view raw tentang.html hosted with ❤ by GitHub
  5. kontak.html
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Web Warung Tegal</title>
    <style>
    header,
    section,
    footer,
    aside,
    nav,
    article,
    figure,
    figcaption {
    display: block;
    }
    body {
    color: #666;
    background-color: #f9f8f6;
    background-image: url("images/dark-wood.jpg");
    background-position: center;
    background-repeat: round;
    font-family: Georgia, 'Times New Roman', Times, serif;
    line-height: 1.4em;
    margin: 0px;
    }
    .wrapper {
    width: 940px;
    margin: 20px auto 20px auto;
    border: 2px solid #000;
    background-color: #fff;
    }
    header {
    height: 160px;
    background-image: url("images/header.png");
    }
    h1 {
    text-indent: -9999px;
    width: 940px;
    height: 130px;
    margin: 0px;
    color: #fff;
    }
    nav,
    footer {
    clear: both;
    color: #fff;
    background-color: #aeaca8;
    height: 30px;
    }
    nav ul {
    margin: 0px;
    padding: 5px 0px 5px 30px;
    }
    nav li {
    display: inline;
    margin-right: 40px;
    }
    nav li a {
    color: #fff;
    }
    nav li a:hover,
    nav li a.current {
    color: #000;
    }
    section.courses {
    float: left;
    width: 659px;
    border-right: 1px solid #eee;
    }
    article {
    clear: both;
    overflow: auto;
    width: 100%;
    }
    hgroup {
    margin: 20px 40px;
    }
    figure {
    float: left;
    width: 290px;
    height: 220px;
    padding: 5px;
    margin: 20px;
    border: 1px solid #eee;
    }
    figcaption {
    font-size: 90%;
    text-align: left;
    }
    aside {
    width: 230px;
    float: left;
    padding: 0px 0px 0px 20px;
    }
    aside section a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #eee;
    }
    aside section a:hover {
    color: #985d6a;
    background-color: #efefef;
    }
    a {
    color: #de6581;
    text-decoration: none;
    }
    h1,
    h2,
    h3 {
    font-weight: normal;
    }
    h2 {
    margin: 10px 0px 5px 0px;
    padding: 0px;
    }
    h3 {
    margin: 0px 0px 10px 0px;
    color: #de6581;
    }
    aside h2 {
    padding: 30px 0px 10px 0px;
    color: #de6581;
    }
    footer {
    font-size: 80%;
    padding: 7px 0px 0px 20px;
    }
    </style>
    </head>
    <body>
    <div class="wrapper">
    <header>
    <h1>Warung Tegal</h1>
    <nav>
    <ul>
    <li><a href="umum.html">beranda</a></li>
    <li><a href="daftar-masakan.html">daftar masakan</a></li>
    <li><a href="tentang.html">tentang</a></li>
    <li><a href="kontak.html" class="current">kontak</a></li>
    </ul>
    </nav>
    </header>
    <section class="courses">
    <article>
    <hgroup>
    <h2>Kontak</h2>
    <p>Hp : <a href="tel:+62851234567">+62 851-234-567</a></p>
    </hgroup>
    </article>
    </section>
    <footer>
    &copy; 2021 Warung Tegal
    </footer>
    </div>
    </body>
    </html>
    view raw kontak.html hosted with ❤ by GitHub

Terima kasih, sekian postingan kali ini.

Comments

Post a Comment

Popular posts from this blog

Tugas 1 PBKK - Portofolio Aplikasi Framework

Berikut beberapa aplikasi yang pernah dibuat menggunakan bantuan framework : Kulturan Link Website Kulturan merupakan aplikasi berbasis website yang dapat digunakan oleh pekerja seni, drama, dan tari untuk mempromosikan serta memperjualbelikan karyanya secara online. Pengguna dapat membeli hasil karya pekerja seni berupa hasil pementasan atau pertunjukkan seniman di Indonesia. Framework : ReactJS, ExpressJS, Node.js dan Material UI Screenshot tampilan :  Medify.id Link Website Medify.id merupakan salah satu aplikasi berbasis website yang merupakan website dari perusahaan Medify. Website ini menyediakan informasi-informasi penting serta fitur-fitur yang ditawarkan oleh Medify. Framework : Bootstrap, Laravel 8 Screenshot tampilan : Presto Link Website Presto merupakan aplikasi berbasis website yang berisi daftar restoran terdekat beserta detailnya. Dalam website ini, pengguna juga bisa berkomentar di masing-masing restoran, dan juga menambahkan restoran ke dalam daftar favoritnya. Fr...
Post a Comment
Read more

EAS PWEB - Pemrograman Web

  Pada postingan ini, saya akan menjelaskan hasil pengerjaan EAS yang telah saya kerjakan   Dan berikut adalah hasil desain rancangan prototipe dari aplikasi yang akan dibuat
Post a Comment
Read more

Tugas 9 PBKK - Laravel : Membuat Landing Page

Pada postingan kali ini, akan membahas membuat landing page menggunakan Laravel 8. Pada postingan ini saya akan mencoba membuat Landing Page dari Dicoding Indonesia ( dicoding.com ) dengan tampilan yang berbeda. Langsung saja ikuti langkah-langkah berikut: Pertama, buat sebuah view baru pada resources/views/ dengan nama homepage.blade.php lalu isi dengan kode berikut: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 <!DOCTYPE html> <html lang= "{{ str_replace('_', '-', app()->getLocale()) }}" > <head> <meta charset= "utf-8" > <meta name= "viewport" content= "width=device-width, initial-scale=1" > <title> Dicoding - Bangun Karirmu sebagai Developer Profesional </title> <!-- Fonts --> <link href= "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap" r...
Post a Comment
Read more