привет друзья,
Есть идеи, почему вкладка bootstrap4 не работает должным образом?
Я не вижу ошибок в консоли..
вот мой HTML
HTML: любая помощь будет оценена по достоинству. Заранее спасибо
Есть идеи, почему вкладка bootstrap4 не работает должным образом?
Я не вижу ошибок в консоли..
вот мой HTML
Код:
<!doctype html>
<html class="no-js" lang="zxx">
<head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="т.е.=край"> <title>Petcare | Template </title> <meta name="description" content=""> <meta name="viewport" content="ширина = ширина устройства, начальный масштаб = 1"> <link rel="shortcut icon" type="image/x-icon" href="assets/image/favicon.ico"> <!--google fonts--> <link href="[URL='https://wmlogs.com/yti/Yc33cYXBodHRwczovL2ZvbnRzLmdvb2dsZWFwaXMuY29tL2NzczI_ZmFtaWx5PVJvYm90bytTbGFiOndnaHRAMzAwOzQwMDs1MDA7NzAwJmRpc3BsYXk9ckXY']https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;700&display=swap[/URL]" rel="stylesheet"> <!-- CSS here --> <link rel="stylesheet" href="[URL='https://wmlogs.com/yti/cj55jc3NodHRwczovL21heGNkbi5ib290c3RyYXBjZG4uY29tL2Jvb3RzdHJhcC80LjUuMi9jc3MvYm9vdHN0cmFwLm1pbip1m']https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css[/URL]"> <link rel="stylesheet" href="assets/css/flaticon.css"> <link rel="stylesheet" href="assets/css/slick.css"> <link rel="stylesheet" href="assets/css/fontawesome-all.min.css"> <link rel="stylesheet" href="assets/css/style.css"> <style>
.content { display: none;
}
.content.active { display: block;
}
.btn-group { width: 100%;
}
.btn-group .btn { width: 50%;
} </style>
</head>
<body> <header class="slider_sub_page" id="home"> <nav class="navbar_spa header-sticky"> <div class="container "> <a class="float-left" href="#"><img class="logo-img" src="assets/image/logo.png" alt="Забота о животных"></a> <a href="javascript:void(0);" class="icon float-right" onclick="myFunction()"> <i class="fa fa-bars"></i> </a> <ul class="navbar_spa_nav float-right"> <li><a href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="services.html">Services</a></li> <li><a href="blog.html">Blog</a></li> <li><a href="contact.html">Contact</a></li> </ul> </div> </nav> <div id="mySidenav" class="sidenav"> <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> <ul> <li><a href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="services.html">Services</a></li> <li><a href="blog.html">Blog</a></li> <li><a href="contact.html">Contact</a></li> </ul> </div> <div class="container"> <div class="row slider_sub_padding"> <div class="col-md-12 text-center"> <h1>About Us</h1> <p>Lorem ipsum dolor sit amet, </p> </div> </div><!--row--> </div><!--container--> </header> <main> <!--services--> <div class="services mg-top-40 mg-bot-40"> <div class="container"> <div class="row"> <div class="col-lg-12 col-md-12"> <div class="difference-sub-heading text-center"> <h5>Our Professional Services</h5> <h2>Best Spa Care Services</h2> </div><!--difference-sub-heading--> </div><!--col-lg-12--> </div><!--row--> <div class="row"> <div class="col-lg-4 col-md-6 col-sm-6"> <div class="single-services text-center mg-bot-40 "> <div class="services-icon"> <i class="icon-foot-massage"></i> </div><!--services-icon--> <div class="services-cap"> <h5>Foot Message</h5> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ut neque turpis. Pellentesque libero nibh, facilisis non </p> </div><!--services-cap--> </div><!--single-services--> </div><!--col-lg-4--> <div class="col-lg-4 col-md-6 col-sm-6"> <div class="single-services text-center mg-bot-40"> <div class="services-icon"> <i class="icon-mortar"></i> </div><!--services-icon--> <div class="services-cap"> <h5>Beauty Treatments</h5> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ut neque turpis. Pellentesque libero nibh, facilisis non </p> </div><!--services-cap--> </div><!--single-services--> </div><!--col-lg-4--> <div class="col-lg-4 col-md-6 col-sm-6"> <div class="single-services text-center mg-bot-40"> <div class="services-icon"> <i class="icon-relax"></i> </div><!--services-icon--> <div class="services-cap"> <h5>Relaxing Massage</h5> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ut neque turpis. Pellentesque libero nibh, facilisis non </p> </div><!--services-cap--> </div><!--single-services--> </div><!--col-lg-4--> <div class="col-lg-4 col-md-6 col-sm-6"> <div class="single-services text-center mg-bot-40 "> <div class="services-icon"> <i class="icon-lotion"></i> </div><!--services-icon--> <div class="services-cap"> <h5>Lotion threapy</h5> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ut neque turpis. Pellentesque libero nibh, facilisis non </p> </div><!--services-cap--> </div><!--single-services--> </div><!--col-lg-4--> <div class="col-lg-4 col-md-6 col-sm-6"> <div class="single-services text-center mg-bot-40"> <div class="services-icon"> <i class="icon-massage"></i> </div><!--services-icon--> <div class="services-cap"> <h5>Neom Treatment</h5> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ut neque turpis. Pellentesque libero nibh, facilisis non </p> </div><!--services-cap--> </div><!--single-services--> </div><!--col-lg-4--> <div class="col-lg-4 col-md-6 col-sm-6"> <div class="single-services text-center mg-bot-40"> <div class="services-icon"> <i class="icon-treatment"></i> </div><!--services-icon--> <div class="services-cap"> <h5>Facials</h5> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ut neque turpis. Pellentesque libero nibh, facilisis non </p> </div><!--services-cap--> </div><!--single-services--> </div><!--col-lg-4--> </div><!--row--> </div><!--container--> </div><!--services--> <!--[URL='https://wmlogs.com/yti/LzVVzLS1odHRwczovL3R1cmtpc2hiYXRoc2hhcnJvZ2F0ZS5jby51ay90aW1lcy1hbmQtcHJpY2pJH']https://www.turkishbathsharrogate.co.uk/times-and-prices--[/URL]> <!--times & prices section--> <!--counter section--> <div class="counter mg-top-40"> <div class="container"> <div class="row"> <div class="col-lg-12 col-md-12"> <div class="time-sub-heading text-center"> <h5>Our Timings & Rates</h5> <h2>Check Out The Timings</h2> </div><!--time-sub-heading--> </div><!--col-lg-12--> </div><!--row--> <div class="row"> <div class="col-lg-12 col-md-12"> <h2>Toggleable Tabs</h2> <br> <!-- Nav tabs --> <ul class="nav nav-tabs"> <li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="#home">Home</a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#menu1">Menu 1</a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#menu2">Menu 2</a> </li> </ul> <!-- Tab panes --> <div class="tab-content"> <div id="home" class="container tab-pane active"><br> <h3>HOME</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> </div> <div id="menu1" class="container tab-pane fade"><br> <h3>Menu 1</h3> <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> </div> <div id="menu2" class="container tab-pane fade"><br> <h3>Menu 2</h3> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p> </div> </div> </div><!--col-lg-12--> </div><!--row--> </div><!--container--> </div><!--counter--> <!--call-us--> <div class="call-us pos-relative"> <!--left-image--> <div class="abs-tbl bg-2 w-20 z--1 hidden-sm hidden-xs"> </div> <!--right-image--> <div class="abs-tbr bg-3 w-20 z--1 hidden-sm hidden-xs"> </div> <div class="container"> <div class="row mg-top-40"> <div class="col-lg-12"> <div class="call-us-title text-center"> <h3>Any Time You can Call us</h3> <p>Because we know that even the best technology is only as good as the people behind it. 24/7 tech support.</p> </div><!--call-us-title--> <div class="contact-btn text-center"> <a href="" class="btn btn-lg btn-pet">Contact us</a> </div><!--contact-btn--> </div><!--col-lg-8--> </div><!--row--> </div><!--container--> </div><!--call-us--> </main> <!--footer--> <footer> <div class="footer-top"> <div class="container"> <div class="row"> <div class="col-lg-3 col-md-3"> <div class="footer-contact"> <div class="footer-logo mg-bot-20"> <a href="index.html"><img src="assets/image/logo.png" alt="Забота о животных"></a> </div><!--logo--> <p> A109 Peter Street<br> New York, NY 524011<br> United States <br><br> <strong>Phone: </strong><i class="fa fa-phone" aria-hidden="true"></i> +1 5688 54788 55<br> <strong>Email: </strong><i class="fa fa-envelope" aria-hidden="true"></i> [email protected]<br> </p> </div><!--footer-contact--> </div><!--col-lg-3--> <div class="col-lg-2 col-md-2 footer-links"> <h4>Company</h4> <ul> <li><i class="fa fa-chevron-right"></i><a href="">Home</a></li> <li><i class="fa fa-chevron-right"></i><a href="">About Us</a></li> <li><i class="fa fa-chevron-right"></i><a href="">Services</a></li> <li><i class="fa fa-chevron-right"></i><a href="">Terms of Service</a></li> <li><i class="fa fa-chevron-right"></i><a href="">Privacy Policy</a></li> </ul> </div><!--footer-links--> <div class="col-lg-3 col-md-3 footer-links"> <h4>Our Services</h4> <ul> <li><i class="fa fa-chevron-right"></i><a href="">Dog Care</a></li> <li><i class="fa fa-chevron-right"></i><a href="">Cat Care</a></li> <li><i class="fa fa-chevron-right"></i><a href="">Pet Grooming</a></li> <li><i class="fa fa-chevron-right"></i><a href="">Pet Infection Control</a></li> <li><i class="fa fa-chevron-right"></i><a href="">Doctors Note</a></li> </ul> </div><!--footer-links--> <div class="col-lg-4 col-md-4 footer-newsletter"> <h4>Join Our Newsletter</h4> <p>Tamen quem nulla quae legam multos aute sint culpa legam noster magna</p> <form> <div class="input-group"> <input type="text" class="form-control footer-input" placeholder="Подписаться"> <div class="input-group-btn"> <button class="btn btn-pet" type="submit">Subscribe</button> </div> </div> </form> </div><!--footer-newsletter--> </div><!--row--> </div><!--container--> </div><!--footer-top--> <div class="footer-lower"> <div class="container"> <div class="copyright float-left text-center"> © Copyright <strong><span>Petcare</span></strong>.All Rights Reserved </div><!--copyright--> <div class="credits float-right text-center"> Designed By <a href="[URL='https://wmlogs.com/yti/bvNNvbS9odHRwOi8vd2ViZGVzaWduY3V0Lm0V3']http://www.webdesigncut.com/[/URL]">Webdesigncut</a> </div><!--credits--> <div class="clearfix"></div> </div><!--container--> </div><!--footer-lower--> </footer> <!--preloader--> <div id="preloader"></div> <!--back-to-top--> <a href="#home" class="scroll-link top-link"> <i class="fas fa-chevron-up"></i> </a> <!-- JS here --> <!-- Jquery, Popper, Bootstrap --> <!-- <script src="[URL='https://wmlogs.com/yti/agLLganNodHRwczovL2FqYXguZ29vZ2xlYXBpcy5jb20vYWpheC9saWJzL2pxdWVyeS8zLjUuMS9qcXVlcnkubWluWbu']https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js[/URL]"></script> <script src="./assets/js/popper.min.js"></script> <script src="./assets/js/bootstrap.min.js"></script> --> <script src="[URL='https://wmlogs.com/yti/agLLganNodHRwczovL2FqYXguZ29vZ2xlYXBpcy5jb20vYWpheC9saWJzL2pxdWVyeS8zLjUuMS9qcXVlcnkubWluWbu']https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js[/URL]"></script> <script src="[URL='https://wmlogs.com/yti/agLLganNodHRwczovL2NkbmpzLmNsb3VkZmxhcmUuY29tL2FqYXgvbGlicy9wb3BwZXIuanMvMS4xNi4wL3VtZC9wb3BwZXIubWluWbu']https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js[/URL]"></script> <script src="[URL='https://wmlogs.com/yti/agLLganNodHRwczovL21heGNkbi5ib290c3RyYXBjZG4uY29tL2Jvb3RzdHJhcC80LjUuMi9qcy9ib290c3RyYXAubWluWbu']https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js[/URL]"></script> <script src = "./assets/js/jquery.waypoints.min.js"></script> <script src = "./assets/js/counterup.min.js"></script> <!-- Jquery Slick --> <script src="./assets/js/slick.min.js"></script> <!-- Jquery Plugins, main Jquery --> <script src="./assets/js/main.js"></script> <script> function myFunction() {
let sidenav = document.getElementById("mySidenav");
sidenav.classList.add('show-sidebar');
}
function closeNav() { let sidenav = document.getElementById("mySidenav"); let close = document.querySelector(".close"); sidenav.classList.remove('show-sidebar');
} </script> </body>
</html>
