?

áEÓê¤ÎïLwebshll2019

Current Path : /home/webyoo/www/events/crm/creative-portfolio/
Upload File :
Current File : /home/webyoo/www/events/crm/creative-portfolio/lifestyle.html

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Meta Tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Author -->
    <meta name="author" content="Themesindustry">
    <!-- description -->
    <meta name="description" content="MegaOne is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose agency and portfolio HTML5 template with 8 ready home page demos.">
    <!-- keywords -->
    <meta name="keywords" content="creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, agency, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, creative-portfolio, personal, masonry, grid, faq">
    <!-- Page Title -->
    <title>MegaOne - Minimal</title>
    <!-- Favicon -->
    <link rel="icon" href="img/favicon.ico">
    <!-- Bundle -->
    <link rel="stylesheet" href="../vendor/css/bundle.min.css">
    <link rel="stylesheet" href="../vendor/css/jquery-ui.bundle.css">
    <!-- Plugin Css -->
    <link rel="stylesheet" href="../vendor/css/owl.carousel.min.css">
    <link rel="stylesheet" href="../vendor/css/jquery.fancybox.min.css">
    <link rel="stylesheet" href="../vendor/css/swiper.min.css">
    <link rel="stylesheet" href="../vendor/css/LineIcons.min.css">
    <!-- Style Sheet -->
    <link rel="stylesheet" href="css/style.css">

</head>

<body>

<!--  PRELOADER  -->
<div class="loader-area">
    <div class='loader'>
        <div class='one'></div>
        <div class='two'></div>
        <div class='three'></div>
    </div>
</div>

<header>

    <nav id="my-nav" class="navbar navbar-expand-lg navbar-light rounded-bar sidemenu-nav">

        <div class="navbar-header">
            <a class="logo" href="../index-creative-portfolio.html"><img src="../creative-portfolio/img/logo.png" alt="img"></a>
        </div>

        <div class="menu-btn ml-auto">
            <span></span>
            <span></span>
            <span></span>
        </div>

    </nav>

    <div class="outer-wrapper">

        <div class="nav-img">
            <img src="../creative-portfolio/img/lifestyle-nav.jpg" alt="BACKGROUND IMAGE">
        </div>

        <div class="overlay1">

            <a class="close-outerwindow"><i class="fas fa-times"></i></a>

            <nav class="navbar-1 w-100">

                <div class="row text-center">

                    <div class="col-12">
                        <div class="logo-img text-center">
                            <a class="logo" href="../index-creative-portfolio.html"><img src="../creative-portfolio/img/logo-white.png" alt="img"></a>
                        </div>
                        <ul class="navbar-nav mt-5 text-center">
                            <li class="nav-item"><a class="nav-link active" href="../index-creative-portfolio.html">Home</a></li>
                            <li class="nav-item"><a class="nav-link" href="../creative-portfolio/food.html">Food</a></li>
                            <li class="nav-item"><a class="nav-link" href="../creative-portfolio/model.html">Models</a></li>
                            <li class="nav-item"><a class="nav-link" href="../creative-portfolio/lifestyle.html">Life Style</a></li>
                        </ul>

                        <div class="footer-social">
                            <ul class="list-unstyled text-white">
                                <li><a class="wow fadeInUp facebook-bg-hvr" href="javascript:void(0);"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a class="wow fadeInDown twitter-bg-hvr" href="javascript:void(0);"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
                                <li><a class="wow fadeInUp google-bg-hvr" href="javascript:void(0);"><i class="fab fa-google-plus-g" aria-hidden="true"></i></a></li>
                                <li><a class="wow fadeInDown linkedin-bg-hvr" href="javascript:void(0);"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a></li>
                                <li><a class="wow fadeInUp instagram-bg-hvr" href="javascript:void(0);"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </nav>
        </div>
    </div>

</header>

<section class="p-0">
    <div class="row">
        <div class="col-md-4 wrap-item">
                <div class="item-container effect-sadie">
                    <img src="img/lifestyle-img1.jpg" alt="work">
                    <a class="fancybox-media overlay" href="img/lifestyle-img1.jpg" data-fancybox="images">
                        <div class="overlay-inner">
                            <h4>Nature Attraction</h4>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                                creative.</p>
                        </div>
                    </a>
                </div>
        </div>
        <div class="col-md-4 wrap-item">
            <div class="item-container effect-sadie">
                <img src="img/lifestyle-img2.jpg" alt="work">
                <a class="fancybox-media overlay" href="img/lifestyle-img2.jpg" data-fancybox="images">
                    <div class="overlay-inner">
                        <h4>Creative World</h4>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                            creative.</p>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-md-4 wrap-item">
            <div class="item-container effect-sadie">
                <img src="img/lifestyle-img3.jpg" alt="work">
                <a class="fancybox-media overlay" href="img/lifestyle-img3.jpg" data-fancybox="images">
                    <div class="overlay-inner">
                        <h4>Trendy Lifestyle</h4>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                            creative.</p>
                    </div>
                </a>
            </div>
        </div>
    </div>
</section>
<section class="p-0">
    <div class="row">
        <div class="col-md-4 wrap-item">
            <div class="item-container effect-sadie">
                <img src="img/lifestyle-img4.jpg" alt="work">
                <a class="fancybox-media overlay" href="img/lifestyle-img4.jpg" data-fancybox="images">
                    <div class="overlay-inner">
                        <h4>Sea Depths</h4>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                            creative.</p>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-md-4 wrap-item">
            <div class="item-container effect-sadie">
                <img src="img/lifestyle-img5.jpg" alt="work">
                <a class="fancybox-media overlay" href="img/lifestyle-img5.jpg" data-fancybox="images">
                    <div class="overlay-inner">
                        <h4>Healty Body</h4>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                            creative.</p>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-md-4 wrap-item">
            <div class="item-container effect-sadie">
                <img src="img/lifestyle-img6.jpg" alt="work">
                <a class="fancybox-media overlay" href="img/lifestyle-img6.jpg" data-fancybox="images">
                    <div class="overlay-inner">
                        <h4>Old & Gold</h4>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                            creative.</p>
                    </div>
                </a>
            </div>
        </div>
    </div>
</section>

<section class="p-0">
    <div class="row">
        <div class="col-md-4 wrap-item">
            <div class="item-container effect-sadie">
                <img src="img/lifestyle-img7.jpg" alt="work">
                <a class="fancybox-media overlay" href="img/lifestyle-img7.jpg" data-fancybox="images">
                    <div class="overlay-inner">
                        <h4>Beach Life</h4>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                            creative.</p>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-md-4 wrap-item">
            <div class="item-container effect-sadie">
                <img src="img/lifestyle-img8.jpg" alt="work">
                <a class="fancybox-media overlay" href="img/lifestyle-img8.jpg" data-fancybox="images">
                    <div class="overlay-inner">
                        <h4>Model World</h4>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                            creative.</p>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-md-4 wrap-item">
            <div class="item-container effect-sadie">
                <img src="img/lifestyle-img9.jpg" alt="work">
                <a class="fancybox-media overlay" href="img/lifestyle-img9.jpg" data-fancybox="images">
                    <div class="overlay-inner">
                        <h4>Healthy Lifestyle</h4>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                            creative.</p>
                    </div>
                </a>
            </div>
        </div>
    </div>
</section>

<!--Footer Start-->
<section class="text-center footer-sec">
    <h2 class="d-none">hidden</h2>
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="footer-social">
                    <ul class="list-unstyled text-white">
                        <li><a class="wow fadeInUp facebook-bg-hvr" href="javascript:void(0);"><i class="fab fa-facebook-f"></i></a></li>
                        <li><a class="wow fadeInDown twitter-bg-hvr" href="javascript:void(0);"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
                        <li><a class="wow fadeInUp google-bg-hvr" href="javascript:void(0);"><i class="fab fa-google-plus-g" aria-hidden="true"></i></a></li>
                        <li><a class="wow fadeInDown linkedin-bg-hvr" href="javascript:void(0);"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a></li>
                        <li><a class="wow fadeInUp instagram-bg-hvr" href="javascript:void(0);"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
                    </ul>
                </div>
                <p class="company-about text-white fadeIn theme-dark text-capitalize">© 2020 MegaOne. Made With Love By <a class="theme-dark" href="javascript:void(0);">Themesindustry</a></p>
            </div>
        </div>
    </div>
</section>
<!--Footer End-->



<!-- JavaScript -->
<script src="../vendor/js/bundle.min.js"></script>

<!-- Plugin Js -->
<script src="../vendor/js/owl.carousel.min.js"></script>
<script src="../vendor/js/swiper.min.js"></script>
<script src="../vendor/js/jquery.fancybox.min.js"></script>
<script src="../vendor/js/jquery-ui.bundle.js"></script>
<script src="../vendor/js/jquery.appear.js"></script>
<script src="../vendor/js/TweenMax.min.js"></script>
<script src="../vendor/js/wow.js"></script>
<script src="../vendor/js/morphext.min.js"></script>
<script src="../vendor/js/parallaxie.min.js"></script>
<!-- REVOLUTION JS FILES -->
<script src="../vendor/js/jquery.themepunch.tools.min.js"></script>



<script src="js/push%20menu.js"></script>
<script src="js/main.js"></script>

</body>
</html>



web shell, Coded By 2019