Posts

Showing posts from September, 2022

Tugas 5 Pemrograman Web C: Latihan Bootstrap

Image
 index.html 1: <!DOCTYPE html> 2: <html> 3: <head> 4: <title>Latihan Bootstrap</title> 5: <meta charset="utf-8"> 6: <meta name="viewport" content="width=device-width, initial-scale=1"> 7: <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"> 8: <script src="bootstrap/js/bootstrap.min.js"></script> 9: </head> 10: <body> 11: <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> 12: <a class="navbar-brand" href="#"> 13: <img src="/image/coding-programming-language-svgrepo-com.svg" width="50" alt=""> 14: </a> 15: <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"> 16: ...

Kuis 1 Pemrograman Web C : HTML, CSS, dan JS

Image
 index.html : 1: <!DOCTYPE html> 2: <html lang="en"> 3: <head> 4: <meta charset="UTF-8"> 5: <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6: <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7: <link rel="stylesheet" href="styles.css" /> 8: <title>Quiz 1 : Formulir Pendaftaran</title> 9: </head> 10: <body> 11: <div class="container"> 12: <div class="header"> 13: <h1>PEMERINTAH KABUPATEN SOLOK</h1> 14: <h1>RUMAH SAKIT UMUM DAERAH AROSUKA</h1> 15: <h3>Jl. Raya Solok Padang KM. 20 Arosuka Kode pos 27364</h3> 16: <h3>Propinsi Sumatra Barat Telp / Fax (0755) 31160</h3> 17: <h3>Email : raudarosukakabsolok@gmail.com</h...

Tugas 4 Pemrograman Web C: Membuat Pencarian Kode Pos

Image
 index.html: 1: <!DOCTYPE html> 2: <html lang="en"> 3: <head> 4: <meta charset="UTF-8"> 5: <link rel="stylesheet" href="styles.css" /> 6: <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7: <meta name="viewport" content="width=device-width, initial-scale=1.0"> 8: <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway"> 9: <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins"> 10: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> 11: <script src="script.js"></script> 12: <title>Kode Pos</title> 13: </head> 14: <body> 15: <div id="container"> 16: <div class="main-conta...

Tugas 3 Pemrograman Web C: Membuat Form

Image
index.html: 1: <!DOCTYPE html> 2: <html lang="en"> 3: <head> 4: <meta charset="UTF-8"> 5: <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6: <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7: <title>Document</title> 8: <link rel="stylesheet" href="index.css"> 9: </head> 10: <body> 11: <h3> LOGIN </h3> 12: <form id='Login_form' onsubmit="submit_form()"> 13: <h4> USERNAME </h4> 14: <input type="text" placeholder="Enter your email id"/> 15: <h4> PASSWORD </h4> 16: <input type="password" placeholder="Enter your password" /></br></br> 17: <input type="submit" value="Login" /> 18: ...

Tugas 2 Pemrograman Web C: Membuat CSS

Image
HTML : 1: <html> 2: <head> 3: <title>Belajar Membuat Website Dengan Mudah</title> 4: <link rel="stylesheet" href="custom.css"/> 5: </head> 6: <body> 7: <div class="header"> 8: <div class="jarak"> 9: <h2>Belajar Membuat Website Dengan Mudah</h2> 10: </div> 11: </div> 12: <div class="menu"> 13: <ul> 14: <li><a href="#">Home</a></li> 15: <li><a href="#">About</a></li> 16: <li><a href="#">Blog</a></li> 17: <li><a href="#">Contact</a></li> 18: </ul> 19: </div> 20: <div class="content"> 21: <div class="jarak"> 22...

Tugas Pemrograman Web C Membuat CV Dengan

Image
     Minggu pertama mata kuliah Pemrograman Web C diberi tugas membuat CV menggunakan HTML dan CSS. Berikut untuk link resource yang telah dibuat. Link Website:  https://brianakbar.github.io/portfolio_web/ Link Repository:  https://github.com/brianakbar/portfolio_web 1. index.html 1: <!DOCTYPE html> 2: <html lang="en"> 3: <head> 4: <meta charset="UTF-8"> 5: <link rel="stylesheet" href="styles.css" /> 6: <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7: <meta name="viewport" content="width=device-width, initial-scale=1.0"> 8: <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway"> 9: <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins"> 10: <title>Brian's CV</title> 11: </head> ...