PWEB (A) - Kuis (1)
PWEB - Kuis (1)
Nama : Ryan Abinugraha
NRP : 5025211178
Kelas : PWEB - A
Tahun : 2023
Tugas :
Pembuatan website kantor - Dibutuhkan jasa pembuatan website kantor yang menarik - Dengan tampilan web yang dinamis - User Friendly dan berbasis Database.
html script :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Company Profile</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h1>Company Name</h1>
<nav>
<ul>
<li><a href="#about">Tentang Kami</a></li>
<li><a href="#services">Layanan</a></li>
<li><a href="#contact">Kontak</a></li>
</ul>
</nav>
</header>
<section id="about">
<h2>Tentang Kami</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec turpis in ipsum fringilla ullamcorper.</p>
</section>
<section id="services">
<h2>Layanan Kami</h2>
<ul>
<li>Layanan 1</li>
<li>Layanan 2</li>
<li>Layanan 3</li>
</ul>
</section>
<section id="contact">
<h2>Kontak Kami</h2>
<address>
Alamat: Jl. Contoh No. 123, Kota Contoh, 12345<br>
Email: info@company.com<br>
Telepon: (123) 456-7890
</address>
</section>
<footer>
© 2023 Company Name
</footer>
</body>
</html>
css script :
/* Reset default margin and padding */
body, h1, h2, p, ul, li {
margin: 0;
padding: 0;
}
/* Apply a background color and style to the header */
header {
background-color: #333;
color: #fff;
padding: 20px;
}
/* Style the navigation menu */
nav ul {
list-style: none;
}
nav ul li {
display: inline;
margin-right: 20px;
}
nav a {
text-decoration: none;
color: #fff;
}
/* Style the main content sections */
section {
padding: 20px;
margin: 20px 0;
border: 1px solid #ddd;
}
/* Style the footer */
footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 10px;
}
Comments
Post a Comment