About us page documentation

ABOUT.HTML

BANNER

If you would like to change banner, please create new banner with this size 1920x274 save it as .jpg or .png file, then opens css/style.css file and instead of this: http://placehold.it/1920x274 put your image address like: images/yourimage.jpg

WHAT WE OFFER - SECTION

If you would like to add in this section please find code below:

<h2 class="animated" data-animation="fadeInUp" data-animation-delay="200">WHAT WE OFFER ?</h2>

<div class="title1 animated" data-animation="fadeInUp" data-animation-delay="300">Lorem ipsum dolor sit amet,
        consectetuer adipiscing elit, sed diam nonummy nibh euismod <br>tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>

<br>

<div class="row">
      <div class="col-sm-6 animated" data-animation="fadeInLeft" data-animation-delay="400">
        <ul class="ul2">
          <li><a href="#">Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet;</a></li>
          <li><a href="#">Option congue nihil imperdiet doming id quod mazim placerat facer;</a></li>
          <li><a href="#">Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes;</a></li>
          <li><a href="#">Investigationes demonstraverunt lectores</a></li>
        </ul>
      </div>
      <div class="col-sm-6 animated" data-animation="fadeInRight" data-animation-delay="400">
        <blockquote class="blockquote0">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
        Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
        consequat. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum. Ut wisi enim ad minim
        veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
        </blockquote>
      </div>
    </div>

</div>
</div>

ABOUT OUR COMPANY - SECTION

If you would like to add in this section please find code below:

<h2 class="animated" data-animation="fadeInUp" data-animation-delay="200">ABOUT OUR COMPANY</h2>

<br>

<div class="row">
        <div class="col-sm-12 col-md-6 col-md-push-6">
          <div class="content">
            <div class="txt1 animated" data-animation="fadeIn" data-animation-delay="300">TRAVEL AGENCY</div>
            <div class="txt2 animated" data-animation="fadeIn" data-animation-delay="300">Lorem ipsum dolor sit amet,
              consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
              volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit.
            </div>

<div class="distance1 animated" data-animation="fadeInUp" data-animation-delay="0">
              <div class="txt">Flights</div>
              <div class="bg">
                <div class="animated-distance" data-num="94" data-duration="1300" data-animation-delay="0"><span></span>
                </div>
              </div>
            </div>

<div class="distance1 animated" data-animation="fadeInUp" data-animation-delay="100">
              <div class="txt">Hotels</div>
              <div class="bg">
                <div class="animated-distance" data-num="87" data-duration="1300" data-animation-delay="100">
                  <span></span></div>
              </div>
            </div>

<div class="distance1 animated" data-animation="fadeInUp" data-animation-delay="300">
              <div class="txt">Cruises</div>
              <div class="bg">
                <div class="animated-distance" data-num="51" data-duration="1300" data-animation-delay="300">
                  <span></span></div>
              </div>
            </div>

</div>
        </div>
        <div class="col-sm-12 col-md-6 col-md-pull-6">
          <img src="images/company1.png" alt="" class="img1 img-responsive animated" data-animation="fadeInLeft"
               data-animation-delay="300">
        </div>
      </div>
    </div>
  </div>

OUR TEAM - SECTION

If you would like to add changes in this section please find code below:

<br>

<div class="row">
      <div class="col-sm-3">
        <div class="thumb3 animated" data-animation="flipInY" data-animation-delay="300">
          <div class="thumbnail clearfix">
            <figure class="">
              <img src="http://placehold.it/262x257" alt="" class="img-responsive">
              <div class="over">Marketing Manager</div>
            </figure>
            <div class="caption">
              <div class="txt1">Jynda Martin</div>
              <div class="txt2">Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim.</div>
              <div class="social_sm_wrapper">
                <ul class="social_sm clearfix">
                  <li><a href="#"><i class="fa fa-facebook-square"></i></a></li>
                  <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                  <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                  <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                  <li><a href="#"><i class="fa fa-vimeo-square"></i></a></li>
                  <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-sm-3">
        <div class="thumb3 animated" data-animation="flipInY" data-animation-delay="400">
          <div class="thumbnail clearfix">
            <figure class="">
              <img src="http://placehold.it/262x257" alt="" class="img-responsive">
              <div class="over">Site Administrator</div>
            </figure>
            <div class="caption">
              <div class="txt1">George Smith</div>
              <div class="txt2">Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim.</div>
              <div class="social_sm_wrapper">
                <ul class="social_sm clearfix">
                  <li><a href="#"><i class="fa fa-facebook-square"></i></a></li>
                  <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                  <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                  <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                  <li><a href="#"><i class="fa fa-vimeo-square"></i></a></li>
                  <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-sm-3">
        <div class="thumb3 animated" data-animation="flipInY" data-animation-delay="500">
          <div class="thumbnail clearfix">
            <figure class="">
              <img src="http://placehold.it/262x257" alt="" class="img-responsive">
              <div class="over">Tour Operator</div>
            </figure>
            <div class="caption">
              <div class="txt1">Bill Amadeus</div>
              <div class="txt2">Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim.</div>
              <div class="social_sm_wrapper">
                <ul class="social_sm clearfix">
                  <li><a href="#"><i class="fa fa-facebook-square"></i></a></li>
                  <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                  <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                  <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                  <li><a href="#"><i class="fa fa-vimeo-square"></i></a></li>
                  <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-sm-3">
        <div class="thumb3 animated" data-animation="flipInY" data-animation-delay="600">
          <div class="thumbnail clearfix">
            <figure class="">
              <img src="http://placehold.it/262x257" alt="" class="img-responsive">
              <div class="over">Director</div>
            </figure>
            <div class="caption">
              <div class="txt1">Amanda Stoun</div>
              <div class="txt2">Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim.</div>
              <div class="social_sm_wrapper">
                <ul class="social_sm clearfix">
                  <li><a href="#"><i class="fa fa-facebook-square"></i></a></li>
                  <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                  <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                  <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                  <li><a href="#"><i class="fa fa-vimeo-square"></i></a></li>
                  <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

</div>
</div>

BOOKING TRAVEL BOOTSTRAP THEME

ABOUT.HTML

BANNER

WHAT WE OFFER - SECTION

ABOUT OUR COMPANY - SECTION

OUR TEAM - SECTION