mpc-ou.github.io/training.html at master · mpc-ou/mpc-ou.github.io · GitHub

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
120
121
122
123
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Đào đạo | OUMPC</title>
    <link rel="stylesheet" href="/src/css/sukien.css">

    <meta name="description" content="Trang thành tựu của CLB Lập trình trên thiết bị di động - Mobile Programming Club - MPC.">
    <meta name="keywords" content="CLB, Lập trình, thiết bị di động, MPC, Khoa CNTT, ĐH Mở Tp.HCM">
    <meta name="author" content="MPC">
    <meta property="og:title" content="Thành tựu | OUMPC">
    <meta property="og:description" content="Trang thành tựu của CLB Lập trình trên thiết bị di động - Mobile Programming Club - MPC.">
    <meta property="og:image" content="src\asset\image\toc1.jpg">
    <meta property="og:url" content="https://https://oumpc.github.io/">
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="OUMPC">
    <meta property="og:locale" content="vi_VN">
    <!-- THÊM LINK CSS Ở ĐÂY -->
     <link rel="stylesheet" href="/src/css/training.css">
</head>
<body>
    <script src="/src/js/loading.js" defer></script>
    <header></header>
    <div id="sence1" class="bg_gyro">
        <img src="/src/asset/image/training//traing_bg.jpg" alt="" srcset="">
        <div class="ov">
            <!-- <span></span> -->
            <h1>ĐÀO TẠO</h1>
            <p>Là CLB học thuật trực thuộc khoa CNTT, chúng mình tự hào là một CLB có nhiều hoạt động đào tạo, giúp các bạn sinh viên có cơ hội học hỏi, trau dồi kiến thức và kỹ năng, từ đó phát triển bản thân và chuẩn bị cho tương lai.</p>
        </div>
    </div>
    <div class="line">
        <h1>Lộ trình học tập</h1>
    </div>

    <div class="slide-training">

        <div id="arrow-bottom" class="arrow">
            <dotlottie-player  src="https://lottie.host/8710eaea-1fa7-4f19-9629-0fbe9ea03a65/3dmJdYwPJH.json" background="transparent" speed="1" style="width: 300px; height: 300px;" loop autoplay></dotlottie-player>
        </div>
        <i id="prevBtn" class="dieu-huong fa-solid fa-angle-left"></i>
        <div id="training-slider">
            <div class="training-slider-inner">
                <div id="period-training" class="item active">
                    <div>
                        <div class="circle">
                            <i class="fa-solid fa-paper-plane"></i>
                        </div>
                        <h1>TRAINING</h1>
                        <p>Hướng dẫn cơ bản, nhập môn lập trình, ôn tập các kiến thức liên quan đến ngành trong suốt quá trình học tập</p>
                    </div>
                </div>
                <div id="period-1" class="item">
                    <div>
                        <div class="circle">
                            <i class="fa-solid fa-microchip"></i>
                        </div>
                        <h1>KĨ THUẬT LẬP TRÌNH</h1>
                        <h2>Kì 1-2</h2>
                        <p>Ôn tập kiến thức cơ bản, hướng dẫn cách giải quyết vấn đề, cấu trúc dữ liệu và giải thuật</p>
                    </div>
                </div>
                <div id="period-3" class="item">
                    <div>
                        <div class="circle">
                            <i class="fa-solid fa-earth-asia"></i>
                        </div>
                        <h1>LẬP TRÌNH WEB</h1>
                        <h2>Kì 3</h2>
                        <p>Ôn tập, đào tạo các kiến thức liên quan đến lập trình web, xây dựng website cơ bản đến nâng cao</p>
                    </div>
                </div>
                <div id="period-4" class="item">
                    <div>
                        <div class="circle">
                            <i class="fa-solid fa-object-group"></i>
                        </div>
                        <h1>LẬP TRÌNH OOP</h1>
                        <h2>Kì 4</h2>
                        <p>Ôn tập, đào tạo các kiến thức liên quan đến lập trình hướng đối tượng, các tính chất và ứng dụng</p>
                    </div>
                </div>
                <div id="period-5" class="item">
                    <div>
                        <div class="circle">
                            <i class="fa-solid fa-diagram-project"></i>
                        </div>
                        <h1>ỨNG DỤNG, DỰ ÁN</h1>
                        <h2>Kì 5</h2>
                        <p>Thực hành, xây dựng ứng dụng, dự án thực tế, hướng dẫn cách làm việc nhóm, quản lý dự án</p>
                    </div>
                </div>
            </div>
        </div>
        <i id="nextBtn" class="dieu-huong fa-solid fa-angle-right"></i>
    </div>

    <div class="line-image">
        <div>
            <div><strong>MPC</strong></div>
        </div>
        <img src="\src\asset\image\hocnhom2.jpg"/>
    </div>
    <div class="line">
        <h1>Các dự án</h1>
        <p>Một số dự án của các thành viên trong MPC đã thực hiện</p>
    </div>

    <div id="projects-container">

    </div>

    <!-- THÊM Ở ĐÂY -->
     <!-- Gợi ý: Tạo các container từng phần dọc xuống -->
     <!--  -->
    <footer></footer>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js" integrity="sha512-Eak/29OTpb36LLo2r47IpVzPBLXnAMPAVypbSZiZ4Qkf8p/7S/XRG5xp7OKWPPYfJT6metI+IORkR5G8F900+g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="/src/js/init.js" defer></script>
    <!-- THÊM SCRIPT Ở ĐÂY -->
     <script src="/src/js/training.js"></script>
</body>
</html>