PWeb (M)

 Aisyahra Alhanni Satria 5053231010 Membuat web berbentuk untuk kantin informatika yang dapat memperlihatkan menu makanan pada kantin tersebut dan menu yang populer. Ini kodingan saya: <! DOCTYPE html > < style > * {     margin : 0 ;     padding : 0 ;     box-sizing : border-box ; } body {     font-family : Arial , sans-serif ;     background-color : # f9f9f9 ;     color : # 333 ; } . wrapper {     width : 80 % ;     margin : 0 auto ;     background-color : # fff ;     padding : 20 px ;     border-radius : 8 px ;     box-shadow : 0 0 10 px rgba ( 0 , 0 , 0 , 0.1 ); } /* Header */ header {     text-align : center ;     background-color : # eee ;     padding : 20 px 0 ;     border-bottom : 2 px solid # ddd ; } header h1 {     font-size : 2.5 em ;     margin-bottom : 10 px ;  ...

 Aisyahra Alhanni Satria 5053231010 Membuat form registrasi unit kegiatan seperti contoh berikut: Ini tampilan web nya: Ini adalah tampilan awal form nya Ini tampilannya saat diisi Dan ini yang terjadi saat tombol submit ditekan. Setelah mengklik ok, form akan dikosongkan. Berikut adalah kodingan dari form regis ini: <! DOCTYPE html > < html > < head >     < title > Registration Page </ title >     < style >         body {             background-color : Lightskyblue ;         }     </ style >     < script >         function submitForm () {             alert ( " Submitted " );             document . getElementById ( " registrationForm " ) . reset ();         }     </ script > </ head > < body > ...

 Aisyahra Alhanni Satria 5053231010 Membuat web mengenai event dan acara https://github.com/imabutterghost/Webbb untuk kodingannya: <! DOCTYPE html > < html lang = " id " > < head >     < style >         /* General Styling */         body {             margin : 0 ;             padding : 0 ;             font-family : ' Times New Roman ' , Courier , monospace ;             background-image : url ( ' https://static.vecteezy.com/system/resources/previews/035/410/274/large_2x/ai-generated-retro-asian-city-street-at-night-illustration-old-traditional-town-with-anime-style-concept-free-photo.jpeg ' ); /* Ganti dengan URL gambar Anda */             background-size : cover ;             background-position : center ;     ...