ykchengzi.github.io/example.html at main · SadEPa28/ykchengzi.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
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>产品测试及交流群 - ChengZi 的网站</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="fontawesome/css/all.min.css">
    <link rel="stylesheet" href="css/templatemo-style.css">
    <link rel="shortcut icon" type="image/png" href="img/NZ.ico">
</head>
<body>
    <!-- Page Loader -->
    <div id="loader-wrapper">
        <div id="loader"></div>

        <div class="loader-section section-left"></div>
        <div class="loader-section section-right"></div>

    </div>

    <nav class="navbar navbar-expand-lg">
        <div class="container-fluid">
            <a class="navbar-brand" href="#">
                ChengZi 的网站
            </a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <i class="fas fa-bars"></i>
            </button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav ml-auto mb-2 mb-lg-0">
                <li class="nav-item">
                    <a class="nav-link nav-link-1" aria-current="page" href="index.html">主页</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link nav-link-2 active" href="example.html">交流群</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link nav-link-3" href="index.html">更多页面</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="javascript:window.history.back(-1)" target="_self">返回</a>
                </li>
            </ul>
            </div>
        </div>
    </nav>

    <div class="tm-hero d-flex justify-content-center align-items-center" data-parallax="scroll" data-image-src="img/BG.jpg">
    </div>

    <div class="container-fluid tm-container-content tm-mt-60">
        <div class="row mb-4">
            <h2 class="col-12 tm-text-primary">ChengZi 产品测试及交流群</h2>
        </div>
        <div class="row tm-mb-90">
            <div class="tm-bg-gray tm-video-details">
                <p class="mb-4">
                    你可以加入 ChengZi 交流群来发表你对 ChengZi 产品的看法和建议, 或者交流某些内容。
                    <br>
                    该群是 Microsoft Teams 群组，你需要在 Microsoft Teams 中登录 Microsoft 帐户后才能加入群组。
                </p>
                <div class="text-center mb-5">
                    <a href="https://teams.live.com/l/invite/FBATPPH9acOD84KwAo" class="btn btn-primary tm-btn-big">加入 ChengZi 交流群</a>
                </div>
            </div>
        </div>
        <div class="row mb-4">
            <h2 class="col-12 tm-text-primary">
                其他链接
            </h2>
        </div>

        <div class="row mb-3 tm-gallery">
            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12 mb-5">
                <figure class="effect-ming tm-video-item">
                    <img src="img/nicrozoft.jpg" alt="Image" class="img-fluid">
                    <figcaption class="d-flex align-items-center justify-content-center">
                        <h2>Nicrozoft 官网</h2>
                        <a href="https://nicrozoft.github.io">View more</a>
                    </figcaption>
                </figure>
                <div class="d-flex justify-content-between tm-text-gray">
                    <span class="tm-text-gray-light">Nicrozoft 官网</span>
                </div>
            </div> <!-- row -->
            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12 mb-5">
                <figure class="effect-ming tm-video-item">
                    <img src="img/sadepabg.jpg" alt="Image" class="img-fluid">
                    <figcaption class="d-flex align-items-center justify-content-center">
                        <h2>SadEPa的网站</h2>
                        <a href="https://sadepa.gitee.io/">View more</a>
                    </figcaption>
                </figure>
            </div> <!-- row -->
        </div>
    </div> <!-- container-fluid, tm-container-content -->
    <footer class="tm-bg-gray pt-5 pb-3 tm-text-gray tm-footer">
        <div class="container-fluid tm-container-small">
            <div class="row">
                <div class="col-lg-6 col-md-12 col-12 px-5 mb-5">
                    <h3 class="tm-text-primary mb-4 tm-footer-title">ChengZi 的网站</h3>
                    <p>温馨提示：ChengZi 的网站是一个网站。<br>本网站由 Nicrozoft 网站修改而成，并由 Nicrozoft 帮助建造。</p>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-8 col-md-7 col-12 px-5 mb-3">
                    Copyright © ChengZi Corporation. All rights reserved.
                </div>
            </div>
        </div>
    </footer>

    <script src="js/plugins.js"></script>
    <script>
        $(window).on("load", function() {
            $('body').addClass('loaded');
        });
    </script>
</body>
</html>
</html>