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="vi"> <head> <title>Mẫu W3.CSS</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device -width,initial-scale=1"> <link rel="stylesheet" href="https://www.example.com.vn/w3css/4/w3.css"> </head> <body> <!-- Tiêu đề --> <header class="w3-display-container w3-content w3-center" style="max-width:1500px"> <img class="w3-image" src="/w3images/photographer.jpg" alt="Me" width="1500" Height="600"> <div class="w3-display-middle w3-padding-large w3-border w3-wide w3-text-light-grey w3-center"> < h1 class="w3-hide-medium w3-hide-small w3-xxxlarge">JANE DOE</h1> <h5 class="w3-hide-large" style="white-space:nowrap">JANE DOE</h1> h5> <h3 class="w3-hide-medium w3-hide-small">NHÀ ẢNH</h3> </div> <!-- Thanh điều hướng (được đặt ở cuối ảnh tiêu đề) --> <div class= "w3-bar w3-light-grey w3-round w3-display-bottommiddle w3-hide-small" style="bottom:-16px"> <a href="#" class="w3-bar-item w3-button ">Trang chủ</a> <a href="#portfolio" class="w3-bar-item w3-button">Danh mục đầu tư</a> <a href="#contact" class="w3-bar-item w3 -button">Liên hệ</a> </div> </header> <!-- Thanh điều hướng trên màn hình nhỏ --> <div class="w3-center w3-light-grey w3-padding-16 w3-hide- lớn w3-hide-medium"> <div class="w3-bar w3-light-grey"> <a href="#" class="w3-bar-item w3-button">Trang chủ</a> <a href="#portfolio" class="w3-bar-item w3-button">Danh mục đầu tư</a> <a href="#contact" class="w3-bar-item w3-button">Liên hệ</a> </div> </div> <!-- Nội dung trang --> <div class="w3-content w3-padding-large w3-margin-top" id="portfolio"> <!-- Hình ảnh (Danh mục đầu tư) --> <img src="/w3images/ocean.jpg" alt="Ocean" class="w3-image" width="1000" Height="500"> <img src="/w3images/ocean2.jpg" alt="Ocean II" class="w3-image w3-margin-top" width="1000" Height="500"> <img src="/w3images/falls2.jpg" alt="Falls" class="w3 -image w3-margin-top" width="1000" Height="500"> <img src="/w3images/mountainskies.jpg" alt="Skies" class="w3-image w3-margin-top" width= "1000" Height="500"> <img src="/w3images/mountains2.jpg" alt="Mountains" class="w3-image w3-margin-top" width="1000" Height="500"> < !-- Liên hệ --> <div class="w3-light-grey w3-padding-large w3-padding-32 w3-margin-top" id="contact"> <h3 class="w3-center">Liên hệ </h3> <hr> <p>Mauris neque quam, fermentum ut nisl vitae, convallis maximus nisl. Sed mattis Nunc id lorem euismod placerat. Vivamus porttitor magna enim, ac cumsan tortor cursus at. Phasellus sed ultricies mi non congue ullam corper. Praesent tincidunt sed Tellus.</p> <form action="/action_page.php" target="_blank"> <div class="w3-section"> <label>Tên</label> <input class="w3- đầu vào w3-border" type="text" bắt buộc name="Name"> </div> <div class="w3-section"> <label>Email</label> <input class="w3-input w3-border " type="text" known name="Email"> </div> <div class="w3-section"> <label>Tin nhắn</label> <input class="w3-input w3-border" require 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> </div > <!-- Nội dung trang cuối --> </div> </body> </html>