-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.html
37 lines (35 loc) · 2.13 KB
/
home.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
<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" type="text/css" href="./style.css" />
<link href="https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Cedarville+Cursive&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Cedarville+Cursive&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
</head>
<body>
<header>
<nav id="header-links">
<a class="nav-links" href="./home.html">Home</a>
<a class="nav-links" href="./about.html">About</a>
<a class="nav-links" href="./portfolio.html">Portfolio</a>
<a class="nav-links" href="./contact.html">Contact</a>
</nav>
</header>
<main>
<section class="image-container intro-section" id="intro-image-1">
<img id="about-me-img-1" src="./images/mt-whitney-megan.jpg" />
</section>
<section class="intro-text intro-section">
<h1>hey! hi! hello!</h1>
<p class="intro">
Welcome to my page! My name is Megan Chiu, and I'm based in sunny Los Angeles, CA. I'm currently enrolled in the web development program at FullStack Academy, diving deep into the world of coding and design.
I am passionate about learning and love challenging myself to grow and expand my skills. Thanks for stopping by. I’m excited to share this journey with you!
</p>
</section>
<section class="image-container intro-section" id="intro-image-2">
<img id="about-me-img-2" src="./images/la-marathon-megan.jpg" />
</section>
</main>
</body>
</html>