Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Html.portopolio #454

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
128 changes: 128 additions & 0 deletions Html.portopolio
Original file line number Diff line number Diff line change
@@ -0,0 +1,128 @@
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portofolio Fidiya Zahirah</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
header {
background-color: #007bff;
color: white;
padding: 15px 0;
text-align: center;
}
nav {
margin: 10px 0;
}
nav a {
margin: 0 15px;
color: white;
text-decoration: none;
}
.container {
width: 80%;
margin: auto;
overflow: hidden;
padding: 20px;
}
.section {
background: white;
padding: 15px;
margin: 10px 0;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
h2 {
color: #333;
}
footer {
text-align: center;
padding: 10px 0;
background-color: #007bff;
color: white;
position: relative;
bottom: 0;
width: 100%;
}
.project-link {
color: #007bff;
text-decoration: none;
}
.project-link:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<header>
<h1>Portofolio Fidiya Zahirah</h1>
<nav>
<a href="#profil">Profil</a>
<a href="#keahlian">Keahlian</a>
<a href="#proyek">Proyek</a>
<a href="#pendidikan">Pendidikan</a>
<a href="#kontak">Kontak</a>
</nav>
</header>

<div class="container">
<section id="profil" class="section">
<h2>Profil Diri</h2>
<p>Saya Fidiya Zahirah, siswa kelas 11 jurusan IPA di SMAN 1 Muara Batu. Saya sangat menyukai desain grafis dan menemukan kegembiraan dalam menggunakan Canva untuk menciptakan berbagai desain yang menarik. Saya bersemangat untuk terus belajar dan mengembangkan keterampilan desain saya.</p>
</section>

<section id="keahlian" class="section">
<h2>Keahlian</h2>
<ul>
<li>Desain Grafis menggunakan Canva</li>
<li>Kreativitas dalam menghasilkan ide-ide desain yang inovatif</li>
<li>Komunikasi Visual</li>
<li>Kemampuan bekerja dalam tim</li>
<li>Keterampilan manajemen waktu</li>
</ul>
</section>

<section id="proyek" class="section">
<h2>Proyek</h2>
<ul>
<li>
<strong>Desain Poster Acara Sekolah</strong>: Mendesain poster untuk acara perpisahan sekolah dengan tema "Kenangan Indah".
<a class="project-link" href="link-ke-desain-poster" target="_blank">Lihat Poster</a>
</li>
<li>
<strong>Infografis untuk Presentasi</strong>: Membuat infografis yang menggambarkan hasil survei siswa tentang kegiatan ekstrakurikuler.
<a class="project-link" href="link-ke-infografis" target="_blank">Lihat Infografis</a>
</li>
<li>
<strong>Desain Konten Media Sosial</strong>: Mendesain konten visual untuk akun media sosial sekolah guna mempromosikan kegiatan siswa.
<a class="project-link" href="link-ke-konten-media-sosial" target="_blank">Lihat Konten</a>
</li>
</ul>
</section>

<section id="pendidikan" class="section">
<h2>Pendidikan</h2>
<p><strong>SMAN 1 Muara Batu</strong></p>
<p>Kelas 11 Jurusan IPA</p>
<ul>
<li>Mata Pelajaran Unggulan: Seni, Bahasa Indonesia, Bahasa Inggris</li>
</ul>
</section>

<section id="kontak" class="section">
<h2>Kontak</h2>
<p>Untuk pertanyaan lebih lanjut atau kolaborasi, silakan hubungi saya melalui email: [[email protected]]</p>
</section>
</div>

<footer>
<p>&copy; 2024 Fidiya Zahirah</p>
</footer>
</body>
</html>
107 changes: 0 additions & 107 deletions README.md

This file was deleted.