Scribd
Upload
8 views3 pages

Beranda PHP

This document is an HTML template for a discount calculation application. It includes styling for the body, headings, paragraphs, images, links, forms, inputs, and buttons. The main content welcomes users and provides a link to access the application.

Uploaded by

refasyarzky
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
8 views3 pages

Beranda PHP

This document is an HTML template for a discount calculation application. It includes styling for the body, headings, paragraphs, images, links, forms, inputs, and buttons. The main content welcomes users and provides a link to access the application.

Uploaded by

refasyarzky
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Contoh Coding HTML Website</title>
<style>
body {
font-family: Arial, sans-serif;
background-image: url("gambar/laptop.jpg");
background-size: cover;
margin: 0;
padding: 20px;
}
h1 {
color: white;
}
p {
color: white;
}
img {
max-width: 100%;
height: auto;
}
a {
color: #007bff;
text-decoration: none;
}
form {
background: #fff;
padding: 20px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
input, textarea {
width: 100%;
padding: 10px;
margin-bottom: 10px;
border: 1px solid #ccc;
border-radius: 3px;
}
button {
padding: 10px 20px;
background: #007bff;
color: #fff;
border: none;
border-radius: 3px;
cursor: pointer;
}
.button-link {
display: inline-block;
padding: 10px 20px;
background-color: #4CAF50;
color: white;
text-decoration: none;
border-radius: 5px;
font-size: 16px;
}

.button-link:hover {
background-color: #45a049;
}
</style>
</head>
<body>
<center> <h1>Selamat Datang di Aplikasi Perhitungan Diskon</h1>
<p>Untuk Menggunakan Aplikasi Silahkan Klik Link Dibawah</p>
<a href="diskon.php" class="button-link">Klik Aku</a>
</center>

</body>
</html>
Hasil :

You might also like