-
Notifications
You must be signed in to change notification settings - Fork 25
/
Mayank.html
98 lines (94 loc) · 3.07 KB
/
Mayank.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="mayank.css" />
<title>MY Profie</title>
</head>
<body>
<h1 class="heading" style="font-style: italic; padding-left: 520px">
<u> *Welcome to my profile* </u>
</h1>
<div style="margin-left: 500px">
<img
src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTGLljf7V2-ZG3xmWd-NPvzJE7kXMRYQoV5EA&usqp=CAU"
alt="image"
class="myimage"
title="coder"
height="250p"
width="350px"
/>
</div>
<h1 class="heading" style="font-size: 50px"><u>HI I'M MAYANK </u></h1>
<p style="color: rgb(209, 196, 181)">
A front end <b style="color: rgb(224, 224, 235)">Web Developer</b> and
<b style="color: rgb(222, 222, 231)">C++ Programmer</b>.
</p>
<h2 class="heading"><u>About Me</u></h2>
<p style="color: rgb(241, 236, 236); font-size: 20px">
I am Pursuing <b>B.tech</b> in Computer Science and Engineering at
Poornima Institute of Engineering and Technoogy .
</p>
<h2 class="heading"><u>Contact :-</u></h2>
<p style="color: rgb(241, 234, 234)">
E-MAIL :-
<a href="https://mail.google.com/" style="color: rgb(129, 196, 233)">
><br />PHONE NO. :- 1234567890
</p>
<img src="images.png" height="40px" class="icon" width="50px" />
<img src="image2.png" height="40px" class="icon2" width="50px" />
<h2 class="heading"><u>WEBSITE</u></h2>
<a href="https://www.youtube.com/" style="color: rgb(177, 228, 126)"
>Youtube</a
><b><hr /></b>
<h2 class="heading" style="font-style: oblique">
<u>To Connect with me - </u>
</h2>
</body>
<div2>
<form>
<label for="fname" style="color: aqua">First name:</label><br />
<input
type="text"
id="fname"
name="fname"
placeholder="enter your first name "
/><br />
<label for="lname" style="color: aqua">Last name:</label><br />
<input
type="text"
id="lname"
name="lname"
placeholder="enter your last name "
/>
</form>
<br />
<button style="color: white; background-color: black" class="button">
Submit
</button>
<button style="color: white; background-color: black">Reset</button>
<footer
style="
background-color: rgb(5, 5, 5);
color: white;
padding: 30px;
margin-top: 200px;
text-align: center;
"
>
© COPYRIGHT2023 MY PROFILE PAGE
</footer>
<button>change header color</button>
<script>
const colorButton = document.getelementbyid("colorButton");
const header = document.queryselector("header");
const colors = ["#336699", "#FF5733", "#33CC99", "#FF33CC"];
function changeheadercolor() {
const randomIndex = math.floor(math.random() * colors.length);
header.style.backgroundcolor = colors[randomIndex];
}
</script>
</div2>
</html>