-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
81 lines (81 loc) · 4.31 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Mearat Portfolio</title>
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
</head>
<body>
<div class="container">
<div class="header">
<div class="mearat">
<a class="home" href="index.html">Mearat Hou</a>
</div>
<ul class="navbar">
<li class="navitems">
<a href="index.html">About</a>
</li>
<li class="navitems">
<a href="portfolio.html">Portfolio</a>
</li>
<li class="navitems">
<a href="contact.html">Contact</a>
</li>
</ul>
</div>
<div class="main">
<div class="aboutme">
<h1>
<img align="left" height="40px" width="38px" src="assets/images/about-successful-man.png" alt="About Me">About Me</h1>
<hr>
</div>
<div class="content">
<img class="aboutmephoto" align="left" width="200px" height="200px" src="assets/images/DSC00573.jpg" alt="profile picture">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam animi magnam enim dolorem, ipsum reprehenderit
officia tenetur repudiandae numquam est soluta dignissimos inventore non, eos quaerat necessitatibus!
Impedit, voluptatibus iure. Corporis sed, rem facilis tenetur adipisci repudiandae quis quibusdam expedita
dolorem. Pariatur, neque cum. Velit, sit dolores culpa nisi aut tempora, dignissimos nulla eveniet maiores
veniam qui eius in reiciendis quo? Odit consequatur unde accusamus impedit. Dolore nesciunt aliquid repellendus,
sapiente hic iusto distinctio doloremque modi reprehenderit sint reiciendis dolorem optio assumenda incidunt,
mollitia doloribus atque amet eligendi tenetur perspiciatis ducimus officia impedit maiores. Inventore
unde ducimus rem?
</p>
<p>Provident unde nihil minima inventore maiores itaque delectus. Sed inventore, autem dignissimos sunt ullam
corporis deserunt voluptatibus tenetur suscipit animi? Deserunt voluptatum tempore cumque excepturi neque
sit a earum voluptatibus laboriosam officiis, beatae quas, repellendus veritatis vitae. Reprehenderit
debitis, excepturi eaque ipsam fugiat nesciunt deleniti dignissimos amet totam perferendis vel blanditiis?
Unde.
</p>
<p>Provident unde nihil minima inventore maiores itaque delectus. Sed inventore, autem dignissimos sunt ullam
corporis deserunt voluptatibus tenetur suscipit animi? Deserunt voluptatum tempore cumque excepturi neque
sit a earum voluptatibus laboriosam officiis, beatae quas, repellendus veritatis vitae. Reprehenderit
debitis, excepturi eaque ipsam fugiat nesciunt deleniti dignissimos amet totam perferendis vel blanditiis?
Unde.
</p>
</div>
</div>
<div class="footer">
<div class="socialmedia">
<div class="github">
<a href="https://github.com/mearatjames">
<img src="assets/images/GitHub.png" width="30px" alt="GitHub">
</a>
</div>
<div class="linkedin">
<a href="https://www.linkedin.com/in/mearat-hou-013a93164/s">
<img src="assets/images/linkedin.png" width="30px" alt="linkedin">
</a>
</div>
<div class="stackoverflow">
<a href="https://stackoverflow.com/users/9907520/mearat-hou">
<img src="assets/images/stackoverflow.svg" width="30px" alt="stackoverflow">
</a>
</div>
</div>
<p>Copyright ©</p>
</div>
</div>
</body>
</html>