-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
84 lines (77 loc) · 3.43 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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="styles.css">
<script src="jquery-3.5.0.js"></script>
<script src="main.js"></script>
<title>Resume</title>
</head>
<body>
<div class="header">
<h2>RESUME</h2>
</div>
<div class="content">
<div class="content-personalInfo" id="content-personalInfo">
<h3>ABOUT ME</h3><hr>
<img src="avatar.png" alt="profile picture">
<p>NAME: Nguyen Thi A</p>
<p>AGE: 21</p>
<p>LOCATION: HCMC, Viet Nam</p>
<p>DEGREE: Bachelor</p>
<p>PHONE: 0113113113</p>
<p>EMAIL: [email protected]</p>
</div>
<div class="content-main">
<h3>BIOGRAPHY</h3><hr>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<h3>SKILLS</h3><hr>
<ul>
<li>Programming languages: C, C#, Java</li>
<li>Databases: SQL Server</li>
<li>Others: HTML</li>
</ul>
<h3>WORK EXPERIENCE</h3><hr>
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</li>
</ul>
<h3>EDUCATION</h3><hr>
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</li>
</ul>
<h3>EXTRACURRICULAR ACTIVITIES AND AWARDS</h3><hr>
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</li>
</ul>
<h3>COURSES</h3><hr>
<table>
<thead>
<tr class="header-table">
<th>id</th>
<th>name</th>
</tr>
</thead>
<tbody id="myTable">
</tbody>
</table>
<ul id="pagin"></ul>
<h3>CONTACT ME</h3><hr>
<form>
<label>YOUR EMAIL:</label><br>
<input type="text" name="email" class="email input">
<br>
<label>YOUR MESSAGE:</label><br>
<textarea name="message" class="input"></textarea>
<br>
<input type="submit" name="submit" value="Send Message" class="button">
</form>
</div>
</div>
<div class="footer">
<p>© Copyright 2020. All rights reserved.</p>
</div>
</body>
</html>