-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.htm
116 lines (112 loc) · 3.16 KB
/
index.htm
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>
<head>
<title></title>
<style type="text/css">
.container {
padding:5px 5px;}
.container2 {
margin:0 auto;
padding: 5px;}
#t1{
border:10px solid #ccc;}
</style>
</head>
<body>
<table style="border-collapse: collapse" id="t1">
<tr>
<td style="width: 80%" id="t1">
<div class= "container">
<h1>Pankaj Verma</h1>
<hr>
<table cellspacing="20">
<tr>
<td>
<img src="profileimg.png" alt="profile image" style="width:200px;height:200px;">
</td>
<td>
<span style="font-size: 30px;font-weight: bold;" >I am using internet to learn skills</span>
<ul>
<li>Education</li>
<li>Science and Technologies</li>
<li>social Service</li>
<li>Teaching</li>
</ul>
</td>
</tr>
</table>
<hr>
<h2>Progress</h2>
Here you can see my progress through lessons and my average score
<br />
<br />
<table cellpadding="35" cellspacing="0" width="100%">
<tr>
<td style="background-color: #BEBEBE">
<strong style="font-size: 24; align-content: center;" >Introduction of html</strong><br>
a few basic challanges to help you start your journey through internet
</td>
<td style="background-color: #F5F5F5">
Average score<br><br>
<b><span style="font-size: 30;text-align: center;">100%</span></b>
</td>
</tr>
<tr>
<td style="background-color: #F5F5F5">
<strong style="font-size: 24; align-content: center;" >Introduction of health and safety</strong><br>
An introduction to health and safety.What you should know about- where to get more information.
</td>
<td style="background-color: #BEBEBE">
Average score<br><br>
<b><span style="font-size: 30;text-align: right;">50%</span></b>
</td>
</tr>
</table>
<br />
<form >
<table align="center">
<tr>
<th><strong>Contact me now</strong></th>
</tr>
<tr>
<td><label for="fname">Your name</label></td>
<td><input type="text" id="fname"></td>
</tr>
<tr>
<td><label for="mail">Your email</label></td>
<td><input type="email" id="mail"></td>
</tr>
<tr>
<td><label for="subject">Subject</label></td>
<td><input type="text" id="subject"></td>
</tr>
<tr>
<td style="vertical-align: top"><label for="msg">Message</label></td>
<td><textarea id="msg" rows="5" cols="30"></textarea></td>
</tr>
<tr>
<td></td>
<td ><input type="submit" name="submit"></td>
</tr>
</table>
</form>
</div>
</td>
<td style="width: 20% ;vertical-align: top" id="t1">
<div class="container2">
<h2>This is your profile</h2>
<br>
<br>
you can share this profile with people by sending them this url
<input type="text" value="Url will come here" disabled>
<br>
<br>
<br>
You can also print your profile<br>
<input type="button" name="print" value="print">
</div>
</td>
</tr>
</table>
</body>
</html>