-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
115 lines (109 loc) · 5.88 KB
/
about.html
File metadata and controls
115 lines (109 loc) · 5.88 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#404564">
<meta name="author" content="Ngoc To">
<meta name="description" content="A logic enthusiast wanting to be a Full-Stack Developer.">
<meta name="keywords" content="HTML,CSS,JavaScript,MSSQL,Java,C++">
<meta name="copyright" content="2019">
<title>Ngoc To</title>
<link rel="icon" href="images/favicon.ico">
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap" rel="stylesheet">
<!-- CSS -->
<link rel="stylesheet" href="assets/styles.css" media="all">
</head>
<body>
<!-- particles.js container -->
<div id="particles-js"></div>
<header>
<h1 class="d-none">Ngoc To</h1>
<nav>
<h2 class="d-none">Main Navigation</h2>
<ul class="hover-effect">
<li><a href="./">Home</a></li>
<li><a href="./projects.html">Projects</a></li>
<li><a href="./hobbies.html">Hobbies</a></li>
<li><a href="./about">About</a></li>
</ul>
</nav>
</header>
<main>
<div class="wrap wrap__about-page">
<div class="timeline__container">
<div class="timeline__progress-container">
<div class="timeline__progress"></div>
<div class="timeline__point"></div>
</div>
<section class="timeline__item card">
<h2>2012-2016: Foundations in Design</h2>
<div>I began my academic journey in industrial design at the University of Architecture in Ho Chi Minh City, Vietnam. This period was crucial in developing my understanding of design principles, aesthetics, and user-centered thinking. My studies provided a solid foundation in creativity and problem-solving, skills that I would later build upon in my career.</div>
</section>
<section class="timeline__item card">
<h2>2017-2018: Transition to Web Development</h2>
<div>Seeking to broaden my skillset and explore new technologies, I moved to Canada and pursued a post-graduate program in Web Development at Humber College. This period marked a significant career shift, where I immersed myself in coding, front-end and back-end development, and web design. The experience sparked a passion for creating interactive digital experiences.</div>
</section>
<section class="timeline__item card">
<h2>2018-2019: Expanding into Interactive Media</h2>
<div>Following my time at Humber College, I continued my education at Sheridan College, delving deeper into the field of interactive media. This phase of my education was characterized by exploring multimedia design, interactive installations, and the integration of various media formats. It solidified my interest in crafting engaging digital interfaces and interactive experiences.</div>
</section>
<section class="timeline__item card">
<h2>2019-Present: Professional Experience at USER1 Subsystem</h2>
<div>Since 2019, I have been working as an Interactive Developer at User1Subsystem, where I apply my diverse background in design and development to create immersive and user-friendly digital experiences. My role involves collaborating with a team to develop interactive solutions that enhance user engagement and experience.</div>
</section>
<section class="timeline__item card">
<h2>2024-Present: Pursuing a Bachelor in Computer Science</h2>
<div>Currently, I am further advancing my knowledge and skills at Fanshawe College, where I am enrolled in the CPA3 program, aiming to transfer to university after to earn a Bachelor in Computer Science. This latest step in my educational journey reflects my commitment to continuously evolving as a professional and expanding my expertise in the field of computing and software development.</div>
</section>
</div>
</div>
</main>
<footer>
<div class="footer__container">
<nav>
<ul>
<li>
<a href="mailto:baongoc1308@gmail.com" aria-label="mail">
<svg class="icon" aria-hidden="true" focusable="false">
<use href="images/icons.svg#icon-mail"></use>
</svg>
</a>
</li>
<li>
<a href="https://bsky.app/profile/narynne.bsky.social" target="_blank" aria-label="bsky">
<svg class="icon icon-social" aria-hidden="true" focusable="false">
<use href="images/icons.svg#icon-bsky"></use>
</svg>
</a>
</li>
<li>
<a href="https://github.com/NgocTo" aria-label="github">
<svg class="icon icon-social" aria-hidden="true" focusable="false">
<use href="images/icons.svg#icon-github"></use>
</svg>
</a>
</li>
<li>
<a href="https://www.linkedin.com/in/ngoc-to" aria-label="linkedin">
<svg class="icon icon-social" aria-hidden="true" focusable="false">
<use href="images/icons.svg#icon-linkedin"></use>
</svg>
</a>
</li>
</ul>
</nav>
<p>© Copyright NgocTo, 2025. All rights reserved.</p>
</div>
</footer>
<!-- JS -->
<script src="assets/lib/particles.min.js"></script>
<script src="assets/app.js"></script>
<script src="assets/scripts.js"></script>
</body>
</html>