%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/bitrix/www/bitrix/modules/landing/install/blocks/bitrix/28.personal_slider/
Upload File :
Create Path :
Current File : //home/bitrix/www/bitrix/modules/landing/install/blocks/bitrix/28.personal_slider/block.php

<section class="landing-block">

        <div id="team-section" class="container g-py-20">

            <!-- Carousel -->
            <div id="carouselTEAM001" class="js-carousel g-mb-50--lg"
                 data-infinite="true"
                 data-fade="true"
                 data-lazy-load="ondemand"
                 data-arrows-classes="u-arrow-v1 g-absolute-centered--y g-width-45 g-height-45 g-font-size-30 g-color-text g-color-primary--hover"
                 data-arrow-left-classes="fa fa-angle-left g-left-0 g-left-40--lg"
                 data-arrow-right-classes="fa fa-angle-right g-right-0 g-right-40--lg"
                 data-nav-for="#carouselTEAM001-control">

                <div class="landing-block-card-person landing-block-card-top-slider-element js-slide">
                    <!-- Team -->
                    <div class="row justify-content-center align-items-center no-gutters">
                        <div class="landing-block-node-person-photo col-sm-6 col-lg-4 g-bg-size-cover g-bg-pos-top-center g-min-height-400" style="background-image: url(https://cdn.bitrix24.site/bitrix/images/landing/business/400x450/img1.jpg)"></div>
                        <div class="col-sm-6 col-lg-4">
                            <div class="g-px-30 g-px-50--lg g-py-60">
                                <h3 class="landing-block-node-person-name h4 mb-1">Jessica Lisbon</h3>
                                <div class="landing-block-node-person-post">
									<span class="d-block mb-4">Support Manager</span>
								</div>
								<div class="landing-block-node-person-text mb-4">
									<p>I've got your front end and back end needs covered. I'm always looking for strategies to make your brand's needs fit with today's development languages.</p>
								</div>

                                <!-- Social Icons -->
                                <ul class="list-inline mb-3">
                                    <li class="list-inline-item g-mx-2">
                                        <a class="u-icon-v1 u-icon-size--sm u-icon-slide-up--hover g-color-blue g-bg-blue-opacity-0_1 g-color-blue--hover rounded-circle" href="https://www.facebook.com/company24">
                                            <i class="g-font-size-default g-line-height-1 u-icon__elem-regular fa fa-facebook"></i>
                                            <i class="g-font-size-default g-line-height-0_8 u-icon__elem-hover fa fa-facebook"></i>
                                        </a>
                                    </li>
                                    <li class="list-inline-item g-mx-2">
                                        <a class="u-icon-v1 u-icon-size--sm u-icon-slide-up--hover g-color-cyan g-bg-cyan-opacity-0_1 g-color-cyan--hover rounded-circle" href="https://twitter.com/company24">
                                            <i class="g-font-size-default g-line-height-1 u-icon__elem-regular fa fa-twitter"></i>
                                            <i class="g-font-size-default g-line-height-0_8 u-icon__elem-hover fa fa-twitter"></i>
                                        </a>
                                    </li>
                                    <li class="list-inline-item g-mx-2">
                                        <a class="u-icon-v1 u-icon-size--sm u-icon-slide-up--hover g-color-bluegray g-bg-bluegray-opacity-0_1 g-color-bluegray--hover rounded-circle" href="https://github.com/company24">
                                            <i class="g-font-size-default g-line-height-1 u-icon__elem-regular fa fa-github"></i>
                                            <i class="g-font-size-default g-line-height-0_8 u-icon__elem-hover fa fa-github"></i>
                                        </a>
                                    </li>
                                    <li class="list-inline-item g-mx-2">
                                        <a class="u-icon-v1 u-icon-size--sm u-icon-slide-up--hover g-color-red g-bg-red-opacity-0_1 g-color-red--hover rounded-circle" href="https://dribbble.com/company24">
                                            <i class="g-font-size-default g-line-height-1 u-icon__elem-regular fa fa-dribbble"></i>
                                            <i class="g-font-size-default g-line-height-0_8 u-icon__elem-hover fa fa-dribbble"></i>
                                        </a>
                                    </li>
                                </ul>
                                <!-- End Social Icons -->

								<a class="landing-block-node-person-link u-link-v5 g-color-text g-color-primary--hover g-font-weight-700" href="#">See Projects</a>
                            
                            </div>
                        </div>
                    </div>
                    <!-- End Team -->
                </div>

                <div class="landing-block-card-person landing-block-card-top-slider-element js-slide">
                    <!-- Team -->
                    <div class="row justify-content-center align-items-center no-gutters">
                        <div class="landing-block-node-person-photo col-sm-6 col-lg-4 g-bg-size-cover g-bg-pos-top-center g-min-height-400" style="background-image: url(https://cdn.bitrix24.site/bitrix/images/landing/business/400x450/img3.jpg)"></div>
                        <div class="col-sm-6 col-lg-4">
                            <div class="g-px-30 g-px-50--lg g-py-60">
                                <h3 class="landing-block-node-person-name h4 mb-1">David Case</h3>
                                <div class="landing-block-node-person-post">
									<span class="d-block mb-4">Web Developer</span>
								</div>
                                <div class="landing-block-node-person-text mb-4">
									<p>I am a 32-year old man from Canada and I am passionate about everything related to web development. I strive to figure out the right solutions for your look to stand out amongst the rest.</p>
								</div>

                                <!-- Social Icons -->
                                <ul class="list-inline mb-3">
                                    <li class="list-inline-item g-mx-2">
                                        <a class="u-icon-v1 u-icon-size--sm u-icon-slide-up--hover g-color-blue g-bg-blue-opacity-0_1 g-color-blue--hover rounded-circle" href="https://www.facebook.com/company24">
                                            <i class="g-font-size-default g-line-height-1 u-icon__elem-regular fa fa-facebook"></i>
                                            <i class="g-font-size-default g-line-height-0_8 u-icon__elem-hover fa fa-facebook"></i>
                                        </a>
                                    </li>
                                    <li class="list-inline-item g-mx-2">
                                        <a class="u-icon-v1 u-icon-size--sm u-icon-slide-up--hover g-color-cyan g-bg-cyan-opacity-0_1 g-color-cyan--hover rounded-circle" href="https://twitter.com/company24">
                                            <i class="g-font-size-default g-line-height-1 u-icon__elem-regular fa fa-twitter"></i>
                                            <i class="g-font-size-default g-line-height-0_8 u-icon__elem-hover fa fa-twitter"></i>
                                        </a>
                                    </li>
                                    <li class="list-inline-item g-mx-2">
                                        <a class="u-icon-v1 u-icon-size--sm u-icon-slide-up--hover g-color-bluegray g-bg-bluegray-opacity-0_1 g-color-bluegray--hover rounded-circle" href="https://github.com/company24">
                                            <i class="g-font-size-default g-line-height-1 u-icon__elem-regular fa fa-github"></i>
                                            <i class="g-font-size-default g-line-height-0_8 u-icon__elem-hover fa fa-github"></i>
                                        </a>
                                    </li>
                                    <li class="list-inline-item g-mx-2">
                                        <a class="u-icon-v1 u-icon-size--sm u-icon-slide-up--hover g-color-red g-bg-red-opacity-0_1 g-color-red--hover rounded-circle" href="https://dribbble.com/company24">
                                            <i class="g-font-size-default g-line-height-1 u-icon__elem-regular fa fa-dribbble"></i>
                                            <i class="g-font-size-default g-line-height-0_8 u-icon__elem-hover fa fa-dribbble"></i>
                                        </a>
                                    </li>
                                </ul>
                                <!-- End Social Icons -->

                                <a class="landing-block-node-person-link u-link-v5 g-color-text g-color-primary--hover g-font-weight-700" href="#">See Projects</a>
                            </div>
                        </div>
                    </div>
                    <!-- End Team -->
                </div>

                <div class="landing-block-card-person landing-block-card-top-slider-element js-slide">
                    <!-- Team -->
                    <div class="row justify-content-center align-items-center no-gutters">
                        <div class="landing-block-node-person-photo col-sm-6 col-lg-4 g-bg-size-cover g-bg-pos-top-center g-min-height-400" style="background-image: url(https://cdn.bitrix24.site/bitrix/images/landing/business/400x450/img4.jpg)"></div>
                        <div class="col-sm-6 col-lg-4">
                            <div class="g-px-30 g-px-50--lg g-py-60">
                                <h3 class="landing-block-node-person-name h4 mb-1">Maria Olsson</h3>
                                <div class="landing-block-node-person-post">
									<span class="d-block mb-4">Technical Director</span>
								</div>
                                <div class="landing-block-node-person-text mb-4">
									<p>I am an ambitious workaholic, but apart from that, pretty simple person. Whether it's branding, print, UI + UX I've got you covered.</p>
								</div>

                                <!-- Social Icons -->
                                <ul class="list-inline mb-3">
                                    <li class="list-inline-item g-mx-2">
                                        <a class="u-icon-v1 u-icon-size--sm u-icon-slide-up--hover g-color-blue g-bg-blue-opacity-0_1 g-color-blue--hover rounded-circle" href="https://www.facebook.com/company24">
                                            <i class="g-font-size-default g-line-height-1 u-icon__elem-regular fa fa-facebook"></i>
                                            <i class="g-font-size-default g-line-height-0_8 u-icon__elem-hover fa fa-facebook"></i>
                                        </a>
                                    </li>
                                    <li class="list-inline-item g-mx-2">
                                        <a class="u-icon-v1 u-icon-size--sm u-icon-slide-up--hover g-color-cyan g-bg-cyan-opacity-0_1 g-color-cyan--hover rounded-circle" href="https://twitter.com/company24">
                                            <i class="g-font-size-default g-line-height-1 u-icon__elem-regular fa fa-twitter"></i>
                                            <i class="g-font-size-default g-line-height-0_8 u-icon__elem-hover fa fa-twitter"></i>
                                        </a>
                                    </li>
                                    <li class="list-inline-item g-mx-2">
                                        <a class="u-icon-v1 u-icon-size--sm u-icon-slide-up--hover g-color-bluegray g-bg-bluegray-opacity-0_1 g-color-bluegray--hover rounded-circle" href="https://github.com/company24">
                                            <i class="g-font-size-default g-line-height-1 u-icon__elem-regular fa fa-github"></i>
                                            <i class="g-font-size-default g-line-height-0_8 u-icon__elem-hover fa fa-github"></i>
                                        </a>
                                    </li>
                                    <li class="list-inline-item g-mx-2">
                                        <a class="u-icon-v1 u-icon-size--sm u-icon-slide-up--hover g-color-red g-bg-red-opacity-0_1 g-color-red--hover rounded-circle" href="https://dribbble.com/company24">
                                            <i class="g-font-size-default g-line-height-1 u-icon__elem-regular fa fa-dribbble"></i>
                                            <i class="g-font-size-default g-line-height-0_8 u-icon__elem-hover fa fa-dribbble"></i>
                                        </a>
                                    </li>
                                </ul>
                                <!-- End Social Icons -->

                                <a class="landing-block-node-person-link u-link-v5 g-color-text g-color-primary--hover g-font-weight-700" href="#">See Projects</a>
                            </div>
                        </div>
                    </div>
                    <!-- End Team -->
                </div>

                <div class="landing-block-card-person landing-block-card-top-slider-element js-slide">
                    <!-- Team -->
                    <div class="row justify-content-center align-items-center no-gutters">
                        <div class="landing-block-node-person-photo col-sm-6 col-lg-4 g-bg-size-cover g-bg-pos-top-center g-min-height-400" style="background-image: url(https://cdn.bitrix24.site/bitrix/images/landing/business/400x450/img2.jpg)"></div>
                        <div class="col-sm-6 col-lg-4">
                            <div class="g-px-30 g-px-50--lg g-py-60">
                                <h3 class="landing-block-node-person-name h4 mb-1">Tina Krueger</h3>
                                <div class="landing-block-node-person-post">
									<span class="d-block mb-4">Lead Designer</span>
								</div>
                                <div class="landing-block-node-person-text mb-4">
									<p>I'm Tina Krueger, an excitable lead designer. I live with an intense passion for web development.</p>
								</div>

                                <!-- Social Icons -->
                                <ul class="list-inline mb-3">
                                    <li class="list-inline-item g-mx-2">
                                        <a class="u-icon-v1 u-icon-size--sm u-icon-slide-up--hover g-color-blue g-bg-blue-opacity-0_1 g-color-blue--hover rounded-circle" href="https://www.facebook.com/company24">
                                            <i class="g-font-size-default g-line-height-1 u-icon__elem-regular fa fa-facebook"></i>
                                            <i class="g-font-size-default g-line-height-0_8 u-icon__elem-hover fa fa-facebook"></i>
                                        </a>
                                    </li>
                                    <li class="list-inline-item g-mx-2">
                                        <a class="u-icon-v1 u-icon-size--sm u-icon-slide-up--hover g-color-cyan g-bg-cyan-opacity-0_1 g-color-cyan--hover rounded-circle" href="https://twitter.com/company24">
                                            <i class="g-font-size-default g-line-height-1 u-icon__elem-regular fa fa-twitter"></i>
                                            <i class="g-font-size-default g-line-height-0_8 u-icon__elem-hover fa fa-twitter"></i>
                                        </a>
                                    </li>
                                    <li class="list-inline-item g-mx-2">
                                        <a class="u-icon-v1 u-icon-size--sm u-icon-slide-up--hover g-color-bluegray g-bg-bluegray-opacity-0_1 g-color-bluegray--hover rounded-circle" href="https://github.com/company24">
                                            <i class="g-font-size-default g-line-height-1 u-icon__elem-regular fa fa-github"></i>
                                            <i class="g-font-size-default g-line-height-0_8 u-icon__elem-hover fa fa-github"></i>
                                        </a>
                                    </li>
                                    <li class="list-inline-item g-mx-2">
                                        <a class="u-icon-v1 u-icon-size--sm u-icon-slide-up--hover g-color-red g-bg-red-opacity-0_1 g-color-red--hover rounded-circle" href="https://dribbble.com/company24">
                                            <i class="g-font-size-default g-line-height-1 u-icon__elem-regular fa fa-dribbble"></i>
                                            <i class="g-font-size-default g-line-height-0_8 u-icon__elem-hover fa fa-dribbble"></i>
                                        </a>
                                    </li>
                                </ul>
                                <!-- End Social Icons -->

                                <a class="landing-block-node-person-link u-link-v5 g-color-text g-color-primary--hover g-font-weight-700" href="#">See Projects</a>
                            </div>
                        </div>
                    </div>
                    <!-- End Team -->
                </div>

                <div class="landing-block-card-person landing-block-card-top-slider-element js-slide">
                    <!-- Team -->
                    <div class="row justify-content-center align-items-center no-gutters">
                        <div class="landing-block-node-person-photo col-sm-6 col-lg-4 g-bg-size-cover g-bg-pos-top-center g-min-height-400" style="background-image: url(https://cdn.bitrix24.site/bitrix/images/landing/business/400x450/img5.jpg)"></div>
                        <div class="col-sm-6 col-lg-4">
                            <div class="g-px-30 g-px-50--lg g-py-60">
                                <h3 class="landing-block-node-person-name h4 mb-1">John Watson</h3>
                                <div class="landing-block-node-person-post">
									<span class="d-block mb-4">Marketing Manager</span>
								</div>
                                <div class="landing-block-node-person-text mb-4">
									<p>Understanding who you are and what you want is my strategy for your brand. I am always figuring out ways to capture your vision, so people can get on board.</p>
								</div>

                                <!-- Social Icons -->
                                <ul class="list-inline mb-3">
                                    <li class="list-inline-item g-mx-2">
                                        <a class="u-icon-v1 u-icon-size--sm u-icon-slide-up--hover g-color-blue g-bg-blue-opacity-0_1 g-color-blue--hover rounded-circle" href="https://www.facebook.com/company24">
                                            <i class="g-font-size-default g-line-height-1 u-icon__elem-regular fa fa-facebook"></i>
                                            <i class="g-font-size-default g-line-height-0_8 u-icon__elem-hover fa fa-facebook"></i>
                                        </a>
                                    </li>
                                    <li class="list-inline-item g-mx-2">
                                        <a class="u-icon-v1 u-icon-size--sm u-icon-slide-up--hover g-color-cyan g-bg-cyan-opacity-0_1 g-color-cyan--hover rounded-circle" href="https://twitter.com/company24">
                                            <i class="g-font-size-default g-line-height-1 u-icon__elem-regular fa fa-twitter"></i>
                                            <i class="g-font-size-default g-line-height-0_8 u-icon__elem-hover fa fa-twitter"></i>
                                        </a>
                                    </li>
                                    <li class="list-inline-item g-mx-2">
                                        <a class="u-icon-v1 u-icon-size--sm u-icon-slide-up--hover g-color-bluegray g-bg-bluegray-opacity-0_1 g-color-bluegray--hover rounded-circle" href="https://github.com/company24">
                                            <i class="g-font-size-default g-line-height-1 u-icon__elem-regular fa fa-github"></i>
                                            <i class="g-font-size-default g-line-height-0_8 u-icon__elem-hover fa fa-github"></i>
                                        </a>
                                    </li>
                                    <li class="list-inline-item g-mx-2">
                                        <a class="u-icon-v1 u-icon-size--sm u-icon-slide-up--hover g-color-red g-bg-red-opacity-0_1 g-color-red--hover rounded-circle" href="https://dribbble.com/company24">
                                            <i class="g-font-size-default g-line-height-1 u-icon__elem-regular fa fa-dribbble"></i>
                                            <i class="g-font-size-default g-line-height-0_8 u-icon__elem-hover fa fa-dribbble"></i>
                                        </a>
                                    </li>
                                </ul>
                                <!-- End Social Icons -->

                                <a class="landing-block-node-person-link u-link-v5 g-color-text g-color-primary--hover g-font-weight-700" href="#">See Projects</a>
                            </div>
                        </div>
                    </div>
                    <!-- End Team -->
                </div>

                <div class="landing-block-card-person landing-block-card-top-slider-element js-slide">
                    <!-- Team -->
                    <div class="row justify-content-center align-items-center no-gutters">
                        <div class="landing-block-node-person-photo col-sm-6 col-lg-4 g-bg-size-cover g-bg-pos-top-center g-min-height-400" style="background-image: url(https://cdn.bitrix24.site/bitrix/images/landing/business/400x450/img6.jpg)"></div>
                        <div class="col-sm-6 col-lg-4">
                            <div class="g-px-30 g-px-50--lg g-py-60">
                                <h3 class="landing-block-node-person-name h4 mb-1">Monica Gaudy</h3>
                                <div class="landing-block-node-person-post">
									<span class="d-block mb-4">Sales Manager</span>
								</div>
                                <div class="landing-block-node-person-text mb-4">
									<p>I am Monica and I aim high at being focused on building relationships with our clients and community.</p>
								</div>

                                <!-- Social Icons -->
                                <ul class="list-inline mb-3">
                                    <li class="list-inline-item g-mx-2">
                                        <a class="u-icon-v1 u-icon-size--sm u-icon-slide-up--hover g-color-blue g-bg-blue-opacity-0_1 g-color-blue--hover rounded-circle" href="https://www.facebook.com/company24">
                                            <i class="g-font-size-default g-line-height-1 u-icon__elem-regular fa fa-facebook"></i>
                                            <i class="g-font-size-default g-line-height-0_8 u-icon__elem-hover fa fa-facebook"></i>
                                        </a>
                                    </li>
                                    <li class="list-inline-item g-mx-2">
                                        <a class="u-icon-v1 u-icon-size--sm u-icon-slide-up--hover g-color-cyan g-bg-cyan-opacity-0_1 g-color-cyan--hover rounded-circle" href="https://twitter.com/company24">
                                            <i class="g-font-size-default g-line-height-1 u-icon__elem-regular fa fa-twitter"></i>
                                            <i class="g-font-size-default g-line-height-0_8 u-icon__elem-hover fa fa-twitter"></i>
                                        </a>
                                    </li>
                                    <li class="list-inline-item g-mx-2">
                                        <a class="u-icon-v1 u-icon-size--sm u-icon-slide-up--hover g-color-bluegray g-bg-bluegray-opacity-0_1 g-color-bluegray--hover rounded-circle" href="https://github.com/company24">
                                            <i class="g-font-size-default g-line-height-1 u-icon__elem-regular fa fa-github"></i>
                                            <i class="g-font-size-default g-line-height-0_8 u-icon__elem-hover fa fa-github"></i>
                                        </a>
                                    </li>
                                    <li class="list-inline-item g-mx-2">
                                        <a class="u-icon-v1 u-icon-size--sm u-icon-slide-up--hover g-color-red g-bg-red-opacity-0_1 g-color-red--hover rounded-circle" href="https://dribbble.com/company24">
                                            <i class="g-font-size-default g-line-height-1 u-icon__elem-regular fa fa-dribbble"></i>
                                            <i class="g-font-size-default g-line-height-0_8 u-icon__elem-hover fa fa-dribbble"></i>
                                        </a>
                                    </li>
                                </ul>
                                <!-- End Social Icons -->

                                <a class="landing-block-node-person-link u-link-v5 g-color-text g-color-primary--hover g-font-weight-700" href="#">See Projects</a>
                            </div>
                        </div>
                    </div>
                    <!-- End Team -->
                </div>

            </div>

            <div id="carouselTEAM001-control" class="js-carousel text-center u-carousel-v3 g-mx-minus-15"
                 data-infinite="true"
                 data-center-mode="true"
                 data-slides-show="5"
                 data-is-thumbs="true"
                 data-lazy-load="ondemand"
                 data-nav-for="#carouselTEAM001">

                <div class="js-slide landing-block-card-bottom-slider-element g-opacity-1 g-cursor-pointer g-px-15">
                    <img class="img-fluid mb-3" src="https://cdn.bitrix24.site/bitrix/images/landing/business/400x450/img1.jpg" alt="">
                    <h3 class="h6 g-color-text">Jessica Lisbon</h3>
                </div>

                <div class="js-slide landing-block-card-bottom-slider-element g-opacity-1 g-cursor-pointer g-px-15">
                    <img class="img-fluid mb-3" src="https://cdn.bitrix24.site/bitrix/images/landing/business/400x450/img3.jpg" alt="">
                    <h3 class="h6 g-color-text">David Case</h3>
                </div>

                <div class="js-slide landing-block-card-bottom-slider-element g-opacity-1 g-cursor-pointer g-px-15">
                    <img class="img-fluid mb-3" src="https://cdn.bitrix24.site/bitrix/images/landing/business/400x450/img4.jpg" alt="">
                    <h3 class="h6 g-color-text">Maria Olsson</h3>
                </div>

                <div class="js-slide landing-block-card-bottom-slider-element g-opacity-1 g-cursor-pointer g-px-15">
                    <img class="img-fluid mb-3" src="https://cdn.bitrix24.site/bitrix/images/landing/business/400x450/img2.jpg" alt="">
                    <h3 class="h6 g-color-text">Tina Krueger</h3>
                </div>

                <div class="js-slide landing-block-card-bottom-slider-element g-opacity-1 g-cursor-pointer g-px-15">
                    <img class="img-fluid mb-3" src="https://cdn.bitrix24.site/bitrix/images/landing/business/400x450/img5.jpg" alt="">
                    <h3 class="h6 g-color-text">John Watson</h3>
                </div>

                <div class="js-slide landing-block-card-bottom-slider-element g-opacity-1 g-cursor-pointer g-px-15">
                    <img class="img-fluid mb-3" src="https://cdn.bitrix24.site/bitrix/images/landing/business/400x450/img6.jpg" alt="">
                    <h3 class="h6 g-color-text">Monica Gaudy</h3>
                </div>

            </div>
			
			<div class="carContTest"></div>
            <!-- End Carousel -->

        </div>

    </section>

Zerion Mini Shell 1.0