bootstrap 3 browser issue internet exploler 7 or 8 version

Last Reply 9 days ago By dharmendr

Posted 14 days ago

hello sir i create a website used on bootstrap3 i have faced some issue in internet explorer 7 or 8 version

<!DOCTYPE html>
<html>
<head>
<title>Arrow Holidays</title>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/style_i7.css"/>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/owl.carousel.css">
 <!--[if IE 9]>
      <link href="https://cdn.jsdelivr.net/gh/coliff/bootstrap-ie8/css/bootstrap-ie9.min.css" rel="stylesheet">
    <![endif]-->
    <!--[if lte IE 8]>
      <link href="https://cdn.jsdelivr.net/gh/coliff/bootstrap-ie8/css/bootstrap-ie8.min.css" rel="stylesheet">
      <script src="https://cdn.jsdelivr.net/g/html5shiv@3.7.3"></script>
      
      
    <![endif]-->
    
    
    
</head>
<body>
<!--------------- header---------------->
<div class="header">
	<div class="container">
    	<div class="row">
        	<div class="col-sm-3"><img src="images/arrow_holidays_logo.png" class="logo" /></div>
            <div class="col-sm-6">
            	<div class="menu-ul">
                	
                	<ul>
                    	<li><a href="#" class="active-menu">Home</a></li>
                        <li><a href="#">Holidays</a></li>
                        <li><a href="#">Cruise</a></li>
                        <li><a href="#">About Us</a></li>
                        <li><a href="#">Contact Us</a></li>
                    </ul>
                    
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="col-sm-3">
            	<div class="phone_no"><p>0203 475 0000</p></div>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
<!--------------- header End---------------->

<!--------------- Banner Section---------------->
<div class="banner_image">
	<div class="container">
    		<div class="main_div">
    		<ul class="nav nav-pills nav-fill navtop">
        <li class="nav-item active">
            <a class="nav-link" href="#menu1" data-toggle="tab">India Tours</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="#menu2" data-toggle="tab">Cruise & Stay</a>
        </li>
        
    </ul>
    <div class="content_div">
    <div class="tab-content">
        <div class="tab-pane active" role="tabpanel" id="menu1">
        	<p class="pop_head">Popular Destinations:</p>
            <br/>
            <div class="row">
            <div id="myDIV">
            <div class="col-sm-1"></div>
            <a href="#" >
        	<div class="col-sm-2 col-lg-2 col-md-2 col-xs-4 dest">
            	<img src="images/ker-icon.png" class="all_icon"/>
            	<p class="pop-dest">Kerala</p>
            </div>
            </a>
            <a href="#" >
            <div class="col-sm-2 col-lg-2 col-md-2 col-xs-4 dest">
            	<img src="images/raj-icon.png" class="all_icon"/>
            	<p class="pop-dest">Rajasthan</p>
            </div>
            </a>
            <a href="#" >
            <div class="col-sm-2 col-lg-2 col-md-2 col-xs-4 dest">
            	<img src="images/gol-icon.png" class="all_icon"/>
                <p class="pop-dest">Golden Triangle</p>
            </div>
            </a>
            <a href="#" >
            <div class="col-sm-2 col-lg-2 col-md-2 col-xs-4 dest">
            	<img src="images/goa-icon.png" class="all_icon"/>
            	<p class="pop-dest">Goa & Mumbai</p>
            </div>
            </a>
            <a href="#" >
            <div class="col-sm-2 col-lg-2 col-md-2 col-xs-4 dest">
            	<img src="images/add-icon.png" class="all_icon"/>
            	<p class="pop-dest">Adventure</p>
            </div>
            </a>
            <div class="col-sm-1"></div>
            </div>
            <div class="clearfix"></div>
            </div>
            
            <div class="search_holiday">
            	<p>Or</p>
                <select>
                	<option>Select Packages</option>
                    <option>Kerala</option>
                    <option>Rajasthan</option>
                    <option>Golden Triangle</option>
                    <option>Adventure</option>
                </select>
                
                <button class="search_but">
                	Search Holiday
                </button>
            </div>
            
        </div>
        
        
        
        
        <div class="tab-pane" role="tabpanel" id="menu2">
        	
            <p class="pop_head">Find Your Cruise</p>
            
            <div class="search_holiday">
            	
                <select>
                	<option>Any Destination</option>
                    <option>Kerala</option>
                    <option>Rajasthan</option>
                    <option>Golden Triangle</option>
                    <option>Adventure</option>
                </select>
                
                 <select>
                	<option>Any Cruiseline</option>
                    <option>Kerala</option>
                    <option>Rajasthan</option>
                    <option>Golden Triangle</option>
                    <option>Adventure</option>
                </select>
                
                 <select>
                	<option>Any Ship</option>
                    <option>Kerala</option>
                    <option>Rajasthan</option>
                    <option>Golden Triangle</option>
                    <option>Adventure</option>
                </select>
               
                
            </div>
                
                <button class="search_but_2">
                	Search
                </button>
            
        
        </div>
       
    </div>
    </div>
    	
    </div>
    
        <div class="clearfix"></div>
    </div>
</div>
<!--------------- Banner Section End---------------->

<!--------------- Top Holiday Destinations Section ---------------->
<div>
	<div class="container">
    	<div class="content_div_1">
        	<img src="images/man-icon.png"/>
            <hr class="hr"/>
           <h1>Top Holiday Destinations</h1>
           <br/>
          	<div class="pkg_slide">
        <ul class="slider_list">
          <li><a href="JavaScript:void(0)">
            <div class="destination_nm">
              <div class="desti">Unmatchable Kerala</div>
              <div class="star"><img src="images/star3.png"></div>
              <div class="num_nights">5 Nights/ 6 Days</div>
                <div class="price_per"> £799/ Person</div>
            </div>
            <img src="images/curise-4.jpg">
            <div class="deals_bg">
              
            </div>
            </a> </li>
          <li><a href="JavaScript:void(0)">
            <div class="destination_nm">
              <div class="desti">Golden Triangle</div>
              <div class="star"><img src="images/star3.png"></div>
              <div class="num_nights">5 Nights/ 6 Days</div>
                <div class="price_per"> £799/ Person</div>
            </div>
            <img src="images/golden.jpg">
            <div class="deals_bg">
              
            </div>
            </a> </li>
          <li><a href="JavaScript:void(0)">
            <div class="destination_nm">
              <div class="desti">Best of Rajasthan</div>
              <div class="star"><img src="images/star3.png"></div>
              <div class="num_nights">5 Nights/ 6 Days</div>
                <div class="price_per"> £799/ Person</div>
            </div>
            <img src="images/curise-4.jpg">
            <div class="deals_bg">
              
            </div>
            </a> </li>
          <li><a href="JavaScript:void(0)">
            <div class="destination_nm">
              <div class="desti">Unmatchable Kerala</div>
              <div class="star"><img src="images/star3.png"></div>
              <div class="num_nights">5 Nights/ 6 Days</div>
                <div class="price_per"> £799/ Person</div>
            </div>
            <img src="images/curise-4.jpg">
            <div class="deals_bg">
              
            </div>
            </a> </li>             
       </ul>
      </div>
    

           
           
        </div>
    </div>
</div>

<!--------------- Top Holiday Destinations Section End ---------------->

<!--------------- Last Minute Cruise Deals Section ---------------->
<div>
	<div class="container">
    	<div class="content_div_1">
        	<img src="images/last-icon.png" />
            <hr class="hr" style="visibility:hidden;"/>
           <h1>Last Minute Cruise Deals</h1>
           
           
          <div class="main_div">
          	<div class="left_content">
            	<div class="deals_bg"></div>	
           		<img src="images/curise-1.jpg" class="last_img" />
                <div class="mat_div">
                	<p class="head">Kerala Backwaters</p>
                    <img src="images/star.png"/>
                    <p class="head1">10 Nights/ 11 Days</p>
                    <p class="head2">From £750 Per Person</p>
                    
                </div>
            </div>
            
            <div class="">
            	<div class="middle_content">
                	<div class="midd_inn">
            	<div class="deals_bg"></div>	
           		<img src="images/curise-3.jpg" class="last_img" />
                	<div class="mat_div">
                	<p class="head">Kerala Backwaters</p>
                    <img src="images/star.png"/>
                    <p class="head1">10 Nights/ 11 Days</p>
                    <p class="head2">From £750 Per Person</p>
                    
                </div>
                </div>
                <div class="clearfix"></div>
                
                <div class="midd_inn_1">
            	<div class="deals_bg"></div>	
           		<img src="images/curise-4.jpg" class="last_img" />
                	<div class="mat_div">
                	<p class="head">Kerala Backwaters</p>
                    <img src="images/star.png"/>
                    <p class="head1">10 Nights/ 11 Days</p>
                    <p class="head2">From £750 Per Person</p>
                    
                </div>
                </div>
            </div>
            
            <div class="right_content">
            	<div class="deals_bg"></div>	
           		<img src="images/curise-2.jpg" class="last_img" />
                	<div class="mat_div">
                	<p class="head">Kerala Backwaters</p>
                    <img src="images/star.png"/>
                    <p class="head1">10 Nights/ 11 Days</p>
                    <p class="head2">From £750 Per Person</p>
                    
                </div>
            </div>
          	
          </div>
           
           
           <div class="clearfix"></div>
        </div>
       		<button class="view_more">
                	View More
                </button>
    </div>
 
    </div>
</div>

<!--------------- Last Minute Cruise Deals Section End ---------------->

<!--------------- Why book with us Section ---------------->

<div>
	<div class="container">
    	<div class="content_div_1">
        	
           <h1>Why book with us?</h1>
           <br/>
           <div class="row">
           		<div class="col-sm-3">
                	<p class="why_h1">Lowest Price Guarantee</p>
                    <p class="why_p">We guarantee lowest price at ArrowHolidays
and there is no exaggeration in it</p>
                </div>
                
                <div class="col-sm-3">
                	<p class="why_h1">100% Protection</p>
                    <p class="why_p">ATOL and IATA Protected</p>
                </div>
                <div class="col-sm-3">
                	<p class="why_h1">Transparent Pricing</p>
                    <p class="why_p">Going one step further, we even try to bring
transparency in the prices we quote</p>
                
                </div>
                <div class="col-sm-3">
                	<p class="why_h1">Excellent Customer Service</p>
                    <p class="why_p">It is only rarely that you phone us
and we do not pick up your call</p>
                
                </div>
           </div>
           
           
        </div>
    </div>
</div>
<!--------------- Why book with us Section End ---------------->


<!--------------- Customer Feedback Section ---------------->
<div>
	<div class="container">
    	<div class="content_div_1">
        	
           <h1>Customer Feedback</h1>
           
           <div class="bs-example">
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
        <!-- Carousel indicators -->
        <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>   
        <!-- Wrapper for carousel items -->
        <div class="carousel-inner">
            <div class="item active">
            	<div class="item_box">
                <p class="text_slide">Could not get the flights required due to price, used the chat option and Sharon was excellent, very polite, answered all questions despite suffering with a cold. Had all sorted within 30 mins. Keep up the good customer service Sharon.</p>
                <p class="text_slide1">By : Manjit Singh Gill</p>
                </div>
            </div>
            <div class="item">
                <div class="item_box">
                <p class="text_slide">Could not get the flights required due to price, used the chat option and Sharon was excellent, very polite, answered all questions despite suffering with a cold. Had all sorted within 30 mins. Keep up the good customer service Sharon.</p>
                <p class="text_slide1">By : Manjit Singh Gill</p>
                </div>
            </div>
            <div class="item">
                <div class="item_box">
                <p class="text_slide">Could not get the flights required due to price, used the chat option and Sharon was excellent, very polite, answered all questions despite suffering with a cold. Had all sorted within 30 mins. Keep up the good customer service Sharon.</p>
                <p class="text_slide1">By : Manjit Singh Gill</p>
                </div>
            </div>
        </div>
      
    </div>
</div>
           
           
           <img src="images/trust pilot.jpg" class="trust_img"/>
           
        </div>
    </div>
</div>

<!--------------- Customer Feedback Section End ---------------->


<!--------------- Footer Section ---------------->
<div class="footer">
	<div class="container">
    	<div class="row">
        	<div class="col-foot">
            	<p class="foot_h">Call Us : 24 Hours a Day </p>
                <p class="foot_no">0203 026 3190</p>
                <p class="foot_p"><img src="images/mail-icon.png"/> &nbsp;info@arrowholidays.co.uk</p>
                <p class="foot_p"><img src="images/chat.png"/> &nbsp;24 X 7 Live Chat</p>
                <p class="foot_p"><img src="images/skype-icon.png"/> &nbsp;Skype ID : arrowholidays</p>
                
                <div class="sm_icon_container">
                        <a class="fb" target="_blank" href=""></a> <a class="tw" target="_blank" href=""></a>
                        <a class="ln" target="_blank" href=""></a>
                        <a class="lns" target="_blank" href=""></a>
                         <div class="clearfix"></div>
                    </div>
            </div>
            
            <div class="col-foot">
            	<p class="foot_h">We Accept</p>
            	<img src="images/payment_card.png" class="card_pay"/>
                <button class="Pay_online">
                	Pay Online
                </button>
            </div>
            
            <div class="col-foot">
            	<p class="foot_h">Sign up for our Newsletter</p>
                <p class="fot_p1">For exclusive promotional offers and exciting special deals, Sign Up Here!</p>
                
                <input type="text" class="sub" placeholder="Enter Your Email"/>
                <button class="Pay_online">
                	Subscribe
                </button>
                
                <div class="protecion">
                	<img src="images/iata.png"/>&nbsp;&nbsp;&nbsp;&nbsp;
                    <img src="images/atol.png"/>
                </div>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
    
    
</div>
<div class="foot_bottom">
    	<div class="container">
        	<div class="row">
            	<div class="col-sm-8">
                	<p class="foot_bot_p"> <a href="#" class="ancur">About Us </a> | <a href="#" class="ancur"> Contact Us </a>  |  <a href="#" class="ancur">Privacy and Legal </a> |   <a href="#" class="ancur">Terms & Conditions</a>  |  <a href="#" class="ancur">FAQs </a></p>
                </div>
                
                <div class="col-sm-4">
                	<p class="foot_bot_p1"> © 2018. Arrow Holidays - All rights reserved </p>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>


<!--------------- Footer Section End ---------------->


<script src="js/owl.carousel.js"></script>


<script>
//  pkg_slide slider
$(function(){
	var owl = $('.pkg_slide ul');
	owl.owlCarousel({
		items:3,
		navigation: true, 
    	loop:true,
		pagination:false,
		autoPlay: true,
	});
});

</script>








</body>
</html>

 

You are viewing reply posted by: dharmendr 9 days ago.