codebydin.github/contact.html at main · codebydin/codebydin.github · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contact Information</title>

    <style>

body{
    background-image:url('nature.jpg');
    background-size:cover; /*
    }

</style>

 <style>
         nav {

                position: relative;
                z-index: 5;
               border-radius:5px;
        }

        nav ul {
                height: 3rem;
                list-style: none;
                display: flex;
                gap: 40px;
        }

</style>


<body>
   <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>


        <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/homepage.html"> Home </button> </a>
        </li>

</ul> </nav>
    <div class="container">
    <center> <p><font size="9px" color="black">MY CONTACT INFORMATION</font></p><hr><th bgcolor="white" align="left" width="500"> </center>


      <h2>Feel free to reach me using this contact information below: </h2><br>

<ul>
<li><h5><font size="5px" color="black">Address : Bagumbayan,Tiwi,Albay</font></h5></li>
<li><h5><font size="5px" color="black">Phone : 09815121319</font></h5></li>
<li><h5><font size="5px" color="black">Email :<a href="cuadroaldrin2022.com"> cuadroaldrin2022@gmail.com </a> </font></h5></li>
        </ul>
    </div>
</body>
</html>