-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
119 lines (116 loc) · 5.19 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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>About Me</title>
</head>
<body>
<section id="header">
<div class="header container">
<div class="nav-bar">
<div class="brand">
<a href="index.html"><h1><span>L</span>ouryn <span>L</span>imjoco</h1></a>
</div>
<div class="nav-list">
<div class="hamburger"><div class="bar"></div></div>
<ul>
<li><a href="index.html" data-after="Home">Home</a></li>
<li><a href="about.html" data-after="About">About</a></li>
<li><a href="workexperience.html" data-after="Experience">Experience</a></li>
<li><a href="contact.html" data-after="Contact">Contact</a></li>
</ul>
</div>
</div>
</div>
</section>
<!-- About me section -->
<section id="aboutme">
<div class="aboutme container">
<div class="aboutme-top">
<h1 class="section-title"> <span>About</span> Me</h1>
</div>
<section id="workexp">
<div class="all-workexp">
<div class="workexp-item">
<div class="workexp-info">
<p>As an individual who was born in the Philippines and grew up in New Zealand, I bring a unique perspective and a passion for diversity to everything I do. Growing up in two distinct cultures has taught me to appreciate the value of open-mindedness, empathy, and understanding and I strive to incorporate these values into all aspects of my life.</p>
</div>
<div class="workexp-img">
<img src="img/me.jpeg" alt="img">
</div>
</div>
<div class="workexp-item">
<div class="workexp-info">
<p>My love of travel and exploration has taken me to many different places and allowed me to develop a deep appreciation for the beauty and complexity of the world we live in. Whether I am hiking through the lush forests of New Zealand or immersing myself in the vibrant cultures of the Philippines, I am constantly seeking new experiences and insights that help me to grow as a person.</p>
</div>
<div class="workexp-img">
<img src="img/ph.jpg" alt="img">
</div>
</div>
<div class="workexp-item">
<div class="workexp-info">
<p>In my free time, I enjoy watching anime and Netflix, spending time with my beloved pets and indulging in my love of solitude. These quiet activities allow me to recharge my batteries and tap into my creativity, while also giving me the chance to explore new worlds and perspectives.</p>
</div>
<div class="workexp-img">
<img src="img/pets1.jpeg" alt="img">
</div>
</div>
<div class="workexp-item">
<div class="workexp-info">
<p>Despite my introverted nature, I am also capable of being outgoing and extroverted, I am confident that I can bring valuable insights and contributions to any team or organization that shares my values of inclusivity, innovation, and social responsibility.
</p>
</div>
<div class="workexp-img">
<img src="img/Lou_3.jpg" alt="img">
</div>
</div>
</div>
</div>
</section>
<!--End of About me section-->
<!--Education section-->
<section id="education">
<div class="education container">
<div class="col-left">
<div class="education-img">
<img src="img/shgc.jpg" alt="img">
</div>
</div>
<div class="col-right">
<h1 class="section-title">Educat<span>i</span>on</h1>
<h2>Sacred Heart Girls' College, Hamilton</h2>
<h3>NCEA Levels 1, 2, 3 with UE Credits</h3>
<p>2016-2021</p>
<h2>Wintec Te-Pukenga, Hamilton</h2>
<h3>Information Technology (Level 5)</h3>
<p>Papers included are Information Technology Operations, Fundamentals of Programming and Problem Solving, Interactive Digital Media, and Fundamentals of Information Systems</p>
<p>2023 - Present</p>
</div>
</div>
</section>
<!--End of Education section-->
<!--Footer-->
<section id="footer">
<div class="footer container">
<div class="brand"><h1><span>L</span>ouryn <span>N</span></span>than</h1></div>
<h2>Get in Touch:</h2>
<div class="social-icon">
<div class="social-item">
<a href="https://www.facebook.com/Lowreenlimjoco/" target="_blank"><img src="img/facebook-new.png"/></a>
</div>
<div class="social-item">
<a href="https://www.instagram.com/ntnlou/" target="_blank"><img src="img/instagram-new.png"/></a>
</div>
<div class="social-item">
<a href="https://www.linkedin.com/in/louryn-nathan-054a85270/" target="_blank"><img src="img/linkedin-circled.png"/></a>
</div>
</div>
<p>Copyright © 2023 Louryn. All rights reserved</p>
</div>
</section>
<!--End of Footer-->
<script src="./app.js"></script>
</body>
</html>