Giới thiệu sản phẩm
+THêm background button menu
HTML:
HTML:
<!Doctype html><html><head> <title>Dang Ki</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script></head><style> body { background-image: url('https://getwallpapers.com/wallpaper/full/a/e/4/1343507-abstract-background-image-1920x1200-photo.jpg'); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; }</style><body > <h1 style="text-align:center">ĐĂNG KÍ<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAABNCAMAAABAMbBwAAAAYFBMVEXaJR3//wDYAB7ywA/ZFh7ZHR354wnrmxTojhX99AX77gbeSRvkcxj10A3mfhf0yw3zxw/jbRj++wL32QvvsxH76gffUxrsoxPbLxzgWBrpkxXcNhzsnxPiaRnfThvwuBBlfdFMAAABdklEQVRoge2YybKCMBAAzZCRACIILiiI//+XsuWhLPIOmTlN3yyq7EqTTCx3O0EQBEEQOsqS36mN0exSiGNgl2ql2Feqj0odua2QKJVw98VMqQx5nW1d9r6QttKUuW/QSgNWJZ5Ux4nzrYLXSz3OvqAGGKW2LmtfW5e0r4YJgZUG0yfOTi5WqfdFov5Ivp+klbPecFb/5OwwNzyDbWET++n0FWuMt50xup7FYLacD4KdDFH4SxlGJKcHf+2nF1CNCThky8rsQDgPdZkvOfOS9DZH8OdOnyytZf5iXQ6ENellKr2QS7Ge562p6+rbXHqj/lEICxMiJO6L16Ujc6XtC2PdJB370i4V9lZkYLwC9qRSjOwxqRsP1Pb4RJR9ddVLhvGO8Oo/V5T7t6/7Md6HK4CyLxatIS8+1qWL7goo6PrqdtpPxnt/Bfh0fZu64X1WEu4hYd9m73q40BHRo9u/+mFWFgTmQda3WP1m/v+xBEEQBEEQCHkDJoILtRb4AhgAAAAASUVORK5CYII=" width=5%></h1> <div class="container mt-1"> <h3>Menu</h3> <p>Menu ngang</p> <ul class="nav nav-tabs"> <li class="nav-item"> <a class="nav-link active" href="#">Trang chủ</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Thông tin</a> </li> <li class="nav-item"> <a class="nav-link " href="#">Trợ giúp</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#">Disabled</a> </li> </ul> </div> Rút ngắn </div> <div class="container"> <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Click</button> <div class="modal modal-fade " id="myModal" role="dialog"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header" style="text-align:center"> <h4 class="modal-title">HAHA</h4> <button type="button" class="close" data-dismiss="modal">×</button> </div> <div class="modal-body"> <p>Bạn đa bị hack</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-info" data-dismiss="modal">Close</button> </div> </div> </div> </div> </div> <nav class="navbar navbar-light bg-light"> <div class="container-fluid"> <a class="navbar-brand" href="#">KT</a> </div> <ul class="navbar-nav"> <li class="nav-item active"> <a class="nav-link" href="#">Vấn đề</a> </li> <li class="nav-item "> <a class="nav-link" href="#">BYE</a> </li> </ul> </nav> <div class="alert alert-info">WEB BY LIEM<br> © 2023-2024. All Right Reversed @Copyright</div></body></html>
Hình ảnh sản phẩm
Hãy bình luận để nhặt 100 thóc nhé
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
Đăng nhập để tham gia bình luận