Slider Resimler Ve Yazılar Gözükmüyor Nerede Hatam Var acil yardım

 <div class="owl-carousel owl-theme hero-slider">
        <div class="slide slide1">
            <div class="container">
                <div class="row">
                    <div class="col-12 text-center text-white">
                        <h1 style="opacity: 0.6; letter-spacing: 4px;" class="text-white text-uppercase">Güvenlİ Çıkışlar İçİn</h1>
                        <h1 style="opacity: 0.6; letter-spacing: 4px;" class="text-white text-uppercase">Güçlü Asansör </h1>
                    </div>
                </div>
            </div>
        </div>
        <div class="slide slide2">
            <div class="container">
                <div class="row">
                    <div class="col-12 col-lg-10 offset-lg-1 text-white">
                        <h1 class="display-3 my-4"> <br /></h1>
                    </div>
                </div>
            </div>
        </div>
        <div class="slide slide3">
            <div class="container">
                <div class="row">
                    <div class="col-12 text-center text-white">
                        <h1 style="opacity: 0.7; letter-spacing: 4px;" class="text-white text-uppercase">Güvenlİ Çıkışlar İçİn</h1>
                        <h1 style="opacity: 0.7; letter-spacing: 4px;" class="text-white text-uppercase">Güçlü Asansör </h1>
                    </div>
                </div>
            </div>
        </div>
    </div>

 /* slide */
 .slide {
     min-height: 100vh;
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
}
.slide1 {
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../img/slider_bina1.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.slide2 {
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../img/slider_bina2.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.slide3 {
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../img/slider_bina1.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.slide .display-3 {
    text-transform: upperslide1se;
    color: #fff;
}

$(document).ready(function () {
    //Owl
    $('.hero-slider').owlCarousel({
        loop: true,
        margin: 0,
        items: 1,
        dots: false,
        navText: ['<', '>'],
        smartSpeed: 1000,
        autoplay: true,
        autoplayTimeout: 7000,
        responsive: {
            0: {
                nav: false,
            },
            768: {
                nav: true,
            }
        }
    })

<script src="<?php bloginfo("template_url"); ?>/js/jquery.min.js" type="text/javascript"></script>
<script src="<?php bloginfo("template_url"); ?>/owlcarousel/owl.carousel.min.js" type="text/javascript"></script>