Quay lại-
89
-
378
-
FacebookGiới thiệu sản phẩm
-Nói chung thì chỉ cải tiến thêm một số chức năng
Code HTML:
Code HTML:
<!Doctype html><html lang="en"><head> .... <link rel="icon" type="image/x-icon" href="favicon.png"> <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; #button1 { font-size: 24px; cursor: pointer; outline: none; color: #fff; background-color: #04AA6D; border: none; border-radius: 15px; box-shadow: 0 9px #999; } #button1 :hover {background-color: #3e8e41} #button2{ font-size: 24px; cursor: pointer; outline: none; color: #fff; background-color: #ABB2B9; border: none; border-radius: 15px; box-shadow: 0 9px #999; } #button2 :hover {background-color: #34495E} .button:active { background-color: #3e8e41; box-shadow: 0 5px #666; transform: translateY(4px); } .button span { cursor: pointer; display: inline-block; position: relative; transition: 0.5s; } .button span:after { content: '\00bb'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s; } .button:hover span { padding-right: 25px; } .button:hover span:after { opacity: 1; right: 0; } </style></head><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> <h2>ĐIỀN THÔNG TIN<img src="viet.gif" width=5%></h2> <div> Thêm <form> <img src="bp.png" width=2%>Chú thích<br> <textarea name="message" rows="15" cols="100">.............</textarea> <br></br> </form> <form action="/action_page.php"><img src="bp.png" width=2%>Ảnh bản thân<br> <input type="file" id="myFile" name="filename"> </form><br> <a href="#"><button class="button" id="button2"><span>Previous</span></button></a>  <a href="2.1.html"><button class="button" id="button1"><span>Submit</span></button></a> <p> </div> </body><footer><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></footer></html>
Hãy bình luận để nhặt 100 thóc nhé
Sản phẩm cùng tác giả
-
Nhà sáng tạo Đoàn Chính LiêmBán hàng 3.0 -
Nhà sáng tạo Đoàn Chính LiêmBán hàng 2.9 -
Nhà sáng tạo Đoàn Chính LiêmBán hàng 2.7
Sản phẩm liên quan
Nhà sáng tạo
Phạm Quang Minh
Xây dựng server cho hệ thống Django
Nhà sáng tạo
Nguyễn Hoàng Khang
máy tính giai thừa
Nhà sáng tạo
Phạm Quang Minh
HOÀN THIỆN Ý TƯỞNG
Nhà sáng tạo
Đoàn Chính Liêm
Form cho web
pypbGVRXhi
Đăng nhập để tham gia bình luận
zohme7Msns
Đăng nhập để tham gia bình luận
VX9lworTIa
Đăng nhập để tham gia bình luận
UUvuVRzrNk
Đăng nhập để tham gia bình luận
7VSyQFzCf1
Đăng nhập để tham gia bình luận
Đăng nhập để tham gia bình luận