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


<meta http-equiv="content-type" content="text/html;charset=utf-8" />

<head>
    <meta charset="utf-8">
    <title>News - NCU LTD</title>

    <meta name="keywords" content="NCU-LTD">
    <meta name="description" content="About Us. NCU-LTD">
    <meta name="author" content="NCU-LTD - www.NCU-LTD.com.tr">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

    <!-- ✅ CSS FILES -->
    <link href="{{ asset('css/bootstrap.css') }}" rel="stylesheet">
    <link href="{{ asset('css/material-icons.css') }}" rel="stylesheet">
    <link href="{{ asset('css/fontawesome-all.css') }}" rel="stylesheet">
    <link href="{{ asset('css/animate.css') }}" rel="stylesheet">
    <link href="{{ asset('css/flaticon.css') }}" rel="stylesheet">
    <link href="{{ asset('css/jquery.fancybox.min.css') }}" rel="stylesheet">
    <link href="{{ asset('css/style.css') }}" rel="stylesheet">
    <link href="{{ asset('css/responsive.css') }}" rel="stylesheet">

    <!-- ✅ GOOGLE FONTS (OK AS IS) -->
    <link rel="dns-prefetch" href="https://fonts.googleapis.com">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Rajdhani:300,400,500,600,700&display=swap&subset=latin-ext" rel="stylesheet">

    <!-- ✅ FAVICON -->
    <link rel="shortcut icon" href="{{ asset('images/favicon.ico') }}" type="image/x-icon">

    <!-- Google Tag Manager -->
    <script>
        (function(w,d,s,l,i){
            w[l]=w[l]||[];
            w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});
            var f=d.getElementsByTagName(s)[0],
                j=d.createElement(s),
                dl=l!='dataLayer'?'&l='+l:'';
            j.async=true;
            j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;
            f.parentNode.insertBefore(j,f);
        })(window,document,'script','dataLayer','GTM-PR6D5T7');
    </script>
    <!-- End Google Tag Manager -->
</head>


<body>
    <div class="page-wrapper">
        <!-- <div class="preloader"><div class="icon"></div></div> -->
        <header class="main-header header-style-four">
            <div class="header-top">
                <div class="auto-container clearfix">
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-6">
                            <div class="top-left">
                                <ul class="info-list">
                                    <li><span class="material-icons">phone</span><a href="tel:0282500676">028 –
                                            2500676</a></li>
                                    <li><span class="material-icons">email</span><a
                                            href="mailto:info@ncultd.or.tz">info@ncultd.or.tz</a></li>
                                </ul>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
           <!-- header section -->
            @include('header')
            <!-- sticky-header section -->
             @include('sticky-header')
            <div class="mobile-menu">
                <div class="menu-backdrop"></div>
                <div class="close-btn"><span class="icon flaticon-cancel-1"></span></div>
                <nav class="menu-box">
                    <div class="nav-logo">
                        <a href="{{route('home')}}"
                            title="Dinamik Crane Systems - Overhead Travelling EOT Crane, Gantry Crane, Jib Crane Custom Design Crane Manufacturer">
                            <img src="images/logo.png" width="200" height="53"
                                alt="Dinamik Crane Systems - Overhead Travelling EOT Crane, Gantry Crane, Jib Crane Custom Design Crane Manufacturer">
                        </a>
                    </div>
                    <ul class="navigation clearfix"></ul>
                </nav>
            </div>
        </header>
        <section class="page-banner" style="background-image:url(images/background/inner-bg.jpg);">
            <div class="auto-container">
                <div class="inner-container clearfix row">
                    <div class="col-lg-6 col-md-6 text-center text-lg-left text-md-left text-sm-left">
                        <h1>About Us</h1>
                    </div>
                    <div class="col-lg-6 col-md-6 text-center text-lg-right text-md-right text-sm-right">
                        <ul class="bread-crumb clearfix">
                            <li><a href="{{route('home')}}">Home</a></li>
                            <li>About Us</li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>
        <!-- News Slider Section -->
<section class="news-content" style="padding: 50px 0; background-color: #f9f9f9;">
    <div class="auto-container">
        <div class="row align-items-center justify-content-center">
            
            <!-- Image on Left -->
            <div class="col-lg-6 col-md-6 mb-4 mb-md-0">
                <div class="news-image" style="border-radius: 10px; overflow: hidden; box-shadow: 0 8px 25px rgba(0,0,0,0.1); height: 350px;">
                    <img src="{{ asset($slider->image) }}" alt="{{ $slider->title }}" style="width: 100%; height: 100%; object-fit: cover;">
                </div>
            </div>

            <!-- Text on Right -->
            <div class="col-lg-6 col-md-6">
                <div class="news-text" style="padding-left: 30px;">
                    <h2 style="font-weight: 700; color: #222; margin-bottom: 15px;">{{ $slider->title }}</h2>
                    <h5 style="color: #777; margin-bottom: 20px; font-style: italic;">{{ $slider->subtitle }}</h5>
                    <p style="font-size: 16px; line-height: 1.8; color: #555; text-align: justify;">{{ $slider->description }}</p>
                    @if(!empty($slider->pdf))
    <a href="{{ asset($slider->pdf) }}" target="_blank" class="btn btn-sm btn-outline-success border shadow-sm me-1" title="Download PDF" download>
        <i class="mdi mdi-download fs-14 me-1"></i> Download Attachment
    </a>
@else
    <button class="btn btn-sm btn-outline-secondary border shadow-sm me-1" title="No PDF available" disabled>
        <i class="mdi mdi-download fs-14 me-1"></i> Download Attachment
    </button>
@endif

                </div>
                
            </div>

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



        <!-- footer section  -->
         @include('footer')
        <div class="btn_popup">
            <!-- <div class="btn_popup_txt">Need help?</div> -->
            <div class="btn_popup_icon"></div>
        </div>
        <div class="popup_chat_box">
            <div class="popup_heading">
                <div class="popup_title">Start chat</div>
            </div>
            <div class="popup_content popup_content_left">
                <div class="popup_content_list">
                    <div class="popup_content_item " style="transition-delay: 0.2s;">
                        <a target="_blank" href="https://api.whatsapp.com/send?phone=255754443211"
                            class="stt stt_online">
                            <div class="popup_avatar">
                                <div class="cs_img_wrap"
                                    style="background: url(upload/whatsapp/dfda-i-1.png) center center no-repeat; background-size: cover;">
                                </div>
                            </div>

                            <div class="popup_txt">
                                <div class="member_name">NCU</div>
                                <div class="member_duty">Customer Care</div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="scroll-to-top scroll-to-target" data-target="html"><span class="fa fa-angle-up"></span></div>
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.fancybox.js"></script>
    <script src="js/wow.js"></script>
    <script src="js/scriptc619.js?v=1.0"></script>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-159867509-1"></script>
    <script>
    window.dataLayer = window.dataLayer || [];

    function gtag() {
        dataLayer.push(arguments);
    }
    gtag('js', new Date());

    gtag('config', 'UA-159867509-1');
    </script>


    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PR6D5T7" height="0" width="0"
            style="display:none;visibility:hidden"></iframe></noscript>

</body>


</html>