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 lang="en"> <head> <!-- Chủ đề được tạo bởi www.example.com.vn - Không có bản quyền --> <title>Trang công ty chủ đề Bootstrap</title> <meta charset=" utf-8"> <meta name="viewport" content="width=device-width,init-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/ 3.4.1/css/bootstrap.min.css"> <SCRIPT_PLACEHOLDER_9/> <SCRIPT_PLACEHOLDER_10/> <STYLE_PLACEHOLDER_2/> </head> <body> <div class="jumbotron text-center"> <h1>Công ty</h1 > <p>Chúng tôi chuyên về blablabla</p> <form class="form-inline"> <div class="input-group"> <input type="email" class="form-control" size="50 " placeholder="Địa chỉ email" bắt buộc> <div class="input-group-btn"> <button type="button" class="btn btn-danger">Đăng ký</button> </div> </div> </form> </div> <!-- Container (Giới thiệu về phần) --> <div class="container-fluid"> <div class="row"> <div class="col-sm-8"> <h2>Giới thiệu về Trang Công ty</h2> <h4>Bản thân kiến thức..</h4> <p>Bản thân kiến thức..</p> <button class="btn btn-default btn-lg">Hãy tham gia Chạm vào< /button> </div> <div class="col-sm-4"> <span class="glyphicon glyphicon-signal logo"></span> </div> </div> </div> < div class ="container-fluid bg-grey"> <div class="row"> <div class="col-sm-4"> <span class="glyphicon glyphicon-globe logo"></span> </ div> <div class="col-sm-8"> <h2>Giá trị của chúng tôi</h2> <h4><strong>SỨ MỆNH:</strong> Sứ mệnh của chúng tôi lorem ipsum..</h4> <p><strong >TẦM NHÌN :</strong> Tầm nhìn của chúng tôi Lorem ipsum..</p> </div> </div> </div> <!-- Container (Phần dịch vụ) --> <div class="container-fluid text -center "> <h2>DỊCH VỤ</h2> <h4>Những gì chúng tôi cung cấp</h4> <br> <div class="row"> <div class="col-sm-4"> <span class=" glyphicon glyphicon -off logo-small"></span> <h4>Sức mạnh</h4> <p>Bản thân sức mạnh rất quan trọng..</p> </div> <div class="col-sm-4" > < span class="glyphicon glyphicon-heart logo-small"></span> <h4>TÌNH YÊU</h4> <p>Hãy để tình yêu là trái tim..</p> </div> <div class=" col- sm-4"> <span class="glyphicon glyphicon-lock logo-small"></span> <h4>HOÀN THÀNH CÔNG VIỆC</h4> <p>Khả năng lãnh đạo rất quan trọng..</p> </div > </div> <br><br> <div class="row"> <div class="col-sm-4"> <span class="glyphicon glyphicon-leaf logo-small"></span> < h4 >XANH</h4> <p>Thật là đau đầu..</p> </div> <div class="col-sm-4"> <span class="glyphicon glyphicon-certificate logo-small "> Cờ lê logo-small được CHỨNG NHẬN"></span> <h4 style="color:#303030;"> LÀM VIỆC CỨNG</h4> <p>Đó thực sự là một công việc khó khăn..</p> </div> </ div> </div> <!-- Container (Phần danh mục đầu tư) --> <div class="container-fluid text-center bg-grey"> <h2>Danh mục đầu tư</h2><br> <h4>Những gì chúng tôi đã tạo </h4> <div class="row text-center"> <div class="col-sm-4"> <div class="thumbnail"> <img src="paris.jpg" alt="Paris " width ="400" Height="300"> <p><strong>Paris</strong></p> <p>Đúng vậy, chúng tôi đã xây dựng Paris</p> </div> </div> <div class =" col-sm-4"> <div class="thumbnail"> <img src="newyork.jpg" alt="New York" width="400" Height="300"> <p><strong>Mới York< /strong></p> <p>Chúng tôi đã xây dựng nên New York</p> </div> </div> <div class="col-sm-4"> <div class="thumbnail"> <img src= "sanfran.jpg" alt="San Francisco" width="400" Height="300"> <p><strong>San Francisco</strong></p> <p>Đúng, San Fran là của chúng tôi< /p > </div> </div> </div> <h2>Khách hàng của chúng tôi nói gì</h2> <div id="myCarousel" class="carousel slide text-center" data-ride="carousel"> <! -- Chỉ báo --> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data -target ="#myCarousel" data-slide-to="1"></li> <li data-target="#myCarousel" data-slide-to="2"></li> </ol> < !- - Trình bao bọc cho các slide --> <div class="carousel-inner" role="listbox"> <div class="item active"> <h4>"Công ty này là tốt nhất. Tôi rất hài lòng với kết quả này!"<br><span>Michael Roe, Phó Chủ tịch, Hộp Bình luận</span></h4> </div> <div class="item"> <h4>"Một từ. .. CHÀ!!"<br><span>John Doe, Nhân viên bán hàng, Rep Inc</span></h4> </div> <div class="item"> <h4>"Tôi có thể... LÀ bất kỳ ai không? hài lòng hơn với công ty này?"<br><span>Chandler Bing, Diễn viên, FriendsAlot</span></h4> </div> </div> <!-- Điều khiển trái và phải --> <a class= "left carousel-control" href="#myCarousel" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> < span class="sr-only">Trước</span> </a> <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> <span class ="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Tiếp theo</span> </a> </div> </div> <! -- Container (Phần định giá) --> <div class="container-fluid"> <div class="text-center"> <h2>Định giá</h2> <h4>Chọn gói thanh toán phù hợp với bạn< /h4> </div> <div class="row"> <div class="col-sm-4 col-xs-12"> <div class="panel panel-default text-center"> <div class= "panel-heading"> <h1>Cơ bản</h1> </div> <div class="panel-body"> <p><strong>20</strong> Chào mừng</p> <p><strong> 15</strong> Chính mình</p> <p><strong>5</strong> Nỗi đau</p> <p><strong>2</strong> Là</p> <p><strong>Vô tận< /strong> Amet</p> </div> <div class="panel-footer"> <h3>$19</h3> <h4>mỗi tháng</h4> <button class="btn btn-lg"> Đăng ký</button> </div> </div> </div> <div class="col-sm-4 col-xs-12"> <div class="panel panel-default text-center"> < div class="panel-heading"> <h1>Dành cho</h1> </div> <div class="panel-body"> <p><strong>50</strong> Trang chủ</p> <p> <strong>25</strong> Anh ấy</p> <p><strong>10</strong> Nỗi đau</p> <p><strong>5</strong> Hãy</p> <p><strong >Vô tận</strong> Amet</p> </div> <div class="panel-footer"> <h3>$29</h3> <h4>mỗi tháng</h4> <button class="btn btn- lg">Đăng ký</button> </div> </div> </div> <div class="col-sm-4 col-xs-12"> <div class="panel panel-default text-center "> <div class="panel-heading"> <h1>Cao cấp</h1> </div> <div class="panel-body"> <p><strong>100</strong> Trang chủ</p> <p><strong>50</strong> Anh ấy</p> <p><strong>25</strong> Nỗi đau</p> <p><strong>10</strong> Be</p> <p ><strong>Vô tận</strong> Tình yêu</p> </div> <div class="panel-footer"> <h3>$49</h3> <h4>mỗi tháng</h4> <button class=" btn btn-lg">Đăng ký</button> </div> </div> </div> </div> </div> </body> </html>