htmlcssjsFiles/Assignment-1_2.html at master · PavanKalyanV5/htmlcssjsFiles · 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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE html>
<html lang="en">
    <head>
        <title>
            Assignment-2
        </title>
        <style>
            @font-face {
            font-family: customfont;
            src: url(Sacramento-Regular.ttf);
            }
            @font-face {
            font-family: customfont2;
            src: url(LuckiestGuy.ttf);
            }
            .cf1
            {
            font-family: customfont;
            font-weight: bold;
            background-color: darkgreen;
            font-size: 50px;
            }
            .cf2
            {
            font-family: customfont2;
            background-color: darkred;
            font-size: 40px;
            }
            body{
                background-image: url(http://www.gvpce.ac.in/gvp/images/logo.jpg);
                align-content: left;
                background-repeat: no-repeat;
                background-size: 200px 200px;
                font-family: 'Times New Roman', Times, serif;
                font-size: x-large;
            }
            table, td{
                text-align: center;
                border: 1px solid black;
                border-collapse: collapse;
                margin-left: 300px;
                margin-top: 50px;
                width: auto;
                padding:40px;
            }
            #image {
                width: 200px;
                height: 250px;
            }
            #c {
                background-color: lightcoral;
            }
            #cpp {
                background-color: lightblue;
            }
            #py {
                background-color: lightpink;
            }
            #j {
                background-color: lightgreen;
            }
            #r {
                background-color: lightgoldenrodyellow;
            }
        </style>
    </head>
    <body>
        <table>
            <caption>My Results and Bio:</caption>
            <tr>
                <th style="font: bolder;">About</th>
            </tr>
            <tr>
                <td>
                    Click on:<br/>
                    Left:Linkedin Profile<br/>
                    Right:3rd Semester Results<br/>
                </td>
                <td colspan="5">
                    <img src="PHOTO.jpg" alt="image" id="image" usemap="#abc"/>
                    <map name="abc">
                        <area shape="rect" href="https://www.linkedin.com/in/vetla-pavan-kalyan-651375209/" alt="Linkedin" coords="0,0,80,200" target="_blank" title="Profile"/>
                        <area shape="rect" href="SEMESTER-3.pdf" alt="Results" coords="80,0,160,200" target="_blank" title="Results"/>
                    </map>
                </td>
            </tr>
            <tr>
                <td colspan="1">Programming Languages<br/> I've learned :</td>
                <td colspan="1" id="c">C</td>
                <td colspan="1" id="cp">C++</td>
                <td colspan="1" id="py">Python</td>
                <td colspan="1" id="j">Java</td>
                <td colspan="1" id="r">R Language</td>
            </tr>
            <tr>
                <td colspan="3">
                    <marquee class="cf1" direction="right">My Name is VETLA PAVAN KALYAN</marquee>
                </td>
                <td colspan="3">
                    <marquee class="cf2" direction="right">V PAVAN KALYAN</marquee>
                </td>
            </tr>
        </table>
    </body>
</html>