Chạy ❯
Nhận trang web của
riêng
bạn
x
Thay đổi định hướng
Lưu mã
Thay đổi chủ đề, Tối/Sáng
Đi tới Không gian
<!DOCTYPE html> <html> <meta charset="UTF-8"> <title>Mẫu W3.CSS</title> <meta name="viewport" content="width=device-width,initial-scale=1 "> <link rel="stylesheet" href="https://www.example.com.vn/w3css/4/w3.css"> <body> <!-- Thanh điều hướng (Nằm trên cùng) --> <div class ="w3-top w3-bar w3-white w3-wide w3-padding w3-card"> <a href="#home" class="w3-bar-item w3-button"><b>BR</b > Kiến trúc sư</a> <!-- Liên kết nổi sang bên phải. Ẩn chúng trên màn hình nhỏ --> <div class="w3-right w3-hide-small"> <a href="#projects" class="w3-bar-item w3-button">Dự án</a> < a href="#about" class="w3-bar-item w3-button">Giới thiệu</a> <a href="#contact" class="w3-bar-item w3-button">Liên hệ</a > </div> </div> <!-- Bắt đầu trang --> <div id="home" class="w3-content" style="max-width:1564px"> <!-- Hình ảnh --> <div class="w3-display-container w3-content" style="max-width:1500px;"> <img class="w3-image" src="/w3images/architect.jpg" alt="Kiến trúc" chiều rộng ="100%"> <div class="w3-display-middle w3-margin-top w3-center"> <h1 class="w3-xxlarge w3-text-white w3-wide"> <span class="w3 -padding w3-black w3-opacity-min"><b>BR</b></span> <span class="w3-hide-small w3-text-light-grey">Kiến trúc sư</span> </ h1> </div> </div> <!-- Dự án --> <div id="projects" class="w3-container w3-padding-32"> <h2 class="w3-border-bottom w3- border-light-grey w3-padding-16">Dự án</h2> </div> <div class="w3-row-padding"> <div class="w3-col l3 m6 w3-margin-bottom"> <div class="w3-display-container"> <div class="w3-display-topleft w3-black w3-padding">Mùa hè</div> <img src="/w3images/house5.jpg" alt=" House" style="width:100%"> </div> </div> <div class="w3-col l3 m6 w3-margin-bottom"> <div class="w3-display-container"> <div class="w3-display-topleft w3-black w3-padding">Nhà gạch</div> <img src="/w3images/house2.jpg" alt="House" style="width:100%"> </ div> </div> <div class="w3-col l3 m6 w3-margin-bottom"> <div class="w3-display-container"> <div class="w3-display-topleft w3-black w3- đệm">Đã đổi mới</div> <img src="/w3images/house3.jpg" alt="House" style="width:100%"> </div> </div> <div class="w3-col l3 m6 w3-margin-bottom"> <div class="w3-display-container"> <div class="w3-display-topleft w3-black w3-padding">Nhà kho</div> <img src=" /w3images/house4.jpg" alt="House" style="width:100%"> </div> </div> <div class="w3-col l3 m6 w3-margin-bottom"> <div class= "w3-display-container"> <div class="w3-display-topleft w3-black w3-padding">Mùa hè</div> <img src="/w3images/house2.jpg" alt="House" style= "width:99%"> </div> </div> <div class="w3-col l3 m6 w3-margin-bottom"> <div class="w3-display-container"> <div class="w3 -display-topleft w3-black w3-padding">Nhà gạch</div> <img src="/w3images/house5.jpg" alt="House" style="width:99%"> </div> </ div> <div class="w3-col l3 m6 w3-margin-bottom"> <div class="w3-display-container"> <div class="w3-display-topleft w3-black w3-padding">Đã được đổi mới </div> <img src="/w3images/house4.jpg" alt="House" style="width:99%"> </div> </div> <div class="w3-col l3 m6 w3- lề-bottom"> <div class="w3-display-container"> <div class="w3-display-topleft w3-black w3-padding">Nhà kho</div> <img src="/w3images/house3 .jpg" alt="House" style="width:99%"> </div> </div> </div> <!-- Giới thiệu --> <div id="about" class="w3-container w3-padding-32"> <h2 class="w3-border-bottom w3-border-light-grey w3-padding-16">Giới thiệu</h2> <p>Điều quan trọng là phải hiểu bản thân ngôn ngữ, nó sẽ theo sau là nhà phát triển, nhưng vào thời điểm đó, chúng diễn ra một cách hết sức vất vả và đau đớn. Để đi đến chi tiết nhỏ nhất, không ai nên thực hiện bất kỳ loại công việc nào trừ khi anh ta thu được lợi ích nào đó từ nó. Trừ khi họ bị ham muốn làm cho mù quáng, họ không bước ra, họ có lỗi khi bỏ nhiệm vụ của mình, tâm trí mềm yếu, nghĩa là hậu quả của sự khó khăn là sự giáo dục của học sinh, nhưng đồng thời họ sa ngã. thành một điều gì đó tuyệt vời với sự lao động và đau đớn. Để đi đến chi tiết nhỏ nhất, không ai nên thực hiện bất kỳ loại công việc nào trừ khi anh ta thu được lợi ích nào đó từ nó. </p> </div> <div class="w3-row-padding w3-grayscale"> <div class="w3-col l3 m6 w3-margin-bottom"> <img src="/w3images/team2. jpg" alt="John" style="width:100%"> <h3>John Doe</h3> <p class="w3-opacity">CEO & Người sáng lập</p> <p>Phasellus cần được đào tạo về bóng đá cổng vào Cảm ơn bạn đã hỗ trợ.</p> <p><button class="w3-button w3-light-grey w3-block">Liên hệ</button></p> </div> <div class="w3 - col l3 m6 w3-margin-bottom"> <img src="/w3images/team1.jpg" alt="Jane" style="width:100%"> <h3>Jane Doe</h3> <p class= " w3-opacity">Kiến trúc sư</p> <p>Phasellus cần một chiếc giường bóng đá cho lối vào sảnh. Cảm ơn bạn đã hỗ trợ.</p> <p><button class="w3-button w3-light-grey w3-block">Liên hệ</button></p> </div> <div class="w3 - col l3 m6 w3-margin-bottom"> <img src="/w3images/team3.jpg" alt="Mike" style="width:100%"> <h3>Mike Ross</h3> <p class= " w3-opacity">Kiến trúc sư</p> <p>Phasellus cần một chiếc giường bóng đá cho lối vào sảnh. Cảm ơn bạn đã hỗ trợ.</p> <p><button class="w3-button w3-light-grey w3-block">Liên hệ</button></p> </div> <div class="w3 - col l3 m6 w3-margin-bottom"> <img src="/w3images/team4.jpg" alt="Dan" style="width:100%"> <h3>Dan Star</h3> <p class= " w3-opacity">Kiến trúc sư</p> <p>Phasellus cần một chiếc giường bóng đá cho lối vào sảnh. Hỗ trợ các thành viên của phần tử.</p> <p><button class="w3-button w3-light-grey w3-block">Liên hệ</button></p> </div> </div> <! - - Phần Liên hệ --> <div id="contact" class="w3-container w3-padding-top-32"> <h2 class="w3-border-bottom w3-border-light-grey w3-padding- 16 ">Liên hệ</h2> <p>Hãy liên lạc và nói chuyện về dự án tiếp theo của bạn</p> <form action="/action_page.php" target="_blank"> <input class="w3-input w3 - border" type="text" placeholder="Name" known name="Name"> <input class="w3-input w3-section w3-border" type="text" placeholder="Email" bắt buộc name="Email " > <input class="w3-input w3-section w3-border" type="text" placeholder="Subject" bắt buộc name="Subject"> <input class="w3-input w3-section w3-border" loại = "text" placeholder="Bình luận" yêu cầu tên="Bình luận"> <button class="w3-button w3-black w3-section" type="submit"> <i class="fa fa-paper-plane"> </i> GỬI TIN NHẮN </button> </form> <img src="/w3images/map.jpg" class="w3-image" style="width:100%"> <footer class="w3-center w3 -black w3-panel w3-padding-16"> <p>Được cung cấp bởi <a href="https://www.example.com.vn/w3css/default.asp" title="W3.CSS" target="_blank " class="w3-hover-text-green">w3.css</a></p> </footer> </div> <!-- Nội dung trang cuối --> </div> </body> </html>