Scribd Logo
Upload

Welcome to Scribd!

  • Latihan

    Uploaded by

    franhoras samosir
    4 views3 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    4 views3 pages

    Latihan

    Uploaded by

    franhoras samosir

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    <!

    DOCTYPE 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>Latihan Web</title>
    <link rel="stylesheet" href="style.css">
    </head>
    <body>
    <!-- Navbar -->
    <nav>
    <div class="wrapper">
    <div class="logo"><a href="">Dhuo Creative</a></div>

    <div class="menu">
    <ul>
    <li><a href="#home">Home</a></li>
    <li><a href="#courses">Courses</a></li>
    <li><a href="#tutors">Tutors</a></li>
    <li><a href="#partner">Partner</a></li>
    <li><a href="#kontak">Kontak</a></li>
    <li><a href="">Sign-up</a></li>
    </ul>
    </div>
    </div>
    </nav>

    <div class="wrapper">

    <!-- Home -->


    <section id="home">
    <img src="assets/gambar1.webp" alt="">
    <div class="kolom">
    <p class="deskripsi">Belajar Programing #disini_aja</p>
    <h2>Tetap Sehat, Tetap Semangat</h2>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
    Dolores qui laborum sunt explicabo fugiat? Dignissimos architecto aperiam
    obcaecati nemo, nihil dicta mollitia neque modi voluptates repellat aut
    possimus numquam perspiciatis.</p>
    <p><a href="" class="tbl-pink">More Info</a></p>
    </div>
    </section>

    <!-- Courses -->


    <section id="courses">
    <div class="kolom">
    <p class="deskripsi">Belajar Progamming #disini_aja</p>
    <h2>Tetap Sehat, Tetap Semangat</h2>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ut
    reprehenderit, ullam tempore cum esse maxime exercitationem itaque impedit
    vitae quia nostrum inventore, harum deserunt rem minima tempora, quos quod
    dolor?</p>
    <p><a href="" class="tbl-pink">More info</a></p>
    </div>
    <img src="assets/gambar2.webp" alt="">
    </section>

    <!-- tutors -->

    <section id="tutors">
    <div class="tengah">
    <div class="kolom">
    <p class="deskripsi">Our Top Tutors</p>
    <h2>Tutors</h2>
    <p>Lorem ipsum dolor sit, amet consectetur adipisicing
    elit. Quis, fuga?</p>
    </div>

    <div class="tutor-list">
    <div class="kartu-tutor">
    <img src="assets/tutors1.jpg" alt="">
    <p>Jasson Tokkar</p>
    </div>

    <div class="kartu-tutor">
    <img src="assets/tutors2.jpg" alt="">
    <p>Gom gom</p>
    </div>

    <div class="kartu-tutor">
    <img src="assets/tutors3.jpg" alt="">
    <p>Lasma</p>
    </div>
    <div class="kartu-tutor">
    <img src="assets/tutors4.png" alt="">
    <p>Patar</p>
    </div>
    </div>
    </div>
    </section>
    </div>
    </body>
    </html>

    You might also like