-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
139 lines (91 loc) · 5.25 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Portfolio</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
<style>
h2{
font-style: oblique;
text-align: justify;
}
h1{
font-style:initial;
font-variant:small-caps;
font-size:xx-large;
text-align:center;
}
body{
background-image: url(images/final.jpg);
}
#container
{
text-align: right;
}
footer{
background-image: url(images/Cool-Red-Black-Wallpaper.webp);
text-align:justify;
}
</style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
</head>
<body>
<h1 style="font-variant: small-caps ;font-style: normal;text-align: left;font-size: 36px;">Portfolio</h1>
<div id="container">
<button style= background-color:black;color:white;font-size:20px;>Info</button>
<button style=background-color:black;color:white;font-size:20px;>About</button>
<button style=background-color:black;color:white;font-size:20px;>Ask-ques</button>
</div>
<hr size="5px" color="black">
<h1>Info</h1>
<img src="images/profile image.jpeg " height="110" width="120" alt="image of Arpna" class="container"
style="float: left; margin-right: 50px; ">
<h2 style="font-size: 30px;font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;">Arpna</h2>
<h3 style="font-size: 20px;font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif ;">IIT BHU,Chemical engineer</h3>
<br>
<hr size="5px" color="black">
<h1>About</h1>
<p style="font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;font-size: 23px;"> Hi! I am <strong>Arpna</strong> from <strong>IIT BHU</strong>, Chemical engineering.I am from Gorakhpur, Up.I completed my 11,12th from Kota.I was involved in IIT-JEE preparation for consecutive 3 years (including my repeat year).Therefore I consider myself elligible enough to answer all your queries.I am well aware of all types of doubts,feelings inside your mind as I have faced the same.I am here to help you in choosing your college,which is the most important phase of our life.Feel free to connect with me. </p>
<hr size="5px" color="black">
<h1>Ask-ques</h1>
<p style="font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;font-size: 23px;"> <strong>Want to reach me ? Fill the form </strong> <img src="images/contact-form.png " alt="" height="35" width="35";"> </p>
<form>
<table>
<tr>
<td style="font-size: 18px;"><strong>Name:</strong> </td>
<td><input type="text" name=""></td>
</tr>
<tr>
<td style="font-size: 18px;"><strong> E-mail:</strong></td>
<td> <input type="text" name=""></td>
</tr>
<tr>
<td style="font-size: 18px;"><strong> Doubts:</strong></td>
<td><input type="text" name=""></td>
</tr>
</table>
</form>
<br>
<button onclick="alert('Your doubts have been registered.Thank you for filling the form.')" style=background-color:black;color:white;font-size:19px;>Submit</button>
<br><br>
<br>
<br>
<footer>
<h4 style="color: white;margin: 10px;">Contact me :-</h4>
<ul>
<li><a href="https://www.facebook.com/arpna.singh.146"><i class="fab fa-facebook"></i></a></li>
<br>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<br>
<li><a href="https://www.instagram.com/arpnakhandelwal"><i class="fab fa-instagram"></i></a></li>
<br>
<li><a href="https://www.linkedin.com/in/arpna-147a47216"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
<br>
</footer>
</body>
</html>
<!--comment-->
<!-- shortcut for comment-ctrl + / -->