Add files via upload

codebydin · web-flow · commit 70bb22e98b74 · 2024-04-15T15:15:44.000+08:00
diff --git a/index.html.html b/index.html.html
@@ -0,0 +1,91 @@
+<!DOCTYPE html> 
+<html> 
+<head> 
+
+ <title> Home Page</title>
+
+ <style>
+
+body{
+	background-image:url('nature.jpg');
+	background-size:cover; /*
+	}
+
+</style>
+
+	<style>
+		img.circular{
+			border-radius:50%;
+			display:block;
+			box-shadow:0 0 15px rgba(0, 0, 0, 0.5);
+			z-index: -1;
+		}
+		 nav {
+         
+                position: relative;
+                z-index: 5;
+               border-radius:5px;
+        }
+
+        nav ul {
+                height: 3rem;
+                list-style: none;
+                display: flex;
+                gap: 40px;
+        }
+	
+</style>
+
+</head>
+
+ <body> 
+
+<nav> <ul>
+	<img src="pngwing.png" height="20" width="20" alt="Instagram Logo" usemap="#instagram-map" align="right">		
+
+	<img src="tik.jpg" height="20" width="20" alt="Tiktok Logo" usemap="#tiktok-map" align="right">
+
+	<img src="Youtube_logo.png" height="20" width="20" alt="Youtube Logo" usemap="#youtube-map" align="right">
+
+	<img src="Facebook_Logo_2023.png" height="20" width="20" alt="facebook logo" usemap="#facebook-map" align="right">
+
+	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+
+        <li class="active">
+                <button> <a href="file:///C:/Users/Michaella/OneDrive/Desktop/html/ABOUT.html"> About Me</button> </a>
+        </li>
+        <li>
+                <button> <a href="file:///C:/Users/Michaella/OneDrive/Desktop/html/Resume24.html"> Resume</button> </a>
+        </li>
+        <li>
+                <button> <a href="file:///C:/Users/Michaella/OneDrive/Desktop/html/contact.html"> Contact </button> </a>
+        </li>
+       
+</ul> </nav>
+
+ 	<h2 style="color: white;"> Hello Everyone!<br> </h2>
+
+	<h1 style="color:green;"> I'm </h1>
+
+	<h3 style="color:darkblue;">ALDRIN CUADRO</h3>
+
+<p style="color:black;"> AKO LANG TO GAR MASIMASI NA KITAB ASIAKSO KAMO ATA NA NBATA		
+</p>
+<center>
+	<img class="circular" src="Aldrin.jpg" height=200 width=200 alt="circle-image">
+ <br> 
+</center>
+<map name="facebook-map"> <area shape="rect" coords="0,0,50,50" <a href="https://www.facebook.com/aldrin.cuadro.9" 
+	target="_blank" alt="Facebook"> </map> </a>
+
+<map name="instagram-map"> <area shape="rect" coords="0,0,50,50" <a href="https://www.instagram.com/aldrin091324" 
+	target="_blank" alt="Instagram"> </map> </a>
+
+<map name="tiktok-map"> <area shape="rect" coords="0,0,50,50" <a href="https://www.tiktok.com/@ald.rin13?"
+ target="_blank" alt="Tiktok"> </map> </a>
+
+ <map name="youtube-map"> <area shape="rect" coords="0,0,50,50" <a href="https://www.youtube.com/@aldrincuadro5413"
+ target="_blank" alt="Youtube"> </map> </a>
+<center> <b> <p style="color:whitesmoke;"> BSOA<br> 3rd Year Student of Tiwi Community College</p> <b> </center>
+</body> 
+</html>
