Postingan

jQuerry

  <! DOCTYPE html > < html > < head > < script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js" ></ script > < script > $ ( document ). ready ( function (){   $ ( "p" ). click ( function (){     $ ( this ). hide ();   }); }); </ script > </ head > < body > < p > If you click on me, I will disappear. </ p > < p > Click me away! </ p > < p > Click me too! </ p > </ body > </ html >

Bootstrap

 <!DOCTYPE html> <html lang="en"> <head>   <title>Bootstrap Example</title>   <meta charset="utf-8">   <meta name="viewport" content="width=device-width, initial-scale=1">   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> </head> <body> <div class="jumbotron text-center">   <h1>My First Bootstrap Page</h1>   <p>Resize this responsive page to see the effect!</p>  </div>    <div class="container">   <div class="row">     <div class="col-sm-4">       <h3>Column 1</h3>       <p>Lorem i...

Portofolio

Gambar
  Hii.. Here is a program to make a Portofolio site using HTML and CSS HTML  Source Code : <! DOCTYPE html > < html lang = "en" >     < link rel = "stylesheet" href = "Porto.css" >     < 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" >         < title > Portofolio </ title >     </ head >     < body >         < div class = "div1" >   < a href = "file:///D:/Materi/HTML/Tugas%201/Portofolio.html" >             < div class = "header" >                 < div class = "logo" >< img src = "Pride.png" height = "125px" >...

Login Prompt

Gambar
Hii.. Here is a program to make a login prompt using HTML, CSS and JavaScript. HTML Source Code : <! DOCTYPE html > < head >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < meta charset = "utf-8" >     < title > Login / Sign Up Form </ title >     < link rel = "shortcut icon" href = "/assets/favicon.ico" >     < link rel = "stylesheet" href = "Login.css" > </ head > < body >     < div class = "container" >         < form class = "form" id = "login" >             < h1 class = "form__title" > Login </ h1 >             < div class = "form__message form__message--error" ></ div >             < div class = "form__input-group" >             ...