@extends('layouts.website')
@section('content')
<section class="image-section">
    <div class="breadcrumb-container">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="#">Home</a></li>
                <li class="breadcrumb-item active"><a href="#">About Us</a></li>
            </ol>
        </nav>
    </div>
</section>

<div class="internal-pges">
    <section class="aboutus-section">
    <div class="container">
        <div class="row ">
            <!-- Nav tabs -->
            <ul class="nav  justify-content-between" id="myTab" role="tablist">
                <li class="nav-item" role="presentation">
                    <button class="nav-link active" id="overview-tab" data-bs-toggle="tab" data-bs-target="#overview"
                        type="button" role="tab">Overview</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="history-tab" data-bs-toggle="tab" data-bs-target="#history"
                        type="button" role="tab">History</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="leadership-tab" data-bs-toggle="tab" data-bs-target="#leadership"
                        type="button" role="tab">Leadership</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="committee-tab" data-bs-toggle="tab" data-bs-target="#committee"
                        type="button" role="tab">Committee</button>
                </li>
            </ul>

            <!-- Tab content -->
            <div class="tab-content mt-4" id="myTabContent">
                <div class="tab-pane fade show active" id="overview" role="tabpanel">
    <div class="aboutus-start section-space">
       <div class="aboutus-boxmain">
         <div class="row d-flex align-items-center">
            <div class="col-12 col-md-5 col-lg-5  col-xxl-4">
                <img src="{{url('/')}}/website_assets/images/aboutus.svg" alt="" class="w-100">
            </div>
            <div class="col-12 col-md-7 col-lg-7 col-xxl-8">
                <h3>Empowering Institutions to Monitor, Measure,<br> and Improve Child Health</h3>
                <p>NULRISC—National Urban & Local Resource Integrated Surveillance for Children—is an integrated digital
                    platform designed to transform the way we understand and address the health and nutritional needs of
                    children across India.
                    Built with a mission to ensure early detection of nutritional and growth risks, NULRISC bridges the
                    gap between schools, parents, healthcare professionals, and government bodies through data-driven
                    insights, smart devices, and AI-enabled analytics.</p>
                <p>Whether in schools, colleges, anganwadi centers, or preschools, NULRISC enables every stakeholder to
                    contribute to a "Viksit Bharat" by empowering the younger generation with better health and
                    development tracking</p>
                <p>NULRISC—National Urban & Local Resource Integrated Surveillance for Children—is an integrated digital
                    platform designed to transform the way we understand and address the health and nutritional needs of
                    children across India.
                    Built with a mission to ensure early detection of nutritional and growth risks, NULRISC bridges the
                    gap between schools, parents, healthcare professionals, and government bodies through data-driven
                    insights, smart devices, and AI-enabled analytics.</p>
            </div>
        </div>
       </div>
</div>
                </div>
                <div class="tab-pane fade" id="history" role="tabpanel">
                    <p>This is the History content.</p>
                </div>
                <div class="tab-pane fade" id="leadership" role="tabpanel">
                    <p>This is the Leadership content.</p>
                </div>
                <div class="tab-pane fade" id="committee" role="tabpanel">
                    <p>This is the Committee content.</p>
                </div>
            </div>
        </div>
    </div>
</section>



<section class="aboutus-drivesus section-space">
    <div class="container">
        <div class="row">
            <div class="col-8">
                 <div class="title-innerpage mb-5">
                <h3>What drives us?</h3>
                <p>Driving Better Health Outcomes Through Innovation and Inclusion"</p>
               </div>
                <div class="row">
                <div class="col-6">
                 <div class="our-mission">
                     <h3 class="title-inner">Our Mission</h3>
                 
                    <div class="mission-small-box">
                        <img src="{{url('/')}}/website_assets/images/our-mission-1.svg" alt="">
                         <span>To create a unified digital health surveillance platform for children and adolescents</span>
                    </div>
                   
                   <div class="mission-small-box">
                         <img src="{{url('/')}}/website_assets/images/our-mission-1.svg" alt="">
                        <span> To assist educational and care institutions in conducting regular health assessments</span>
                   </div>
                  <div class="mission-small-box">
                        <img src="{{url('/')}}/website_assets/images/our-mission-1.svg" alt="">
                        <span>To assist educational and care institutions in conducting regular health assessments</span>
                    </div>
                  </ul>
                 </div>
                </div>
                <div class="col-6">
                <div class="our-vision">
                     <h3 class="title-inner">Our Vision</h3>
                     <p>At NULRISC, we envision a future where every child in India thrives—physically, mentally, and emotionally—regardless of their geography or background. We aim to create a nationwide ecosystem where health data, early assessments, and technology converge to drive timely action and lifelong well-being.</p>

                </div>
                </div>
                </div>
            </div>
            <div class="col-4">
                <img src="{{url('/')}}/website_assets/images/driveus-about.png" alt="" class="w-100 imageofdriveus">
            </div>
        </div>
    </div>
</section>

<section class="section-space what-we-do">
    <div class="container">
        <div class="title-innerpage mb-5">
                <h3>What We Do</h3>
                <p>NULRISC brings together technology, AI, and public health infrastructure into a single platform that enables:</p>
               </div>
        <div class="row">
      <img src="{{url('/')}}/website_assets/images/what-we-do-poster.svg" alt="poster" class="w-100">
        </div>
    </div>
</section>

<section class="join-us-building section-space">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="join-us-container-box">
                    <h3 class="title-inner text-white">Join Us in Building a Healthier Tomorrow</h3>
                <p class="text-white">At NULRISC, we believe that every child deserves the opportunity to grow, learn, and thrive in a healthy environment. By integrating advanced technologies, school-based interventions, and community involvement, we are creating a unified ecosystem that puts children’s health at the center of educational institutions. </p>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="directors-word-main section-space">
    <div class="container">
         <div class="title-innerpage mb-5">
                <h3>Director’s words</h3>
                <p>Driving Better Health Outcomes Through Innovation and Inclusion"</p>
               </div>
        <div class="row d-flex align-items-center">
            <div class="col-12  col-md-5 col-lg-5 col-xxl-4 ">
                <div class="director-image">
                  <img src="{{url('/')}}/website_assets/images/director.png" alt="Director Image" class="w-100">
                 <div class="director-name-box-main d-flex justify-content-end">
                     <div class="director-name">
                    <h4 class="text-white">Dr. Rajiv Bahl</h4>
                    <span class="text-white">Director General</span>
                  </div>
                  <img src="{{url('/')}}/website_assets/images/icmr-bg.png" alt="director-logo">
                 </div>

                </div>
            </div>
            <div class="col-7">
                <div class="director-words">
                    <p>Dr Rajiv Bahl is a physician-scientist, with specialization in paediatrics (MD Pediatrics: University of Delhi) and public health (PhD: All India Institute of Medical Sciences). He received an Honorary Doctorate from University of Bergen, Norway, in 2022 in recognition of his contributions to maternal and child health research.
                  Dr Bahl has demonstrated leadership in health research and translating research to public health policy both in India and at a global level over the past three decades. His prolific scholarly output includes over 250 papers in peer reviewed journals and an H-Index of 78 that positions him among top 1.25% scientists in the world across all disciplines.</p>
                </div>
            </div>
        </div>
    </div>
</section>



</div>
@endsection