Innovation-project/introduction.html at master · HigherFire/Innovation-project · 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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Hello World</title>

    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css">

    <!-- FontAwesome CSS -->
    <link rel="stylesheet" href="css/font-awesome.min.css">

    <!-- ElegantFonts CSS -->
    <link rel="stylesheet" href="css/elegant-fonts.css">

    <!-- themify-icons CSS -->
    <link rel="stylesheet" href="css/themify-icons.css">

    <!-- Swiper CSS -->
    <link rel="stylesheet" href="css/swiper.min.css">

    <!-- Styles -->
    <link rel="stylesheet" href="style.css">
</head>
<body class="single-blog-post">
    <div class="page-header">
        <header class="site-header">
            <div class="nav-bar">
                <div class="container">
                    <div class="row">
                        <div class="col-9 col-lg-3">
                            <div class="site-branding">
                                <a class="header-logo" href="index.html"><img src="images/logo.png" alt=""></a>

                            </div><!-- .site-branding -->
                        </div><!-- .col -->

                        <div class="col-3 col-lg-9 flex justify-content-end align-content-center">
                            <nav class="site-navigation flex justify-content-end align-items-center">
                                <ul class="flex flex-column flex-lg-row justify-content-lg-end align-content-center">
                                    <li class="current-menu-item"><a href="index.html">首页</a></li>
                                    <li><a href="quiz.html">习题</a></li>
                                    <li><a href="course_video.html">课程视频</a></li>
                                    <li><a href="course_ppt.html">课件</a></li>
                                    <li><a href="news.html">新闻</a></li>
                                    <li><a href="introduction.html">课程介绍</a></li>

                                </ul>
                            </nav><!-- .site-navigation -->
                        </div><!-- .col -->
                    </div><!-- .row -->
                </div><!-- .container -->
            </div><!-- .nav-bar -->
        </header><!-- .site-header -->

        <div class="page-header-overlay">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <header class="entry-header">
                            <h1 class="entry-title">课程介绍</h1>
                        </header><!-- .entry-header -->
                    </div><!-- .col -->
                </div><!-- .row -->
            </div><!-- .container -->
        </div><!-- .page-header-overlay -->
    </div><!-- .page-header -->

    <div class="container">
        <div class="row">
            <div class="col-12 offset-lg-1 col-lg-10">
                <div class="featured-image">
                    <img src="iframe/file/img/exam.png" alt="">

                    <div class="posted-date position-absolute">
                        <div class="day">23</div>
                        <div class="month">mar</div>
                    </div><!-- .posted-date -->
                </div><!-- .featured-image -->
            </div><!-- .col -->
        </div><!-- .row -->

        <div class="row">

            <div class="col-12 offset-lg-2 col-lg-8">
                <div class="single-post-wrap">
                    <img src="iframe/file/img/Q&A1.png">
                    <img src="iframe/file/img/Q&A2.png">
                    <img src="iframe/file/img/Q&A3.png">
                </div><!-- .single-post-wrap -->

            </div><!-- .col -->
        </div><!-- .row -->
    </div><!-- .container -->

    <footer class="site-footer">
        <div class="footer-widgets">
            <div class="container">
                <div class="row">

                    <div class="col-12 col-md-4 col-lg-4 mt-5 mt-md-0">
                        <div class="foot-contact">
                            <h2>联系我们</h2>

                            <ul>
                                <li>地址: 上海市四平路1239号 致远楼</li>
                                <li>电话: 86-21-65981384</li>
                            </ul>
                        </div><!-- .foot-contact -->
                    </div><!-- .col -->
                    <div class="col-12 col-md-4 col-lg-3 mt-5 mt-md-0">
                            <div class="foot-contact">
                                <h2>快速通道</h2>
                                <ul>
                                    <li><img src="images/link1.png"><a href="http://math.tongji.edu.cn/model/"> 数学建模</a></li>
                                    <li><img src="images/link2.png"><a href="http://math.tongji.edu.cn/gaoshu/"> 高等数学</a></li>
                                </ul>
                            </div><!-- .foot-contact -->
                    </div><!-- .col -->
                    <div class="col-12 col-md-4 col-lg-5">
                            <div class="foot-about">
                                <a class="foot-logo" href="#"><img src="images/flogo.png" alt="" ></a>
                                <p class="footer-copyright">Copyright &copy;
                                    <script>document.write(new Date().getFullYear());</script>
                                    同济大学数学科学学院 版权所有.
                                </p>
                            </div><!-- .foot-about -->
                    </div><!-- .col -->
                </div><!-- .row -->
            </div><!-- .container -->
        </div><!-- .footer-widgets -->

    </footer><!-- .site-footer -->

    <script type='text/javascript' src='js/jquery.js'></script>
    <script type='text/javascript' src='js/swiper.min.js'></script>
    <script type='text/javascript' src='js/masonry.pkgd.min.js'></script>
    <script type='text/javascript' src='js/jquery.collapsible.min.js'></script>
    <script type='text/javascript' src='js/custom.js'></script>

</body>
</html>