@extends('layouts.site_layout')

@section('content')

<section class="bg_light_grey py-5">
    <div class="container my-lg-5 my-0">
        <!-- <div class="breadcrumbs mb-5">
            <span>
                <a href="{{url('/')}}" class="fs-24 text-decoration-none text-dark opacity-5">Home <span class="px-lg-4 px-0">></span> </a>
                <a href="{{url('/ecosystem-directory')}}" class="fs-24 text-decoration-none text-dark opacity-5">Ecosystem Directory <span class="px-lg-4 px-0">></span> </a>
                <a href="" class="fs-24 text-decoration-none text-dark" id="page_title"></a>
            </span>
        </div> -->

        <div>
            <div class="card mb-5" id="firstSection">

                <!-- <div class="card-body d-lg-flex d-block align-items-center gap-3">
                    <div class="w-100">
                        <img src="{{asset('images/ecosystem-directory/altran.png')}}" alt="Altran" class="img-fluid">
                    </div>
                    <div class="w-100">
                        <h2 class="fs-42">Altran</h2>
                        <p class="fs-16">Headquarters</p>
                        <p class="fs-16">No. of Employees</p>
                        <p class="sf-16">96, Avenue Charles de Gaulle 92200 Neuilly-sur-Seine - France</p>
                    </div>
                    <div class="w-100">
                        <h4 class="fs-16 mb-0 text-nowrap">Bengaluru, India</h4>
                        <h4 class="fs-16 mb-0 text-nowrap">50000 Employees</h4>
                    </div>
                    <div class="w-100">
                        <p class="fs-16">Category: Automotive, IoT</p>
                        <p class="fs-16">Phone No: 9108041067000</p>
                    </div>
                    <div class="w-100">
                        <p class="fs-16">Website: ttps://www.altran.com/</p>
                        <p class="fs-16">MNC(Yes/No): Yes</p>
                    </div>
                </div> -->

            </div>


            <div class="row">
                <div class="col-lg-8">
                    <div class="card mb-5">
                        <div class="card-body p-0" id="aboutSection">
                            <!-- <div class="p-lg-5 p-md-5 p-3">
                                <h4 class="fs-16 mb-4">About Us</h4>
                                <p class="fs-16 mb-0">Altran is the undisputed world leader in engineering and R&D
                                    services.
                                    The
                                    Group offers its customers a unique value proposition to meet their transformation
                                    and
                                    innovation challenges. Altran supports its customers, from concept to
                                    industrialization,
                                    to develop the products and services of tomorrow. Altran has been working for more
                                    than
                                    35 years with major players in many sectors: Automotive, Aeronautics, Space, Defense
                                    &
                                    Naval, Rail, Infrastructure & Transport, Industry & Consumer Products, Life
                                    Sciences,
                                    Communications, Semiconductor & Electronics, Software & Internet, Finance & Public
                                    Sector. In 2019, Capgemini, and Altran announced a merger project in the context of
                                    a
                                    friendly tender offer to create a global leader in Intelligent Industry. Altran
                                    generated 3.2 billion in revenue in 2019, with more than 50,000 employees in more
                                    than
                                    30 countries. www.altran.com</p>
                            </div> -->

                            <!-- <hr class="m-0">
                            <div class="p-lg-5 p-md-5 p-3">
                                <h4 class="fs-16 mt-2">Head Office Address</h4>
                                <p class="fs-16">No. 18/1, Outer Ring Road, Panathur Post, Bengaluru KA 560 103, India
                                </p>
                                <h4 class="fs-16 mt-4">Registration / Operations Commencement Date(in India)</h4>
                                <p class="fs-16">1991-10-15</p>
                                <h4 class="fs-16 mt-4">Please mention your expectations from the association & how would
                                    you
                                    want
                                    to contribute to achieve them?</h4>
                                <p class="fs-16 mb-2">NA</p>
                            </div> -->
                        </div>
                    </div>

                   
                    <div id="contactDetails">
                        <!-- <div class="row" > -->
                            <!-- <div class="col-lg-6 col-md-6 mb-5">
                                <div class="card border-0 shadow">
                                    <div class="card-header position-relative p-5 bg-header-blue">
                                    </div>
                                    <img src="{{asset('images/ecosystem-directory/card-avatar.png')}}" alt="Avatar"
                                        class="img-fluid contact-avatar">
                                    <div class="card-body p-5 mt-5">
                                        <h4 class="fs-24 mb-4 text-center">Kamala P</h4>
                                        <p><i class="fa-solid fa-globe text-primary me-2"></i>rahul.arya@altran.com</p>
                                        <p><i class="fa-solid fa-globe text-primary me-2"></i>9620840404</p>
                                    </div>
                                </div>
                            </div> -->
                            <!-- <div class="col-lg-6 col-md-6 mb-5">
                                <div class="card border-0 shadow">
                                    <div class="card-header position-relative p-5 bg-header-blue">
                                    </div>
                                    <img src="{{asset('images/ecosystem-directory/card-avatar.png')}}" alt="Avatar"
                                        class="img-fluid contact-avatar">
                                    <div class="card-body p-5 mt-5">
                                        <h4 class="fs-24 mb-4 text-center">Rajan G</h4>
                                        <p><i class="fa-solid fa-globe text-primary me-2"></i>rahul.arya@altran.com</p>
                                        <p><i class="fa-solid fa-globe text-primary me-2"></i>9620840404</p>
                                    </div>
                                </div>
                            </div> -->
                        <!-- </div> -->
                    </div>
                    <!-- <p class="fs-16">Secondary Contacts</p>
                    <div class="row">
                        <div class="col-lg-6 col-md-6 mb-5">
                            <div class="card border-0 shadow">
                                <div class="card-header position-relative p-5 bg-header-blue">
                                </div>
                                <img src="{{asset('images/ecosystem-directory/card-avatar.png')}}" alt="Avatar"
                                    class="img-fluid contact-avatar">
                                <div class="card-body p-5 mt-5">
                                    <h4 class="fs-24 mb-4 text-center">Kamala P</h4>
                                    <p><i class="fa-solid fa-globe text-primary me-2"></i>rahul.arya@altran.com</p>
                                    <p><i class="fa-solid fa-globe text-primary me-2"></i>9620840404</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 mb-5">
                            <div class="card border-0 shadow">
                                <div class="card-header position-relative p-5 bg-header-blue">
                                </div>
                                <img src="{{asset('images/ecosystem-directory/card-avatar.png')}}" alt="Avatar"
                                    class="img-fluid contact-avatar">
                                <div class="card-body p-5 mt-5">
                                    <h4 class="fs-24 mb-4 text-center">Rajan G</h4>
                                    <p><i class="fa-solid fa-globe text-primary me-2"></i>rahul.arya@altran.com</p>
                                    <p><i class="fa-solid fa-globe text-primary me-2"></i>9620840404</p>
                                </div>
                            </div>
                        </div>
                    </div> -->

                    <!-- <button class="btn bg-orange text-white fs-18 me-3"><i
                            class="fa-solid fa-pen me-2"></i>Edit</button>
                    <button class="btn btn-outline-danger text-danger bg-white fs-18"><i
                            class="fa-solid fa-trash-can me-2"></i>Delete</button> -->
                </div>
                <div class="col-lg-4">
                    <div class="card mt-lg-0 mt-5">
                        <div class="card-body p-0">
                            <div class="p-lg-5 px-lg-4 px-3 p-md-5 p-3">
                                <h4 class="fs-16 text-center mb-4">International Focus</h4>
                                <div class="row" id="internationalFocus">
                                    <!-- <div class="col-6 col-md-4 col-lg-6 mb-2 d-flex">
                                        <img src="{{asset('images/ecosystem-directory/belgium.svg')}}" alt="Belgium"
                                            class="img-fluid me-2">
                                        <p class="fs-16 mb-0">Belgium</p>
                                    </div>
                                    <div class="col-6 col-md-4 col-lg-6 mb-2 d-flex">
                                        <img src="{{asset('images/ecosystem-directory/india.svg')}}" alt="India"
                                            class="img-fluid me-2">
                                        <p class="fs-16 mb-0">India</p>
                                    </div>
                                    <div class="col-6 col-md-4 col-lg-6 mb-2 d-flex">
                                        <img src="{{asset('images/ecosystem-directory/israel.svg')}}" alt="Israel"
                                            class="img-fluid me-2">
                                        <p class="fs-16 mb-0">Israel</p>
                                    </div>
                                    <div class="col-6 col-md-4 col-lg-6 mb-2 d-flex">
                                        <img src="{{asset('images/ecosystem-directory/japan.svg')}}" alt="Japan"
                                            class="img-fluid me-2">
                                        <p class="fs-16 mb-0">Japan</p>
                                    </div>
                                    <div class="col-6 col-md-4 col-lg-6 mb-2 d-flex">
                                        <img src="{{asset('images/ecosystem-directory/taiwan.svg')}}" alt="Taiwan"
                                            class="img-fluid me-2">
                                        <p class="fs-16 mb-0">Taiwan</p>
                                    </div>
                                    <div class="col-6 col-md-4 col-lg-6 mb-2 d-flex">
                                        <img src="{{asset('images/ecosystem-directory/uk.svg')}}" alt="UK"
                                            class="img-fluid me-2">
                                        <p class="fs-16 mb-0">UK</p>
                                    </div>
                                    <div class="col-6 col-md-4 col-lg-6 mb-2 d-flex">
                                        <img src="{{asset('images/ecosystem-directory/us.svg')}}" alt="US"
                                            class="img-fluid me-2">
                                        <p class="fs-16 mb-0">US</p>
                                    </div> -->
                                </div>
                            </div>
                            <hr class="m-0">
                            <div class="p-lg-5 px-lg-4 px-3 p-md-5 p-3">
                                <h4 class="fs-16 text-center mb-4">India Locations</h4>
                                <div class="text-center">
                                    <img src="{{asset('images/ecosystem-directory/india-locations.png')}}" alt="India Map"
                                        class="img-fluid">
                                </div>
                                <div class="row fs-16 mt-3" id="headofficeLocations">
                                    <!-- <div class="col-lg-6 col-md-6 mb-3"><i class="fa-solid fa-circle me-2 text-blue"></i>Gurugram
                                    </div> -->
                                    <!-- <div class="col-lg-6 col-md-6 mb-3"><i
                                            class="fa-solid fa-circle me-2 text-blue"></i>Bengaluru</div>
                                    <div class="col-lg-6 col-md-6 mb-3"><i class="fa-solid fa-circle me-2 text-blue"></i>Chennai
                                    </div>
                                    <div class="col-lg-6 col-md-6 mb-3"><i
                                            class="fa-solid fa-circle me-2 text-blue"></i>Hyderabad</div>
                                    <div class="col-lg-6 col-md-6 mb-3"><i class="fa-solid fa-circle me-2 text-blue"></i>Pune
                                    </div> -->
                                </div>
                            </div>
                            <hr class="m-0">
                            <div class="p-lg-5 px-lg-4 px-3 p-md-5 p-3">
                                <h4 class="fs-16 text-center mb-4">Global Locations</h4>
                                <div class="text-center">
                                    <img src="{{asset('images/ecosystem-directory/globe-map.png')}}" alt="Globe Map"
                                        class="img-fluid">
                                </div>
                                <div class="row mt-3" id="global_locations">
                                    <!-- <div class="col-lg-6 col-md-6 mb-3"><i class="fa-solid fa-circle me-2 text-green"></i>
                                        Europe
                                    </div> -->
                                    <!-- <div class="col-lg-6 col-md-6 mb-3"><i class="fa-solid fa-circle me-2 text-light-blue"></i>
                                        America
                                    </div> -->
                                    <!-- <div class="col-lg-6 col-md-6 mb-3"><i class="fa-solid fa-circle me-2 text-red"></i>
                                        Asia Pacific
                                    </div> -->
                                </div>
                            </div>
                            <hr class="m-0">
                            <div class="p-lg-5 px-lg-4 px-2 p-md-5 p-2" id="participations">
                                <!-- <h4 class="fs-16 text-center mb-4">Interest of Participation</h4> -->
                                <!-- <p class="fs-18 badge badge-bg-blue text-dark">Vision Summit</p>
                                <p class="fs-18 badge badge-bg-blue text-dark">IoTNext</p>
                                <p class="fs-18 badge badge-bg-blue text-dark">Makeathon</p>
                                <p class="fs-18 badge badge-bg-blue text-dark">I2 IESA Interactive</p>
                                <p class="fs-18 badge badge-bg-blue text-dark">CXO Conclave</p>
                                <p class="fs-18 badge badge-bg-blue text-dark">Thought Leadership Forum</p>
                                <p class="fs-17 badge badge-bg-blue text-dark">SPACETRONICS & DEFTRONICS</p> -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>


        </div>
    </div>
</section>
<!-- calling js file -->
<script src="{{asset('/js/site-api/member_directory.js')}}"></script>
<script src="{{asset('/js/pagination.js')}}"></script>
@endsection