-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
84 lines (84 loc) · 4.15 KB
/
about.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>
<title>Megan Chiu</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script src="javascript.js"></script>
</head>
<body>
<header>
<nav>
<ul>
<li><a class="nav-links" href="index.html">Home</a></li>
<li><a class="nav-links" href="about.html">About</a></li>
<li><a class="nav-links" href="portfolio.html">Portfolio</a></li>
</ul>
</nav>
</header>
<main>
<h1 class="about-me">
In my spare time, I enjoy hiking, exercising, and cooking!
</h1>
<hr width="100%" />
<section class="hobby">
<h2>Hiking</h2>
<img id="about-me-img1" src="./images/mt-whitney.png" />
<p class="about-me">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, iusto
explicabo! Consequatur rerum vitae aperiam est quasi? A, porro, ullam
illo vitae nulla dolorum quis sapiente magnam facere accusantium
ipsum. Quos expedita eos officiis quae reiciendis quasi maxime a id
fugit obcaecati accusamus doloremque, esse aut rem at nostrum fuga qui
repellendus vel nesciunt culpa cupiditate! Est quibusdam magnam quasi.
Illo explicabo nesciunt, ratione, labore quaerat, quis amet reiciendis
commodi dignissimos sapiente illum minima voluptates porro officiis
nostrum dolorem! Cum quae quam ipsam expedita cupiditate voluptates
placeat. Modi, tempore et. Eveniet illum illo explicabo ea amet
expedita fugiat omnis excepturi dignissimos unde nam beatae
consequuntur praesentium quas voluptas, doloremque nemo reiciendis
consequatur sed ut officia soluta repellendus! Corporis, ex quo!
</p>
</section>
<hr width="100%" />
<section class="hobby">
<h2>Exercise</h2>
<img id="about-me-img2" src="./images/ironman.png" />
<p class="about-me">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, iusto
explicabo! Consequatur rerum vitae aperiam est quasi? A, porro, ullam
illo vitae nulla dolorum quis sapiente magnam facere accusantium
ipsum. Quos expedita eos officiis quae reiciendis quasi maxime a id
fugit obcaecati accusamus doloremque, esse aut rem at nostrum fuga qui
repellendus vel nesciunt culpa cupiditate! Est quibusdam magnam quasi.
Illo explicabo nesciunt, ratione, labore quaerat, quis amet reiciendis
commodi dignissimos sapiente illum minima voluptates porro officiis
nostrum dolorem! Cum quae quam ipsam expedita cupiditate voluptates
placeat. Modi, tempore et. Eveniet illum illo explicabo ea amet
expedita fugiat omnis excepturi dignissimos unde nam beatae
consequuntur praesentium quas voluptas, doloremque nemo reiciendis
consequatur sed ut officia soluta repellendus! Corporis, ex quo!
</p>
</section>
<hr width="100%" />
<section class="hobby">
<h2>Cooking</h2>
<img id="about-me-img3" src="./images/cooking.png" />
<p class="about-me">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, iusto
explicabo! Consequatur rerum vitae aperiam est quasi? A, porro, ullam
illo vitae nulla dolorum quis sapiente magnam facere accusantium
ipsum. Quos expedita eos officiis quae reiciendis quasi maxime a id
fugit obcaecati accusamus doloremque, esse aut rem at nostrum fuga qui
repellendus vel nesciunt culpa cupiditate! Est quibusdam magnam quasi.
Illo explicabo nesciunt, ratione, labore quaerat, quis amet reiciendis
commodi dignissimos sapiente illum minima voluptates porro officiis
nostrum dolorem! Cum quae quam ipsam expedita cupiditate voluptates
placeat. Modi, tempore et. Eveniet illum illo explicabo ea amet
expedita fugiat omnis excepturi dignissimos unde nam beatae
consequuntur praesentium quas voluptas, doloremque nemo reiciendis
consequatur sed ut officia soluta repellendus! Corporis, ex quo!
</p>
</section>
</main>
</body>
</html>