Tugas 7 (Membuat tampilan web berita, login, contact us dengan menggunakna bootstrap

  

Tugas 7 (Membuat news article, contact-us, login)


        Assalamu'alaikum. Pada pertemuan 7 diberikan tugas untuk mengimplementasikan penggunaan bootstrap yang disini saya menggunakan bootstrap versi 5. Dan pada tugas ini saya membuat halaman tampilan awal, login serta contact-us.

Tampilan awal


Login



Contact-us




Karena selalu gagal meng-upload gambar tampilannya :'). Maka untuk tampilan lebih lengkap dapat dilihat disini dengan source code disini

Terimakasih.













Comments

Post a Comment

Popular posts from this blog

Tugas 6 (Membuat Form Kelayakan Kuliah Offline)

Image
  Tugas 6 (Membuat Form Kelayakan Kuliah Offline)          Assalamu'alaikum.  Pada pertemuan 6 diberikan tugas untuk membuat form kelayakan kuliah online dengan mengimplementasikan JavaScript didalamnya. Disini saya membuatnya dengan external script serta menggunakan bootstrap5. Berikut merupakan tampilan form-nya. Source code index.html <! 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" />     < script src = "main.js" ></ script >     < link       rel = "stylesheet"       href = "https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"       integrity = "sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"       cros
Read more

PWEB A - TUGAS 3

Image
  Tugas 3 (Membuat website warung tegal sederhana)           Pada pertemuan tiga diberikan tugas untuk membuat website sederhana menggunakan html5. Pada penugasan ini ditambahkan carousel, video, dll. Berikut merupakan tampilan dari web tersebut. Berikut source code index.html <!DOCTYPE html> <html> <head> <title>Web Warung Tegal</title> <link rel="stylesheet" href="style.css" /> <script> var slidePosition = 1; SlideShow(slidePosition);   function plusSlides(n) { SlideShow((slidePosition += n)); }   function currentSlide(n) { SlideShow((slidePosition = n)); } z; function SlideShow(n) { var i; var slides = document.getElementsByClassName("Containers"); if (n > slides.length) { slidePosition = 1; } if (n < 1) { slidePosition = slides.length; } for (i = 0; i &l
Read more