codebydin.github/ABOUT.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
<!DOCTYPE html>
<html lang="en">
<head>
        <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>


    <title>About Me</title>

</head>
<body>


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

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

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

        <li>
                <button> <a href="file:///C:/Users/Michaella/OneDrive/Desktop/html/homepage.html"> Home </button> </a>
        </li>

</ul> </nav>


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

        <h1>learn now </h1>


        <div class="mydiv">

                <h1> Background image </h1>

        <p>Welcome to my portfolio! I am Aldrin Cuadro from <strong> Bagumbayan,Tiwi,Albay</strong>
        I am 24 years old</p>
</div>
</body>
</html>