diff --git a/ferminhtml/1.jpg b/ferminhtml/1.jpg
new file mode 100644
index 0000000..3160e06
Binary files /dev/null and b/ferminhtml/1.jpg differ
diff --git a/ferminhtml/2.jpg b/ferminhtml/2.jpg
new file mode 100644
index 0000000..bd9e146
Binary files /dev/null and b/ferminhtml/2.jpg differ
diff --git a/ferminhtml/3.jpg b/ferminhtml/3.jpg
new file mode 100644
index 0000000..367caf2
Binary files /dev/null and b/ferminhtml/3.jpg differ
diff --git a/ferminhtml/4.jpg b/ferminhtml/4.jpg
new file mode 100644
index 0000000..6ccd0ce
Binary files /dev/null and b/ferminhtml/4.jpg differ
diff --git a/ferminhtml/about.html b/ferminhtml/about.html
new file mode 100644
index 0000000..0256aba
--- /dev/null
+++ b/ferminhtml/about.html
@@ -0,0 +1,67 @@
+!DOCTYPE html>
+<html>
+<head>
+<style>
+body {margin:0;}
+
+ul {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  background-color: #333;
+  position: fixed;
+  top: 0;
+  width: 100%;
+}
+
+li {
+  float: left;
+}
+
+li a {
+  display: block;
+  color: white;
+  text-align: center;
+  padding: 14px 16px;
+  text-decoration: none;
+}
+
+li a:hover:not(.active) {
+  background-color: #eb8202;
+}
+
+.active {
+  background-color: #eb8202;
+}
+</style>
+</head>
+<body>
+
+
+<ul>
+  <li><a class="active" href="home.html">Home</a></li>
+  <li><a class="active" href="about.html">About</a></li>
+  <li><a class="active" href="gallery.html">Gallery</a></li>
+<li><a href="https:www.facebook.com">Facebook</a></li>
+  <li><a href="https:www.youtube.com">Youtube</a></li>
+</ul>
+
+<div style="padding:20px;margin-top:30px;background-color:#1abc9c;height:1500px;">
+
+ <h1>Viktor Angelo Fermin <align="right"/h1>
+
+  <body bgcolor="#1abc9c"> 
+     <center><img src="viktor.jpg" height="320" width="420"><center>
+    <center><br<h1>NAME:</br<h1><h4> Viktor Angelo M. Fermin</h4>
+  <hr><h1>NICK NAME:</h1><h4> POGI</h4>
+  <hr><h1>BIRTHDAY:</h1><H4>September 4 2001.</H4>
+  <hr><h1>ADDRESS:</h1><h4>39 Santan St. Brgy Fortune Marikina City.</h4>
+  <hr><h1>EDUCATIONAL BACKGROUND</h1><h4>Senior High School.</h4>
+  <hr><h1>HOBBIES:</h1><h4> Playing Online Games, Reading Stories, Watching Movies.</h4>
+  <hr><h1>About myself:</h1><h4>Happy Lang :)</h4>
+  <hr><h1>Motto:</h1><h4> "Don't Stop WHen You're Tired Stop When You're Done." (An Inspirational Quote By Johnny)
+  <br>
+  </center>
+</body>
+</html>
\ No newline at end of file
diff --git a/ferminhtml/gallery.html b/ferminhtml/gallery.html
new file mode 100644
index 0000000..8c7c9f7
--- /dev/null
+++ b/ferminhtml/gallery.html
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+body {margin:0;}
+
+ul {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  background-color: #333;
+  position: fixed;
+  top: 0;
+  width: 100%;
+}
+
+li {
+  float: left;
+}
+
+li a {
+  display: block;
+  color: white;
+  text-align: center;
+  padding: 14px 16px;
+  text-decoration: none;
+}
+
+li a:hover:not(.active) {
+  background-color: #eb8202;
+}
+
+.active {
+  background-color: #eb8202;
+}
+</style>
+</head>
+<body>
+
+
+<ul>
+  <li><a class="active" href="home.html">Home</a></li>
+  <li><a class="active" href="about.html">About</a></li>
+  <li><a class="active" href="gallery.html">Gallery</a></li>
+  <li><a href="https:www.facebook.com">Facebook</a></li>
+  <li><a href="https:www.youtube.com">Youtube</a></li>
+</ul>
+
+<div style="padding:20px;margin-top:30px;background-color:#1abc9c;height:1500px;">
+
+<!DOCTYPE html>
+<style>
+.flex-container {
+  display: flex;
+  flex-wrap: wrap;
+  background-color: DodgerBlue;
+}
+
+.flex-container > div {
+  background-color: #f1f1f1;
+  width: 100px;
+  margin: 10px;
+  text-align: center;
+  line-height: 75px;
+  font-size: 30px;
+}
+</style>
+</head>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<style>
+img {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+</style>
+</head>
+<body>
+
+<h1 align="center">Cities That I Want To Visit</h1>
+<br>
+<h1 align="center">Los Angeles California</h1>
+<img align="center" src="1.jpg" height="240" width="320">
+<br>
+<h1 align="center">Tokyo</h1>
+<img align="center" src="2.jpg" height="240" width="320">
+<br>
+<h1 align="center">Seoul</h1>
+<img align="center" src="3.jpg" height="240" width="320">
+<br>
+<h1 align="center">Stockholm</h1>
+<img align="center" src="4.jpg" height="240" width="320">
+<br>
+
+<body>
+  
diff --git a/ferminhtml/giphy.gif b/ferminhtml/giphy.gif
new file mode 100644
index 0000000..ec0e6f0
Binary files /dev/null and b/ferminhtml/giphy.gif differ
diff --git a/ferminhtml/home.html b/ferminhtml/home.html
new file mode 100644
index 0000000..4e0f423
--- /dev/null
+++ b/ferminhtml/home.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+body {margin:0;}
+
+ul {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  background-color: #333;
+  position: fixed;
+  top: 0;
+  width: 100%;
+}
+
+li {
+  float: left;
+}
+
+li a {
+  display: block;
+  color: white;
+  text-align: center;
+  padding: 14px 16px;
+  text-decoration: none;
+}
+
+li a:hover:not(.active) {
+  background-color: #eb8202;
+}
+
+.active {
+  background-color: #eb8202;
+}
+</style>
+</head>
+<body>
+
+
+<ul>
+  <li><a class="active" href="home.html">Home</a></li>
+  <li><a class="active" href="about.html">About</a></li>
+  <li><a class="active" href="gallery.html">Gallery</a></li>
+  <li><a href="https:www.facebook.com">Facebook</a></li>
+  <li><a href="https:www.youtube.com">Youtube</a></li>
+</ul>
+
+<div style="padding:20px;margin-top:30px;background-color:#1abc9c;height:1500px;">
+
+<body>
+<h1 align="center">Welcome To My Webpage!</h1>
+<center><img src="giphy.gif" align="center" height="450" width="700" alt="giphy">
+
+
+</html>
\ No newline at end of file
diff --git a/ferminhtml/viktor.jpg b/ferminhtml/viktor.jpg
new file mode 100644
index 0000000..b467835
Binary files /dev/null and b/ferminhtml/viktor.jpg differ
