HTML-Portfolio/skills.html at main · MohanSashank21/HTML-Portfolio · 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
106
107
108
109
110
111
112
113
114
115
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name = "description" content = "Know what are the skills that Mohan Sashank learnt for this role"/>
    <meta name = "keywords" content = "Mohan Sashank skills,FAANG Developer skills,Web Developer Skills"/>
    <meta name = "author" content = "Mohan Sashank"/>
    <meta name = "robots" content = "index,follow"/>
    <meta property = "og:title" content="Mohan Sashank Portfolio">
    <meta property = "og:description" content = "Get to know more about my skills"/>
    <meta property = "og:image" content = "home.jpg"/>
    <meta property = "og:image:width" content = "1200"/>
    <meta property = "og:image:height" content = "630"/>
    <meta property = "og:image:alt" content = "Mohan Sashank Portfolio"/>
    <meta property = "og:url" content = "https://yourdomain.com/about.html"/>
    <meta property = "og:type" content = "website"/>
    <meta name = "twitter:card" content="summary_large_image"/>
    <meta name = "twitter:title" content="Mohan Sashank Portfolio"/>
    <meta name = "twitter:description" content="Get to know more about my skills"/>
    <meta name = "twitter:image" content = "home.jpg"/>
    <meta name = "twitter:image:width" content = "1200"/>
    <meta name = "twitter:image:height" content = "630"/>
    <meta name = "twitter:image:alt" content = "Mohan Sashank Portfolio"/>
    <link rel = "icon" href= "icon.png"/>
    <title>Skills</title>
</head>
<body>
    <header>
        <nav>
            <a href="index.html" target="_blank" rel = "noopener,noreferrer">Home Page</a>
            <a href = "about.html"target ="_blank" rel = "noopener,noreferrer">About</a>
            <a href ="skills.html">Skills</a>
            <a href ="projects.html"target="_blank"rel="noopener,noreferrer">Projects</a>
            <a href="resume.html" target = "_blank" rel="noopener,noreferrer">Resume</a>
            <a href="contact.html"target="_blank"rel="noopener,noreferrer">Contact</a>
        </nav>
    </header>
    <main>
        <h1>My Skills</h1>
         <h2>Languages</h2>
         <ol >
            <li>Java</li>
            <li>Python</li>
            <li>JavaScript</li>
            <li>C</li>
            <li>C++</li>
         </ol>
          <h2>Technologies</h2>
            <ul>
                <li>Web Development</li>
                <li>Artificial Intelligence</li>
                <li>Machine Learning</li>
                <li>Cloud Platform</li>
            </ul>
          <dl>
            <dt><abbr title="Hypertext MarkUp Language">HTML</abbr></dt>
            <dd>It tells about basic layout of the Web Page</dd>
            <dt><abbr title="Cascading Style Sheets">CSS</abbr></dt>
            <dd>It is for styling of the web page</dd>
            <dt>JavaScript</dt>
            <dd>It is for adding logic to thee page for functionality</dd>
          </dl>
           <table >
            <caption>Complete skill proficiency table</caption>
            <colgroup>
                <col span="1" class="skills">
                <col span="1" class="Level">
                <col span="1" class="Experience">
            </colgroup>

            <thead>
                <tr>
                <th rowspan="2">Skills</th>
                <th colspan ="2">Details</th>
                </tr>
                <tr>
                    <th>Level</th>
                    <th>Years of Experience</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>HTML</td>
                    <td>Advanced</td>
                    <td>4</td>
                </tr>
                <tr>
                    <td>CSS</td>
                    <td>Intermediate</td>
                    <td>3</td>
                </tr>
                <tr>
                    <td rowspan="2">JavaScript</td>
                    <td>Intermediate</td>
                    <td>2</td>
                </tr>
                <tr>
                    <td>Advanced(Es6+)</td>
                    <td>1.5</td>
                </tr>
                <tr>
                    <td>Python</td>
                    <td>Advanced</td>
                    <td>3</td>
                </tr>
            </tbody>
            <tfoot>
                <td colspan="2">Total Experience</td>
                <td><strong>14.5</strong></td>
            </tfoot>
           </table>
    </main>
</body>
</html>