Skip to content

Commit 39fd18a

Browse files
TranHuuDat2004TranHuuDat2004
committed
fix download resume
1 parent a487099 commit 39fd18a

15 files changed

Lines changed: 750 additions & 2881 deletions

‎birthday.html‎

Lines changed: 22 additions & 438 deletions
Large diffs are not rendered by default.

‎components/sections/about.html‎

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
<div class="container">
2+
<div class="section-header animate-on-scroll">
3+
<div class="section-badge">My personal story</div>
4+
<h2 class="section-title">About Me</h2>
5+
<div class="title-underline"></div>
6+
</div>
7+
<div class="about-grid">
8+
<div class="about-image-wrapper animate-on-scroll">
9+
<img src="assets/my_image.jpg" alt="A pensive anime character in a snowy city scene">
10+
<div class="status-tag">
11+
<span class="green-dot"></span> Available for work
12+
</div>
13+
</div>
14+
<div class="about-text-content animate-on-scroll">
15+
<p>I am a dedicated Software Engineering student at Ton Duc Thang University with a deep passion
16+
for building efficient and user-friendly web solutions. My journey into programming started
17+
with a curiosity to understand how things work, and it has grown into a drive to create
18+
meaningful applications.</p>
19+
<p>I enjoy tackling challenging problems and continuously expanding my skill set in the
20+
ever-evolving world of technology. From developing full-stack e-commerce platforms to
21+
creating fun, interactive web apps, my goal is to leverage my technical abilities to build
22+
impactful products.</p>
23+
<div class="info-box-wrapper glass-card">
24+
<div class="info-box">
25+
<div>
26+
<span class="info-label">Name</span>
27+
<p>Trần Hữu Đạt</p>
28+
</div>
29+
<div>
30+
<span class="info-label">Email</span>
31+
<p>tranhuudat.cv@gmail.com</p>
32+
</div>
33+
<div>
34+
<span class="info-label">Location</span>
35+
<p>Ho Chi Minh City, VN</p>
36+
</div>
37+
<div>
38+
<span class="info-label">Availability</span>
39+
<p class="available-status">Open to Internship</p>
40+
</div>
41+
</div>
42+
<a href="download-resume.html" download class="btn-download-resume">Download Resume <i
43+
class="fas fa-download"></i></a>
44+
</div>
45+
</div>
46+
</div>
47+
</div>

‎components/sections/awards.html‎

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
<div class="container">
2+
<div class="section-header animate-on-scroll">
3+
<div class="section-badge">Recognition & Accomplishments</div>
4+
<h2 class="section-title">Awards & Achievements</h2>
5+
<div class="title-underline"></div>
6+
</div>
7+
8+
<!-- Card for Award Details -->
9+
<div class="award-card glass-card animate-on-scroll">
10+
<div class="award-info">
11+
<p class="award-date">April 2023</p>
12+
<h3 class="award-title">Consolation Prize</h3>
13+
<p class="award-competition">'Class Website Design Competition 2023'</p>
14+
<p class="award-issuer">Faculty of Information Technology, Ton Duc Thang University</p>
15+
</div>
16+
<div class="award-description">
17+
<ul>
18+
<li>
19+
Achieved prize in a university-wide competition with over 20 participating teams, as
20+
part of the "Youth Pioneering Digital Transformation" initiative.
21+
</li>
22+
<li>
23+
Developed a class website on WordPress aimed at fostering academic exchange,
24+
contributing significantly to UI/UX design and theme customization.
25+
</li>
26+
<li>
27+
Demonstrated strong teamwork, creativity, and the practical application of web
28+
development skills in a competitive environment.
29+
</li>
30+
</ul>
31+
</div>
32+
</div>
33+
34+
<!-- NEW: Card for the Award Photo -->
35+
<div class="award-photo-card glass-card animate-on-scroll">
36+
<h3 class="photo-title">A Proud Moment</h3>
37+
<div class="photo-wrapper">
38+
<img src="assets/achive.jpg" alt="A memorable moment - Receiving award at TDTU 2023">
39+
</div>
40+
<p class="photo-caption">Receiving the design award at Ton Duc Thang University, 2023.</p>
41+
</div>
42+
43+
</div>

‎components/sections/blog.html‎

Lines changed: 73 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
1+
<div class="container">
2+
<div class="section-header animate-on-scroll">
3+
<div class="section-badge">Sharing my knowledge</div>
4+
<h2 class="section-title">From The Blog (Maintenance)</h2>
5+
<div class="title-underline"></div>
6+
</div>
7+
8+
<!-- Lưới chứa các bài blog nổi bật -->
9+
<div class="blog-grid">
10+
<!-- Bài Blog 1: Mixamo & Unity -->
11+
<div class="blog-post-card glass-card animate-on-scroll">
12+
<a href="post-mixamo-unity.html" class="blog-card-image-link">
13+
<div class="blog-card-image">
14+
<!-- Bạn có thể tạo 1 ảnh thumbnail cho bài viết này -->
15+
<img src="assets/placeholder-600x400.png" alt="A 3D character in Unity editor">
16+
</div>
17+
</a>
18+
<div class="blog-card-content">
19+
<div class="blog-card-tags">
20+
<span>Unity</span><span>Game Dev</span>
21+
</div>
22+
<h3><a href="post-mixamo-unity.html">Guide: Using Mixamo Assets in Unity</a></h3>
23+
<p>A standard workflow to correctly download and implement 3D characters and animations from
24+
Mixamo into your Unity projects.</p>
25+
<a href="post-mixamo-unity.html" class="blog-card-link">Read More <i
26+
class="fas fa-arrow-right"></i></a>
27+
</div>
28+
</div>
29+
30+
<!-- === BÀI VIẾT MỚI: UNITY & GITHUB PAGES === -->
31+
<div class="blog-post-card glass-card animate-on-scroll">
32+
<a href="post-unity-githubpages.html" class="blog-card-image-link">
33+
<div class="blog-card-image">
34+
<img src="assets/unity-githubpage.png" alt="Unity logo and GitHub logo">
35+
</div>
36+
</a>
37+
<div class="blog-card-content">
38+
<div class="blog-card-tags">
39+
<span>Unity</span><span>Game Dev</span><span>GitHub</span>
40+
</div>
41+
<h3><a href="post-unity-githubpages.html">Hướng Dẫn: Deploy Game Unity Lên GitHub Pages</a>
42+
</h3>
43+
<p>Quy trình chi tiết để chia sẻ game Unity của bạn lên web miễn phí và cách khắc phục lỗi
44+
không tải được game phổ biến nhất.</p>
45+
<a href="post-unity-githubpages.html" class="blog-card-link">Read More <i
46+
class="fas fa-arrow-right"></i></a>
47+
</div>
48+
</div>
49+
50+
<!-- Bài Blog 3 (Ví dụ) -->
51+
<div class="blog-post-card glass-card animate-on-scroll">
52+
<a href="#" class="blog-card-image-link">
53+
<div class="blog-card-image">
54+
<img src="assets/placeholder-600x400.png" alt="Docker container logos">
55+
</div>
56+
</a>
57+
<div class="blog-card-content">
58+
<div class="blog-card-tags">
59+
<span>Docker</span><span>DevOps</span>
60+
</div>
61+
<h3><a href="#">Getting Started with Docker for Web Devs</a></h3>
62+
<p>Learn how containerization with Docker can streamline your development workflow, ensuring
63+
consistency across environments.</p>
64+
<a href="#" class="blog-card-link">Read More <i class="fas fa-arrow-right"></i></a>
65+
</div>
66+
</div>
67+
</div>
68+
69+
<!-- Nút xem tất cả bài viết -->
70+
<div class="view-all-posts-container animate-on-scroll">
71+
<a href="blog.html" class="btn btn-secondary">View All Posts</a>
72+
</div>
73+
</div>

‎components/sections/contact.html‎

Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
<div class="container">
2+
<div class="section-header animate-on-scroll">
3+
<div class="section-badge">Let's work together</div>
4+
<h2 class="section-title">Get In Touch</h2>
5+
<div class="title-underline"></div>
6+
</div>
7+
<div class="contact-grid">
8+
<div class="contact-info-wrapper glass-card animate-on-scroll">
9+
<h3>Contact Information</h3>
10+
<div class="contact-item">
11+
<i class="fas fa-envelope"></i>
12+
<div>
13+
<span>Email</span>
14+
<a href="mailto:tranhuudat.cv@gmail.com">tranhuudat.cv@gmail.com</a>
15+
</div>
16+
</div>
17+
<div class="contact-item">
18+
<i class="fab fa-linkedin"></i>
19+
<div>
20+
<span>LinkedIn</span>
21+
<a href="https://linkedin.com/in/tranhuudat2004"
22+
target="_blank">linkedin.com/in/tranhuudat2004</a>
23+
</div>
24+
</div>
25+
<div class="contact-item">
26+
<i class="fab fa-github"></i>
27+
<div>
28+
<span>GitHub</span>
29+
<a href="https://github.com/TranHuuDat2004"
30+
target="_blank">github.com/TranHuuDat2004</a>
31+
</div>
32+
</div>
33+
<h3 class="status-title">Current Status</h3>
34+
<div class="contact-status">
35+
<span class="green-dot"></span>
36+
Open for Web Developer Internship opportunities
37+
</div>
38+
</div>
39+
<!-- Form liên hệ - Bạn cần một dịch vụ backend như Formspree để nó hoạt động -->
40+
<form class="contact-form glass-card animate-on-scroll" action="https://formspree.io/f/xpwozknb"
41+
method="POST">
42+
<h3>Send Me a Message</h3>
43+
<div class="form-group">
44+
<input type="text" id="name" name="name" placeholder="Your Name" required>
45+
</div>
46+
<div class="form-group">
47+
<input type="email" id="email" name="email" placeholder="Your Email" required>
48+
</div>
49+
<div class="form-group">
50+
<input type="text" id="subject" name="subject" placeholder="Subject" required>
51+
</div>
52+
<div class="form-group">
53+
<textarea id="message" name="message" rows="5" placeholder="Your Message"
54+
required></textarea>
55+
</div>
56+
<button type="submit" class="btn btn-primary">Send Message <i
57+
class="fas fa-paper-plane"></i></button>
58+
</form>
59+
</div>
60+
</div>

‎components/sections/experience.html‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
<div class="container">
2+
<div class="section-header animate-on-scroll">
3+
<div class="section-badge">My professional journey</div>
4+
<h2 class="section-title">Experience & Education</h2>
5+
<div class="title-underline"></div>
6+
</div>
7+
<div class="timeline">
8+
<!-- Timeline Item 1: Học vấn -->
9+
<div class="timeline-item animate-on-scroll">
10+
<div class="timeline-dot"></div>
11+
<div class="timeline-content glass-card">
12+
<h3>Bachelor of Software Engineering</h3>
13+
<p class="timeline-meta">Ton Duc Thang University | 2022 - 2026</p>
14+
<p>Building a strong foundation in computer science, algorithms, and web development
15+
principles, while maintaining a GPA of 7.8/10.</p>
16+
</div>
17+
</div>
18+
<!-- Timeline Item 2: Kinh nghiệm làm việc -->
19+
<div class="timeline-item animate-on-scroll">
20+
<div class="timeline-dot"></div>
21+
<div class="timeline-content glass-card">
22+
<h3>Invigilator (Part-time)</h3>
23+
<p class="timeline-meta">Ton Duc Thang University | 2024 - Present</p>
24+
<p>Ensured the integrity of university examinations, developing strong discipline, attention
25+
to detail, and the ability to perform under pressure.</p>
26+
</div>
27+
</div>
28+
<!-- Timeline Item 3: Dự án cá nhân -->
29+
<div class="timeline-item animate-on-scroll">
30+
<div class="timeline-dot"></div>
31+
<div class="timeline-content glass-card">
32+
<h3>Personal Project Development</h3>
33+
<p class="timeline-meta">GitHub | 2022 - Present</p>
34+
<p>Continuously developing full-stack applications and interactive tools to sharpen my
35+
skills and explore new technologies.</p>
36+
</div>
37+
</div>
38+
</div>
39+
</div>

0 commit comments

Comments
 (0)