Skip to content

Commit

Permalink
k
Browse files Browse the repository at this point in the history
  • Loading branch information
@dodhelesFn
dodhelesFn committed Dec 15, 2024
1 parent 7a5783a commit d3e9297
Showing 1 changed file with 27 additions and 119 deletions.
146 changes: 27 additions & 119 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,125 +1,33 @@
<!DOCTYPE html>
<html>
<html lang="id">
<head>
<title>Koki Bapak Sapar</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<style>
body {font-family: "Times New Roman", Georgia, Serif;}
h1, h2, h3, h4, h5, h6 {
font-family: "Playfair Display";
letter-spacing: 5px;
}
</style>
</head>
<body>

<!-- Navbar (sit on top) -->
<div class="w3-top">
<div class="w3-bar w3-white w3-padding w3-card" style="letter-spacing:4px;">
<a href="#home" class="w3-bar-item w3-button">Masakan Bapak Sapar</a>
<!-- Right-sided navbar links. Hide them on small screens -->
<div class="w3-right w3-hide-small">
<a href="#about" class="w3-bar-item w3-button">About</a>
<a href="#menu" class="w3-bar-item w3-button">Menu</a>
<a href="#contact" class="w3-bar-item w3-button">Contact</a>
</div>
</div>
</div>

<!-- Header -->
<header class="w3-display-container w3-content w3-wide" style="max-width:1600px;min-width:500px" id="home">
<img class="w3-image" src="https://s7.gifyu.com/images/SJcuz.jpg" alt="Hamburger Catering" width="1600" height="800">
<div class="w3-display-bottomleft w3-padding-large w3-opacity">
<h1 class="w3-xxlarge">KAPURUNG SAPAR</h1>
</div>
</header>
<!-- Page content -->
<div class="w3-content" style="max-width:1100px">

<!-- About Section -->
<div class="w3-row w3-padding-64" id="about">
<div class="w3-col m6 w3-padding-large w3-hide-small">
<img src="/w3images/tablesetting2.jpg" class="w3-round w3-image w3-opacity-min" alt="Table Setting" width="600" height="750">
</div>

<div class="w3-col m6 w3-padding-large">
<h1 class="w3-center">Tentang RM SAPAR</h1><br>
<h5 class="w3-center">Sebuah tradisi sejak tahun 1800</h5><p class="w3-largeThe Catering was founded in blabla by Mr. Smith in lorem ipsum dolor sit amet, consectetur adipiscing elit consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute iruredolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.We only use <span class="w3-tag w3-light-grey">seasonal</span> ingredients.</p><p class="w3-large w3-text-grey w3-hide-medium">Kapurung, sebuah makanan berkuah dengan rasa sedikit asam namun sangat menyegarkan. Kuliner ini merupakan makanan khas tradisional dari Palopo, Sulawesi Selatan.</p>
</div>
</div>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Judul Situs</title>

<hr>
<!-- OpenGraph -->
<meta property="og:title" content="Judul Situs">
<meta property="og:description" content="hi">
<meta property="og:image" content="https://s13.gifyu.com/images/SJZbf.jpg">
<meta property="og:url" content="https://youtu.be/ZCaXU1bfzho?si=bRQvC_fQTqaN9b4t">
<meta property="og:type" content="website">

<!-- Menu Section -->
<div class="w3-row w3-padding-64" id="menu">
<div class="w3-col l6 w3-padding-large">
<h1 class="w3-center">MENU Kapurung</h1><br>
<h4>KAPURUNG ORIGINAL</h4>
<p class="w3-text-grey">Kapurung + Tempe 100.000</p><br>

<div class="w3-col l6 w3-padding-large">
<img src="https://s7.gifyu.com/images/SJcuz.jpg" class="w3-round w3-image w3-opacity-min" alt="Menu" style="width:100%">
</div>
</div>

<h4>KAPURUNG IWAK KALI</h4>
<p class="w3-text-grey">Kapurung + iwak kali 150.000</p><br>

<div class="w3-col l6 w3-padding-large">
<img src="https://s7.gifyu.com/images/SJcuz.jpg" class="w3-round w3-image w3-opacity-min" alt="Menu" style="width:100%">
</div>
</div>

<h4>KAPURUNG AYAM</h4>
<p class="w3-text-grey">Kapurung + Ayam 20.000.000</p><br>

<div class="w3-col l6 w3-padding-large">
<img src="https://s7.gifyu.com/images/SJcuz.jpg" class="w3-round w3-image w3-opacity-min" alt="Menu" style="width:100%">
</div>
</div>

<h4>KAPURUNG TELUR</h4>
<p class="w3-text-grey">Kapurung + Telur dadar 500.000</p><br>

<div class="w3-col l6 w3-padding-large">
<img src="https://s7.gifyu.com/images/SJcuz.jpg" class="w3-round w3-image w3-opacity-min" alt="Menu" style="width:100%">
</div>
</div>

<h4>KAPURUNG KRUPUK</h4>
<p class="w3-text-grey">Kapurung + Krupuk 100.000</p>
</div>

<div class="w3-col l6 w3-padding-large">
<img src="https://s7.gifyu.com/images/SJcuz.jpg" class="w3-round w3-image w3-opacity-min" alt="Menu" style="width:100%">
</div>
</div>
<!-- Tambahan -->
<meta property="og:site_name" content="Nama Situs">
<meta property="og:locale" content="id_ID">
<meta property="fb:app_id" content="ID Aplikasi Facebook">
</head>
<body>
<!-- Konten situs -->
</body>
</html>

<hr>

<!-- Contact Section -->
<div class="w3-container w3-padding-64" id="contact">
<h1>Contact</h1><br>
<p>Kami menawarkan layanan katering lengkap untuk acara apa pun, besar atau kecil. Kami memahami kebutuhan Anda dan kami akan menyediakan makanan untuk memenuhi kriteria terbesar, baik tampilan maupun rasa. Jangan ragu untuk menghubungi kami.</p>
<p class="w3-text-blue-grey w3-large"><b>Alamat Service, Selatan Alun Alun, Jalan Raya Palopo</b></p>
<p>Anda juga dapat menghubungi kami melalui telepon 08111111111 atau email [email protected], atau Anda dapat mengirimkan pesan kepada kami di sini:</p>
<form action="/action_page.php" target="_blank">
<p><input class="w3-input w3-padding-16" type="text" placeholder="Nama" required name="Name"></p>
<p><input class="w3-input w3-padding-16" type="number" placeholder="Pesanan" required name="People"></p>
<p><input class="w3-input w3-padding-16" type="datetime-local" placeholder="Waktu Pemesanan" required name="date" value="2025-11-16T20:00"></p>
<p><input class="w3-input w3-padding-16" type="text" placeholder="Text Pesan" required name="Message"></p>
<p><button class="w3-button w3-light-grey w3-section" type="submit">Kirim Pesan</button></p>
</form>
</div>

<!-- End page content -->
</div>
<!-- Footer -->
<footer class="w3-center w3-light-grey w3-padding-32">
<p>Powered by <a href="Bunda.Atik" title="Bunda.Atik" target="_blank" class="w3-hover-text-green">Bapak.Sapar</a></p>
</footer>
<!-- Artikel -->
<meta property="og:type" content="article">
<meta property="article:author" content="Nama Penulis">
<meta property="article:published_time" content="YYYY-MM-DDTHH:MM:SS+ZZZZ">

</body>
</html>
<!-- Video -->
<meta property="og:video" content="(link unavailable)">
<meta property="og:video:width" content="1280">
<meta property="og:video:height" content="720">

0 comments on commit d3e9297

Please sign in to comment.