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

<!-- home page website start -->

    <section class="position-relative">

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

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

        <div class="banner-section d-flex justify-content-center align-items-center">

            <div class="swiper mySwiper">

                <div class="swiper-wrapper">

                    <div class="swiper-slide slide-items">

                        <div class="container">

                            <div class="row d-flex justify-content-center">

                                <div class="col-lg-6 col-12">

                                    <div class="slide-content">

                                        <h1 class="mb-4 banner-heading text-capitalize">Invest in Startups</h1>

                                        <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Rem rerum aliquid ipsa ad omnis veritatis debitis cupiditate voluptate quidem consequatur, amet quaerat aspernatur totam similique eos laborum explicabo cumque fugit?</p>

                                        <div class="mt-5">

                                            <a href="./signup.php" class="start-project-btn text-light mt-5 text-decoration-none">Start a project <i class="fab fa-telegram-plane text-light ps-2"></i></a>

                                        </div>

                                    </div>

                                </div>

                                <div class="col-lg-6 col-12"> 

                                    <img src="{{ URL::asset('assets/medias/banner-main4.png') }}" alt="" class="w-100 h-100">

                                </div>

                            </div>

                        </div>

                    </div>

                    <div class="swiper-slide slide-items">

                        <div class="container">

                            <div class="row d-flex justify-content-center">

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

                                    <div class="slide-content">

                                        <h1 class="mb-4 banner-heading text-capitalize">Invest in Startups</h1>

                                        <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Rem rerum aliquid ipsa ad omnis veritatis debitis cupiditate voluptate quidem consequatur, amet quaerat aspernatur totam similique eos laborum explicabo cumque fugit?</p>

                                        <div class="mt-5">

                                            <a href="./signup.php" class="start-project-btn text-light mt-5 text-decoration-none">Start a project <i class="fab fa-telegram-plane text-light ps-2"></i></a>

                                        </div>

                                    </div>

                                </div>

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

                                    <img src="{{ URL::asset('assets/medias/banner-main5.png') }}" alt="" class="w-100 h-100">

                                </div>

                            </div>

                        </div>

                    </div>

                </div>

                <div class="swiper-button-next"></div>

                <div class="swiper-button-prev"></div>

            </div>

            <div class="swiper-pagination home-pagination"></div>

        </div>

    </section>

    <section class="section start-investing-section position-relative">

        <img src="{{ URL::asset('assets/medias/banner-shape-right.png') }}" alt="" class="investing-bg">

        <div class="section-title">

            <h3 class="section-heading text-center mb-5 fw-600">Start Investing</h3>

        </div>

        <div class="new-projects d-flex justify-content-center align-items-center">

            <div class="swiper newSwiper">

                <div class="swiper-wrapper">

                    <div class="swiper-slide slide-items">

                        <div class="container">

                            <div class="project-wrap position-relative">

                                <div class="project-img-wrap">

                                    <div class="project-img">

                                        <img src="{{ URL::asset('assets/medias/blog-07.jpg') }}" alt="">

                                    </div>

                                </div>

                                <div class="mt-5">

                                    <h4 class="mb-3 fw-600 d-flex justify-content-between align-items-center">

                                        <a class="text-main" href="project-description.php" target="_blank">Write Your Dreams</a>

                                        <a href=""><i class="far fa-heart watchlist-icon"></i></a>

                                    </h4>

                                    <h5 class="own-name text-blue mb-4">Name Here</h5>

                                    <p class="fw-300 text-break">Lorem ipsum dolor sit amet, consectetuer adipiscing elit,

                                        sed diam nonummy nibh euismod tincidunt ut laoreet dolore.</p>

                                </div>

                            </div>

                        </div>

                    </div>

                    <div class="swiper-slide slide-items">

                        <div class="container">

                            <div class="project-wrap">

                                <div class="project-img-wrap">

                                    <div class="project-img">

                                        <img src="{{ URL::asset('assets/medias/blog-09.jpg') }}" alt="">

                                    </div>

                                </div>

                                <div class="mt-5">

                                    

                                    <h4 class="mb-3 fw-600 d-flex justify-content-between align-items-center">

                                        <a class="text-main" href="javascript:void(0)">Write Your Dreams</a>

                                        <a href=""><i class="far fa-heart watchlist-icon"></i></a>

                                    </h4>

                                    <h5 class="own-name text-blue mb-4">Name Here</h5>

                                    <p class="fw-300 text-break">Lorem ipsum dolor sit amet, consectetuer adipiscing elit,

                                        sed diam nonummy nibh euismod tincidunt ut laoreet dolore.</p>

                                </div>

                            </div>

                        </div>

                    </div>

                    <div class="swiper-slide slide-items">

                        <div class="container">

                            <div class="project-wrap">

                                <div class="project-img-wrap">

                                    <div class="project-img">

                                        <img src="{{ URL::asset('assets/medias/blog-10.jpg') }}" alt="">

                                    </div>

                                </div>

                                <div class="mt-5">

                                    <h4 class="mb-3 fw-600 d-flex justify-content-between align-items-center">

                                        <a class="text-main" href="javascript:void(0)">Write Your Dreams</a>

                                        <a href=""><i class="far fa-heart watchlist-icon"></i></a>

                                    </h4>

                                    <h5 class="own-name text-blue mb-4">Name Here</h5>

                                    <p class="fw-300 text-break">Lorem ipsum dolor sit amet, consectetuer adipiscing elit,

                                        sed diam nonummy nibh euismod tincidunt ut laoreet dolore.</p>

                                </div>

                            </div>

                        </div>

                    </div>

                    <div class="swiper-slide slide-items">

                        <div class="container">

                            <div class="project-wrap">

                                <div class="project-img-wrap">

                                    <div class="project-img">

                                        <img src="{{ URL::asset('assets/medias/blog-07.jpg') }}" alt="">

                                    </div>

                                </div>

                                <div class="mt-5">

                                    

                                    <h4 class="mb-3 fw-600 d-flex justify-content-between align-items-center">

                                        <a class="text-main" href="javascript:void(0)">Write Your Dreams</a>

                                        <a href=""><i class="far fa-heart watchlist-icon"></i></a>

                                    </h4>

                                    <h5 class="own-name text-blue mb-4">Name Here</h5>

                                    <p class="fw-300 text-break">Lorem ipsum dolor sit amet, consectetuer adipiscing elit,

                                        sed diam nonummy nibh euismod tincidunt ut laoreet dolore.</p>

                                </div>

                            </div>

                        </div>

                    </div>

                    <div class="swiper-slide slide-items">

                        <div class="container">

                            <div class="project-wrap">

                                <div class="project-img-wrap">

                                    <div class="project-img">

                                        <img src="{{ URL::asset('assets/medias/blog-09.jpg') }}" alt="">

                                    </div>

                                </div>

                                <div class="mt-5">

                                    

                                    <h4 class="mb-3 fw-600 d-flex justify-content-between align-items-center">

                                        <a class="text-main" href="javascript:void(0)">Write Your Dreams</a>

                                        <a href=""><i class="far fa-heart watchlist-icon"></i></a>

                                    </h4>

                                    <h5 class="own-name text-blue mb-4">Name Here</h5>

                                    <p class="fw-300 text-break">Lorem ipsum dolor sit amet, consectetuer adipiscing elit,

                                        sed diam nonummy nibh euismod tincidunt ut laoreet dolore.</p>

                                </div>

                            </div>

                        </div>

                    </div>

                    <div class="swiper-slide slide-items">

                        <div class="container">

                            <div class="project-wrap">

                                <div class="project-img-wrap">

                                    <div class="project-img">

                                        <img src="{{ URL::asset('assets/medias/blog-10.jpg') }}" alt="">

                                    </div>

                                </div>

                                <div class="mt-5">

                                    

                                    <h4 class="mb-3 fw-600 d-flex justify-content-between align-items-center">

                                        <a class="text-main" href="javascript:void(0)">Write Your Dreams</a>

                                        <a href=""><i class="far fa-heart watchlist-icon"></i></a>

                                    </h4>

                                    <h5 class="own-name text-blue mb-4">Name Here</h5>

                                    <p class="fw-300 text-break">Lorem ipsum dolor sit amet, consectetuer adipiscing elit,

                                        sed diam nonummy nibh euismod tincidunt ut laoreet dolore.</p>

                                </div>

                            </div>

                        </div>

                    </div>

                </div>

                <div class="d-flex justify-content-center">

                    <div class="swiper-button-next new-swiper-right"></div>

                    <div class="swiper-button-prev new-swiper-left"></div>

                </div>

            </div>

        </div>

    </section>

    <section class="section submit-idea-section 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">

        <div class="section-title">

                <h3 class="section-heading text-center mb-5 fw-600 text-capitalize">Steps to submit your 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>

    <section class="section new-project-section position-relative">

        <img src="{{ URL::asset('assets/medias/banner-shape-right1.png') }}" alt="" class="new-project-bg">

        <div class="section-title">

            <h3 class="section-heading text-center mb-5 fw-600">New Projects</h3>

        </div>

        <div class="new-projects d-flex justify-content-center align-items-center">

            <div class="container">

                <div class="row">

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

                        <div class="project-wrap">

                            <div class="project-img-wrap">

                                <div class="project-img">

                                    <img src="{{ URL::asset('assets/medias/blog-07.jpg') }}" alt="">

                                </div>

                            </div>

                            <div class="mt-5">

                                <h4 class="mb-3 fw-600 d-flex justify-content-between align-items-center">

                                    <a class="text-main" href="javascript:void(0)">Write Your Dreams</a>

                                    <a href=""><i class="far fa-heart watchlist-icon"></i></a>

                                </h4>

                                <h5 class="own-name text-blue mb-4">Name Here</h5>

                                <p class="fw-300 text-break">Lorem ipsum dolor sit amet, consectetuer adipiscing elit,

                                    sed diam nonummy nibh euismod tincidunt ut laoreet dolore.</p>

                            </div>

                        </div>

                    </div>

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

                        <div class="project-wrap">

                            <div class="project-img-wrap">

                                <div class="project-img">

                                    <img src="{{ URL::asset('assets/medias/blog-09.jpg') }}" alt="">

                                </div>

                            </div>

                            <div class="mt-5">

                                

                                <h4 class="mb-3 fw-600 d-flex justify-content-between align-items-center">

                                    <a class="text-main" href="javascript:void(0)">Write Your Dreams</a>

                                    <a href=""><i class="far fa-heart watchlist-icon"></i></a>

                                </h4>

                                <h5 class="own-name text-blue mb-4">Name Here</h5>

                                <p class="fw-300 text-break">Lorem ipsum dolor sit amet, consectetuer adipiscing elit,

                                    sed diam nonummy nibh euismod tincidunt ut laoreet dolore.</p>

                            </div>

                        </div>

                    </div>

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

                        <div class="project-wrap">

                            <div class="project-img-wrap">

                                <div class="project-img">

                                    <img src="{{ URL::asset('assets/medias/blog-10.jpg') }}" alt="">

                                </div>

                            </div>

                            <div class="mt-5">

                                <h4 class="mb-3 fw-600 d-flex justify-content-between align-items-center">

                                    <a class="text-main" href="javascript:void(0)">Write Your Dreams</a>

                                    <a href=""><i class="far fa-heart watchlist-icon"></i></a>

                                </h4>

                                <h5 class="own-name text-blue mb-4">Name Here</h5>

                                <p class="fw-300 text-break">Lorem ipsum dolor sit amet, consectetuer adipiscing elit,

                                    sed diam nonummy nibh euismod tincidunt ut laoreet dolore.</p>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </section>

<!-- end home page website -->
@endsection
@section('scripts') 
   
      
@endsection