<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="vi" lang="vi">
<head>
    <meta charset="utf-8" />
    <title>H&#224;nh Tr&#236;nh Người Cha | Những c&#226;u chuyện của bố v&#224; con</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="robots" content="noindex,nofollow">
    
    <meta name="keywords" content="h&#224;nh tr&#236;nh người cha, nhật k&#253; l&#224;m cha, bố v&#224; con, nu&#244;i dạy con, gia đ&#236;nh" />
    <meta name="description" content="H&#224;nh Tr&#236;nh Người Cha l&#224; nơi lưu giữ những c&#226;u chuyện của bố v&#224; con, từ ng&#224;y gặp mẹ của con đến từng chặng đường con lớn l&#234;n." />
    <!-- SEO / Social -->
    <link rel="canonical" href="https://hanhtrinhnguoicha.com" />
    <meta property="og:title" content="H&#224;nh Tr&#236;nh Người Cha | Những c&#226;u chuyện của bố v&#224; con" />
    <meta property="og:description" content="H&#224;nh Tr&#236;nh Người Cha l&#224; nơi lưu giữ những c&#226;u chuyện của bố v&#224; con, từ ng&#224;y gặp mẹ của con đến từng chặng đường con lớn l&#234;n." />
    <meta property="og:url" content="https://hanhtrinhnguoicha.com" />
    <meta property="og:type" content="article" />
    <meta property="og:locale" content="vi_VN" />
    <meta property="og:image" content="/uploads/files/images/father-journey/hero-father-son.jpg" />
    <meta name="twitter:site" content="onthicsca" />
    <meta name="author" content="hanhtrinhnguoicha.com" />
    <meta name="copyright" content="Copyright © 2026 by hanhtrinhnguoicha.com" />
    <meta name='dmca-site-verification' content='' />
    <!-- CSS -->
    <link href="/Assets/home/css/common.css?v=1.1" rel="stylesheet" />
    <link href="/Assets/home/css/font-awesome.min.css" rel="stylesheet" />
    <!-- JS -->
    <script src="/Assets/home/js/jquery.min.js"></script>
    <script src="/Assets/home/js/Common.js"></script>
    <link href="/Assets/home/css/bootstrap.min.css" rel="stylesheet" />
    <link href="/Assets/home/css/style.css?v=1.1.1" rel="stylesheet" />
    <link href="/Assets/home/css/responsive.css?v=1.1" rel="stylesheet" />
</head>

<body class="father-page">
    <!-- HEADER -->
    <header class="father-header">
        <nav class="navbar navbar-expand-lg father-navbar" aria-label="Điều hướng chính">
            <div class="container father-container">
                <a class="navbar-brand father-brand" href="/" aria-label="Hành Trình Người Cha - Trang chủ">
                    <span class="father-brand__symbol" aria-hidden="true">
                        <i class="fa fa-male father-brand__dad"></i>
                        <i class="fa fa-male father-brand__child"></i>
                    </span>
                    <span class="father-brand__words">
                        <span>Hành Trình</span>
                        <strong>Người Cha</strong>
                    </span>
                </a>

                <button class="navbar-toggler father-navbar__toggle"
                        type="button"
                        data-bs-toggle="collapse"
                        data-bs-target="#mainMenu"
                        aria-controls="mainMenu"
                        aria-expanded="false"
                        aria-label="Mở menu">
                    <span class="father-menu-lines" aria-hidden="true"></span>
                </button>

                <div class="collapse navbar-collapse" id="mainMenu">
                    <ul class="navbar-nav ms-auto father-menu">
                        <li class="nav-item"><a class="nav-link active" href="/">Trang chủ</a></li>
                        <li class="nav-item"><a class="nav-link" href="/nhat-ky">Nhật ký</a></li>
                        <li class="nav-item"><a class="nav-link" href="/con-0-6-tuoi">Con 0-6 tuổi</a></li>
                        <li class="nav-item"><a class="nav-link" href="/con-di-hoc">Con đi học</a></li>
                        <li class="nav-item"><a class="nav-link" href="/gia-dinh">Gia đình</a></li>
                        <li class="nav-item"><a class="nav-link" href="/ve-toi">Về tôi</a></li>
                    </ul>

                    <div class="father-header__tools">
                        
                        <button class="father-tool father-tool--menu" type="button" aria-label="Mở danh mục nhanh">
                            <i class="fa fa-bars" aria-hidden="true"></i>
                        </button>
                    </div>
                </div>
            </div>
        </nav>
    </header>

    <!-- CONTENT -->
    <main class="father-main">
        

<!-- HERO -->
<section class="father-hero">
    <div class="father-hero__visual" role="img" aria-label="Người cha nắm tay con trên con đường đầy nắng"></div>
    <div class="father-hero__content">
        <h1>Hành trình<br />Người Cha</h1>
        <p>Từ ngày gặp mẹ của con đến ngày nhìn con tự bước đi trên con đường của mình.</p>
        <a class="father-button" href="#thu-gui-con">Bắt đầu đọc</a>
        <a class="father-hero__down" href="#thu-gui-con" aria-label="Xem tiếp">
            <i class="fa fa-long-arrow-down" aria-hidden="true"></i>
        </a>
    </div>
</section>

<!-- THƯ GỬI CON -->
<section class="father-letter" id="thu-gui-con">
    <div class="container father-container">
        <div class="father-letter__paper">
            <div class="father-letter__art" aria-hidden="true">
                <span class="father-letter__sheet"></span>
                <i class="fa fa-leaf"></i>
            </div>
            <div class="father-letter__copy">
                <h2>Gửi con.</h2>
                <p>Có thể nhiều năm sau, khi con đọc được những dòng này, bố đã già hơn rất nhiều.</p>
                <p>Nhưng từng bài viết ở đây đều là một mảnh ký ức, để con biết rằng trong khi con lớn lên, bố cũng đang học cách trở thành một người cha.</p>
                <a class="father-button father-button--small" href="/nhat-ky/ngay-dau-tien">Đọc bức thư đầu tiên <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a>
            </div>
        </div>
    </div>
</section>

<!-- CHƯƠNG HÀNH TRÌNH -->
<section class="father-chapters">
    <div class="container father-container">
        <h2 class="father-section-title">Những chương của hành trình</h2>

        <div class="father-chapters__grid">
            <a class="father-chapter-card" href="/ngay-gap-me-cua-con">
                <span class="father-chapter-card__icon father-chapter-card__icon--heart"><i class="fa fa-heart"></i></span>
                <strong>Ngày gặp mẹ<br />của con</strong>
                <small>18 bài</small>
            </a>
            <a class="father-chapter-card" href="/cho-con-ra-doi">
                <span class="father-chapter-card__icon father-chapter-card__icon--baby"><i class="fa fa-pagelines"></i></span>
                <strong>Chờ con<br />ra đời</strong>
                <small>25 bài</small>
            </a>
            <a class="father-chapter-card" href="/nhung-nam-dau-doi">
                <span class="father-chapter-card__icon"><i class="fa fa-child"></i></span>
                <strong>Những năm<br />đầu đời</strong>
                <small>68 bài</small>
            </a>
            <a class="father-chapter-card" href="/con-di-hoc">
                <span class="father-chapter-card__icon"><i class="fa fa-suitcase"></i></span>
                <strong>Con đi học</strong>
                <small>40 bài</small>
            </a>
            <a class="father-chapter-card" href="/gia-dinh">
                <span class="father-chapter-card__icon father-chapter-card__icon--home"><i class="fa fa-home"></i></span>
                <strong>Gia đình</strong>
                <small>32 bài</small>
            </a>
            <a class="father-chapter-card" href="/nhat-ky">
                <span class="father-chapter-card__icon father-chapter-card__icon--book"><i class="fa fa-book"></i></span>
                <strong>Nhật ký</strong>
                <small>55 bài</small>
            </a>
        </div>
    </div>
</section>

<!-- BÀI VIẾT MỚI -->
<section class="father-posts">
    <div class="container father-container">
        <h2 class="father-section-title">Bài viết mới</h2>

"error"
    </div>
</section>

<!-- DÒNG THỜI GIAN -->
<section class="father-timeline">
    <div class="container father-container">
        <h2 class="father-section-title">Dòng thời gian</h2>
        <div class="father-timeline__track">
            <div class="father-timeline__line" aria-hidden="true"></div>
            <a class="father-timeline__item" href="/ngay-gap-me-cua-con"><span><i class="fa fa-heart"></i></span><strong>2018</strong><small>Ngày bố gặp mẹ.</small></a>
            <a class="father-timeline__item" href="/dam-cuoi"><span><i class="fa fa-users"></i></span><strong>2019</strong><small>Đám cưới.</small></a>
            <a class="father-timeline__item" href="/biet-tin-co-con"><span><i class="fa fa-pagelines"></i></span><strong>2020</strong><small>Biết tin có con.</small></a>
            <a class="father-timeline__item" href="/con-chao-doi"><span><i class="fa fa-child"></i></span><strong>2021</strong><small>Con chào đời.</small></a>
            <a class="father-timeline__item" href="/con-di-mau-giao"><span><i class="fa fa-users"></i></span><strong>2023</strong><small>Con đi mẫu giáo.</small></a>
            <a class="father-timeline__item" href="/con-vao-lop-mot"><span><i class="fa fa-child"></i></span><strong>2027</strong><small>Con vào lớp 1.</small></a>
            <a class="father-timeline__item" href="/con-tuoi-day-thi"><span><i class="fa fa-user"></i></span><strong>2035</strong><small>Con tuổi dậy thì.</small></a>
            <a class="father-timeline__item" href="/con-tot-nghiep"><span><i class="fa fa-users"></i></span><strong>2045</strong><small>Con tốt nghiệp.</small></a>
        </div>
    </div>
</section>

    </main>

    <!-- QUOTE -->
    <section class="father-closing-quote" aria-label="Thông điệp của Hành Trình Người Cha">
        <div class="container father-container">
            <p>Mỗi ngày con lớn thêm một chút,<br />bố cũng trưởng thành thêm một chút.</p>
        </div>
    </section>

    <!-- FOOTER -->
    <footer class="father-footer">
        <div class="container father-container">
            <div class="row g-4 align-items-start">
                <div class="col-lg-4 col-md-6">
                    <a class="father-brand father-brand--footer" href="/" aria-label="Hành Trình Người Cha">
                        <span class="father-brand__symbol" aria-hidden="true">
                            <i class="fa fa-male father-brand__dad"></i>
                            <i class="fa fa-male father-brand__child"></i>
                        </span>
                        <span class="father-brand__words">
                            <span>Hành Trình</span>
                            <strong>Người Cha</strong>
                        </span>
                    </a>
                    <p class="father-footer__intro">
                        Từ những điều nhỏ bé, tạo nên một hành trình lớn lao.
                    </p>
                    <small class="father-footer__copyright">© 2026 Hành Trình Người Cha</small>
                </div>

                <div class="col-lg-2 col-6">
                    <h2 class="father-footer__title">Khám phá</h2>
                    <ul class="father-footer__links">
                        <li><a href="/">Trang chủ</a></li>
                        <li><a href="/nhat-ky">Nhật ký</a></li>
                        <li><a href="/con-0-6-tuoi">Con 0-6 tuổi</a></li>
                        <li><a href="/con-di-hoc">Con đi học</a></li>
                        <li><a href="/gia-dinh">Gia đình</a></li>
                    </ul>
                </div>

                <div class="col-lg-3 col-6">
                    <h2 class="father-footer__title">Thông tin</h2>
                    <ul class="father-footer__links">
                        <li><a href="#">Giới thiệu</a></li>
                        <li><a href="#">Liên hệ</a></li>
                        <li><a href="#">Chính sách bảo mật</a></li>
                        <li><a href="#">Điều khoản sử dụng</a></li>
                    </ul>
                </div>

                <div class="col-lg-3 col-md-6">
                    <h2 class="father-footer__title">Kết nối</h2>
                    <div class="father-social">
                        <a href="#" aria-label="Facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a>
                        <a href="#" aria-label="YouTube"><i class="fa fa-youtube-play" aria-hidden="true"></i></a>
                        <a href="#" aria-label="Instagram"><i class="fa fa-instagram" aria-hidden="true"></i></a>
                        <a href="mailto:hello@hanhtrinhnguoicha.com" aria-label="Email"><i class="fa fa-envelope-o" aria-hidden="true"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
