Subscribe Us

header ads

Saya akan membuat halaman web pribadi

Saya akan membuat halaman web pribadi untuk Anda dengan domain "biyan.tips". Untuk memberikan lebih banyak konteks, saya akan menggunakan beberapa asumsi dasar. Jika ada informasi spesifik yang Anda ingin tambahkan atau ubah, silakan beri tahu.


Berikut adalah halaman web pribadi sederhana dalam satu file HTML:

html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Biyan Tips</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
color: #333;
}
header {
background-color: #333;
color: #fff;
padding: 1rem;
text-align: center;
}
main {
padding: 1rem;
margin: auto;
max-width: 800px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
h1, h2, h3 {
color: #333;
}
.profile-pic {
width: 150px;
height: 150px;
border-radius: 50%;
object-fit: cover;
display: block;
margin: 0 auto;
}
section {
margin-bottom: 2rem;
}
footer {
text-align: center;
padding: 1rem;
background-color: #333;
color: #fff;
}
a {
color: #007BFF;
text-decoration: none;
}
</style>
</head>
<body>
<header>
<h1>Biyan Tips</h1>
<p>Welcome to my personal website</p>
</header>
<main>
<section id="about">
<h2>About Me</h2>
<img src="profile.jpg" alt="Biyan's Profile Picture" class="profile-pic">
<p>Hello! I'm Biyan, a passionate professional with a love for sharing tips and knowledge. Whether it's about technology, lifestyle, or personal growth, I enjoy helping others by sharing useful insights and practical advice.</p>
</section>
<section id="hobbies">
<h2>Hobbies & Interests</h2>
<p>I have a wide range of interests that keep me busy and fulfilled. Here are a few of my favorite hobbies:</p>
<ul>
<li>Technology and Gadgets</li>
<li>Traveling and Exploring New Places</li>
<li>Photography</li>
<li>Writing and Blogging</li>
<li>Cooking and Trying New Recipes</li>
</ul>
</section>
<section id="projects">
<h2>Projects & Works</h2>
<p>Here are some of the projects I've been working on recently:</p>
<ul>
<li><a href="#">Tech Blog</a> - A blog where I share the latest trends and tips in technology.</li>
<li><a href="#">Travel Photography</a> - A collection of my travel photographs from around the world.</li>
<li><a href="#">Recipe Book</a> - A compilation of my favorite recipes, available as an eBook.</li>
</ul>
</section>
</main>
<footer>
<p>&copy; 2024 Biyan Tips. All rights reserved.</p>
</footer>
</body>
</html>

Berikut penjelasan singkat tentang struktur halaman web ini:

Header: Menampilkan nama situs dan sapaan selamat datang.
Main Content: Berisi tiga bagian utama:
About Me: Informasi singkat tentang Anda.
Hobbies & Interests: Daftar hobi dan minat Anda.
Projects & Works: Daftar proyek dan karya yang ingin ditampilkan dengan tautan ke masing-masing.
Footer: Menampilkan hak cipta.

Contoh : Biyan Tips

Biyan Tips

Welcome to my personal website

About Me

Biyan's Profile Picture

Hello! I'm Biyan, a passionate professional with a love for sharing tips and knowledge. Whether it's about technology, lifestyle, or personal growth, I enjoy helping others by sharing useful insights and practical advice.

Hobbies & Interests

I have a wide range of interests that keep me busy and fulfilled. Here are a few of my favorite hobbies:

  • Technology and Gadgets
  • Traveling and Exploring New Places
  • Photography
  • Writing and Blogging
  • Cooking and Trying New Recipes

Projects & Works

Here are some of the projects I've been working on recently:

  • Tech Blog - A blog where I share the latest trends and tips in technology.
  • Travel Photography - A collection of my travel photographs from around the world.
  • Recipe Book - A compilation of my favorite recipes, available as an eBook.

© 2024 Biyan Tips. All rights reserved.



Jika ada tambahan atau perubahan yang ingin Anda lakukan, silakan beri tahu.


Posting Komentar

0 Komentar

Subscribe

Social Plugin