-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
153 lines (150 loc) · 4.64 KB
/
index.html
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
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>My website</title>
<link rel="shortcut icon" href="image/favicon.ico" type="image/x-icon" />
</head>
<body style="background-color: lightgray">
<center>
<header>
<h1>Hello, Kunal Pal here👋</h1>
<table></table>
<img
src="https://i.pinimg.com/736x/e9/36/ab/e936ab240156c33be7974c2c36188bdf.jpg"
width="300px"
height="300px"
alt="This the Nobita's picture!"
/>
<hr />
<h2>About Me</h2>
<p>
<big
>Hello, My name is kunal . I am currently studing in VESIT and my
stream is IT . I am in third year .<br />
Being a part technology . I ❤️ <strong>Web Development</strong> .In
Web Development we use the html,css,javascript</big
>.
</p>
<p>
The <abbr title="HyperText Markup Language">HTML</abbr> part is use to
structure of web page . It is the bone of website
</p>
<p>
The <abbr title="Cascading Style Sheets">CSS</abbr> is use to design
the webpage or Styling the web page
</p>
</header>
<!-- here header part ends -->
<hr />
<main>
<section>
<table border="">
<tr>
<th>Degree</th>
<th>School/College</th>
<th>Year</th>
<th>Result</th>
</tr>
<tr>
<td>10<sup>th</sup>SSC</td>
<td><i>Marwadi vidyalaya High school</i></td>
<td>2011-2018</td>
<td>79%</td>
</tr>
<tr>
<td>12<sup>th</sup>HSC</td>
<td>
<a target="_blank" href="https://www.wilsoncollege.edu/"
>Wilson college</a
>
</td>
<td>2018-2020</td>
<td>72%</td>
</tr>
<tr>
<td>B.E</td>
<td>
<strong
><a target="_blank" href="https://vesit.ves.ac.in/"
>VESIT</a
></strong
>
</td>
<td>2021-2025<sub>(Expected)</sub></td>
<td>8.29 CGPA till Now</td>
</tr>
</table>
</section>
<hr />
<section>
<h2>Skills</h2>
<ol>
<strong>
<li>HTML</li>
<li>CSS</li>
<li>C Programmimg</li>
<li>C++</li>
<li>Python</li>
<li>Java</li>
</strong>
</ol>
<hr />
</section>
<section>
<h2>
<mark>This is an <u>audio</u></mark>
</h2>
<audio controls src="Aye Khuda.mp3" type="audio/mp3">
This is audio which is supported in chrome
</audio>
</section>
<hr />
<section>
<h2>
<mark>This is an <del>vidoe</del> video</mark>
</h2>
<video
width="400px"
height="350px"
controls
src="Bird video.mp4"
type="video/mp4"
>
this is image tag! we have to mention the type of file
</video>
<hr />
</section>
<section>
<h2>Connect With Me</h2>
<li><a href="https://github.com/kunalpal97">GitHub</a></li>
<li>
<a href="https://www.linkedin.com/in/kunal-pal-bb0220235/"
>LinkedIn</a
>
</li>
<li><a href="https://twitter.com/Kunalpal7981">Twitter</a></li>
<hr />
</section>
</main>
<!-- here main section end -->
<footer>
<h2>Contact Me</h2>
<p type="Phone">Phone: <a href="tel:+917738965895">+917738965895</a></p>
<p>
Email Id
<a href="mailto:[email protected]">:[email protected]</a>
</p>
</footer>
<!-- this is footer part its comes in last example : licence or copy write related information -->
</center>
<center>
<p><b>Note*</b></p>
<blockquote align="right">
Add a picture in your web page to explain something because picture can
say <small>100 words</small>. <big>Rather than explaining in words</big>
</blockquote>
</center>
</body>
</html>