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 rel='stylesheet' href='https://fonts. googleapis.com/css?family=Roboto'> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min .css"> <style> html,body,h1,h2,h3,h4,h5,h6 {font-family: "Roboto", sans-serif} </style> </head> <body class="w3- light-grey"> <!-- Vùng chứa trang --> <div class="w3-content w3-margin-top" style="max-width:1400px;"> <!-- Lưới --> <div class="w3-row-padding"> <!-- Cột bên trái --> <div class="w3-third"> <div class="w3-white w3-text-grey w3-card-4"> < div class="w3-display-container"> <img src="/w3images/avatar_hat.jpg" style="width:100%" alt="Avatar"> <div class="w3-display-bottomleft w3-container w3-text-black"> <h2>Jane Doe</h2> </div> </div> <div class="w3-container"> <p><i class="fa fa-briefcase fa-fw w3 -margin-right w3-large w3-text-teal"></i>Nhà thiết kế</p> <p><i class="fa fa-home fa-fw w3-margin-right w3-large w3-text- Teal"></i>Luân Đôn, Vương quốc Anh</p> <p><i class="fa fa-envelope fa-fw w3-margin-right w3-large w3-text-teal"></i>ex@ mail.com</p> <p><i class="fa fa-phone fa-fw w3-margin-right w3-large w3-text-teal"></i>1224435534</p> <hr> < p class="w3-large"><b><i class="fa fa-asterisk fa-fw w3-margin-right w3-text-teal"></i>Kỹ năng</b></p> < p>Adobe Photoshop</p> <div class="w3-light-grey w3-round-xlarge w3-small"> <div class="w3-container w3-center w3-round-xlarge w3-teal" style= "width:90%">90%</div> </div> <p>Nhiếp ảnh</p> <div class="w3-light-grey w3-round-xlarge w3-small"> <div class=" w3-container w3-center w3-round-xlarge w3-teal" style="width:80%"> <div class="w3-center w3-text-white">80%</div> </div> < /div> <p>Người minh họa</p> <div class="w3-light-grey w3-round-xlarge w3-small"> <div class="w3-container w3-center w3-round-xlarge w3-teal " style="width:75%">75%</div> </div> <p>Phương tiện</p> <div class="w3-light-grey w3-round-xlarge w3-small"> <div class="w3-container w3-center w3-round-xlarge w3-teal" style="width:50%">50%</div> </div> <br> <p class="w3-large w3- text-theme"><b><i class="fa fa-globe fa-fw w3-margin-right w3-text-teal"></i>Ngôn ngữ</b></p> <p>Tiếng Anh< /p> <div class="w3-light-grey w3-round-xlarge"> <div class="w3-round-xlarge w3-teal" style="height:24px;width:100%"></div > </div> <p>Tiếng Tây Ban Nha</p> <div class="w3-light-grey w3-round-xlarge"> <div class="w3-round-xlarge w3-teal" style="height:24px ;width:55%"></div> </div> <p>Tiếng Đức</p> <div class="w3-light-grey w3-round-xlarge"> <div class="w3-round-xlarge w3-teal" style="height:24px;width:25%"></div> </div> <br> </div> </div><br> <!-- Cuối cột bên trái --> < /div> <!-- Cột bên phải --> <div class="w3-twothird"> <div class="w3-container w3-card w3-white w3-margin-bottom"> <h2 class="w3- text-grey w3-padding-16"><i class="fa fa-vali fa-fw w3-margin-right w3-xxlarge w3-text-teal"></i>Kinh nghiệm làm việc</h2> <div class ="w3-container"> <h5 class="w3-opacity"><b>Nhà phát triển giao diện người dùng / example.com.vn</b></h5> <h6 class="w3-text-teal"><i class ="fa fa-calendar fa-fw w3-margin-right"></i>Tháng 1 năm 2015 - <span class="w3-tag w3-teal w3-round">Hiện tại</span></h6> <p >Lorem ipsum dolor ngồi amet. Praesentium magnam consectetur vel in deserunt aspernatur est reprehenderit sunt hic. Nulla tempora soluta ea et odio, unde doloremque đẩy lùi iure, iste.</p> <hr> </div> <div class="w3-container"> <h5 class="w3-opacity"><b>Nhà phát triển web / something.com</b></h5> <h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>Tháng 3 năm 2012 - Tháng 12 năm 2014</h6> <p>Consectetur adipisicing tinh hoa. Praesentium magnam consectetur vel in deserunt aspernatur est reprehenderit sunt hic. Nulla tempora soluta ea et odio, unde doloremque đẩy lùi iure, iste.</p> <hr> </div> <div class="w3-container"> <h5 class="w3-opacity"><b>Nhà thiết kế đồ họa /designsomething.com</b></h5> <h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>Tháng 6 năm 2010 - Tháng 3 năm 2012</h6> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p><br> </div> </div> <div class="w3-container w3-card w3-white"> <h2 class="w3-text-grey w3-padding-16"><i class="fa fa-certificate fa-fw w3-margin-right w3-xxlarge w3-text-teal"></i>Giáo dục</h2> <div class="w3-container"> <h5 class="w3 -opacity"><b>W3Schools.com</b></h5> <h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right">< /i>Mãi mãi</h6> <p>Phát triển Web! Tất cả những gì tôi cần biết ở một nơi</p> <hr> </div> <div class="w3-container"> <h5 class="w3-opacity"><b>Trường Kinh doanh Luân Đôn</b>< /h5> <h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>2013 - 2015</h6> <p>Bằng thạc sĩ </p> <hr> </div> <div class="w3-container"> <h5 class="w3-opacity"><b>Trường lập trình</b></h5> <h6 class=" w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>2010 - 2013</h6> <p>Bằng cử nhân</p><br> < /div> </div> <!-- Cuối cột bên phải --> </div> <!-- Lưới cuối --> </div> <!-- Vùng chứa trang cuối --> </div> <footer class="w3-container w3-teal w3-center w3-margin-top"> <p>Tìm tôi trên mạng xã hội.</p> <i class="fa fa-facebook-official w3-hover-opacity"> </i> <i class="fa fa-instagram w3-hover-opacity"></i> <i class="fa fa-snapchat w3-hover-opacity"></i> <i class="fa fa-pinterest-p w3-hover-opacity"></i> <i class="fa fa-twitter w3-hover-opacity"></i> <i class="fa fa-linkedin w3-hover-opacity "></i> <p>Được hỗ trợ bởi <a href="https://www.example.com.vn/w3css/default.asp" target="_blank">w3.css</a></p> < /footer> </body> </html>