Giới thiệu sản phẩm

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script src="User.js"></script>
<script src="7.js"></script>
</head>
<body>
    
    <nav class="navbar navbar-dark bg-dark">
        <a class="navbar-brand" href="#">
            <img src="Untitled.png" width="30" height="30" class="d-inline-block align-top" alt="">
            oudoles
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
      
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <ul class="navbar-nav mr-auto">
            <li class="nav-item active">
              <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="Login.html">Login</a>
            </li>
            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                Dropdown
              </a>
              <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                <a class="dropdown-item" href="#">Action</a>
                <a class="dropdown-item" href="#">Another action</a>
                <div class="dropdown-divider"></div>
                <a class="dropdown-item" href="#">Something else here</a>
              </div>
            </li>
            <li class="nav-item">
              <a class="nav-link disabled" href="#">Disabled</a>
            </li>
          </ul>
          <form class="form-inline my-2 my-lg-0">
            <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
            <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
          </form>
        </div>
      </nav>
      <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
          <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
          <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
          <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner">
          <div class="carousel-item active">
            <img class="d-block w-100" src="cat.png" alt="First slide">
          </div>
          <div class="carousel-item">
            <img class="d-block w-100" src="mushroom.png" alt="Second slide">
          </div>
          <div class="carousel-item">
            <img class="d-block w-100" src="sunset at the ocean.png" alt="Third slide">
          </div>
        </div>
        <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
          <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
          <span class="carousel-control-next-icon" aria-hidden="true"></span>
          <span class="sr-only">Next</span>
        </a>
      </div>
    <div class="row d-flex" id="div1">
        <div class="col-md-4">
            <div class="card" style="width: 18rem;">
                <div class="card-body">
                <h5 class="card-title">Home</h5>
                <h6 class="card-subtitle mb-2 text-muted">Home page</h6>
                <a href="#" class="card-link">You are here</a>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card" style="width: 18rem;">
                <div class="card-body">
                <h5 class="card-title">Calculator</h5>
                <h6 class="card-subtitle mb-2 text-muted">Calculator page</h6>
                <button><a href="Calculator.html" class="card-link">Calculator</a></button>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card" style="width: 18rem;">
                <div class="card-body">
                <h5 class="card-title">Spinner</h5>
                <h6 class="card-subtitle mb-2 text-muted">Lottery</h6>
                <a href="game1.html" class="card-link">Spinner</a>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card" style="width: 18rem;">
                <div class="card-body">
                <h5 class="card-title">Listing</h5>
                <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
                <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                <a href="#" class="card-link">Card link</a>
                <a href="#" class="card-link">Another link</a>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card" style="width: 18rem;">
                <div class="card-body">
                <h5 class="card-title">About Page</h5>
                <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
                <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                <a href="#" class="card-link">Card link</a>
                <a href="#" class="card-link">Another link</a>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card" style="width: 18rem;">
                <div class="card-body">
                <h5 class="card-title">Claim Rewards</h5>
                <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
                <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                <a href="loading.html" class="card-link">Card link</a>
                <a href="#" class="card-link">Another link</a>
                </div>
            </div>
        </div>
        <div class="dropdown">
          <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">⭐</button>
          <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
            <a class="dropdown-item" id="btn">Change background</a>
            <a class="dropdown-item" id="txt">Edit Text Color</a>
          </div>
        </div>
    
</body>
<footer style="background-color: grey;">
    <div class="row d-flex justify-content-center">
        <div class="col-md-3">
            <p>About Us</p>
            <ul>
            <ol <a href="#">Our Goal </a></ol>
            <ol <a href="#">Our Funds </a></ol>
            <ol <a href="#">Our Findings </a></ol>
            <ol <a href="#">Our Products </a></ol>
            <ol <a href="#">Our Success</ol>
            </ul>
        </div>
        <div class="col-md-3">
            <p>Contact Us</p>
            <ol <a href="#">Twitter</ol>
            <ol <a href="#">Phone Number</ol>
            <ol <a href="#">Address</ol>
            <ol <a href="#">Telegram</ol>
        </div>
        <div class="col-md-3">
            <p>Your Help</p>
            <ol <a href="#">Our Milestones</ol>
            <ol <a href="#">Our Fanart</ol>
            <ol <a href="#">Our Requests</ol>
            <ol <a href="#">FAQ</ol>
        </div>
        <div class="col-md-3">
            <p>Other</p>
            <ol <a href="#">Our Sponsors</ol>
            <ol <a href="#">Our Helpers</ol>
        </div>
    </div>
</footer>
Hình ảnh sản phẩm
Hãy bình luận để nhặt 100 thóc nhé
Dương Tuyết Anh

Gút chóp em 🖖😎

Trả lời 286d

Đăng nhập để tham gia bình luận


Đoàn Thế Đạt

như nào như nào

Trả lời 286d

Đăng nhập để tham gia bình luận


Phạm Nguyên Như Phúc

Sản phẩm này không phải là thuốc nhưng có tác dụng làm tôi si mê 🔥

Trả lời 286d

Đăng nhập để tham gia bình luận


Nguyễn Phạm Thái Tú

chúc mừng chúc mừng ❤

Trả lời 286d

Đăng nhập để tham gia bình luận


Lê Huỳnh Cẩm Ly

Gút chóp em 🖖 ❤

Trả lời 286d

Đăng nhập để tham gia bình luận


Xem thêm

Đăng nhập để tham gia bình luận

Thông tin tác giả

Địa vị cộng đồng: Nông dân

Sản phẩm cùng tác giả

Sản phẩm liên quan

    Không có sản phẩm nào

Bạn muốn thử làm game không?