Skip to content

Instantly share code, notes, and snippets.

@vancuong4662

vancuong4662/gist:02557b89c7c3b74fb1989c414fe7326a

Created January 10, 2026 10:11
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save vancuong4662/02557b89c7c3b74fb1989c414fe7326a to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save vancuong4662/02557b89c7c3b74fb1989c414fe7326a to your computer and use it in GitHub Desktop.
Download ZIP
mẫu index buổi 7 - JSB
Raw
gistfile1.txt
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/5/w3.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>Blog Pokemon</title>
</head>
<body class="w3-light-gray">
<div style="width: 70%; margin: auto">
<!-- NavBar -->
<div class="w3-bar w3-indigo w3-padding" style="font-size: 16px; font-weight: 900">
<button class="w3-bar-item w3-button"><i class="fa fa-home"></i> Trang chủ</button>
<button class="w3-bar-item w3-button"><i class="fa fa-newspaper-o"></i> Các bài viết</button>
<button class="w3-bar-item w3-button"><i class="fa fa-fire"></i> Nội dung hay</button>
<button class="w3-bar-item w3-button"><i class="fa fa-sign-in"></i> Đăng nhập</button>
<button class="w3-bar-item w3-button"><i class="fa fa-user-plus"></i> Đăng ký</button>
</div>
<!-- Hero -->
<div style="height: 500px; overflow: hidden;" class="w3-display-container">
<img src="banner.png" class="w3-block" style="transform: translateY(-200px)">
<div class="w3-display-middle">
<div class="w3-white w3-padding w3-round-xlarge w3-center">
<img src="pkm-icon.png" style="width: 64px;" class="w3-margin-top">
<h3>Blog bài viết POKEMON</h3>
</div>
</div>
</div>
<!-- Các bài viết -->
<div class="w3-light-gray">
<h2><i class="fa fa-newspaper-o"></i> Các bài viết mới nhất</h2>
<div class="w3-row w3-margin-top">
<div class="w3-third">
<div class="w3-card-2 w3-padding w3-white w3-round-large w3-margin-right">
<div class="w3-row">
<div class="w3-half">
<img src="pokemon/1.jpg" class="w3-block w3-round-large">
</div>
<div class="w3-half">
<div class="w3-margin-left">
<h4><b>Hướng dẫn build đội hình pokemon PVP</b></h4>
<p>Hướng dẫn chi tiết về cách xây dựng đội hình để chiến đấu PvP. Cách chọn các hệ
pokemon sao phù hợp.</p>
</div>
</div>
</div>
</div>
</div>
<div class="w3-third">
<div class="w3-card-2 w3-padding w3-white w3-round-large w3-margin-right">
<div class="w3-row">
<div class="w3-half">
<img src="pokemon/2.jpg" class="w3-block w3-round-large">
</div>
<div class="w3-half">
<div class="w3-margin-left">
<h4><b>Nơi để bắt các pokemon hoang dã</b></h4>
<p>Hướng dẫn về các địa điểm để bắt các pokemon. Bạn có thể tìm thấy chúng ở đó.</p>
</div>
</div>
</div>
</div>
</div>
<div class="w3-third">
<div class="w3-card-2 w3-padding w3-white w3-round-large w3-margin-right">
<div class="w3-row">
<div class="w3-half">
<img src="pokemon/3.jpg" class="w3-block w3-round-large">
</div>
<div class="w3-half">
<div class="w3-margin-left">
<h4><b>Cách để huấn luyện level up pokemon</b></h4>
<p>Hướng dẫn các phương pháp để luyện cấp cho pokemon hiệu quả hơn và tiết kiệm thời
gian.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="w3-row w3-margin-top">
<div class="w3-third">
<div class="w3-card-2 w3-padding w3-white w3-round-large w3-margin-right">
<div class="w3-row">
<div class="w3-half">
<img src="pokemon/1.jpg" class="w3-block w3-round-large">
</div>
<div class="w3-half">
<div class="w3-margin-left">
<h4><b>Hướng dẫn build đội hình pokemon PVP</b></h4>
<p>Hướng dẫn chi tiết về cách xây dựng đội hình để chiến đấu PvP. Cách chọn các hệ
pokemon sao phù hợp.</p>
</div>
</div>
</div>
</div>
</div>
<div class="w3-third">
<div class="w3-card-2 w3-padding w3-white w3-round-large w3-margin-right">
<div class="w3-row">
<div class="w3-half">
<img src="pokemon/2.jpg" class="w3-block w3-round-large">
</div>
<div class="w3-half">
<div class="w3-margin-left">
<h4><b>Nơi để bắt các pokemon hoang dã</b></h4>
<p>Hướng dẫn về các địa điểm để bắt các pokemon. Bạn có thể tìm thấy chúng ở đó.</p>
</div>
</div>
</div>
</div>
</div>
<div class="w3-third">
<div class="w3-card-2 w3-padding w3-white w3-round-large w3-margin-right">
<div class="w3-row">
<div class="w3-half">
<img src="pokemon/3.jpg" class="w3-block w3-round-large">
</div>
<div class="w3-half">
<div class="w3-margin-left">
<h4><b>Cách để huấn luyện level up pokemon</b></h4>
<p>Hướng dẫn các phương pháp để luyện cấp cho pokemon hiệu quả hơn và tiết kiệm thời
gian.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Các sản phẩm-->
<div class="w3-light-gray">
<h2><i class="fa fa-shopping-cart"></i> Các sản phẩm</h2>
<div class="w3-row">
<div class="w3-quarter">
<div class="w3-card-2 w3-white w3-padding w3-round-large w3-margin-right">
<img src="figure/1.jpg" class="w3-block">
<h3>Figure Charmander loại 1</h3>
<button class="w3-button w3-indigo w3-round-large w3-right">
<i class="fa fa-shopping-cart"></i> Bỏ giỏ hàng
</button>
<p class="w3-text-deep-orange"><b>45.000 VND</b></p>
</div>
</div>
<div class="w3-quarter">
<div class="w3-card-2 w3-white w3-padding w3-round-large w3-margin-right">
<img src="figure/1.jpg" class="w3-block">
<h3>Figure Charmander loại 1</h3>
<button class="w3-button w3-indigo w3-round-large w3-right">
<i class="fa fa-shopping-cart"></i> Bỏ giỏ hàng
</button>
<p class="w3-text-deep-orange"><b>45.000 VND</b></p>
</div>
</div>
<div class="w3-quarter">
<div class="w3-card-2 w3-white w3-padding w3-round-large w3-margin-right">
<img src="figure/1.jpg" class="w3-block">
<h3>Figure Charmander loại 1</h3>
<button class="w3-button w3-indigo w3-round-large w3-right">
<i class="fa fa-shopping-cart"></i> Bỏ giỏ hàng
</button>
<p class="w3-text-deep-orange"><b>45.000 VND</b></p>
</div>
</div>
<div class="w3-quarter">
<div class="w3-card-2 w3-white w3-padding w3-round-large w3-margin-right">
<img src="figure/1.jpg" class="w3-block">
<h3>Figure Charmander loại 1</h3>
<button class="w3-button w3-indigo w3-round-large w3-right">
<i class="fa fa-shopping-cart"></i> Bỏ giỏ hàng
</button>
<p class="w3-text-deep-orange"><b>45.000 VND</b></p>
</div>
</div>
</div>
</div>
<!-- Footer -->
<div class="w3-indigo w3-margin-top" style="height: 150px; text-align: center; padding-top: 30px;">
<img src="pkm-icon.png" style="width: 48px;">
<div>Trang web được thiết kế và vận hành bởi Văn Cường DEV 2026.</div>
<div>Liên hệ : 054654645. Email : [email protected]</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment