Menu
CoddyTech
Mulai belajar

Bagian luar

Pelajaran 3 dari 26 dalam kursus Tiruan Kartu Profil Coddy | Proyek front-end di Coddy.

Visualisasi dan Rincian class:

challenge icon

Tantangan

Mudah
  1. Di dalam tag body:
    1. Buat satu tag div dengan nama class 'profile-card'.
    2. Di dalam 'profile-card', kita harus membuat enam tag div dengan nama class:
      1. corners
      2. image
      3. text-data
      4. media-buttons
      5. buttons
      6. analytics
    3. Setelah class 'buttons', tambahkan satu tag <hr/>.

Coba sendiri

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Tulis kode HTML di sini -->
        <script src="script.js"></script>
    </body>
</html>

Semua pelajaran di Tiruan Kartu Profil Coddy | Proyek front-end

1Pengantar

Pengantar

4CSS - II

class text-dataPelajaran proyekNama dan pekerjaanPelajaran proyekID emailPelajaran proyekTombol mediaPelajaran proyekclass tautanPelajaran proyekclass tombolPelajaran proyekBuat lebih baikPelajaran proyek

2HTML

PersiapanBagian luarPelajaran proyekclass sudut dan gambarPelajaran proyekclass data teksPelajaran proyekclass tombol mediaPelajaran proyekclass tombolPelajaran proyekclass analitikPelajaran proyek

5CSS - III

class analyticsPelajaran proyekclass edit-optionPelajaran proyektag hrPelajaran proyek

3CSS - I

Tag universalPelajaran proyekbodyPelajaran proyekclass profile-cardPelajaran proyekclass cornersPelajaran proyekclass proPelajaran proyekIkonPelajaran proyekclass imagePelajaran proyekclass profile-imgPelajaran proyek

Latihan sendiri: Playground Web