css isn't loading after deployed in cpanel shared hosting provider

when i was running locally all the pages are loading properly after the deployed in shared hosting and css is loaded in pages but pages remains broken what can be the reason for this

here is my main layout file

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta name="keywords"
 
    {!! SEO::generate() !!}
    <!-- Favicons -->
    <link href="{{ asset('frontends/assets/img/main_logo.jpg')}}" rel="icon">
    <link href="{{ asset('frontends/assets/img/main_logo.jpg')}}" rel="apple-touch-icon">

    <!-- Google Fonts -->
    <link
        href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
        rel="stylesheet">
    <link href="{{ asset('frontends/assets/vendor/aos/aos.css')}}" rel="stylesheet">
    <link href="{{ asset('frontends/assets/vendor/bootstrap/css/bootstrap.min.css')}}" rel="stylesheet">
    <link href="{{ asset('frontends/assets/vendor/bootstrap-icons/bootstrap-icons.css')}}" rel="stylesheet">
    <link href="{{ asset('frontends/assets/vendor/glightbox/css/glightbox.min.css')}}" rel="stylesheet">
    <link href="{{ asset('frontends/assets/vendor/remixicon/remixicon.css')}}" rel="stylesheet">
    <link href="{{ asset('frontends/assets/vendor/swiper/swiper-bundle.min.css')}}" rel="stylesheet">
    <link href="{{ asset('frontends/assets/css/style.css')}}" rel="stylesheet">
    
</head>

<body>
    <x-navbar-component></x-navbar-component>
    @yield('content')
    <!-- ======= Footer ======= -->

    <x-footer-component></x-footer-component>
    <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i
            class="bi bi-arrow-up-short"></i></a>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"
        integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <!-- Vendor JS Files -->
    <script src="{{ asset('frontends/assets/vendor/purecounter/purecounter.js')}}"></script>
    <script src="{{ asset('frontends/assets/vendor/aos/aos.js')}}"></script>
    <script src="{{ asset('frontends/assets/vendor/bootstrap/js/bootstrap.bundle.min.js')}}"></script>
    <script src="{{ asset('frontends/assets/vendor/glightbox/js/glightbox.min.js')}}"></script>
    <script src="{{ asset('frontends/assets/vendor/isotope-layout/isotope.pkgd.min.js')}}"></script>
    <script src="{{ asset('frontends/assets/vendor/swiper/swiper-bundle.min.js')}}"></script>

    <!-- Template Main JS File -->
    <script src="{{ asset('frontends/assets/js/main.js')}}"></script>
   


</body>

</html>

css js files are under public/frontend directory ... i tested same file on other hosting it work

link for demo purpose are

broken css demo link https://rgbitsolution.com.np/ working css demo link http://rgb.anilkumarthakur.com.np/

can any body help to figure out the problem

furqanDev

4 years ago

Level 18

I think you have http and https issue. Check in your .env file what is the application url in production

Please or to participate in this conversation.