-
Notifications
You must be signed in to change notification settings - Fork 66
/
Copy pathabdullah.html
139 lines (91 loc) · 2.82 KB
/
abdullah.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> Demo </title>
<style>
#topArea{
background-color: #000000;
height: 50px;
}
.sampletext{
font-family: times new roman, helvetica,sans-serif;
font-size: 16pt;
letter-spacing: 2pt;
font-weight:bolder;
font-style: italic;
line-height: 24pt;
color: #15620A;
width:400px;
border-left: solid 5px #990306 ;
border-right: dotted 5px #113F5E;
padding: 10px;
margin: 100px;
}
.my {
color: darkgoldenrod;
font-weight: bold;
font-size: 15pt;
text-decoration: none;
}
.my:hover {
text-decoration: underline;
}
.column{
width: 200px;
float: left;
background-color: #cccccc;
margin-right: 20px;
padding: 5px;
}
.column span{
background-color: red;
display: inline;
}
.clear{
clear: both;
}
.positionMe{
position: relative;
top: 100px;
left: 50%;
}
</style>
</head>
<body>
<div id="topArea"></div>
<h1 class="sampletext">This is the first para </h1>
<!--<div class="column"> Qui arbitror ubi laboris sunt mentitum est tamen quis ne iis tempor si probant
ea sint voluptate mandaremus. <span>Est sunt ita quorum, cernantur nisi deserunt,</span>
ullamco nam lorem proident qui expetendis enim nisi e lorem. Lorem nostrud sed
ullamco, senserit legam elit excepteur enim, ne velit amet culpa nostrud qui ex
eram aliqua nam laboris. Non enim exquisitaque. Tamen in ea velit offendit in
dolor est probant te nisi relinqueret fabulas aute mandaremus, do dolore laboris
illustriora. Fore singulis laboris, nescius anim quid ex quae iis hic nescius
praetermissum, non in esse quorum labor.
</div>-->
<img src="images/apple.png" class="positionMe" />
<div class="clear"></div>
<h2>My fav Cars</h2>
<ol>
<li>Abc</li>
<li>Def</li>
<li>Hij</li>
<li>Xyz</li>
</ol>
<h3> third </h3>
<h4> fourth </h4>
<h5> fifth </h5>
<a href="http://www.google.com" target="_blank">Click Here</a>
<br/>
<a href="mailto: mabdullahsafdar@yahoo.com" target="_blank"> Send Email</a>
<br/>
<a href="files/M Abdullah Safdar.pdf" target="_blank">Resume</a>
<br/>
<audio controls>
<source src="audio/Aadat.mp3">
</audio>
<br/>
<video controls src="video/demo.mp4" width="700" />
</body>
</html>