-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html.html
91 lines (67 loc) · 3.48 KB
/
index.html.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
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">
<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>