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"> <style> body {font-family: "Times New Roman", Georgia , Serif;} h1, h2, h3, h4, h5, h6 { họ phông chữ: "Màn hình Playfair"; khoảng cách chữ: 5px; } </style> </head> <body> <!-- Thanh điều hướng (ngồi trên cùng) --> <div class="w3-top"> <div class="w3-bar w3-white w3-padding w3 -card" style="letter-spacing:4px;"> <a href="#home" class="w3-bar-item w3-button">Gourmet au Catering</a> <!-- Thanh điều hướng bên phải liên kết. Ẩn chúng trên màn hình nhỏ --> <div class="w3-right w3-hide-small"> <a href="#about" class="w3-bar-item w3-button">Giới thiệu</a> < a href="#menu" class="w3-bar-item w3-button">Trình đơn</a> <a href="#contact" class="w3-bar-item w3-button">Liên hệ</a > </div> </div> </div> <!-- Tiêu đề --> <header class="w3-display-container w3-content w3-wide" style="max-width:1600px;min-width :500px" id="home"> <img class="w3-image" src="/w3images/hamburger.jpg" alt="Hamburger Catering" width="1600" Height="800"> <div class=" w3-display-bottomleft w3-padding-large w3-opacity"> <h1 class="w3-xxlarge">Le Catering</h1> </div> </header> <!-- Nội dung trang --> <div class="w3-content" style="max-width:1100px"> <!-- Giới thiệu về phần --> <div class="w3-row w3-padding-64" id="about"> <div class= "w3-col m6 w3-padding-large w3-hide-small"> <img src="/w3images/tablesetting2.jpg" class="w3-round w3-image w3-opacity-min" alt="Cài đặt bảng" width="600" Height="750"> </div> <div class="w3-col m6 w3-padding-large"> <h1 class="w3-center">Giới thiệu về dịch vụ ăn uống</h1><br> <h5 class="w3-center">Truyền thống từ năm 1889</h5> <p class="w3-large">The Catering được thành lập tại blabla bởi ông Smith trong lorem ipsum dolor sit amet, consectetur adipiscing elit consectetur adipiscing elit , sed do eiusmod tạm thời xảy ra trong công việc và dolore magna aliqua. Với một mục tiêu tối thiểu là có thể làm được, điều này sẽ không xảy ra khi bạn phải làm việc quá sức để có được một giải pháp sau mỗi giao dịch. Duis aute iruredolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.Chúng tôi chỉ sử dụng <span class="w3-tag w3-light-grey">thành phần theo mùa</span>.</p> <p class=" w3-large w3-text-grey w3-hide-medium">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est labum consectetur adipiscing elit, sed do eiusmod temporincididunt ut Labore et dolore magna aliqua. Ut enim ad minm veniam, quis nostrud exermination ullamco labis nisi ut aliquip ex ea commodo consequat.</p> </div> </div> <hr> <!-- Menu Mục --> <div class="w3- row w3-padding-64" id="menu"> <div class="w3-col l6 w3-padding-large"> <h1 class="w3-center">Thực đơn của chúng tôi</h1><br> <h4 >Giỏ bánh mì</h4> <p class="w3-text-grey">Các loại bánh mì trái cây tươi nướng và bánh nướng xốp 5,50</p><br> <h4>Granola hạnh nhân mật ong với trái cây</h4> <p class ="w3-text-grey">Ngũ cốc tự nhiên gồm yến mạch nướng mật ong, nho khô, hạnh nhân và chà là 7,00</p><br> <h4>Bánh quế Bỉ</h4> <p class="w3-text-grey"> Bột hương vani với bột mạch nha 7,50</p><br> <h4>Trứng bác</h4> <p class="w3-text-grey">Trứng bác, ớt đỏ nướng và tỏi, với hành lá 7,50</ p><br> <h4>Bánh kếp việt quất</h4> <p class="w3-text-grey">Với xi-rô, bơ và nhiều quả mọng 8,50</p> </div> <div class="w3- col l6 w3-padding-large"> <img src="/w3images/tablesetting.jpg" class="w3-round w3-image w3-opacity-min" alt="Menu" style="width:100%"> </div> </div> <hr> <!-- Phần liên hệ --> <div class="w3-container w3-padding-64" id="contact"> <h1>Liên hệ</h1><br > <p>Chúng tôi cung cấp dịch vụ ăn uống trọn gói cho mọi sự kiện, dù lớn hay nhỏ. Chúng tôi hiểu nhu cầu của bạn và chúng tôi sẽ phục vụ các món ăn để đáp ứng các tiêu chí lớn nhất, cả về hình thức lẫn hương vị. Đừng ngần ngại liên hệ với chúng tôi.</p> <p class="w3-text-blue-grey w3-large"><b>Dịch vụ ăn uống, 42nd Living St, 43043 New York, NY</b></p > <p>Bạn cũng có thể liên hệ với chúng tôi qua số điện thoại 00553123-2323 hoặc gửi email tới dining@catering.com hoặc bạn có thể gửi tin nhắn cho chúng tôi tại đây:</p> <form action="/action_page.php" target="_blank" > <p><input class="w3-input w3-padding-16" type="text" placeholder="Name" bắt buộc name="Name"></p> <p><input class="w3-input w3-padding-16" type="number" placeholder="Có bao nhiêu người" bắt buộc name="People"></p> <p><input class="w3-input w3-padding-16" type="datetime -local" placeholder="Ngày và giờ" bắt buộc name="date" value="2020-11-16T20:00"></p> <p><input class="w3-input w3-padding-16" type ="text" placeholder="Thông báo \ Yêu cầu đặc biệt" bắt buộc name="Message"></p> <p><button class="w3-button w3-light-grey w3-section" type="submit">GỬI THÔNG ĐIỆP</button></p> </form> </div> <!-- Nội dung trang cuối --> </div> <!-- Footer --> <footer class="w3-center w3-light -grey w3-padding-32"> <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> </body> </html>