Kuis 1

 Pada Kuis 1, saya diminta untuk mengubah sebuuah form fisik menjadi form html yang bisa diisi.


Kode HTML:

Copy 
<!DOCTYPE html>
 
<html>
 
<head>
    <link rel="stylesheet" href="style.css">
</head>
 
<body>
<div class="mainBody">
    <div class="bannerJudul">
        <h1>Formulir Registrasi</h1>
 
    </div>
 
    <div class="form">
 
        <h2>Peserta</h2>
 
    <div class="isianForm">
 
        <form>
            <div class="dataPribadi">
                <h3>Data Pribadi</h3>
            <div class="formIndividu">
                <label>Nama dan Gelar</label>
                <input type="text" name="nama"> 
    
            </div>
 
            <div class="formIndividu">
                <label>Asal Instansi/Kota</label>
                <input type="text" name="instansi"> 
    
            </div>
            
            <div class="formIndividu">
                <label>Alamat</label>
                <input type="text" name="alamat"> 
    
            </div>
 
            <div class="formIndividu">
                <label>Kode Pos</label>
                <input type="text" name="kodepos"> 
    
            </div>
 
            <div class="formIndividu">
                <label>Provinsi</label>
                <input type="text" name="provinsi"> 
    
            </div>
 
            <div class="formIndividu">
                <label>Telepon/Handphone</label>
                <input type="text" name="telepon"> 
    
            </div>
 
            <div class="formIndividu">
                <label>Email</label>
                <input type="email" name="email"> 
    
            </div>
 
        </div>
 
 
            <div class="dataSponsor">
            
                <h3>Data Sponsor</h3>
                
                    <div class="formIndividu">
                        <label>Nama Perusahaan</label>
                        <input type="text" name="namaPerusahaan"> 
            
                    </div>
                
 
                
                    <div class="formIndividu">
                        <label>Alamat Perusahaan</label>
                        <input type="text" name="alamatPerusahaan"> 
            
                    </div>
                
 
                
                    <div class="formIndividu">
                        <label>Nama Kontak Personel</label>
                        <input type="text" name="namaCP"> 
            
                    </div>
                
 
                
                    <div class="formIndividu">
                        <label>Telepon Personel</label>
                        <input type="text" name="teleponCP"> 
            
                    </div>
                
 
                
                    <div class="formIndividu">
                        <label>Email Perusahaan:</label>
                        <input type="email" name="emailPerusahaan"> 
            
                    </div>
                
 
 
            
 
        </div>
 
        <button type="submit" class="submitBtn" onclick="confirm()">Daftar</button>
        <script>
            function confirm()
            {
                alert("Terima kasih telah melakukan pendaftaran");
            }
        </script>
            
 
 
        </form>
 
    </div>
 
 
    </div>
 
</div>
 
<div class="additionalInfo">
    <h2>Info Tambahan</h2>
 
    <div class="biayaPendaftaran">
        <h3>Biaya Konfirmasi Kepesertaan</h3>
        <ul>
 
        <li><b>Sebelum 15 Januari 2012</b>: Rp. 2.500.000</li>
        <li><b>Sesudah 15 Januari 2012</b>: Rp. 2.750.000</li>
        <li><b>On Site</b>: Rp. 3.000.000</li>
 
        </ul>
 
    </div>
    <div class="infoRefund">
    <p>Pembatalan Pendaftaran sebelum H-5 akan dikembalikan biaya pendaftaran 50%. Setelah H-5 Tidak akan dilakukan pengembalian biaya</p>    
    </div>
 
    <div class="infoTransfer">
    <h3>Lakukan Transfer Bank Ke</h3>
    <ul>
 
        <li><b>Nama Bank</b>: Bank BCA KCU Cirebon</li>
        <li><b>No. Rekening</b>: 1341015475</li>
        <li><b>Atas Nama</b>: Junaedi, S.Kcp</li>
 
        </ul>
 
    </div>
 
    <div class="infoPengiriman">
        <h3>Kirim Bukti Transfer Ke</h3>
        
            <p>
                UPTD Puskesmas Sitopeng
            </p>
            <p>
                Jl. Sekarsari No. 1 Argasurya Harjamukti Kota Cirebon
            </p>
        <h3>Atau Email Ke</h3>
        <p>enterprenurse41@gmail.com</p>
        <p>Konfirmasi setelah transfer ke 0818232809</p>
    </div>
 
    
 
</div>
</body>
 
 
</html>
view raw Kuis1/index.html delivered with ❤ by emgithub


Kode CSS:


Screenshot Webpage:


 
 



Comments

Post a Comment

Popular posts from this blog

PBKK UWP

Image
Nama: Ferdinand Putra Gumilang Silalahi NRP: 5025201176       Tugas Minggu ini adalah membuat aplikasi photolap yang menggunakan UWP. Link Github: https://github.com/DrunkDemoman/PhotoLab Screenshot Program:
Read more

ETS Pemrograman Web

Image
Nama Kelompok: GRG Inc. Nama Aplikasi: GRGJobs Anggota Kelompok Nama: Ferdinand Putra Gumilang Silalahi NRP : 5025201176 Nama: Gery Febrian Setyara NRP: 5025201151 Nama: Rafael Asi Kristanto Tambunan NRP: 5025201168   Deskripsi Aplikasi Website ini adalah website yang berjalan di bidang job seeking dengan mengedepankan keamanan dan validitas dari data pengguna dan lowongan kerja. Website ini memiliki fitur yang dibuat untuk pengguna yang mencari pekerjaan dan perusahaan aplikan. Pengguna dapat memfilter pekerjaan berdasarkan berbagai kategori dan juga mengajukan aplikasi mereka pada lowongan yang tersedia. Perusahaan dapat mengajukan lowongan pekerjaan dengan memspesifikasikan berbagai jenis kebutuhan, tanggung jawab, dan kualifikasi yang diharapkan dari aplikan. Poster  Link PPT: https://docs.google.com/presentation/d/14C5X5UPKz176WeGCMLgFQZDMSiwmtO9u/edit#slide=id.p7 Repo Github: https://github.com/RafaelTbn/ETS-PWEB Website Hosting:  grgjobs.online   Prev...
Read more

Final Project PBKK

Image
Ferdinand Putra Gumilang Silalahi 5025201176 Paper yang dijadikan referensi: Designing and Implementing of An Online Library Managment System ( https://sjuoz.uoz.edu.krd/index.php/sjuoz/article/view/427 ) Studi Kasus MVC: Aplikasi yang dibuat adalah aplikasi manajemen library. Model, yang berisi database untuk penyimpanan data, adalah berisi database buku yang berfungsi untuk menyimpan informasi buku. View berfungsi untuk menampilkan buku, dan juga memberi visualisasi frontend untuk CRUD (Create, Read, Update, dan Delete) untuk buku. Controller adalah bagian yang berfungsi untuk menghandle backend CRUD  Rancangan Aplikasi: Fitur utama aplikasi adalah: Dapat melihat daftar semua buku Dapat menambah buku baru Dapat menunjukkan informasi buku yang secara detail Dapat melakukan update informasi buku dan menghapus buku   Desain Front End    Design Database Logika Back End Add and Update Books: Controller yang akan menghandle penambahan dan update buku Book Details: C...
Read more