Hello/coffeestory.html at main · MinhNguyen-developer/Hello · 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
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>COFFEE STORY</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
          rel="stylesheet"
          integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
          crossorigin="anonymous">

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css" integrity="sha384-SZXxX4whJ79/gErwcOYf+zWLeJdY/qpuqC4cAa9rOGUstPomtqpuNWT9wdPEn2fk" crossorigin="anonymous">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link href="css/prettyPhoto.css" rel="stylesheet">
    <link href="css/price-range.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
	  <link href="css/main.css" rel="stylesheet">
	  <link href="css/responsive.css" rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Cookie" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <nav class="topnav" id="myTopnav">
        <div class="logo">
            <img src="./asset/caffeinee-logo-molecule.png" alt="Cafeinee_logo" class="logo_img">
            <span class="hidden">Caffeinee</span>
        </div>
        <ul>
            <li><a href="#">About</a></li>
            <li><a href="#">Menu</a></li>
            <li><a href="#">Coffee story</a></li>
            <li><a href="#" class="fas fa-paw"></a></li>
            <li><a href="#" class="far fa-user"></a></li>
            <li><a href="javascript:void(0);" class="icon" onclick="myFunction()">
                <i class="fa fa-bars"></i>
                </a>
            </li>
        </ul>
    </nav>

    <header>
        <section class="parallax">
            <div class="parallax-inner">
                <h1>COFFEE STORY</h1>
            </div>
        </section>
    </header>


  <section class="timeline">
    <div class="container">
      <div class="timeline-item">
        <div class="timeline-img"></div>

        <div class="timeline-content js--fadeInLeft">
          <h2>About</h2>
          <div class="date">1 AUG 2021</div>
          <p>Cà phê là một loại thức uống được ủ từ hạt cà phê rang, lấy từ quả của cây cà phê. Giống cây này được xuất khẩu từ châu Phi tới các nước trên thế giới và hiện nay đã được trồng tại tổng cộng hơn 70 quốc gia, chủ yếu là các khu vực nằm gần đường xích đạo thuộc châu Mỹ, Đông Nam Á, Ấn Độ và châu Phi. Hai giống cà phê được trồng phổ biến nhất là cà phê chè, và cà phê vối. Sau khi chín, quả cà phê sẽ được hái, chế biến theo các cách thức khác nhau, rang, xay và pha với nước.</p>
          <a class="bnt-more" href="https://vi.wikipedia.org/wiki/C%C3%A0_ph%C3%AA#L%E1%BB%8Bch_s%E1%BB%AD" target="_blank" id="btn">More</a>
        </div>
      </div>

      <div class="timeline-item">

        <div class="timeline-img"></div>

        <div class="timeline-content timeline-card js--fadeInRight">
          <div class="timeline-img-header">
            <h2>Lịch sử cà phê tại Việt Nam</h2>
          </div>
          <div class="date">2 AUG 2021</div>
          <p>Đồn điền cà phê đầu tiên được lập ở Việt Nam là do người Pháp khởi sự ở gần Kẻ Sở, Bắc Kỳ vào năm 1888. Giống cà phê arabica (tức cà phê chè) được trồng ở ven sông. Sau việc canh tác cà phê lan xuống vùng Phủ Lý, Ninh Bình, Thanh Hóa, Nghệ An, Kon Tum và Di Linh. Năm 1937-1938 tổng cộng trên lãnh thổ Việt Nam có 13.000 ha cà phê, cung ứng 1.500 tấn.[11] Hiện tại, Việt Nam có 3 loại cà phê chính, đó là cà phê chè (arabica), cà phê vối (robusta), cà phê mít (lyberica).</p>
          <a class="bnt-more" href="https://vi.wikipedia.org/wiki/C%C3%A0_ph%C3%AA#Vi%E1%BB%87t_Nam" target="_blank" id="btn">More</a>
        </div>

      </div>

      <div class="timeline-item">

        <div class="timeline-img"></div>

        <div class="timeline-content js--fadeInLeft" id="quote1">
          <div class="date">3 AUG 2021</div>
          <h2>Quote</h2>
          <blockquote>Good communication is just as stimulating as black coffee, and just as hard to sleep after.</blockquote>
        </div>
      </div>

      <div class="timeline-item">

        <div class="timeline-img"></div>

        <div class="timeline-content js--fadeInRight" id="arabica">
          <div class="timeline-img-header">
          <h2>Arabica</h2>
        </div>
          <div class="date">4 AUG 2021</div>
          <p>Là loại cà phê có hạt hơi dài, được trồng ở độ cao trên 600m (ở Việt Nam chủ yếu được trồng ở Lâm Đồng). Khí hậu mát mẻ, được trồng chủ yếu ở Brasil. Và chiếm tới 2/3 lượng cà phê hiện nay trên thế giới.

            Cách chế biến mới là điểm tạo ra sự khác biệt giữa Arabica va Robusta...

            </p>
          <a class="bnt-more" href="https://caphenguyenchat.vn/dinh-nghia-ve-ca-phe-arabica.html" target="_blank" id="btn">More</a>
        </div>
      </div>

      <div class="timeline-item">

        <div class="timeline-img"></div>

        <div class="timeline-content timeline-card js--fadeInLeft">
          <div class="timeline-img-header">
            <h2>Robusta</h2>
          </div>
          <div class="date">5 AUG 2021</div>
          <p>Được trồng ở độ cao dưới 600m, khí hậu nhiệt đới, vì thế có mặt ở nhiều nước hơn (Ở Việt Nam loại này chiếm hơn 90%). Việt Nam có tổng lượng chiếm 1/3 lượng cà phê tiêu thụ trên toàn thế giới.</p>
          <a class="bnt-more" href="https://caphenguyenchat.vn/dinh-nghia-ve-ca-phe-voi-ca-phe-robusta.html" target="_blank" id="btn">More</a>
        </div>
      </div>

      <div class="timeline-item">

        <div class="timeline-img"></div>

        <div class="timeline-content timeline-card js--fadeInRight">
          <div class="timeline-img-header">
            <h2>Culi</h2>
          </div>
          <div class="date">6 AUG 2021</div>
          <p>Là những hạt cà phê to tròn. Đặc biệt là trong một trái chỉ có duy nhất một hạt. Vị đắng gắt, hương thơm say đắm, hàm lượng cafein cao, nước màu đen sánh. Đó là quá trình kết hợp tinh túy của sự duy nhất.</p>
          <a class="bnt-more" href="https://bonjourcoffee.vn/blog/cafe-culi/" target="_blank" id="btn">More</a>
        </div>
      </div>

      <div class="timeline-item">

        <div class="timeline-img"></div>

        <div class="timeline-content js--fadeInLeft">
          <div class="date">8 AUG 2021</div>
          <h2>Quote</h2>
          <blockquote>Coffee is a beverage that puts one to sleep when not drank.
          </blockquote>
        </div>
      </div>

      <div class="timeline-item">

        <div class="timeline-img"></div>

        <div class="timeline-content timeline-card js--fadeInRight">
          <div class="timeline-img-header">
            <h2>Moka</h2>
          </div>
          <div class="date">9 AUG 2021</div>
          <p>Moka là một loại cà phê thuộc chi Arabica, được người Pháp di thực từ những năm 30 của thế kỉ trước, trồng ở Đà Lạt – Lâm Đồng.</p>
          <br>
          <p>Hằng năm nước ta xuất khẩu trên một triệu tấn cà phê. Hầu như phần lớn là cà phê Robusta trồng ở Buôn Mê Thuộc và một số tỉnh khác. Cho nên, ở Việt Nam Moka là cà phê quý hiếm, luôn có giá cao hơn các loại cà phê khác. Có thể thấy, không có nhiều người chúng ta có dịp thưởng Moka nguyên chất, dù trên thế giới tiêu thụ đến 80% cà phê Arabica, Moka.</p>
          <a class="bnt-more" href="https://bonjourcoffee.vn/blog/cafe-moka/" target="_blank" id="btn">More</a>
        </div>
      </div>

      <div class="timeline-item">

        <div class="timeline-img"></div>

        <div class="timeline-content js--fadeInLeft" id="cherry">
          <div class="timeline-img-header">
            <h2>Cherry</h2></div>
          <div class="date">10 AUG 2021</div>
          <p>Cherry hay còn gọi là cà phê mít gồm có 2 giống chính là Liberica và Exelsa.</p>
          <br>
          <p>Cherry mang một đặc điểm và hương vị rất khác lạ của một loài cây trưởng thành dưới nắng và gió của Cao Nguyên.</p>
          <a class="bnt-more" href="https://artcoffee.vn/ca-phe-cherry-cafe-mit-la-gi-dac-diem-huong-vi" target="_blank" id="btn">More</a>
        </div>

      </div>


    </div>
  </section>

  <footer class="footer-distributed">

    <div class="footer-left">
  <img src="asset/caffeinee-logo-molecule.png">
        <h3>About<span>COFFEE</span></h3>

        <p class="footer-links">
            <a href="#">Home</a>
            |
            <a href="#">About</a>
            |
            <a href="#">Menu</a>
            |
            <a href="#">Coffee Story</a>
        </p>

        <p class="footer-company-name">© 2021 Coffee Selling Solutions</p>
    </div>

    <div class="footer-center">
        <div>
            <i class="fa fa-map-marker"></i>
              <p><span>22C Thanh Cong</span>
                Ba Dinh, Ha Noi - 10000</p>
        </div>

        <div>
            <i class="fa fa-phone"></i>
            <p>024 777 05 666</p>
        </div>
        <div>
            <i class="fa fa-envelope"></i>
            <p><a href="mailto:contact@mindx.edu.vn">contact@mindx.edu.vn</a></p>
        </div>
    </div>
    <div class="footer-right">
        <p class="footer-company-about">
            <span>About us</span>
            We offer you the best.</p>
        <div class="footer-icons">
            <a href="https://www.facebook.com/MindX.School" target="_blank"><i class="fa fa-facebook"></i></a>

            <a href="https://www.instagram.com/coffeeholiicc/" target="_blank"><i class="fa fa-instagram"></i></a>

            <a href="https://www.youtube.com/channel/UCkuxJcFwR-iFgThUPKwM_JA" target="_blank"><i class="fa fa-youtube"></i></a>
        </div>
    </div>
</footer>
    <a id="button-to-top" style="font-family: FontAwesome;">&#xf077</a>
    <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
    <script>
    var btn = $('#button-to-top');

    $(window).scroll(function() {
      if ($(window).scrollTop() > 300) {
        btn.addClass('show');
      } else {
        btn.removeClass('show');
      }
    });

    btn.on('click', function(e) {
      e.preventDefault();
      $('html, body').animate({scrollTop:0}, '300');
    });
    </script>
    <script src="main.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
            integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
            crossorigin="anonymous">
    </script>


</body>
</html>