@extends('website.layouts.header')
@section('styles') 
    
@endsection
@section('content')

<section class="position-relative">
    <div class="contact-banner-wrap about-banner-wrap">
        <div class="contact-us-banner-content text-center">
            <h1 class="contact-us-heading text-uppercase text-white">about invention funder</h1>
            <p class="d-none d-sm-block text-white">Lorem tempore necessitatibus illum est, ipsum dignissimos.</p>
        </div>
        <div class="contact-us-breadcrumb px-sm-3 px-sm-5 ">
            <ul class="d-flex">
                <li>
                    <a href="{{url('/')}}" class="nav-links text-capitalize fw-600 text-decoration-underline text-white">home</a>
                </li>
                <span class="breadcrumb-slash text-light">/</span>
                <li>
                    <p class="m-0 p-0 text-light">about us</p>
                </li>
            </ul>
        </div>
    </div>
</section>
<section class="contact-form-section py-5">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-md-6 order-1 order-sm-0">
                <div class="contact-img about-img">
                    <img src="{{ URL::asset('assets/medias/about-side1.jpg') }}" alt="">
                </div>
            </div>
            <div class="col-md-6 order-0 order-sm-1 mb-5 mb-sm-0">
                <div>
                    <h6 class="contact-title mb-4">About Us</h6>
                    <h4 class="contact-heading mb-3">Let's know more about <br>Invention Funder</h4>
                    <p class="text-muted contact-sub-title mb-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. consectetur adipisicing elit. Fugiat prantium, veniam.Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat prantium, veniam.
                    </p>
                </div>
                <ul class="about-ul">
                    <li>
                        <div class="d-flex align-items-center mb-2">
                        <span><i class="far fa-check-circle me-3"></i></span>
                        <span class="text-muted">Lorem ipsum dolor sit amet consectetur adipisicing elit.</span>
                        </div>
                    </li>
                    <li>
                        <div class="d-flex align-items-center mb-2">
                        <span><i class="far fa-check-circle me-3"></i></span>
                        <span class="text-muted">Lorem ipsum dolor sit amet consectetur adipisicing elit.</span>
                        </div>
                    </li>
                    <li>
                        <div class="d-flex align-items-center mb-2">
                        <span><i class="far fa-check-circle me-3"></i></span>
                        <span class="text-muted">Lorem ipsum dolor sit amet consectetur adipisicing elit.</span>
                        </div>
                    </li>
                    <li>
                        <div class="d-flex align-items-center">
                        <span><i class="far fa-check-circle me-3"></i></span>
                        <span class="text-muted">Lorem ipsum dolor sit amet consectetur adipisicing elit.</span>
                        </div>
                    </li>
                </ul>
                <a href="" class="start-project-btn text-light mt-5 text-decoration-none px-4">Load More</a>
            </div>
        </div>
    </div>
</section>
<section class="section about-submit-step position-relative">

    <img src="{{ URL::asset('assets/medias/line-process.png') }}" alt="" class="dot-bg-img">

    <img src="{{ URL::asset('assets/medias/counter-shape3.png') }}" alt="" class="idea-bg-1">

    <img src="{{ URL::asset('assets/medias/counter-shape3.png') }}" alt="" class="idea-bg-2">

   <div class="container">
   <h6 class="contact-title mb-4 m-auto">Our Steps</h6>
    <div class="section-title">

            <h3 class="section-heading text-center mb-4 mb-sm-5 fw-600 text-capitalize">Steps to submit an idea</h3>

        </div>

        <div class="step-idea position-relative">

            <div class="row mt-60 justify-content-center align-items-center position-relative">

                <div class="col-md-3">

                    <div class="submit-idea-setep d-flex justify-content-center align-items-center">

                        <img src="{{ URL::asset('assets/medias/darts.png') }}" alt="" class="idea-submit-img">

                    </div>

                    <div class="step-content">

                        <h3 class="submit-heading fw-500 mb-3 text-center">Register Your Idea</h3>

                        <p class="mb-0 text-center">Lorem ipsum dolor sit amet consectetur adipis fow qui? Aut quisquam.</p>

                    </div>

                </div>

                <div class="col-md-3">

                    <div class="submit-idea-setep d-flex justify-content-center align-items-center">

                        <img src="{{ URL::asset('assets/medias/people.png') }}" alt="" class="idea-submit-img">

                    </div>

                    <div class="step-content">

                        <h3 class="submit-heading fw-500 mb-3 text-center">Contact with Investors</h3>

                        <p class="mb-0 text-center">Lorem ipsum dolor sit amet consectetur adipis fow qui? Aut quisquam.</p>

                    </div>

                </div>

                <div class="col-md-3">

                    <div class="submit-idea-setep d-flex justify-content-center align-items-center">

                       <img src="{{ URL::asset('assets/medias/save-money.png') }}" alt="" class="idea-submit-img">

                    </div>

                    <div class="step-content">

                        <h3 class="submit-heading fw-500 mb-3 text-center">Get Funding</h3>

                        <p class="mb-0 text-center">Lorem ipsum dolor sit amet consectetur adipis fow qui? Aut quisquam.</p>

                    </div>

                </div>

            </div>

        </div>

   </div>

</section>
@endsection
@section('scripts') 
   
  
    
                  
   
    
@endsection