Introduction to Web Technologies activity#2

<!--Preview Link: https://html-starter-dun-nine.vercel.app/ -->
<!--I did it fast because I was coding at Library-->

<html>
    <head> <!--This is the title-->
        <title>This is my first WebPage</title>
        <style>
            .navbar {
                position: fixed;
                left: 50%;
                bottom: 0;
                transform: translateX(-50%);
            }
        </style>
    </head>
    <body>
        <!--Prints my name-->
        <h1>John Carl Quieta</h1>
        <!--Displays my email, contact no., and address with different color, face and size-->
        <h3><i>My Email: </i> <font face="Arial" color="Red" size="5"> jquieta@paterostechnological.edu.ph</font> </h3>
        <h3><font size="10">My Contact No.: </font><font face="fantasy" size="7" color="green"> 0941355371</font> </h3>
        <h3><font size ="20">My Address: </font> <font face="MONACO" size="30" color="cyan"> Makati City</font></h3>

        <!--This is 4 sentences and uses text formatting-->
        <p><b>Hi!,</b>I am <b><i><font color="#9933ff"> John Carl Quieta</font></i></b>. From <b><font color="lime">Makati City</font></b>. I am currently studying at <b>Pateros Technological College</b>. I am <mark>2nd year College Student taking my Certificate in Computer Science</mark></p>

        <h2>My Hobby and Skills:</h2>
        <ul>
            <li>Technical</li>
            <li>Microsoft</li>
            <li>Programming</li>
            <pre>
            <img src=" https://th.bing.com/th/id/OIP.WNn7cntaQ-8FxZ6LPa-aNgHaHk?pid=ImgDet&rs=1" alt="ptc" width="200" height="200"> <img src="https://cdn2.iconfinder.com/data/icons/education-icons-4/200/SCHOOL15-512.png" alt="school" width="200" height="200"> <img src="https://cdn.icon-icons.com/icons2/2643/PNG/512/male_boy_person_people_avatar_icon_159358.png" alt="boy" width="200" height="200"> <img src="https://th.bing.com/th/id/OIP.nBwIfauMfjWd0qbnifW7YgHaHa?pid=ImgDet&rs=1" alt="library" width="200" height="200"> <img src="https://th.bing.com/th/id/OIP.9bpuD961fuAlMDSS0K_ZSwHaIC?pid=ImgDet&rs=1" alt="grad" width="200" height="200">
            </pre>

            <!-- Navigation bar -->
            <div class="navbar">
                <a href="https://facebook.com">Facebook</a>
                <a href="https://google.com">Google</a>
                <a href="https://youtube.com">Youtube</a>
            </div>

    </body>
</html>