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> <head> <title>Mẫu W3.CSS</title> <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"> <link href="https://fonts.googleapis.com/css ?family=Raleway" rel="stylesheet" type="text/css"> <style> body {font-family: "Raleway", Arial, sans-serif} .w3-row img {margin-bottom: -8px} </style> </head> <body> <!-- !NỘI DUNG TRANG! --> <div class="w3-content" style="max-width:1500px"> <!-- Tiêu đề --> <header class="w3-container w3-xlarge w3-padding-24"> <a href="#" class="w3-left w3-button w3-white">TÁI TẠO CỦA TÔI</a> <a href="#about" class="w3-right w3-button w3-white">Giới thiệu</ a> </header> <!-- Lưới ảnh --> <div class="w3-row"> <div class="w3-half"> <img src="/w3images/streetart.jpg" style=" width:100%"> <img src="/w3images/streetart2.jpg" style="width:100%"> <img src="/w3images/streetart5.jpg" style="width:100%"> </ div> <div class="w3-half"> <img src="/w3images/streetart3.jpg" style="width:100%"> <img src="/w3images/streetart4.jpg" style="width: 100%"> </div> </div> <!-- Nội dung trang cuối --> </div> <!-- Phần chân trang / Giới thiệu --> <footer class="w3-light-grey w3-padding -64 w3-center" id="about"> <h2>Giới thiệu</h2> <img src="/w3images/boy.jpg" class="w3-image w3-padding-32" width="300" chiều cao ="300"> <form style="margin:auto;width:60%" action="/action_page.php" target="_blank"> <p>Chỉ có tôi, tôi và tôi, khám phá vũ trụ của những điều chưa biết. Tôi có một trái tim yêu thương và quan tâm đến blog lorem ipsum và mauris neque quam. Tôi muốn chia sẻ thế giới của tôi với bạn. Praesent tincidunt sed Tellus ut rutrum. Sed vitae justo condimentum, porta lectus vitae, ultricies congue gradida diam non fringilla. Praesent tincidunt sed Tellus ut rutrum. Sed vitae justo condimentum, porta lectus vitae, ultricies congue grafida diam non fringilla.</p> <p class="w3-large w3-text-pink">Đừng ngần ngại liên hệ với tôi!</p> <div class= "w3-section"> <label><b>Tên</b></label> <input class="w3-input w3-border" type="text" known name="Name"> </div> < div class="w3-section"> <label><b>Email</b></label> <input class="w3-input w3-border" type="text" known name="Email"> </ div> <div class="w3-section"> <label><b>Thông báo</b></label> <input class="w3-input w3-border" bắt buộc name="Message"> </div> <button type="submit" class="w3-button w3-block w3-dark-grey">Gửi</button> </form> <br> <p>Được cung cấp bởi <a href="https://www .example.com.vn/w3css/default.asp" target="_blank" class="w3-hover-text-green">w3.css</a></p> </footer> </body> </html >