Untitled

mail@pastecode.io avatar
unknown
html
a month ago
3.8 kB
3
Indexable
Never
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>WisataPari</title>
    <link href="Teori 2 css.css" rel="stylesheet" type="text/css" /> <!-- sesuai judul file, biar ada warnanya-->
  </head>
  <body>
    <div class="container">
    <header>
      <h2>Wisata Bunga</h2>
      <h2>Wisata Alam, Perairan, dan Budaya</h2>
    </header>

    <menu>
      <a href="#">Home</a>
      <a href="#">News</a>
      <a href="#">Destination</a>
      <a href="#">Contact</a>
    </menu>

    <article>
      <div class="kiri">
      <div class="kiriatas">
      <h1>Tentang Wisata</h1> <!-- Judul kedua dibawah menu-->
      <p>
                "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sunt
                reprehenderit praesentium tempora? Ipsum eligendi iste vero corrupti,
                consequuntur ipsam, ratione explicabo doloremque voluptas inventore
                architecto dicta, dignissimos quas incidunt rerum?"
      </p>
      </div> 
       <div class="kiribawah"></div>
       <h1>Kontak Kami</h1> <!-- Judul ketiga dibawah menu-->
       <img src="images/contact1.jpg"> 
       <img src="images/contact2.jpg">
       </div>
       </div>
       <div class="kanan">
      <div class="atas">
      <h1>Layanan Kami</h1>
      <img src="c:\Users\maisa\Downloads\26d9341a1a7a7efe83c81c097e1b703e.jpg">
        <p>
                "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sunt
                reprehenderit praesentium tempora? Ipsum eligendi iste vero corrupti,
                consequuntur ipsam, ratione explicabo doloremque voluptas inventore
                architecto dicta, dignissimos quas incidunt rerum?"
      </p>
       <p>
                "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sunt
                reprehenderit praesentium tempora? Ipsum eligendi iste vero corrupti,
                consequuntur ipsam, ratione explicabo doloremque voluptas inventore
                architecto dicta, dignissimos quas incidunt rerum?"
      </p>
      </div> 
       </div>
    </article>
    </div> <!-- penutup footer biar dibawah-->
    <footer>
        Copyright &copy; 2024| <a href="https:/www.PesonaBunga.com/" target="blank"></a>
    </footer>
  </body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Latihan 3</title>
    <link href="Latihan 3.css" rel="stylesheet" type="text/css">
</head>

<body>

<hr>
<div class="Besar">
    <div class="kecil1">
        <h1>Kiri kiri Kiri</h1>
        <img src="c:\Users\maisa\Downloads\html.png" width="100px" height="100px">
        <p>Lorem ipsum dolor sit amet  
            adipisicing elit. Officiis  
            Repellat, enim! Repellendus.</p>
        </div>

        <div class="kecil2">
            <h1>Mid Mid Mid</h1>
            <img src="c:\Users\maisa\Downloads\html.png" width="100px" height="100px">
            <p>Lorem ipsum dolor sit amet
                adipisicing elit. Officiis
                Repellat, enim! Repellendus.</p>
        </div>

        <div class="kecil3" width="100px" height="110px">
            <h2>Kanan Kanan Kanan</h2>
            <img src="c:\Users\maisa\Downloads\html.png">
            <p>Lorem ipsum dolor sit amet
                adipisicing elit. Officiis
                Repellat, enim! Repellendus.</p>
            </div>
</div>
   <hr>
    <footer>
        Copyright WEBDEV Batik &copy; 2024
    </footer>

</div>
</body>
</html>

<!-- hr diluar div class -->
<!-- border bottom ini buat garis bawah -->
<!-- border top -->
<!-- width -->
<!-- float left: gambarnya ke kiri -->
<!-- marginnya auto-->
Leave a Comment