Quay lại

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dự Án Cuối Khóa</title>
    <!--Bootstrap-->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
  <div class="container-fluid ">
    <!---->
    <a class="navbar-brand" href="#">SONY MUSIC</a>
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
      <span class="navbar-toggler-icon"></span>
    </button>
    <!--navbar-->
    <div class="collapse navbar-collapse" id="collapsibleNavbar">
      <ul class="navbar-nav">
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">About</a>
          <ul class="dropdown-menu">
            <li><a class="dropdown-item" href="https://www.sonymusic.com/labels/">Labels & Content Divisions</a></li>
            <li><a class="dropdown-item" href="https://www.sonymusic.com/executives/">Executives</a></li>
            <li><a class = "dropdown-item" href="https://www.sonymusic.com/contacts/">Contacts </a></li>
            <li><a class = "dropdown-item" href="https://www.sonymusic.com/diversity-equity-inclusion/">Diversity, Equity & Inclusion</a></li>
            <li><a class = "dropdown-item" href="https://giving-back.sonymusic.com/">Giving Back</a></li>
          </ul>
        </li>
        <li class = "nav-item-dropdown">
            <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">News</a>
            <ul class="dropdown-menu">
                <li><a class="dropdown-item" href="#">Inside Sony Music</a></li>
                <li><a class="dropdown-item" href="#">Press Releases</a></li>
            </ul>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">Careers</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">FAQ</a>
        </li>
        <li class = "nav-item-dropdown">
            <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">For Artists</a>
            <ul class="dropdown-menu">
                <li><a class="dropdown-item" href="#">Inside Sony Music</a></li>
                <li><a class="dropdown-item" href="#">Press Releases</a></li>
            </ul>
        </li>
      </ul>
    </div>
  </div>
</nav>
<!--carousel-->
<div class = "container-fluid">
    <div class = "carousel slide" id = "trungdung" data-bs-ride="carousel">
        <div class = "carousel-inner">
            <!--Slides-->
            <div class = "carousel-item active" >
                <img src="anh1.png" alt="" class = "d-block w-100">
            </div>
            <div class = "carousel-item">
                <img src="anh2.jpg" alt="" class = "d-block w-100">
            </div>
            <div class = "carousel-item">
                <img src="anh3.jpg" alt="" class = "d-block w-100">
            </div>
            <div class = "carousel-item">
                <img src="anh4.jpg" alt="" class = "d-block w-100">
            </div>
            <div class = "carousel-item">
                <img src="anh5.jpg" alt="" class = "d-block w-100">
            </div>
        </div>
        <!--Nút trái phải-->
        <button class = "carousel-control-prev" data-bs-target = "#trungdung" data-bs-slide="prev">
            <span class = "carousel-control-prev-icon"></span>
        </button>
        <button class = "carousel-control-next" data-bs-target = "#trungdung" data-bs-slide="next">
            <span class = "carousel-control-next-icon"></span>
        </button>
    </div>
  </div>
  <!--Nội dung -->
  <div class = "container">
    <h3>Labels</h3>
    <div class = "row g-4 text-center">
      <div class = "col-2">
        <img src="label1.png" alt="" class="img-fluid w-75">
      </div>
      <div class = "col-2">
        <img src="label2.png" alt="" class="img-fluid w-75">
      </div>
      <div class = "col-2">
        <img src="label3.png" alt="" class="img-fluid w-75">
      </div>
      <div class = "col-2">
        <img src="label4.png" alt="" class="img-fluid w-75">
      </div>
      <div class = "col-2">
        <img src="label5.png" alt="" class="img-fluid w-75">
      </div>
      <div class = "col-2">
        <img src="label6.png" alt="" class="img-fluid w-75">
      </div>
    </div>

    <h3>Featured Videos</h3>
    <div class = row g-4 text-center>
      <div class = "col-4">
        <iframe width=60% height="140" src="https://www.youtube.com/embed/6VVT75eSybQ?si=USY9HEx82lPC4s7_"
         title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write;
          encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin
          " allowfullscreen></iframe>
      </div>  
      <div class = "col-4">
        <iframe width=60% height="140" src="https://www.youtube.com/embed/K43Q6xGQ16s?si=dteuQ3pLT3NqMX-j"
         title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write;
          encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin"
           allowfullscreen></iframe>
      </div>
      <div class = "col-4">
        <iframe width=60% height="140" src="https://www.youtube.com/embed/Plepi4NO_I8?si=AZUmzTzmYkXhgPKe"
         title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write;
          encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin"
           allowfullscreen></iframe>
      </div>
    </div>

    <h3>News</h3>
    <div class = "row">
      <div class = "col-8">
      <h4>WHAM! 10 DAYS IN CHINA</h4>
      <p>Jun 16, 2026
        From Sony Music Vision To Be Released in Cinemas Worldwide Global Theatrical <br> 
        Release by Trafalgar Releasing on Screens Worldwide July 28 LONDON –  June 16, 2026  –  Sony <br>
        Music Vision, in association with Sony Music Entertainment</p>
        <a href="" class = " text-danger text-decoration-none">Read More >></a>
      </div>

      <div class="card col-6 d-inline-block" style="width: 300px;">
        <img src="chèn hình" alt="" class="card-img-top">
        <div class="card-body">
          <h4 class="text-danger text-center">
            Have a Question for Sony Music?
          </h4>

          <p>Visit our FAQ page for information regarding</p>

          <ul>
            <li>Our demo policy</li>
            <li>Royalties</li>
            <li>Employment & internship opportunities</li>
            <li>Press contacts & more</li>
          </ul>
          <button class = "btn btn-danger  w-100 "> View Our FAQs >></button>
        </div>
      </div>
  
    <div>
      <h4>Sony Music Launches U R NEXT, A Gripping New True Crime Podcast <br>
        Exploring the Real-World Terror of Online Harassment</h4>
      <p>Jun 01, 2026
        New Series Follows a Group of Female Gamers Targeted by a Dangerous Digital Predator—and <br>
        Their Fight to Take Him Down All Episodes Available on The Binge Today New York, NY – June 1, <br>
        2026 – Sony Music Entertainment today announce</p>
      <a href="" class = " text-danger text-decoration-none">Read More >></a>
    </div>
    <div>
      <h4>Sony Music and Julie Swidler Announce Planned Summer Departure</h4>
      <p>May 27, 2026
        Swidler to Launch Advisory Services for Creative-Focused Ventures
         May 27, 2026, NEW YORK<br> — Sony Music and Julie Swidler,
          Executive Vice President, Business Affairs and General<br> Counsel,
           today announced her long-planned departure at the end of June.</p>
      <a href="" class = " text-danger text-decoration-none">Read More >></a>
    </div>
    <div>
      <h4>Landmark Oasis Documentary Film by Steven Knight Coming to<br> Theatres
         and Disney+ This Year</h4>
      <p>May 08, 2026
        Directed by Dylan Southern and Will Lovelace Feature Opens in IMAX®
         and Theatres<br> Worldwide on September 11 ​​ Available To Stream Globally
          on Disney+ Later This Year May 8,<br> 2026 – London, UK – Disney, magna studios
           and Sony</p>
      <a href="" class = " text-danger text-decoration-none">Read More >></a>
    </div>
    <div>
      <h4>My Mother’s Lies, New Podcast from Sony Music,
         Explores the<br> Dangerous Power of One Citizen Sleuth—and the Son Who Uncovers
          a<br> Truth Built on Lies</h4>
      <p>Apr 01, 2026
        New York, NY – April 1, 2026 – Sony Music Entertainment 
        today announced the premiere of My<br> Mother’s Lies, a new true crime podcast
        that reexamines a notorious murder case through the<br> eyes
         of the woman who helped solve it—and the son who later</p>
      <a href="" class = " text-danger text-decoration-none">Read More >></a>
    </div>
    
    <button class = "btn mt-5 bg-warning ">More News >></button>

<!--footer-->
  <footer class = "bg-dark text-light p-5 w-100">
    <div class = " container    ">
        <div class = "text-center">
          <a href="" class = "text-decoration-none text-light ">Facebook</a>
          <a href="" class = "text-decoration-none text-light ">Instagram</a>
          <a href=""class = "text-decoration-none text-light ">Tik Tok</a>
        </div>
        <div class = " mb-4">
          
          <button class="btn btn-light me-2">
            ROYALTY INFO
          </button>
          <button class="btn btn-light">
            COPYRIGHT INFO
          </button>
        </div>
      <div class="row align-items-center mt-4">

        <div class="col-md-10">

          <p class="mb-2">
            Copyright © 2026 SONY MUSIC ENTERTAINMENT. All Rights Reserved.
          </p>

          <p class="mb-0">
            Royalty Information |
            Music United |
            Copyright Information |
            Privacy Policy |
            Terms & Conditions
          </p>

        </div>
      </div>

    </div>
  </footer>
    
</body>
</html>
Xem toàn bộ
Hình ảnh sản phẩm
Hãy bình luận để nhặt 100 thóc nhé

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

Thông tin tác giả
Nguyễn Trung Dũng

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

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

Xem toàn bộ

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?