-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.php
89 lines (83 loc) · 4.1 KB
/
about.php
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
<!DOCTYPE html>
<html lang="en">
<?php $title = 'Josy Li | Front-End Web Developer in Vancouver'; include 'head.php'?>
<body>
<?php include 'nav.php'?>
<main>
<section id="about" class="section-height">
<img class="about-img" sizes="(max-width: 1120px) 100vw, 1120px"
srcset="
./media/portrait_ictcxu_c_scale,w_190.jpg 190w,
./media/portrait_ictcxu_c_scale,w_555.jpg 555w,
./media/portrait_ictcxu_c_scale,w_810.jpg 810w,
./media/portrait_ictcxu_c_scale,w_1009.jpg 1009w,
./media/portrait_ictcxu_c_scale,w_1120.jpg 1120w"
src="media/portrait_ictcxu_c_scale,w_1120.jpg">
<div class="about-text">
<p>
Hey there! I'm Josy, a Vancouver-based front-end web developer with a passion for crafting interactive websites that truly engage users. I believe that good design and dynamic interactions are essential for a successful website.
</p>
<p>
As a web developer, I am always excited to discover new technologies and push the limits of what is possible. My "To Learn List" is a never-ending adventure and I take great pleasure in exploring new technologies and expanding my skill set. I am constantly seeking new opportunities to learn and grow. Let's work together to bring your innovative ideas to life on the web!
</p>
<p>
Recently, I joined <a target="_blank" href="https://www.elimin8hate.org/" style="text-decoration: underline;">Elimin8hate</a> as a volunteer web developer, an organization passionately committed to eliminating anti-Asian racism. It's a cause I deeply care about, and I'm thrilled to contribute my skills to make positive changes.
</p>
<p>
When I'm not coding, I enjoy being a plant mom and a <a target="_blank" href="https://www.instagram.com/josy.food.baby/" style="text-decoration: underline;">foodie</a>. And when I need some adventure, you'll probably find me out on the water, enjoying a peaceful paddleboarding session.
</p>
</div>
<div class="contact-button icon-box">
<a target="_blank" href="https://www.linkedin.com/in/josyli">
<div class="box">
<i class="fab fa-linkedin-in"></i>
</div>
</a>
<a href="mailto:josyliyh@gmail.com">
<div class="box">
<i class="far fa-envelope"></i>
</div>
</a>
<a target="_blank" href="https://github.com/josyliyh">
<div class="box">
<i class="fab fa-github"></i>
</div>
</a>
</div>
<section id="skills">
<div class="skill reveal">
<h2>Development Skills</h2>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>Sass</li>
<li>JavaScript</li>
<li>jQuery</li>
<li>PHP</li>
<li>React</li>
<li>Redux</li>
<li>Gulp</li>
<li>GitHub</li>
<li>MAMP</li>
<li>MySQL</li>
<li>WordPress</li>
<li>Bootstrap</li>
</ul>
</div>
<div class="skill reveal">
<h2>Designv Skills</h2>
<ul>
<li>UI/UX</li>
<li>Photoshop</li>
<li>Illustrator</li>
<li>XD</li>
<li>Invision</li>
<li>Figma</li>
</ul>
</div>
</section>
</section>
</main>
</body>
<script src="./scripts/script.js"></script>
</html>