Typography

h1. Heading Secondary text

h2. Heading Secondary text

h3. Heading Secondary text

h4. Heading Secondary text

h5. Heading Secondary text
h6. Heading Secondary text

TIPS: Create lighter, secondary text in any heading with a generic <small> tag or the .small class.

Example body text

This is a lead paragraph. Make a paragraph stand out by adding .lead.

Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus.

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

The following snippet of text is rendered as bold text.

The following snippet of text is rendered as italicized text.

An abbreviation of the word attribute is attr.

Emphasis classes

This is a .mute paragraph.

This is a .text-primary paragraph.

This is a .text-warning paragraph.

This is a .text-danger paragraph.

This is a .text-success paragraph.

This is a .text-info paragraph.

Alignment classes

This is a left aligned text .text-left

This is a center aligned text .text-center

This is a right aligned text .text-right

This is a justify aligned text which is often used in Book Design, Magazine or special Typo Pages. Create a justify aligned text with .text-justify class.

Blockquotes

This is a <blockquote> in a <.well>.

Quote's author in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Quote's author in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Quote's author in Source Title

Brand Colors

#1bbc9b
Brand Primary
#2c3e50
Brand Secondary
#f0ad4e
Brand Warning
#d9534f
Brand Danger
#5bc0de
Brand Info
#5cb85c
Brand Success

Grayscale Levels

#222222
Gray Darker
#3333333
Gray Dark
#666666
Gray
#999999
Gray Light
#eeeeee
Gray Lighter
#f7f7f7
Gray Lightest

Tabs

In the area of graphical user interfaces (GUI), a tabbed document interface (TDI) or a Tab is one that allows multiple documents to be contained within a single window, using tabs as a navigational widget for switching between sets of documents. It is an interface style most commonly associated with web browsers, web applications, text editors, and preference panes.

GUI tabs are modeled after traditional card tabs inserted in paper files or card indexes (in keeping with the desktop metaphor).

In the area of graphical user interfaces (GUI), a tabbed document interface (TDI) or a Tab is one that allows multiple documents to be contained within a single window, using tabs as a navigational widget for switching between sets of documents. It is an interface style most commonly associated with web browsers, web applications, text editors, and preference panes.

GUI tabs are modeled after traditional card tabs inserted in paper files or card indexes (in keeping with the desktop metaphor).

Buttons

Inputs

Sample Basic Form

Legend
A longer block of help text that breaks onto a new line and may extend beyond one line.

Jumbotron

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Call to Action

Primary Jumbotron

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Call to Action

Masthead

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Call to Action

Primary Masthead

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Call to Action

Extend Bootstrap's grid system with the thumbnail component to easily display grids of images, videos, text, and more.

Default example

By default, Bootstrap's thumbnails are designed to showcase linked images with minimal required markup.

Custom content

With a bit of extra markup, it's possible to add any kind of HTML content like headings, paragraphs, or buttons into thumbnails.

Thumbnail label

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Button Button

Thumbnail label

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Button Button

Thumbnail label

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Button Button

Media heading

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

Media heading

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

Nested media heading

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

Basic Tables

#Column headingColumn headingColumn heading
1 Column content Column content Column content
2 Column content Column content Column content
3 Column content Column content Column content
4 Column content Column content Column content
5 Column content Column content Column content
6 Column content Column content Column content
7 Column content Column content Column content
#Column headingColumn headingColumn heading
1 Column content Column content Column content
2 Column content Column content Column content
3 Column content Column content Column content
4 Column content Column content Column content
5 Column content Column content Column content
6 Column content Column content Column content
7 Column content Column content Column content

Bordered Tables

#Column headingColumn headingColumn heading
1 Column content Column content Column content
2 Column content Column content Column content
3 Column content Column content Column content
4 Column content Column content Column content
5 Column content Column content Column content
6 Column content Column content Column content
7 Column content Column content Column content
#Column headingColumn headingColumn heading
1 Column content Column content Column content
2 Column content Column content Column content
3 Column content Column content Column content
4 Column content Column content Column content
5 Column content Column content Column content
6 Column content Column content Column content
7 Column content Column content Column content

Alerts and Notifications

Oh snap! Change a few things up and try submitting again.
Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Best check yo self, you're not looking too good.

Labels

Default Primary Success Info Warning Danger

List groups

  • 14 Cras justo odio
  • 2 Dapibus ac facilisis in
  • Morbi leo risus
  • 1 Morbi leo risus
  • 2 Dapibus ac facilisis in

List group item heading

Donec id elit non mi porta gravida at eget metus risus varius blandit.

List group item heading

Donec id elit non mi porta gravida at eget metus.

List group item heading

Donec id elit non mi porta gravida at eget metus.

Panels

Panel heading
Panel content

Panel primary

Panel content

Panel success

Panel content

Panel warning

Panel content

Panel danger

Panel content

Panel info

Panel content

Wells

Look, I'm in a small well!
Look, I'm in a well!
Look, I'm in a large well!

Hanoitourist


Kính thưa Quý khách,
      Công ty Lữ hành Hanoitourist – Tổng Công ty Du lịch Hà Nội xin gửi tới Quý khách lời chào trân trọng và lời chúc sức khỏe, hạnh phúc, an khang - thịnh vượng!
      Tổng Công ty Du lịch Hà Nội là doanh nghiệp nhà nước có vị thế hàng đầu trong các lĩnh vực: kinh doanh lữ hành quốc tế, khách sạn, nhà hàng, vận chuyển,  xuất khẩu lao động…  với hơn 50 năm xây dựng và trưởng thành, Công ty Lữ hành Hanoitourist nhiều năm liền đạt danh hiệu “Top ten Lữ hành quốc tế” của Tổng cục Du lịch và hạng A1 “Top five” trong số ít các công ty lữ hành có số lượng khách Việt Nam đi nước ngoài đông nhất của hãng Hàng không Quốc gia Việt Nam (Vietnamairlines)…
 
      Trong xu thế hội nhập, để không ngừng đáp ứng nhu cầu tham quan, học tập, khảo sát, tham dự hội chợ, triển lãm, hội thảo, giao lưu và hợp tác ngày càng cao của Quý khách, với phương châm “Tất cả vì sự hài lòng của khách hàng”, chúng tôi xin trân trọng giới thiệu tới Quý khách các chương trình “Vòng quanh Thế giới” và "Đất nước muôn màu". 
      Hy vọng rằng, đây sẽ là những thông tin bổ ích và thiết thực về các sản phẩm du lịch tiêu biểu và hấp dẫn đến hấu hết các thắng cảnh của Tổ quốc và các quốc gia trên thế giới mà công ty chúng tôi đã và đang thực hiện rất thành công.
      Hãy đến với chúng tôi để được “thỏa mãn ước mơ du lịch - khám phá năm châu bốn biển”.
      Công ty Lữ hành Hanoitourist - Tổng Công ty Du lịch Hà Nội rất hân hạnh được nồng nhiệt chào đón và đồng hành cùng Quý khách.     
 
                                                                                                                       Trân trọng!


                                                                                                                      Phùng Quang Thắng
                                                                                                                      Giám đốc

                                                                                                                      Công ty Lữ hành Hanoitourist

 

hanoitourist-to-chuc-hoi-nghi-khach-hang.jpg
Hanoitourist tổ chức hội nghị khách hàng năm 2014 tại khách sạn Sofitel Legend Metropole

hanoitourist-nhan-giai-thuong-2012.jpg
Hanoitourist nhận thải thưởng vinh danh Top 10 Công ty lữ hành tại Việt Nam năm 2012

hanoitourist-nhan-giai-thuong.jpg
Hanoitourist nhận thải thưởng vinh danh Top 10 Công ty lữ hành tại Việt Nam năm 2013

hanoitourist-ra-mat-san-pham-han-quoc-moi.jpg
Hanoitourist cho ra mắt sản phẩm Hàn Quốc mới "Khám phá thành phố của lòng hiếu thảo"

hanoitourist-ra-mat-san-pham-nhat-ban-moi.jpg
Hanoitourist ra mắt sản phẩm mới "Nhật Bản gần hơn"

hanoitourist-ky-ket-hop-tac-du-lich.jpg
Hanoitourist ký kết thỏa thuận xúc tiến du lịch cuàng Tổng Cục Du lịch Hàn Quốc 

Pricing Table

Personal

Perfect for your blog

  • Unlimited bandwidth
  • Unlimited products
  • 1 GB File storage
  • 2.0% Transaction fee
  • Discount code engine
  • 24x7 Phone support
  • Gift cards
  • Abandoned cart recovery
  • Professional reports
  • Advanced report builder
  • $34.99

Portfolio

Everything you need

  • Unlimited bandwidth
  • Unlimited products
  • 1 GB File storage
  • 2.0% Transaction fee
  • Discount code engine
  • 24x7 Phone support
  • Gift cards
  • Abandoned cart recovery
  • Professional reports
  • Advanced report builder
  • Real-time carrier shipping
  • $54.99

Performance

Awesome capacity

  • Unlimited bandwidth
  • Unlimited products
  • 1 GB File storage
  • 2.0% Transaction fee
  • Discount code engine
  • 24x7 Phone support
  • Gift cards
  • Abandoned cart recovery
  • Professional reports
  • Advanced report builder
  • $45.99

Personal

$34.99

  • Unlimited bandwidth
  • Unlimited products
  • 1 GB File storage
  • 2.0% Transaction fee
  • Discount code engine
  • 24x7 Phone support
  • Gift cards
  • Abandoned cart recovery
  • Professional reports
  • Advanced report builder

Portfolio

$54.99

  • Unlimited bandwidth
  • Unlimited products
  • 1 GB File storage
  • 2.0% Transaction fee
  • Discount code engine
  • 24x7 Phone support
  • Gift cards
  • Abandoned cart recovery
  • Professional reports
  • Advanced report builder
  • Real-time carrier shipping

Performance

$45.99

  • Unlimited bandwidth
  • Unlimited products
  • 1 GB File storage
  • 2.0% Transaction fee
  • Discount code engine
  • 24x7 Phone support
  • Gift cards
  • Abandoned cart recovery
  • Professional reports
  • Advanced report builder

Is there a setup fee?

Lorem ipsum dolor sit amet consectetuer turpis eros Quisque felis pretium. Habitasse iaculis fermentum amet adipiscing Praesent ac mauris id tincidunt Vestibulum. Integer Vestibulum ac tellus eget laoreet elit urna massa Nam quis. Curabitur Curabitur sapien nec ac turpis rhoncus Morbi mauris justo eu. Dolor pede Phasellus sollicitudin nunc laoreet pretium id laoreet Morbi velit. Nec laoreet condimentum.

Do I need to enter my credit card details to sign up?

Eleifend Fusce tincidunt dictumst libero ante nec justo dui feugiat molestie. Penatibus mi dui dictum at justo nibh mattis laoreet lacinia neque. Vitae nibh faucibus volutpat lacinia mauris Proin id nibh tristique cursus. Vitae faucibus gravida ut parturient aliquam eros fringilla Vestibulum ante ligula. Mi nascetur Aliquam euismod ut nulla orci lacus ac Curabitur lacus. Sagittis tellus nec id cursus magnis condimentum sit dui Pellentesque tincidunt. Sapien ut sapien.

Why use the Professional plan?

Lorem ipsum dolor sit amet consectetuer turpis eros Quisque felis pretium. Habitasse iaculis fermentum amet adipiscing Praesent ac mauris id tincidunt Vestibulum. Integer Vestibulum ac tellus eget laoreet elit urna massa Nam quis. Curabitur Curabitur sapien nec ac turpis rhoncus Morbi mauris justo eu. Dolor pede Phasellus sollicitudin nunc laoreet pretium id laoreet Morbi velit. Nec laoreet condimentum.

Why use the Unlimited plan?

Eleifend Fusce tincidunt dictumst libero ante nec justo dui feugiat molestie. Penatibus mi dui dictum at justo nibh mattis laoreet lacinia neque. Vitae nibh faucibus volutpat lacinia mauris Proin id nibh tristique cursus. Vitae faucibus gravida ut parturient aliquam eros fringilla Vestibulum ante ligula. Mi nascetur Aliquam euismod ut nulla orci lacus ac Curabitur lacus. Sagittis tellus nec id cursus magnis condimentum sit dui Pellentesque tincidunt. Sapien ut sapien.

Can I use my own payment gateway?

Unsure which plan is best for you?
Call our sales team at 1-234-567-8932

1
Bạn cần hỗ trợ?