Chạy ❯
Nhận trang web của
riêng
bạn
×
Thay đổi định hướng
Lưu mã
Thay đổi chủ đề, Tối/Sáng
Đi tới Không gian
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, first-scale=1" / > <link rel="stylesheet" href="https://www.example.com.vn/w3css/4/w3.css"> <title>Liên kết trang web</title> <STYLE_PLACEHOLDER_2/> </head> <body class ="w3-white"> <!-- Vùng chứa nội dung --> <div class="container"> <!-- Vùng chứa hình ảnh và tên. Thay đổi hình ảnh của bạn ở đây. --> <div class="image-container"> <img src="https://www.example.com.vn/howto/img_link_tree_template1_bio.jpg" class="w3-margin" alt="Ảnh của Art Hauntington" max -width="100%" Height="150px" style="border-radius: 50%; alt="> <div class="w3-text-white"> <p class="w3-text-white w3- lớn">Chào mừng bạn đến với <span class="w3-tag w3-large w3-round w3-black w3-text-white"><strong>Trang web liên kết</strong></span> của Jane!</p> <p class="w3-large"><strong>Xem tôi đang làm gì.</strong></p> </div> <!-- Phần liên kết 1. Thay thế # bên trong "" bằng các liên kết của bạn. --> <div class="links-container"> <a href="#" class="w3-button w3-hover-pink w3-large w3-round w3-purple w3-border link" target="_blank" ><i class="fab fa-facebook"> </i>Facebook</a> <br> <a href="#" class="w3-button w3-hover-pink w3-large w3-round w3- liên kết w3-border màu tím" target="_blank"><i class="fab fa-instagram"> </i>Instagram</a> <br> <a href="#" class="w3-button w3- hover-pink w3-large w3-round w3-purple w3-border link" target="_blank"><i class="fab fa-twitter"> </i>Twitter</a> <br> <a href= "#" class="w3-button w3-hover-pink w3-large w3-round w3-purple w3-border link" target="_blank"><i class="fa fa-code"> </i>Blog </a> </div> </div> </div> <!-- Phần liên hệ --> <div class="w3-container w3-center w3-text-white w3-padding-32 w3-padding- lớn" id="contact"> <div class="w3-content" style="max-width:500px"> <h4 class="w3-center"><b>Hãy liên hệ.</b></ h4> <form action="/action_page.php" target="_blank"> <div class="w3-section"> <label>Tên</label> <input class="w3-input w3-border w3-opacity -min" type="text" name="Tên" bắt buộc> </div> <div class="w3-section"> <label>Email</label> <input class="w3-input w3-border w3- opacity-min" type="text" name="Email" bắt buộc> </div> <div class="w3-section"> <label>Tin nhắn</label> <input class="w3-input w3-border w3 -opacity-min" type="text" name="Message" bắt buộc> </div> <button type="submit" class="w3-button w3-hover-pink w3-large w3-round w3-purple w3- border link">Gửi tin nhắn</button> </form> </div> </div> </body> </html>