-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathindex.html
More file actions
131 lines (126 loc) · 6.37 KB
/
index.html
File metadata and controls
131 lines (126 loc) · 6.37 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About-Me</title>
<link rel='shortcut icon' type='image/x-icon' href='https://avatars.githubusercontent.com/u/82310645?v=4' />
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
<style>
body,
h1,
h2,
h3,
h4,
h5 {
font-family: "Raleway", sans-serif
}
</style>
</head>
<body class="ta-light-grey">
<!-- Header -->
<header class="ta-header">
<h1><b>About-Me</b></h1>
<p>Welcome to the About-Me of <span class="ta-tag">Tariq Abu-Laban</span></p>
</header>
<main>
<div class="ta-card">
<img src="https://engineering.eckovation.com/wp-content/uploads/2018/07/Biography.png" alt="Biography"
style="width:100%">
<div class="ta-container">
<h3><b>A Short Biography</b></h3>
<h5>26 years old , <span class="ta-opacity">December 17, 1994</span></h5>
</div>
<div class="ta-container">
<p>Graduated in 2016 from Jerash University,With a Bachelor's degree in Computer Information
Systems.<br>
Work experiences :
<ul>
<li>IT support technician</li>
<li>IT support engineer</li>
<li>Data Entry</li>
<li>Customer services support</li>
<li>Information Technology trainee</li>
<li>Information Technology Coordinator</li>
</ul> <br>
Before anything else, my most important goal in life should be to have fun with it.Then earn a
higher degree and rise to top management position.
</p>
</div>
</div>
<div class="ta-card-1">
<img src="https://avatars.githubusercontent.com/u/82310645?v=4" style="width:100%">
<div class="ta-container-1">
<h4><b>My Name Tariq Abu-Laban</b></h4>
<p>I love connecting with different people.<br>
I love watching anime and playing games.<br>
My hobbies are Swimming and Soccer.
</p>
</div>
</div>
<div class="ta-card-2">
<div class="ta-container-2">
<h4>Top Ten Movies</h4>
</div>
<ol class="ta-ol">
<li class="ta-padding">
<img src="https://m.media-amazon.com/images/M/MV5BMTMxNTMwODM0NF5BMl5BanBnXkFtZTcwODAyMTk2Mw@@._V1_UX182_CR0,0,182,268_AL_.jpg"
alt="Image" class="ta-img-ol" style="width:22px">
<span class="ta-large">The Dark Knight</span>
</li>
<li class="ta-padding">
<img src="https://m.media-amazon.com/images/M/MV5BMTU2NjA1ODgzMF5BMl5BanBnXkFtZTgwMTM2MTI4MjE@._V1_UX182_CR0,0,182,268_AL_.jpg"
alt="Image" class="ta-img-ol" style="width:22px">
<span class="ta-large">John Wick</span>
</li>
<li class="ta-padding">
<img src="https://m.media-amazon.com/images/M/MV5BMTQ2MzE2NTk0NF5BMl5BanBnXkFtZTgwOTM3NTk1MjE@._V1_UX182_CR0,0,182,268_AL_.jpg"
alt="Image" class="ta-img-ol" style="width:22px">
<span class="ta-large">The Equalizer</span>
</li>
<li class="ta-padding">
<img src="https://m.media-amazon.com/images/M/MV5BMjM5YTRlZmUtZGVmYi00ZjE2LWIyNzAtOWVhMDk1MDdkYzhjXkEyXkFqcGdeQXVyMjMxOTE0ODA@._V1_UX182_CR0,0,182,268_AL_.jpg"
alt="Image" class="ta-img-ol" style="width:22px">
<span class="ta-large">Nobody</span>
</li>
<li class="ta-padding">
<img src="https://m.media-amazon.com/images/M/MV5BMjMxNjY2MDU1OV5BMl5BanBnXkFtZTgwNzY1MTUwNTM@._V1_UX182_CR0,0,182,268_AL_.jpg"
alt="Image" class="ta-img-ol" style="width:22px">
<span class="ta-large">Avengers: Infinity War</span>
</li>
<li class="ta-padding">
<img src="https://m.media-amazon.com/images/M/MV5BNzA5ZDNlZWMtM2NhNS00NDJjLTk4NDItYTRmY2EwMWZlMTY3XkEyXkFqcGdeQXVyNzkwMjQ5NzM@._V1_UX182_CR0,0,182,268_AL_.jpg"
alt="Image" class="ta-img-ol" style="width:22px">
<span class="ta-large">The Lord of the Rings</span>
</li>
<li class="ta-padding">
<img src="https://m.media-amazon.com/images/M/MV5BM2MxY2QwYTAtMDM1My00MTc0LWEwZjktMDdjODY2NWJiNDg2XkEyXkFqcGdeQXVyODY3ODQ2MTk@._V1_UX182_CR0,0,182,268_AL_.jpg"
alt="Image" class="ta-img-ol" style="width:22px">
<span class="ta-large">One Piece: Stampede</span>
</li>
<li class="ta-padding">
<img src="https://m.media-amazon.com/images/M/MV5BZGE4M2M2OTYtZDgwMy00NGYwLWE0YTYtYzkyMDFjYWFhN2QzXkEyXkFqcGdeQXVyMzgxODM4NjM@._V1_UX182_CR0,0,182,268_AL_.jpg"
alt="Image" class="ta-img-ol" style="width:22px">
<span class="ta-large">Sword Art Online the Movie</span>
</li>
<li class="ta-padding">
<img src="https://m.media-amazon.com/images/M/MV5BYjViOWY3YTQtNTliOC00NzkwLTllMGMtMjNiZTU0MmZjZTgzXkEyXkFqcGdeQXVyODgzNTQ1NTU@._V1_UY268_CR3,0,182,268_AL_.jpg"
alt="Image" class="ta-img-ol" style="width:22px">
<span class="ta-large">My Hero Academia: Two Heroes</span>
</li>
<li class="ta-padding">
<img src="https://m.media-amazon.com/images/M/MV5BMjM3MjQ1MzkxNl5BMl5BanBnXkFtZTgwODk1ODgyMjI@._V1_UX182_CR0,0,182,268_AL_.jpg"
alt="Image" class="ta-img-ol" style="width:22px">
<span class="ta-large">Baby Driver</span>
</li>
</ol>
</div>
</main>
<footer class="ta-dark-grey">
<p>Copyright Abu-laban</p>
</footer>
<script src="js/app.js"></script>
</body>
</html>