First commit
This commit is contained in:
commit
f3e657d8ef
2
.gitignore
vendored
Normal file
2
.gitignore
vendored
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
.DS_Store
|
||||||
|
.vscode
|
||||||
6
css/bootstrap.min.css
vendored
Normal file
6
css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
49
css/main.css
Normal file
49
css/main.css
Normal file
@ -0,0 +1,49 @@
|
|||||||
|
/* ===== BASIC RESET ===== */
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
header {
|
||||||
|
position: sticky;
|
||||||
|
top: 0;
|
||||||
|
background: #fff;
|
||||||
|
border-bottom: 1px solid #ddd;
|
||||||
|
padding: 10px 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav a {
|
||||||
|
margin-right: 15px;
|
||||||
|
text-decoration: none;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
section {
|
||||||
|
padding: 6.5em 5ch;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2 {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.project {
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
padding: 15px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.project-details {
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.visible {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px;
|
||||||
|
border-top: 1px solid #ddd;
|
||||||
|
}
|
||||||
BIN
img/square.jpg
Normal file
BIN
img/square.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 328 KiB |
119
index.html
Normal file
119
index.html
Normal file
@ -0,0 +1,119 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
|
||||||
|
<!-- Bootstrap -->
|
||||||
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
<link href="css/main.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<script src="js/main.js"></script>
|
||||||
|
<script src="js/bootstrap.bundle.min.js"></script>
|
||||||
|
<title>Fajar Nugroho - Portfolio</title>
|
||||||
|
</head>
|
||||||
|
<body class="bg-light-subtle">
|
||||||
|
|
||||||
|
<!-- ===== NAVBAR ===== -->
|
||||||
|
<nav class="navbar navbar-expand-lg bg-light sticky-top border-bottom">
|
||||||
|
<div class="container">
|
||||||
|
<a class="navbar-brand" href="#">Fajar Nugroho</a>
|
||||||
|
<div>
|
||||||
|
<a class="nav-link d-inline" href="#about">About</a>
|
||||||
|
<a class="nav-link d-inline" href="#projects">Projects</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<!-- ===== ABOUT ===== -->
|
||||||
|
<section id="about">
|
||||||
|
<h2 class="mb-3">Who is Fajar Nugroho?</h2>
|
||||||
|
<img src="img/square.jpg" alt="Fajar Nugroho" class="float-start me-3 mb-3 rounded" width="150" height="150" />
|
||||||
|
<p>
|
||||||
|
A male System Architect born in Pekanbaru on April 26, 1996. Building software since 2012, with an early focus on Visual Basic and Windows platforms. Expanded into cross-platform development in 2021 and formally transitioned to C# as the primary language in January 2022.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Experienced in designing and implementing software solutions across various industries, including education, sports, F&B, heavy equipments, and government-related. Passionate about creating efficient, scalable, and maintainable systems that solve real-world problems.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- ===== PROJECTS ===== -->
|
||||||
|
<section id="projects" class="bg-success-subtle">
|
||||||
|
<h2 class="mb-4">Projects</h2>
|
||||||
|
|
||||||
|
<!-- Project 1 -->
|
||||||
|
<div class="card mb-3 p-3 project">
|
||||||
|
<h5>2025 - Billing, POS, and Inventory Management System</h5>
|
||||||
|
<p>A web-based system for managing billing, point-of-sale operations, and inventory for F&B business.</p>
|
||||||
|
|
||||||
|
<div class="project-details d-none">
|
||||||
|
<p><strong>Role:</strong> System Architect - Responsible for overall system design, architecture decisions, and development.</p>
|
||||||
|
<p><strong>Tech Used:</strong> C#, Microsoft SQL Server, HTML, JavaScript, CSS</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card mb-3 p-3 project">
|
||||||
|
<h5>2020-2023 - School Technology Platform</h5>
|
||||||
|
<p>A technology platform built around a Computer-Based Testing (CBT) system for educational institutions.</p>
|
||||||
|
|
||||||
|
<div class="project-details d-none">
|
||||||
|
<p><strong>Role:</strong> Team Leader - Responsible for overall system design, architecture decisions, development, and user feedback.</p>
|
||||||
|
<p><strong>Tech Used:</strong> C#, Microsoft SQL Server, HTML, JavaScript, CSS</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card mb-3 p-3 project">
|
||||||
|
<h5>2019 - Meeting Attendance Apps</h5>
|
||||||
|
<p>A lightweight application designed for recording meeting attendance and generating printable reports.</p>
|
||||||
|
|
||||||
|
<div class="project-details d-none">
|
||||||
|
<p><strong>Role:</strong> Sole Developer - Responsible for development of the application.</p>
|
||||||
|
<p><strong>Tech Used:</strong> VB.NET, Microsoft Access</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card mb-3 p-3 project">
|
||||||
|
<h5>2018-2019 - Computer-Based Testing (CBT) System</h5>
|
||||||
|
<p>A CBT system for educational institutions.</p>
|
||||||
|
|
||||||
|
<div class="project-details d-none">
|
||||||
|
<p><strong>Role:</strong> Team Leader - Responsible for overall system design, architecture decisions, development, and user feedback.</p>
|
||||||
|
<p><strong>Tech Used:</strong> VB.NET (initially), C#, Microsoft SQL Server, HTML, JavaScript, CSS</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card mb-3 p-3 project">
|
||||||
|
<h5>2015-2016 - Billing and F&B POS Application</h5>
|
||||||
|
<p>A desktop app for managing billing and point-of-sale operations for F&B business.</p>
|
||||||
|
|
||||||
|
<div class="project-details d-none">
|
||||||
|
<p><strong>Role:</strong> Sole Developer - Responsible for overall application development.</p>
|
||||||
|
<p><strong>Tech Used:</strong> VB.NET</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card mb-3 p-3 project">
|
||||||
|
<h5>2015 - Membership Card Application</h5>
|
||||||
|
<p>A desktop application for managing members information with printable membership cards.</p>
|
||||||
|
|
||||||
|
<div class="project-details d-none">
|
||||||
|
<p><strong>Role:</strong> Sole Developer - Responsible for overall application development.</p>
|
||||||
|
<p><strong>Tech Used:</strong> VB.NET</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card mb-3 p-3 project">
|
||||||
|
<h5>2012 - Student ID Card Application</h5>
|
||||||
|
<p>A desktop application for generating and managing student ID cards.</p>
|
||||||
|
|
||||||
|
<div class="project-details d-none">
|
||||||
|
<p><strong>Role:</strong> Programmer - Responsible for writing code listings and debugging.</p>
|
||||||
|
<p><strong>Tech Used:</strong> VB.NET, Microsoft SQL Server</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- ===== FOOTER ===== -->
|
||||||
|
<footer class="text-center bg-dark-subtle">
|
||||||
|
<p>Copyright © 2026 Fajar Nugroho. All rights reserved.</p>
|
||||||
|
<p>Designed using <a href="https://getbootstrap.com/">Bootstrap</a>.</p>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- ===== JAVASCRIPT ===== -->
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
7
js/bootstrap.bundle.min.js
vendored
Normal file
7
js/bootstrap.bundle.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
16
js/main.js
Normal file
16
js/main.js
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
document.addEventListener("DOMContentLoaded", function () {
|
||||||
|
document.querySelectorAll("a[href^='#']").forEach(anchor => {
|
||||||
|
anchor.addEventListener("click", function (e) {
|
||||||
|
e.preventDefault();
|
||||||
|
document.querySelector(this.getAttribute("href"))
|
||||||
|
.scrollIntoView({ behavior: "smooth" });
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
document.querySelectorAll(".project").forEach(project => {
|
||||||
|
project.addEventListener("click", () => {
|
||||||
|
const details = project.querySelector(".project-details");
|
||||||
|
details.classList.toggle("d-none");
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
Loading…
x
Reference in New Issue
Block a user