Haravans/index.html at main · CodeZacker55/Haravans · 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
<!DOCTYPE html>
<html lang="vi">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Giày Thể Thao Nam - SportX</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
      background-color: #f4f4f4;
    }

    header {
      background-color: #333;
      color: white;
      padding: 20px;
      text-align: center;
    }

    .container {
      max-width: 900px;
      margin: 30px auto;
      background-color: white;
      padding: 20px;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }

    .product-img {
      text-align: center;
    }

    .product-img img {
      max-width: 100%;
      height: auto;
    }

    .product-info {
      margin-top: 20px;
    }

    .product-info h2 {
      color: #333;
    }

    .price {
      color: #e91e63;
      font-size: 24px;
      margin: 10px 0;
    }

    .buy-button {
      display: inline-block;
      padding: 10px 20px;
      background-color: #e91e63;
      color: white;
      text-decoration: none;
      border-radius: 4px;
      margin-top: 15px;
    }

    .buy-button:hover {
      background-color: #c2185b;
    }

    footer {
      text-align: center;
      padding: 20px;
      background-color: #ddd;
      margin-top: 40px;
    }
  </style>
</head>
<body>

  <header>
    <h1>SportX - Giày Thể Thao Chính Hãng</h1>
  </header>

  <div class="container">
    <div class="product-img">
      <img src="https://via.placeholder.com/600x400?text=Giay+The+Thao+SportX" alt="Giày thể thao SportX">
    </div>

    <div class="product-info">
      <h2>Giày Thể Thao Nam SportX 2025</h2>
      <p class="price">1.200.000 VND</p>
      <p>Giày thể thao SportX được thiết kế dành riêng cho người năng động, với chất liệu nhẹ, đế êm và độ bám cao. Phù hợp cho cả luyện tập và thời trang hằng ngày.</p>
      <a href="#" class="buy-button">Mua Ngay</a>
    </div>
  </div>

  <footer>
    &copy; 2025 SportX. Bản quyền đã được bảo hộ.
  </footer>

</body>
</html>