Penambahan Table di Website Pribadi
PENAMBAHAN TABLE
link : https://jasmineaziza.onrender.com/
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jasmine Aziza - Portfolio</title>
<style>
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
margin: 0;
padding: 20px;
background-color: #f4f4f4;
color: #333;
}
header {
display: flex;
align-items: center;
background-color: #003b56; /* Changed color to #003b56 */
color: #fff;
padding: 20px;
border-radius: 10px;
margin-bottom: 20px;
}
header img {
border-radius: 50%;
margin-right: 20px;
width: 120px;
height: 120px;
}
header h1 {
margin: 0;
font-size: 2.5em;
}
section {
margin-bottom: 40px;
}
h2 {
color: #003b56; /* Changed color to #003b56 */
border-bottom: 2px solid #003b56; /* Changed color to #003b56 */
padding-bottom: 10px;
margin-bottom: 20px;
font-size: 1.8em;
}
p {
line-height: 1.8;
margin-bottom: 10px;
}
.contact-info, .education, .volunteering, .skills, .languages {
margin-bottom: 20px;
}
.skills, .languages {
display: flex;
flex-wrap: wrap;
}
.skills div, .languages div {
flex: 1 1 45%;
margin: 10px;
padding: 10px;
background-color: #f9f9f9;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.skills div p, .languages div p {
margin: 0;
}
footer {
text-align: center;
padding: 10px;
background-color: #333;
color: #fff;
margin-top: 20px;
border-radius: 10px;
}
footer p {
margin: 0;
}
.section-title {
font-size: 1.6em;
font-weight: bold;
margin-bottom: 10px;
color: #333;
}
.section-content {
margin-left: 20px;
}
.section-content p {
margin: 5px 0;
}
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
th, td {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
}
th {
background-color: #003b56; /* Changed color to #003b56 */
color: white;
}
</style>
</head>
<body>
<header>
<img src="JasmineAziza.jpg" alt="Jasmine Aziza">
<h1>Jasmine Aziza</h1>
</header>
<section id="contact" class="contact-info">
<h2>Contact Information</h2>
<table>
<tr>
<th>Type</th>
<th>Details</th>
</tr>
<tr>
<td>Email</td>
<td>jjasmineaziza@gmail.com</td>
</tr>
<tr>
<td>Phone</td>
<td>(+62) 82122854877</td>
</tr>
<tr>
<td>LinkedIn</td>
<td><a href="https://www.linkedin.com/in/jasmine-aziza-6b611b289/" target="_blank">Jasmine Aziza</a></td>
</tr>
<tr>
<td>Instagram</td>
<td><a href="https://www.instagram.com/jasmineziza/" target="_blank">@jasmineziza</a></td>
</tr>
<tr>
<td>WhatsApp</td>
<td>(+62) 82122854877</td>
</tr>
<tr>
<td>Address</td>
<td>Perumahan Bumi Marina Mas, Jl. Marina Emas Barat IV no.50, Keputih, Surabaya, Indonesia</td>
</tr>
</table>
</section>
<section id="about">
<h2>About Me</h2>
<p>I am a dedicated Software Engineering student at Institut Teknologi Sepuluh Nopember, enrolled since 2023. With a strong foundation in both academics and extracurricular activities, I balance my technical education with extensive organizational experience. During high school, I actively participated in various organizations and served as the Deputy of the Student Council (MPK). My involvement in organizing numerous school events has honed my leadership, communication, and teamwork skills. I am adept at interacting with diverse groups and easily integrate into new environments. I am always actively looking for opportunities that can broaden my perspective towards the world. I am eager to contribute my skills and experience to new challenges and opportunities in any field.</p>
</section>
<section id="education" class="education">
<h2>Education and Training</h2>
<table>
<tr>
<th>Degree</th>
<th>Institution</th>
<th>Period</th>
</tr>
<tr>
<td>Software Engineering Major Student</td>
<td>Institut Teknologi Sepuluh Nopember, Surabaya, Indonesia</td>
<td>Enrolled: August 2023</td>
</tr>
<tr>
<td>Science Student</td>
<td>MAN 19 Jakarta, Jakarta, Indonesia</td>
<td>September 2020 - June 2023</td>
</tr>
</table>
</section>
<section id="volunteering" class="volunteering">
<h2>Volunteering Experience</h2>
<table>
<tr>
<th>Role</th>
<th>Organization</th>
<th>Period</th>
<th>Details</th>
</tr>
<tr>
<td>Mentor</td>
<td>Inclenation 2024, Surabaya, Indonesia</td>
<td>July 10, 2024 – August 17, 2024</td>
<td>
Guided new students to become more familiar with the faculty.<br>
Helped students feel comfortable and supported throughout the orientation process.<br>
Provided essential learning and insights to facilitate a smooth transition into university life.<br>
Ensured all necessary information was communicated effectively to new students.
</td>
</tr>
<tr>
<td>Public Relations</td>
<td>BTS (Buku Tahunan Sekolah), Jakarta, Indonesia</td>
<td>January 2023 – May 2023</td>
<td>
Delivered information related to school activities to teachers and students.<br>
Prepared clear and easily understandable informational materials to be conveyed to teachers and students.<br>
Ensured that the information provided was timely and accurate.
</td>
</tr>
<tr>
<td>Supervision Division</td>
<td>LANGSADARYA (Gemilang Berbahasa, Pemuda Berkarya), Jakarta, Indonesia</td>
<td>December 2022</td>
<td>
Managed and oversaw all aspects of the LANGSADARYA competition for students.<br>
Ensured that the preparation and execution of the competition ran smoothly and according to schedule.<br>
Coordinated with the team to determine judging criteria, event schedules, and awards for the winners.
</td>
</tr>
</table>
</section>
<section id="organization" class="organization">
<h2>Organization Experience</h2>
<table>
<tr>
<th>Position</th>
<th>Organization</th>
<th>Period</th>
<th>Details</th>
</tr>
<tr>
<td>Vice President of Class Representative Assembly</td>
<td>Islamic Public Senior High School 19 Jakarta</td>
<td>October 31, 2021 – December 12, 2022</td>
<td>
Monitored the performance of the student council in carrying out its duties.<br>
Led meetings and maintained relations with school residents.<br>
Coached juniors and managed extracurricular activities, particularly sports events.
</td>
</tr>
<tr>
<td>Member of Class Representative Assembly</td>
<td>Islamic Public Senior High School 19 Jakarta</td>
<td>October 13, 2020 – October 30, 2021</td>
<td>
Engaged in regular meetings and discussions to formulate and review student council activities.<br>
Collaborated with fellow members to represent students' interests in dialogues with the school's administration.<br>
Contributed to organizing events and student activities.
</td>
</tr>
</table>
</section>
<section id="skills" class="skills">
<h2>Skills</h2>
<table>
<thead>
<tr>
<th>Skill Type</th>
<th>Skills</th>
</tr>
</thead>
<tbody>
<tr>
<td>Soft Skills</td>
<td>Leadership, Communication, Project Management, Teamwork and Collaboration, Emotional Intelligence, Organizational Development</td>
</tr>
<tr>
<td>Hard Skills</td>
<td>Word, PowerPoint, Canva, Figma</td>
</tr>
</tbody>
</table>
</section>
<footer>
<p>Jasmine Aziza © 2024. All Rights Reserved.</p>
</footer>
</body>
</html>
Comments
Post a Comment