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"> </head> <body class="w3-content" style=" max-width:1300px"> <!-- Lưới đầu tiên: Logo & Giới thiệu --> <div class="w3-row"> <div class="w3-half w3-black w3-container w3-center" style= "height:700px"> <div class="w3-padding-64"> <h1>Biểu trưng của tôi</h1> </div> <div class="w3-padding-64"> <a href="#" class="w3-button w3-black w3-block w3-hover-blue-grey w3-padding-16">Trang chủ</a> <a href="#work" class="w3-button w3-black w3- khối w3-hover-teal w3-padding-16">Công việc của tôi</a> <a href="#work" class="w3-button w3-black w3-block w3-hover-dark-grey w3-padding- 16">Tiếp tục</a> <a href="#contact" class="w3-button w3-black w3-block w3-hover-Brown w3-padding-16">Liên hệ</a> </div> < /div> <div class="w3-half w3-blue-grey w3-container" style="height:700px"> <div class="w3-padding-64 w3-center"> <h1>Giới thiệu về tôi</ h1> <img src="/w3images/avatar3.png" class="w3-margin w3-circle" alt="Person" style="width:50%"> <div class="w3-left-align w3- đệm-large"> <p>Lorem ipusm sed vitae justo condimentum, porta lectus vitae, ultricies congue gradida diam non fringilla.</p> <p>Lorem ipusm sed vitae justo condimentum, porta lectus vitae, ultricies congue gradida diam non fringilla .</p> </div> </div> </div> </div> <!-- Lưới thứ hai: Công việc & Tiếp tục --> <div class="w3-row"> <div class="w3 -half w3-light-grey w3-center" style="min-height:800px" id="work"> <div class="w3-padding-64"> <h2>Công việc của tôi</h2> <p> Một số dự án mới nhất của tôi.</p> </div> <div class="w3-row"> <div class="w3-half"> <img src="/w3images/coffee.jpg" style="width :100%"> </div> <div class="w3-half"> <img src="/w3images/workbench.jpg" style="width:100%"> </div> </div> <div class="w3-row w3-hide-small"> <div class="w3-half"> <img src="/w3images/workbench.jpg" style="width:100%"> </div> <div class="w3-half"> <img src="/w3images/coffee.jpg" style="width:100%"> </div> </div> <div class="w3-row w3-hide-small "> <div class="w3-half"> <img src="/w3images/sound.jpg" style="width:100%"> </div> <div class="w3-half"> <img src ="/w3images/workbench.jpg" style="width:100%"> </div> </div><br> <p>Hãy gọi tôi là người tuyệt vời.</p> </div> <div class=" w3-half w3-indigo w3-container" style="min-height:800px"> <div class="w3-padding-64 w3-center"> <h2>Tiếp tục</h2> <p>Bản nháp từ CV</p> <div class="w3-container w3- responsive"> <table class="w3-table"> <tr> <th>Năm</th> <th>Tiêu đề</th> <th> Ở đâu</th> </tr> <tr class="w3-white"> <td>2012-2016</td> <td>Phần còn lại là lịch sử..</td> <td>Lorem ipsum</td > </tr> <tr> <td>2009-2012</td> <td>Thành lập công ty riêng của mình</td> <td>Ga-ra của tôi</td> </tr> <tr class="w3-white "> <td>2008-2009</td> <td>Bắt đầu làm việc cho Lorem</td> <td>London, Vương quốc Anh</td> </tr> <tr> <td>2005-2008</td> <td>Bằng Cử nhân Thiết kế</td> <td>Harvard, Hoa Kỳ</td> </tr> <tr class="w3-white"> <td>2002-2005</td> <td>Bằng cấp bằng Cử nhân Kinh doanh</td> <td>Đại học RMIT, Melbourne, Úc</td> </tr> <tr class="w3-hide-medium"> <td>2002-2005</td> <td> Bằng Cử nhân Kinh doanh</td> <td>Đại học RMIT, Melbourne, Úc</td> </tr> </table> </div> </div> </div> </div> <!-- Lưới thứ ba: Xoay theo & Liên hệ --> <div class="w3-row" id="contact"> <div class="w3-half w3-dark-grey w3-container w3-center" style="height: 700px"> <div class="w3-padding-64"> <h1>Đu qua</h1> </div> <div class="w3-padding-64"> <p>..cho một tách cà phê , hoặc bất cứ điều gì.</p> <p>Chicago, US</p> <p>+00 1515151515</p> <p>test@test.com</p> </div> </div> <div class="w3-half w3-teal w3-container" style="height:700px"> <div class="w3-padding-64 w3-padding-large"> <h1>Liên hệ</h1> <p class= "w3-opacity">HÃY THAM GIA</p> <form class="w3-container w3-card w3-padding-32 w3-white" action="/action_page.php" target="_blank"> <div class ="w3-section"> <label>Tên</label> <input class="w3-input" style="width:100%;" type="text" bắt buộc name="Name"> </div> <div class="w3-section"> <label>Email</label> <input class="w3-input" style="width:100% ;" type="text" bắt buộc name="Email"> </div> <div class="w3-section"> <label>Tin nhắn</label> <input class="w3-input" style="width:100% ;" type="text" bắt buộc name="Message"> </div> <button type="submit" class="w3-button w3-teal w3-right">Gửi</button> </form> </div> </div> </div> <!-- Footer --> <footer class="w3-container w3-black w3-padding-16"> <p>Được cung cấp bởi <a href="https://www. example.com.vn/w3css/default.asp" target="_blank">w3.css</a></p> </footer> </body> </html>