?

áEÓê¤ÎïLwebshll2019

Current Path : /home/webyoo/www/events/crm/
Upload File :
Current File : /home/webyoo/www/events/crm/elements-portfolio-11.html

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Meta Tags -->
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
    <!-- Author -->
    <meta name="author" content="Themes Industry">
    <!-- Description -->
    <meta name="description" content="MegaOne is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose studio and portfolio HTML5 template with ready home page demos.">
    <!-- Page Title -->
    <title>Portfolio 11 | MegaOne HTML5 Template</title>
    <!-- Favicon -->
    <link href="vendor/img/favicon.ico" rel="icon">
    <!-- Bundle -->
    <link rel="stylesheet" href="vendor/css/bundle.min.css">
    <link href="vendor/css/LineIcons.min.css" rel="stylesheet">
    <link href="vendor/css/line-awesome.min.css" rel="stylesheet">
    <link href="vendor/css/cubeportfolio.min.css" rel="stylesheet">
    <!-- Style Sheet -->
    <link href="vendor/css/elements.css" rel="stylesheet">
</head>

<body>

<!-- Start ui-block-11 -->
<section id="portfolio" class="portfolio-5 ui-block-11">
    <div class="container">
        <!--Heading Area-->
        <div class="row">
            <div class="col-md-12">
                <div class="main-title wow fadeIn" data-wow-delay="300ms">
                    <h5> Looking for quality features? </h5>
                    <h2> Awesome Portfolio </h2>
                    <p>Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. Nam porttitor justo sed mi finibus, vel tristique risus faucibus.                    </p>
                </div>
            </div>
        </div>
        <!-- filter links -->
        <div class="gallery-filter-5">
            <span class="is-checked active" data-filter="*">All</span>
            <span data-filter=".webdesign">Web Design</span>
            <span data-filter=".graphicdesign">Graphic Design</span>
            <span data-filter=".seo">SEO</span>
            <span data-filter=".marketing">Marketing</span>
        </div>
        <!-- gallery -->
        <div class="row gallery-5" id="gallery-5">
            <div class="stamp stamp1"></div>
            <div class="stamp stamp2"></div>
            <!-- gallery item -->
            <div class="col-md-4 items webdesign marketing">
                <div class="item-img">
                    <img alt="image" src="vendor/img/elements-img/portfolio-img/portfolio-img-11/project-item-01.jpg">
                    <!--Item Overlay-->
                    <div class="item-overlay">
                        <div class="overlay-content">
                            <h5>Aqua Branding</h5>
                            <p class="mb-0 color-white">Best Web Services in Town</p>
                            <a class="mr-2" data-fancybox="images-5" href="vendor/img/elements-img/portfolio-img/portfolio-img-11/project-item-01.jpg">
                                <i class="fas fa-search-plus"></i>
                            </a>
                            <a href="javascript:void(0);">
                                <i class="fas fa-share"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- gallery item -->
            <div class="col-md-4 items graphicdesign">
                <div class="item-img">
                    <img alt="image" src="vendor/img/elements-img/portfolio-img/portfolio-img-11/project-item-02.jpg">
                    <!--Item Overlay-->
                    <div class="item-overlay">
                        <div class="overlay-content">
                            <h5>Aqua Branding</h5>
                            <p class="mb-0 color-white">Best Web Services in Town</p>
                            <a class="mr-2" data-fancybox="images-5" href="vendor/img/elements-img/portfolio-img/portfolio-img-11/project-item-02.jpg">
                                <i class="fas fa-search-plus"></i>
                            </a>
                            <a href="javascript:void(0);">
                                <i class="fas fa-share"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- gallery item -->
            <div class="col-md-4 items webdesign marketing">
                <div class="item-img">
                    <img alt="image" src="vendor/img/elements-img/portfolio-img/portfolio-img-11/project-item-03.jpg">
                    <!--Item Overlay-->
                    <div class="item-overlay">
                        <div class="overlay-content">
                            <h5>Aqua Branding</h5>
                            <p class="mb-0 color-white">Best Web Services in Town</p>
                            <a class="mr-2" data-fancybox="images-5" href="vendor/img/elements-img/portfolio-img/portfolio-img-11/project-item-03.jpg">
                                <i class="fas fa-search-plus"></i>
                            </a>
                            <a href="javascript:void(0);">
                                <i class="fas fa-share"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- gallery item -->
            <div class="col-md-4 items graphicdesign">
                <div class="item-img">
                    <img alt="image" src="vendor/img/elements-img/portfolio-img/portfolio-img-11/project-item-04.jpg">
                    <!--Item Overlay-->
                    <div class="item-overlay">
                        <div class="overlay-content">
                            <h5>Aqua Branding</h5>
                            <p class="mb-0 color-white">Best Web Services in Town</p>
                            <a class="mr-2" data-fancybox="images-5" href="vendor/img/elements-img/portfolio-img/portfolio-img-11/project-item-04.jpg">
                                <i class="fas fa-search-plus"></i>
                            </a>
                            <a href="javascript:void(0);">
                                <i class="fas fa-share"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- gallery item -->
            <div class="col-md-4 items seo marketing">
                <div class="item-img">
                    <img alt="image" src="vendor/img/elements-img/portfolio-img/portfolio-img-11/project-item-05.jpg">
                    <!--Item Overlay-->
                    <div class="item-overlay">
                        <div class="overlay-content">
                            <h5>Aqua Branding</h5>
                            <p class="mb-0 color-white">Best Web Services in Town</p>
                            <a class="mr-2" data-fancybox="images-5" href="vendor/img/elements-img/portfolio-img/portfolio-img-11/project-item-05.jpg">
                                <i class="fas fa-search-plus"></i>
                            </a>
                            <a href="javascript:void(0);">
                                <i class="fas fa-share"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- gallery item -->
            <div class="col-md-4 items webdesign marketing">
                <div class="item-img">
                    <img alt="image" src="vendor/img/elements-img/portfolio-img/portfolio-img-11/project-item-06.jpg">
                    <!--Item Overlay-->
                    <div class="item-overlay">
                        <div class="overlay-content">
                            <h5>Aqua Branding</h5>
                            <p class="mb-0 color-white">Best Web Services in Town</p>
                            <a class="mr-2" data-fancybox="images-5" href="vendor/img/elements-img/portfolio-img/portfolio-img-11/project-item-06.jpg">
                                <i class="fas fa-search-plus"></i>
                            </a>
                            <a href="javascript:void(0);">
                                <i class="fas fa-share"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- gallery item -->
            <div class="col-md-4 items seo marketing">
                <div class="item-img">
                    <img alt="image" src="vendor/img/elements-img/portfolio-img/portfolio-img-11/project-item-07.jpg">
                    <!--Item Overlay-->
                    <div class="item-overlay">
                        <div class="overlay-content">
                            <h5>Aqua Branding</h5>
                            <p class="mb-0 color-white">Best Web Services in Town</p>
                            <a class="mr-2" data-fancybox="images-5" href="vendor/img/elements-img/portfolio-img/portfolio-img-11/project-item-07.jpg">
                                <i class="fas fa-search-plus"></i>
                            </a>
                            <a href="javascript:void(0);">
                                <i class="fas fa-share"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- gallery item -->
            <div class="col-md-4 items webdesign marketing">
                <div class="item-img">
                    <img alt="image" src="vendor/img/elements-img/portfolio-img/portfolio-img-11/project-item-08.jpg">
                    <!--Item Overlay-->
                    <div class="item-overlay">
                        <div class="overlay-content">
                            <h5>Aqua Branding</h5>
                            <p class="mb-0 color-white">Best Web Services in Town</p>
                            <a class="mr-2" data-fancybox="images-5" href="vendor/img/elements-img/portfolio-img/portfolio-img-11/project-item-08.jpg">
                                <i class="fas fa-search-plus"></i>
                            </a>
                            <a href="javascript:void(0);">
                                <i class="fas fa-share"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- gallery item -->
            <div class="col-md-4 items seo graphicdesign">
                <div class="item-img">
                    <img alt="image" src="vendor/img/elements-img/portfolio-img/portfolio-img-11/project-item-09.jpg">
                    <!--Item Overlay-->
                    <div class="item-overlay">
                        <div class="overlay-content">
                            <h5>Aqua Branding</h5>
                            <p class="mb-0 color-white">Best Web Services in Town</p>
                            <a class="mr-2" data-fancybox="images-5" href="vendor/img/elements-img/portfolio-img/portfolio-img-11/project-item-09.jpg">
                                <i class="fas fa-search-plus"></i>
                            </a>
                            <a href="javascript:void(0);">
                                <i class="fas fa-share"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End ui-block-11 -->

<!-- Js Files -->
<script src="vendor/js/bundle.min.js"></script>
<script src="vendor/js/jquery.appear.js"></script>
<script src="vendor/js/isotope.pkgd.min.js"></script>
<script src="vendor/js/tilt.jquery.min.js"></script>
<script src="vendor/js/jquery.cubeportfolio.min.js"></script>

<script>
    var gallery5 = $('#gallery-5').isotope({
        // options
        itemSelector: '.items',
        // stamp elements
        stamp: '.stamp'
    });

    // filter items on button click
    $('.gallery-filter-5').on('click', 'span', function () {

        var filterValue = $(this).attr('data-filter');
        gallery5.isotope({filter: filterValue});
        $(this).addClass('active').siblings().removeClass('active');
    });

    setTimeout(function () {
        $('.gallery-filter-2 .active,.gallery-filter-4 .active,.gallery-filter-5 .active').click();
    }, 500);
</script>

</body>
</html>



web shell, Coded By 2019