ملاقات کلآب برای کشف طراحی مدرن و مد روز

<section class="section-gap bg-gray">
    <div class="container">
        <div class="row justify-content-md-center">
            <div class="col-md-6">
                <div class="position-relative">
                    <img class="rounded" src="assets/img/cards/15b.jpg" alt="Image">
                    <div class="img-caption">
                        <p class="font-weight-600">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.</p>
                        <a href="#" class="btn-read-more">ادامه مطلب</a>
                    </div>
                </div>

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

<section class="position-relative">
    <img class="block-image" src="assets/img/hero/img-8.jpg" alt="">
    <div class="container">
        <div class="row no-gutters justify-content-center justify-content-md-start">
            <div class="col-10 col-md-5 bg-white">
                <div class="p-md-5 p-3">
                    <h2 class="mb-md-5 mb-3">
                        Think about why people choose us for the best services in this domain!
                    </h2>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod Lorem ipsum dolor
                        sit amet consectetur adipiscing elit, sed do eiusmod lorem ipsum
                    </p>
                    <a href="#" class="btn btn-pill btn-theme mt-md-4 mt-0">ثبت نام کن</a>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="section-gap">
    <img class="block-image" src="assets/img/hero/img-9.jpg" alt="Image">
    <div class="container">
        <div class="row ">
            <div class="col-10 col-md-6">
                <div class="p-md-5 p-3 rounded bg-white">
                    <h2 class="mb-md-5 mb-3">
                        Why choose <span class="text-primary">Clăb</span> for your dream project?
                    </h2>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod Lorem ipsum dolor
                        sit amet consectetur adipiscing elit, sed do eiusmod lorem ipsum
                    </p>
                    <a href="#" class="btn btn-pill btn-theme mt-md-4 mt-0">ادامه مطلب</a>
                </div>
            </div>
        </div>
    </div>
</section>

<div class="component-section bg-gray">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-12">
                <div class="card border-0 row no-gutters flex-column flex-md-row">

                    <div class="card-body d-flex align-items-center col-md-6 p-md-5 p-3">
                        <div>
                            <h3 class="mb-3">موفقیت نهایی نیست، شکستی کشنده نیست</h3>
                            <p class="text-muted">We are all about healthier tomorrow. A mix of various group
                                workouts and routines that cater to your fitness needs. We are all about healthier
                                tomorrow. A mix of various group workouts</p>
                            <a href="#">بیشتر بدانید</a>
                        </div>
                    </div>
                    <div class="flex-column col-md-6">
                        <img class="card-img-right flex-grow-1 " src="assets/img/cards/15a.jpg" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="component-section bg-gray">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-12">
                <div class="card border-0 row no-gutters flex-column flex-md-row">
                    <div class="flex-column col-md-6">
                        <img class="card-img flex-grow-1 h-100 " src="assets/img/cards/6a.jpg" alt="">
                    </div>
                    <div class="card-body d-flex align-items-center col-md-6 p-md-5 p-4">
                        <div>
                            <h3 class="mb-3">موفقیت نهایی نیست، شکستی کشنده نیست</h3>
                            <p class="text-muted">We are all about healthier tomorrow. A mix of various group
                                workouts and routines that cater to your fitness needs. We are all about healthier
                                tomorrow. A mix of various group workouts</p>
                            <a href="#">بیشتر بدانید</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<section class="row no-gutters align-items-center p-0 bg-gray">
    <div class="col-md-5 col-xl-6 d-flex flex-column order-md-2">
        <img class="flex-grow-1" src="assets/img/cards/3a.jpg" alt=" ">
    </div>
    <div class="col-md-7 col-xl-6 order-md-1">
        <div class="row w-100 no-gutters justify-content-center py-4">
            <div class="col-md-10 col-lg-9 col-xl-8 p-3">
                <h2 class="">اجزای زیبا برای پروژه موفق شما</h2>
                <p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod Lorem ipsum
                    dolor sit amet</p>
                <a href="#">بیشتر بدانید</a>
            </div>
        </div>
    </div>
</section>

<section class="row no-gutters align-items-center p-0 bg-gray">
    <div class="col-md-5 col-xl-6 d-flex flex-column order-md-1">
        <img class="flex-grow-1" src="assets/img/cards/3c.jpg" alt=" ">
    </div>
    <div class="col-md-7 col-xl-6 order-md-2">
        <div class="row w-100 no-gutters justify-content-center py-4">
            <div class="col-md-10 col-lg-9 col-xl-8 p-3">
                <h2 class="">اجزای زیبا برای پروژه موفق شما</h2>
                <p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod Lorem ipsum
                    dolor sit amet</p>
                <a href="#">بیشتر بدانید</a>
            </div>
        </div>
    </div>
</section>

<section class="section-gap">
    <div class="hero-img parallax-img bg-overlay" data-overlay="6"
         style="background-image: url(assets/img/parallax/p18.jpg);"></div>
    <div class="container">
        <div class="row justify-content-center align-items-center">
            <div class="col-md-8 text-center ">
                <!-- heading -->
                <h1 class="text-white font-weight-normal">
                    Meet <span class="font-weight-800">Clăb</span> to explore the modern and trendy design
                </h1>
                <!-- subheading -->
                <h6 class="text-white mb-5 font-weight-normal">
                    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. sed do eiusmod Lorem ipsum dolor sit amet
                    consectetur adipiscing elit, sed do eiusmod
                </h6>

                <!-- button -->
                <div class="mb-0">
                    <div class="video-btn d-inline-block">
                        <a href="https://www.youtube.com/watch?v=kuceVNBTJio"
                           class="video-play-icon popup-youtube v-Center">
                            <i class="fa fa-play"></i>
                        </a>
                        <span class="text-white">سازمان دیده بان داستان های موفقیت</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>