aso/post.html at master · vietcodeproject/aso · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bài đăng của trang</title>
    <meta name="description" content="V">
    <meta name="keywords" content="V">

    <link rel="stylesheet" href="css/css-post/styles-merged.css">
    <link rel="stylesheet" href="css/css-post/style.min.css">
    <link rel="stylesheet" href="fonts/icomoon/style.css">
`

    <link rel="icon" type="image/x-icon" href="favicon.ico">

    <link rel="stylesheet" href="css/css-post/myCSS.css">
    <link rel="stylesheet" href="css/myStyleCSS.css">

    <!--[if lt IE 9]>
      <script src="js/vendor/html5shiv.min.js"></script>
      <script src="js/vendor/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>

    <!-- Fixed navbar -->
    <nav class="navbar navbar-default probootstrap-navbar awake">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="index.html" title="">ASO</a>
        </div>

        <div id="navbar-collapse" class="navbar-collapse collapse" style="">
          <ul class="nav navbar-nav navbar-right">
            <li><a href="index.html" target="_blank">Trang chủ</a></li>
            <li><a href="index.html#about">Về chúng tôi</a></li>
            <li><a href="index.html#event">Các hoạt động</a></li>
            <li><a href="index.html#team">Thành viên</a></li>
            <li><a href="index.html#contact">Liên hệ</a></li>
            <li class="active"><a href="#">Bài viết</a></li>
          </ul>
        </div>

      </div>
    </nav>

    <!--bài đăng -->
    <section class="probootstrap-section">
        <div class="col-md-8 col-md-offset-2 probootstrap-section-heading">
          <h2 class="mb30 text-black probootstrap-heading text-center">Bài viết</h2>
        </div>

        <div class="grid-post wrapping"> <!--The Laetus-->
          <div class="post-image">
            <img src="img/post-img/the_laetus.jpg" />
          </div>

          <div class="post-text">
            <h1><a href="theLaetus.html" target="_blank">ASO IS COMING TO TOWN!</a></h1>
            <p>Chắc các bạn đang rất nóng lòng muốn biết nhiều hơn về ASO phải không nào.
                Không để các bạn chờ lâu nữa, ASO sẽ mang đến cho các bạn một món quà rất đặc biệt
                dành cho CSP-er, chính là BUỔI GIỚI THIỆU – THE LAETUS. </p>
                <br><br><br>
            <p style="text-align: right; margin-right: 2em;"><a href="theLaetus.html" target="_blank">>>Đọc thêm</a></p>

          </div>
        </div>

        <hr>

        <div class="grid-post"> <!--Hogwarts Fair-->
          <div class="post-image">
            <img src="img/post-img/hogwartsfair.png" />
          </div>

          <div class="post-text">
            <h1><a href="hogwartsFair.html" target="_blank">Hogwarts Fair – hội chợ khoa học mang âm hưởng phù thủy thần bí của bộ phim Harry Potter</a></h1>
            <p>Với sứ mệnh lan truyền tình yêu và niềm đam mê khoa học, hội chợ khoa học Hogwarts Fair
               tổ chức bởi Tổ chức Khoa học Ứng dụng ASO (trường THPT Chuyên Sư Phạm - Hà Nội) hứa hẹn
               sẽ mang đến rất nhiều điều bất ngờ và lí thú.  </p>
                <br><br><br>
            <p style="text-align: right; margin-right: 2em;"><a href="hogwartsFair.html" target="_blank">>>Đọc thêm</a></p>

          </div>
        </div>

        <hr>
      </section>

    <!--End bài đăng-->

    <section class="probootstrap-section probootstrap-cta">
      <div class="container">
        <div class="row">
          <div class="col-md-8 col-md-offset-2 text-center">
            <h2 class="probootstrap-heading">Tham gia ngay</h2>
            <p class="probootstrap-sub-heading">Điền link đơn dưới đây, và trở thành một phần của ASO.</p>
            <p><a href="https://fb.com/aso.csp/" class="btn btn-black" target="_blank">Đơn đăng kí</a></p>
          </div>
        </div>
      </div>
    </section>

    <footer class="probootstrap-footer">
      <div class="container text-center">
        <div class="row">
          <div class="col-md-12">
              <p class="probootstrap-social">
                  <!--<a href="#"><i class="icon-twitter"></i></a> -->
                  <a href="https://fb.com/aso.csp/"><i class="icon-facebook2"></i></a>
                  <a href="#"><i class="icon-instagram2"></i></a>
                  <!--<a href="#"><i class="icon-linkedin"></i></a></p>-->
                </p>
            </div>
        </div>
        <div class="row">
          <div class="col-md-12">
            &copy; Designed by Vietcode. Contact: <a href="https://fb.com/vietcode.org/">Vietcode Project</a>.
          </div>
        </div>
      </div>
    </footer>

    <script src="js/scripts.min.js"></script>
    <script src="js/custom.js"></script>

  </body>
</html>