Bootstrap Snippet Travel tourism using HTML CSS Bootstrap

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
    <nav class="navbar navbar-expand-sm bg-light justify-content-center">
      <ul class="navbar-nav">
        <li class="nav-item">
          <a class="nav-link" href="#"  style="background-color:#F8F9FA">Location : 1143 NEW DELHI,INDIA</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#" style="background-color:#F8F9FA">Contact : +9198283868</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#" style="background-color:#F8F9FA">Mail : info@example.com</a>
        </li>
      </ul>
    </nav>
    <nav class="navbar navbar-expand-sm  navbar-dark ">
  <!-- Links -->
  <ul class="navbar-nav container ">
    <li class="nav-item" style="margin-left:-20px;font-size:30px">
    <a class="nav-link" href="#">TRAVEL TRIP</a>
  </li>
    <li class="nav-item">
      <a class="nav-link" href="#">HOMEPAGE</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">ABOUT US</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">SERVICES</a>
    </li>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
  /* Make the image fully responsive */
  .carousel-inner img {
      width: 100%;
      height: 100%;
  }
  /**********************
  /***** Services *******
  /*********************/
 
  section{
    padding: 60px 0;
  }
  section .section-title{
    text-align:center;
    color:#007b5e;
    margin-bottom:50px;
    text-transform:uppercase;
  }
  #what-we-do{
    background:#ffffff;
  }
  #what-we-do .card{
    padding: 1rem!important;
    border: none;
    margin-bottom:1rem;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
  }
  #what-we-do .card:hover{
    -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
  }
  #what-we-do .card .card-block{
    padding-left: 50px;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"Travel tourism"
Bootstrap 4.1.1 Snippet by samridhi

Related: See More

Questions / Comments:

"Travel tourism" Bootstrap 4.1.1 Snippet by samridhi

Related: See More

Questions / Comments:

"Travel tourism"
Bootstrap 4.1.1 Snippet by samridhi