Scribd Logo
Unggah

Selamat datang di Scribd!

  • Tu Gasper Temu An 11 Web Design

    Diunggah oleh

    Fahmi Frances
    7 tayangan7 halaman
    tugas pertemuan 11 19402014 fahmi azi permana

    Judul Asli

    Tu Gasper Temu an 11 Web Design

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    DOCX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    tugas pertemuan 11 19402014 fahmi azi permana

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    7 tayangan7 halaman

    Tu Gasper Temu An 11 Web Design

    Diunggah oleh

    Fahmi Frances
    tugas pertemuan 11 19402014 fahmi azi permana

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 7

    NAMA : FAHMI AZI PERMANA

    KELAS : SI XK 41 / 19

    NPM : 19402014

    TUGAS PERTEMUAN PERTEMUAN 11

    HALO KAWAN KAWAN PADA PERTEMUAN KALI INI SAYA AKAN MEMBUAT WEBSITE PRIBADI YANG
    SEDERHANA

    LALU APA SIH YANG HARUS PERTAMA DILAKUKAN ?

    YA , HAL PERTAMA YANG DILAKUKAN TENTU SAJA KITA HARUS MEMPERSIAPKAN NOTEPAD

    BILA SUDAH MAKA SILAHKAN DIBUKA YA GUYS

    BILA SUDAH DIBUKA HAL YANG HARUS KITA LAKUKAN TENTU SAJA MASUKAN CODDING NYA YA GUYS

    ADA DUA FILE YANG HARUS KITA BUAT

    YANG PERTAMA UNTUK FILE INDEX


    <html>

    <head>

    <!--Element-elemen tag <head> tulis disini-->

    <title>Ini Website Fahmi</title>

    <link rel="stylesheet" href="layout.css" />

    </head>
    <body>

    <!--Element-elemen tag <body> tulis disini-->

    <header> <!--Section HEADER-->

    <div class="logo">

    <h1><font color ="red"> FRANCES FAHMI </font></h1>

    <img src="islam-wallpaper-preview.jpg">

    <h4>Disini Kita Hanya Saling Mengingatkan</h4>

    </div>

    <div class="navigasi">

    <ul>

    <li><a href="#">HOME</a></li>

    <li><a href="#">BLOGS</a></li>

    <li><a href="#">ABOUT</a></li>

    <li><a href="#">GALLERY</a></li>

    <li><a href="#">CONTACT</a></li>

    </ul>

    </div>

    </header>

    <main> <!--Section MAIN BODY-->

    <div class="konten">

    <div class="padding_this">

    <h2>

    Azab Kubur

    </h2>

    <p>

    Azab Kubur (bahasa Arab:‫ )عذاب القبر‬adalah kesengsaraan dan penghimpitan yang dihadapi manusia
    setelah meninggal dan ketika dia masuk ke alam barzakh. Kita tidak mengatahui dengan detail apa dan bagaimana mereka mendapatkan
    tekanan azab di alam kubur; sebagian meyakini bahwa azab tersebut akan dirasakan oleh jasad yang dimaākamkan di bawah tanah dan
    sebagian meyakini bahwa itu akan dirasakan oleh jiwa dan raga secara barzakh.

    Azab kubur memiliki berbagai macam bagian yang salah satunya adalah penghimpitan dan tekanan kuburan itu sendiri. Ayat-ayat dan riwayat-
    riwayat Ahlulbait as mengupas sebagian dari hakikat tersebut, dan ada sebuah riwayat dari Imam Shadiq as yang mengatakan bahwa tidak
    sedikit dari manusia yang merasakan azab kubur itu. Begitu pula sekelompok dari Ahlusunah meyakini bahwa menangisnya sanak keluarga
    dekat mayit akan menambah azab di dalam kuburnya.
    </p>

    </div>

    </div>

    <div class="sidebar">

    <div class="padding_this">

    <h4>

    Labels

    </h4>

    <ul>

    <li><a href="#">About this Blog (30)</a></li>

    <li><a href="#">Cinta Rasullulah (500)</a></li>

    <li><a href="#">Islam (200)</a></li>

    <li><a href="#">Surga & Neraka (30)</a></li>

    <li><a href="#">Azab (100)</a></li>

    <li><a href="#">Doa (900)</a></li>

    </ul>

    </div>

    </div>

    </main>

    <footer> <!--Section FOOTER-->

    <div class="footer">

    <small>&copy; Copyright - Francesfahmi76@gmail.Com 2020 | Alright reserved.</small>

    </div>

    </footer>

    </body>

    </html>
    YANG KE 2 UNTUK TAMPILAN LAYOUT
    body {

    width: 960px;

    margin: 30px auto;

    main {

    display: flex;

    .padding_this{

    padding: 15px;

    .logo,

    .navigasi,

    .konten,

    .sidebar,

    .footer {

    margin-bottom: 5px;

    padding: 15px 0;

    .logo {

    width: 100%;

    height: auto;

    background: #808000;

    text-align: center;

    color: #fff;

    .navigasi {

    width: 100%;

    height: auto;

    background: #d0d0d0;

    text-align: center;
    }

    .konten {

    width: 70%;

    background: #aff0cc;

    .sidebar {

    width: 30%;

    background: #ff6347;

    .footer {

    width: 100%;

    background: #C3C3C3;

    text-align: center;

    .navigasi ul{

    padding: 0;

    list-style: none;

    display: inline-block;

    margin: 0;

    .navigasi li{

    float: left;

    margin: 0 10px;

    BILA SUDAH NANTI FILE LAYOUT AKAN MENAMPILKAN KERANGKA UNTUK TAMPILAN WEBSITE KITA
    NANTI
    BILA SUDAH MEMASUKAN CODING DAN MENG SAVE NYA MAKA TAMPILAN NYA AKAN MENJADI
    SEPERTI INI
    SEKIAN DAN TERIMA KASIH , MOHON MAAF APABILA MASIH ADA KEKURANGAN ..

    Anda mungkin juga menyukai