```Header Page
<!DOCTYPE html>
The Unseen_Dev|Portfolio
href="https://cdn.boxicons.com/3.0.3/fonts/brands/boxicons-brands.min.css"
rel="stylesheet"
/>
Home
About
Projects
Contact
Sign Up
<h1>Unseen_Dev</h1>
<img src="./assets/JX ICON BLACK@3x.jpg" width="300" height="250" />
<p>
I’m Jonathan Folorunsho — a
<b>passionate front-end developer</b> dedicated to building creative,
user-friendly, and responsive web experiences. Every line of code I write
is <i>driven by curiosity</i>, purpose, and the desire to turn simple
ideas into <mark>functional designs</mark>. Take a look around to see my
journey, projects, and growth as a developer.
</p>
<p>
I love connecting with people who share a passion for technology,
creativity, and growth. Whether you want to collaborate on a project,
discuss new ideas, or just say hello, feel free to reach out through any
of my social platforms below. Let’s build, learn, and grow together!
</p>
<a href="mailto:jonathanfolorunsho01@gmail.com"><i class='bxl bx-gmail' style='color:#f90b0b' ></i> </a>
<a href="https://x.com/Unseen_szn"><i class='bxl bx-twitter-x' style='color:#0c0c0c' ></i></a>
<hr/>
© 2025 Jonathan Folorunsho
About Page
<!DOCTYPE html>
About
Home
Project
Contact
<h2>ABOUT ME</h2>
<p>
My name is <b>Jonathan Folorunsho</b>, a passionate and
dedicated <i>front-end web developer</i> from Nigeria. I started my
journey by learning the fundamentals of web technologies — focusing on
<abbr title="Hyper Text Markup language"><b>HTML</b></abbr
>, <abbr title="Cascading stylesheet"><b>CSS</b></abbr
>, and JavaScript — and instantly fell in love with the creative side of
coding. For me, web development isn’t just about writing code; it’s about
crafting interactive experiences that communicate, inspire, and solve
real-world problems.
</p>
<p>
Over time, I’ve built projects that have helped me understand both the
structure and functionality of the web. I enjoy working on clean,
responsive, and user-centered designs that not only look appealing but
also perform efficiently. Every project I work on helps me grow — from
understanding accessibility and layout techniques to refining the way I
organize and structure my code for scalability.
</p>
<p>
My long-term goal is to become a <b>full-stack developer</b>, capable of building
both the front and back ends of web applications. I constantly challenge
myself to learn new tools, frameworks, and technologies that enhance my
workflow. As I continue to grow, I hope to collaborate with other
developers and designers to create digital solutions that make a positive
impact in the world.
</p>
<table border="2">
<tr>My Technical Skillset</tr>
<tr>
<th rowspan="2">Skill</th>
<th rowspan="2">Description</th>
<th colspan="2">Proficiency</th>
</tr>
<tr>
<th>Level</th>
<th>Rating</th>
</tr>
<tr>
<td>HTML</td>
<td>Building web structure and layout</td>
<td>Intermediate</td>
<td>★ ★ ★ ☆ ☆</td>
</tr>
<tr>
<td>CSS</td>
<td>Designing responsive and elegant interfaces</td>
<td>Beginner</td>
<td>★ ★ ☆ ☆ ☆</td>
</tr>
<tr>
<td>JavaScript</td>
<td>Adding interactivity and dynamic behavior</td>
<td>Beginner</td>
<td>★ ★ ☆ ☆ ☆</td>
</tr>
<tr>
<td>Bootstrap</td>
<td>Quick UI styling and responsive components</td>
<td>Beginner</td>
<td>★ ★ ☆ ☆ ☆</td>
</tr>
</table>
<hr>
PROJECT PAGE
<!DOCTYPE html>
Project
Home
About
project two
Introduction
Every developer’s growth is measured by the projects they build — and for
me, each project represents a milestone in learning, creativity, and
problem-solving. From simple static web pages to more interactive layouts,
every line of code I write teaches me something new about structure,
design, and user experience.
<p>
I enjoy turning small ideas into working prototypes that not only look
clean but also serve a clear purpose. My early projects focused on
mastering the foundations of HTML, CSS, and JavaScript — creating forms,
tables, and navigation systems that are both accessible and responsive. As
I grow, I’ve started exploring how to connect these front-end projects
with back-end logic, preparing myself for the full-stack development
journey ahead.
</p>
<p>
Below are a few of my recent projects that highlight different aspects of
my learning path — from page layouts and form handling to team-based
coding practice. Each project gave me hands-on experience in applying the
core principles of web development, refining my attention to detail, and
improving my problem-solving approach.
</p>
<hr>
<h2 id="Project one">Project One</h2>
<table border="2">
<caption><b>Personal Web Development Projects</b></caption>
<tr>
<th>Project Name</th>
<th>Technology Used</th>
<th>Status</th>
<th>Rating</th>
</tr>
<tr>
<td>Portfolio Website</td>
<td>HTML, CSS, JavaScript</td>
<td>Completed</td>
<td>★ ★ ★ ★ ☆</td>
</tr>
<tr>
<td>Registration Form</td>
<td>HTML, Form Validation</td>
<td>Completed</td>
<td>★ ★ ★ ☆ ☆</td>
</tr>
<tr>
<td>Study Schedule App</td>
<td>HTML, Tables, JS</td>
<td>In Progress</td>
<td>★ ★ ☆ ☆ ☆</td>
</tr>
</table>
<hr>
<h2 id="Project">Project Two</h2>
<table border="2" cellpadding="6" cellspacing="0">
CONTACT PAGE
<!DOCTYPE html>
Contact|Unseen_Dev
Home
Project
Contact Me
Thank you for visiting my portfolio! I truly appreciate your time and interest in my work.
I’m always open to connecting with new people — whether you’re a fellow developer, a potential client,
or someone simply curious about what I do.
If you have questions, project ideas, or opportunities, please don’t hesitate to reach out.
I respond to all inquiries as quickly as possible, and I’m always excited to discuss creative concepts,
web design solutions, or development challenges.
You can reach me through any of the contact options below.
Let’s build something amazing together!
Get In Touch
- Email: jonathanfolorunsho01@gmail.com
- Phone: +234 901 234 5678
-
🌐 GitHub:
github.com/UnseenDev
-
Twitter (X):
@Unseen_szn
-
LinkedIn:
linkedin.com/in/jonathanfolorunsho
Send Me a Message
Full Name:
<label for="email">Email:</label><br>
<input type="email" id="email" name="email" placeholder="Enter your email" required><br><br>
<label for="message">Message:</label><br>
<textarea id="message" name="message" placeholder="Type your message here..." rows="4" cols="40" required></textarea><br><br>
<button type="submit">Send Message</button>
<button type="reset">Clear</button>
© 2025 Jonathan Folorunsho — All Rights Reserved.
Built with HTML and passion.
SIGN UP PAGE
<!DOCTYPE html>
Sign Up Page
Home
About
Project
Contact
<h1>User Sign Up</h1>
<p>
Fill in the details below to create your account and join my developer
community.
</p>
<hr />
<form action="#" method="post">
<fieldset>
<legend>Personal Information</legend>
<label for="fullname">Full Name</label><br />
<input
type="text"
id="fullname"
name="fullname"
placeholder="Enter your full name"
required
/><br /><br />
<label for="email">Email Address</label><br>
<input type="email" id="email" name="email" placeholder="name@example.com" required><br><br>
<label for="dob">Date of Birth</label><br>
<input type="date" id="dob" name="dob"><br><br>
<label for="phone">Phone Number</label><br>
<input type="tel" id="phone" name="phone" placeholder="+2348012345678"><br><br>
<p>Gender:</p>
<label><input type="radio" name="gender" value="male"> Male</label>
<label><input type="radio" name="gender" value="female"> Female</label><br><br>
<label for="state">State of Origin</label><br>
<select id="state" name="state">
<option value="">Select your state</option>
<option value="Lagos">Lagos</option>
<option value="Ogun">Ogun</option>
<option value="Osun">Osun</option>
<option value="Oyo">Oyo</option>
</select><br><br>
<label for="profile">Upload Profile Picture</label><br>
<input type="file" id="profile" name="profile"><br><br>
</fieldset>
<fieldset>
<legend>Account Information</legend>
<label for="username">Username</label><br>
<input type="text" id="username" name="username" placeholder="Choose a username" required><br><br>
<label for="password">Password</label><br>
<input type="password" id="password" name="password" placeholder="Enter a strong password" required><br><br>
<label for="confirm">Confirm Password</label><br>
<input type="password" id="confirm" name="confirm" placeholder="Re-enter password" required><br><br>
<label for="experience">User Experience (0–10)</label><br>
<input type="range" id="experience" name="experience" min="0" max="10"><br><br>
<label><input type="checkbox" name="terms" required> I agree to the Terms and Conditions</label><br><br>
</fieldset>
<fieldset>
<legend>Preferences</legend>
<label for="tech">Preferred Web Technology</label><br>
<select id="tech" name="tech">
<option value="HTML">HTML</option>
<option value="CSS">CSS</option>
<option value="JavaScript">JavaScript</option>
</select><br><br>
<label for="bio">Short Bio / Comment</label><br>
<textarea id="bio" name="bio" placeholder="Write a short note about yourself..." rows="4" cols="40"></textarea><br><br>
</fieldset>
<button type="submit">Submit</button>
<button type="reset">Reset</button>
© 2025 Jonathan Folorunsho — Built with HTML and passion.
Top comments (0)