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 ipsum dolor sit amet, consectetur adipisicing elit...</p>

      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>

    </div>

    <div class="col-sm-4">

      <h3>Column 2</h3>

      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>

      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>

    </div>

    <div class="col-sm-4">

      <h3>Column 3</h3>        

      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>

      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>

    </div>

  </div>

</div>


</body>

</html>


Komentar

Posting Komentar

Postingan populer dari blog ini

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" >...
Baca selengkapnya

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 >
Baca selengkapnya