@extends('layouts.Codehat.app')

@section('content')



{{-- @stop --}}

<!--	Start Slider
		===================================================-->

<div id="slider" class="section bg_white" style="padding: 0rem 0;">
    {{-- <div class="line-container">
                <div class="row">
                    <div class="col-md-3 col-lg-3">
                        <div class="liner"></div>
                    </div>
                    <div class="col-md-3 col-lg-3">
                        <div class="liner"></div>
                    </div>
                    <div class="col-md-3 col-lg-3">
                        <div class="liner"></div>
                    </div>
                    <div class="col-md-3 col-lg-3">
                        <div class="liner"></div>
                    </div>
                </div>
            </div> --}}
    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner overlay_three">
            <div class="carousel-item active" style="z-index: 10">
                <div class="overlay_one ">
                    <img class="" src="images/slider/1_n.png" alt="slide image">
                    {{-- <img class="" src="images/slider/erp-slid1.jpg" alt="slide image"> --}}
                    {{-- <img class="" src="images/slider/Hero_ccims_42750012350_1.jpg" alt="slide image"> --}}


                </div>
                {{-- <div class="carousel-caption" style="background-color: #1e283c4f;"> --}}
                <div class="carousel-caption" style="background-image: linear-gradient(to left, #ffffff00, #eff0f11a)">
                    <h1 class=" heading_1">ERP FOR <span>ENTERPRISE</span></h1>
                    <p class="mb_20" style="font-weight: 500; text-align: justify;">


                        ERP is the best solution for all types of enterprises.Our experienced system analyst and software developer will help you achieve your business objective by developing and maintaining the right ERP for your enterprise.

                    </p>
                    <a class="btn btn-default" data-toggle="modal" data-target="#exampleModal">Start a Project</a>
                </div>


                <!-- image section container with animation and responsive design -->

                <div class="resosive_div" >

                  <div class="animate-box">
                <div class="wow slideInLeft animated" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: slideInLeft;" style=" position:absolute; right:0px; top:100px; height:600px; background:rgb(255, 255, 255); width:500px;">
                    <img src="images/slider/n_d_1.png" class="imgsld" style="object-fit: contain;" >

                </div>
</div>


                    {{-- <img src="images/slider/n_d_1.png" style="width: 100%; height: 600px" > --}}

                </div>

            <style type="text/css">
            /* .resosive_div{

                position: relative;
                widows: 100%;
                height: 300px;

            } */
            </style>







            </div>
            <div class="carousel-item" style="z-index: 10">
                <div class="overlay_one "><img src="images/slider/1_n.png" alt="slide image"></div>
                <div class="carousel-caption" style="background-image: linear-gradient(to left, #ffffff00, #eff0f11a)">

                    <h1 class=" heading_1">Apps for <span>Startups</span></h1>
                    <p class="mb_20" style="font-weight: 500; text-align: justify;">New startups have a very good idea. Technacally implementation of these ideas has become a bit difficult. Our highly experienced team handles these technical difficulties very well.We are currently handling the complex operations of many startups very well.</p>
                    <a class="btn btn-default" href="#" data-toggle="modal" data-target="#exampleModal">Start a
                        Project</a>
                </div>

                 <div class="resosive_div" >

                  <div class="animate-box">
                <div class="wow slideInLeft animated" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: slideInLeft;" style=" position:absolute; right:0px; top:100px; height:600px; background:rgb(255, 255, 255); width:500px;">
                    <img src="images/slider/n_2.png" class="imgsld" style="object-fit: contain;" >

                </div>
</div>


                    {{-- <img src="images/slider/n_d_1.png" style="width: 100%; height: 600px" > --}}

                </div>
            </div>

            <div class="carousel-item" style="z-index: 10">
                <div class="overlay_one "><img src="images/slider/1_n.png" alt="slide image"></div>
                <div class="carousel-caption" style="background-image: linear-gradient(to left, #ffffff00, #eff0f11a)">
                    <h1 class=" heading_1">On-Demand Training </h1>
                    <p class="mb_20" style="text-align: justify;font-weight: 500;">So why wait? Whether you're looking to launch a new career in web development or mobile app development, or simply want to stay up-to-date with the latest trends and technologies, our OnDemand training program has everything you need to succeed. Enroll today and start your journey towards success in the tech industry!
                        </p>
                    {{-- <p class="mb_20">The demand for a good software developer is increasing day by day all over the world.
                        But most of the engineering colleges in our country are unable to meet this demand.


                        The exact reason for not being able to meet the demand is the lack of modern and experienced trainers in these colleges.

                        Colleges are not able to provide training as per the demand of IT industry.

                        It is becoming more and more difficult for a fresher graduate to start his/her career.


                        Codehat continues to meet this demand through proper training and intrenship program.
                        </p> --}}
                    <a class="btn btn-default" href="#" data-toggle="modal" data-target="#exampleModal">Join Program</a>
                </div>




                <div class="resosive_div" >

                  <div class="animate-box">
                <div class="wow slideInLeft animated" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: slideInLeft;" style=" position:absolute; right:0px; top:100px; height:600px; background:rgb(255, 255, 255); width:500px;">
                    <img src="images/slider/n_3.png" class="imgsld" style="object-fit: contain;" >

                </div>
</div>


                    {{-- <img src="images/slider/n_d_1.png" style="width: 100%; height: 600px" > --}}

                </div>

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


@endsection