-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
64 lines (60 loc) · 3.25 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
<!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="frontnav"></div>
<div id="mearat">
<a id="home" href="index.html">Mearat Hou</a>
</div>
<div class="middlenav"></div>
<ul>
<li>
<a href="index.html">About</a>
</li>
<li>
<a href="portfolio.html">Portfolio</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
<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 id="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>
</div>
<div class="socialmedia">
<div class="findme">Find Me At:</div>
<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>
<div id="footer">Copyright ©</div>
</div>
</body>
</html>