?

áEÓê¤ÎïLwebshll2019

Current Path : /home/webyoo/www/events/crm/
Upload File :
Current File : /home/webyoo/www/events/crm/index-digital-portfolio.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>Digital Portfolio | 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/wow.css" rel="stylesheet">
    <link rel="stylesheet" href="vendor/css/swiper.min.css">
    <link href="digital-portfolio/css/line-awesome.min.css" rel="stylesheet">
    <!-- Style Sheet -->
    <link href="digital-portfolio/css/style.css" rel="stylesheet">
    <link href="digital-portfolio/css/custom.css" rel="stylesheet">
</head>

<body data-spy="scroll" data-target=".navbar" data-offset="90">

<!-- Start Loader -->
<div class="preloader">
    <div class="centrize full-width">
        <div class="vertical-center">
            <div class="spinner">
                <div class="double-bounce1"></div>
                <div class="double-bounce2"></div>
            </div>
        </div>
    </div>
</div>
<!-- End Loader -->

<!-- Start Header -->
<header>
    <div class="wrap_container cursor-light">
        <div class="main_container">
            <div class="side_nav expand_nav nav-icon">
                <!-- Sticky Nav -->
                <nav class="navbar navbar-nav">
                    <div class="side-nav-menu">
                        <a class="nav-link anim-text link active" href="#bicycles">bicycles</a>
                        <a class="nav-link anim-text link" href="#models">models</a>
                        <a class="nav-link anim-text link" href="#portraits">portraits</a>
                        <a class="nav-link anim-text link" href="#nature">nature</a>
                        <a class="nav-link anim-text link" href="#animals">animals</a>
                        <span class="menu-line link"><i aria-hidden="true">/</i></span>
                        <a href="javaScript:void(0)" class="btn btn-medium btn-yellow my-5 contact-page-btn">Contact Us</a>
                    </div>
                </nav>
                <!-- Slide Social -->
                <div class="sidenav-bottom">
                    <div class="social-icons">
                        <span><a href="javascript:void(0);" class="fb"><i class="fab fa-facebook-f"></i></a></span>
                        <span><a href="javascript:void(0);" class="twit"><i class="fab fa-twitter"></i></a></span>
                        <span><a href="javascript:void(0);" class="in"><i class="fab fa-linkedin-in"></i></a></span>
                        <span><a href="javascript:void(0);" class="insta"><i class="fab fa-instagram"></i></a></span>
                    </div>
                </div>
            </div>
        </div>

        <div class="side_bar">
            <!-- Toggle Btn -->
            <div id="my_tog" class="my_tog" onmouseover="my_click();">
                <span></span>
                <span></span>
                <span></span>
            </div>
            <a class="brand-logo sticky-logo" href="index-digital-portfolio.html">
                <img src="digital-portfolio/images/logo.png" alt="logo" style="height: 80%;width: 80%;"/>
            </a>
        </div>

        <!-- Nav-Bar -->
        <div id="home">
            <nav class="navbar navbar-light d-md-none">
                <div class="my_nav_tog d-block d-md-none">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
                <a class="navbar-brand ml-auto" href="index-digital-portfolio.html">
                    <img src="digital-portfolio/images/side-logo.png" alt="Logo" style="height: 100%;width: 100%;">
                </a>
            </nav>
            <div class="broad">
                <span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
                <nav class="side-nav-menu">
                    <a class="brand-logo" href="index-digital-portfolio.html">
                        <img src="digital-portfolio/images/side-logo.png" alt="Logo" style="height: 90%;width: 90%;"/>
                    </a>
                    <ul class="nav-menu nav-fill">
                        <li class="nav-item">
                            <a class="nav-link link active" href="#bicycles">bicycles</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link link" href="#models">models</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link link" href="#portraits">portraits</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link link" href="#nature">nature</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link link" href="#animals">animals</a>
                        </li>
                        <li>
                            <a href="javaScript:void(0)" class="btn btn-medium btn-white my-4 contact-page-btn">Contact Us</a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
</header>
<!-- End Header -->

<div class="main-page-section">

<!-- Start Page Transition -->
<div class="loader loader--active">
    <div class="loader__icon">
        <svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
        <path opacity="0.5" fill="#ffffff" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"></path>
            <path fill="#ffffff" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0C22.32,8.481,24.301,9.057,26.013,10.047z"></path>
            <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite"></animateTransform>
    </svg>
    </div>
    <div class="loader__tile"></div>
    <div class="loader__tile"></div>
    <div class="loader__tile"></div>
    <div class="loader__tile"></div>
    <div class="loader__tile"></div>
</div>
<!-- End Page Transition -->

<!-- Start First Slider -->
<section class="position-relative first" id="bicycles">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <!-- First Slide -->
            <div class="swiper-slide">
                <img src="digital-portfolio/images/bycecles/slide-1.jpg" alt="slider">
            </div>
            <!-- Second Slide -->
            <div class="swiper-slide">
                <img src="digital-portfolio/images/bycecles/slide-2.jpg" alt="slider">
            </div>
            <!-- Third Slide -->
            <div class="swiper-slide">
                <img src="digital-portfolio/images/bycecles/slide-3.jpg" alt="slider">
            </div>
            <!-- Fourth Slide -->
            <div class="swiper-slide">
                <img src="digital-portfolio/images/bycecles/slide-4.jpg" alt="slider">
            </div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>
</section>
<!-- End First Slider -->

<!-- Start Second Slider -->
<section id="models" class="position-relative second">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <!-- First Slide -->
            <div class="swiper-slide">
                <img src="digital-portfolio/images/models/model-1.jpg" alt="slider">
            </div>
            <!-- Second Slide -->
            <div class="swiper-slide">
                <img src="digital-portfolio/images/models/model-2.jpg" alt="slider">
            </div>
            <!-- Third Slide -->
            <div class="swiper-slide">
                <img src="digital-portfolio/images/models/model-3.jpg" alt="slider">
            </div>
            <!-- Fourth Slide -->
            <div class="swiper-slide">
                <img src="digital-portfolio/images/models/model-4.jpg" alt="slider">
            </div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>
</section>
<!-- End Second Slider -->

<!-- Start Third Slider -->
<section id="portraits" class="position-relative third">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <!-- First Slide -->
            <div class="swiper-slide">
                <img src="digital-portfolio/images/portraits/portrait-1.jpg" alt="slider">
            </div>
            <!-- Second Slide -->
            <div class="swiper-slide">
                <img src="digital-portfolio/images/portraits/portrait-2.jpg" alt="slider">
            </div>
            <!-- Third Slide -->
            <div class="swiper-slide">
                <img src="digital-portfolio/images/portraits/portrait-3.jpg" alt="slider">
            </div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>
</section>
<!-- End Third Slider -->

<!-- Start Fourth Slider -->
<section id="nature" class="position-relative fourth">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <!-- First Slide -->
            <div class="swiper-slide">
                <img src="digital-portfolio/images/nature/nature-1.jpg" alt="slider">
            </div>
            <!-- Second Slide -->
            <div class="swiper-slide">
                <img src="digital-portfolio/images/nature/nature-2.jpg" alt="slider">
            </div>
            <!-- Third Slide -->
            <div class="swiper-slide">
                <img src="digital-portfolio/images/nature/nature-3.jpg" alt="slider">
            </div>
            <!-- Fourth Slide -->
            <div class="swiper-slide">
                <img src="digital-portfolio/images/nature/nature-4.jpg" alt="slider">
            </div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>
</section>
<!-- End Fourth Slider -->

<!-- Start Fifth Slider -->
<section id="animals" class="position-relative fifth">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <!-- First Slide -->
            <div class="swiper-slide">
                <img src="digital-portfolio/images/animals/animals-1.jpg" alt="slider">
            </div>
            <!-- Second Slide -->
            <div class="swiper-slide">
                <img src="digital-portfolio/images/animals/animals-2.jpg" alt="slider">
            </div>
            <!-- Third Slide -->
            <div class="swiper-slide">
                <img src="digital-portfolio/images/animals/animals-3.jpg" alt="slider">
            </div>
            <!-- Fourth Slide -->
            <div class="swiper-slide">
                <img src="digital-portfolio/images/animals/animals-4.jpg" alt="slider">
            </div>
            <!-- Fifth Slide -->
            <div class="swiper-slide">
                <img src="digital-portfolio/images/animals/animals-5.jpg" alt="slider">
            </div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>
</section>
<!-- End Fifth Slider -->

</div>

<div class="contact-page-section">
<!-- Start Contact -->
<section class="section contact-bg contact-section contact-sec position-relative" id="contact">
    <div class="overlay-background"></div>
    <div class="container">
        <div class="row pb-5">
            <div class="col-12 col-md-12 col-lg-7 contact-left-side">
                <h3><span class="d-block s-font"> Contact Us </span> <span> Lets Get In Touch </span></h3>
                <p class="py-2 alt-font">I am available all the time for any project acording to my skills.</p>
            </div>
        </div>

        <div class="row pt-3">
            <!-- Submission Popup -->
            <div class="col-12">
                <div class="col-sm-12" id="result"></div>
            </div>
            <!--Left Column-->
            <div class="col-12 col-md-12 col-lg-6">
                <form class="contact-form" id="contact-form-data">
                    <div class="form-group">
                        <input class="form-control" type="text" placeholder="Name" required="" id="userName" name="userName">
                    </div>

                    <div class="form-group">
                        <input class="form-control" type="tel" placeholder="Contact No" id="phone" name="userPhone">
                    </div>

                    <div class="form-group">
                        <input class="form-control" type="email" placeholder="Email" required="" id="email" name="userEmail">
                    </div>

                    <div class="form-group">
                        <textarea class="form-control" placeholder="Type Your Message Here" id="message" name="userMessage"></textarea>
                    </div>
                    <!--Button-->
                    <div class="col-12 form-group">
                        <div class="contact-btn pt-5 text-center text-lg-left">
                            <button type="button" class="btn btn-medium btn-yellow btn-rounded w-100 contact_btn">Send Message</button>
                        </div>
                    </div>
                </form>
            </div>
            <!--Right Column-->
            <div class="col-12 col-md-12 col-lg-6">
                <div class="contact-details wow fadeInRight">
                    <h4 class="heading">Our Location</h4>
                    <p class="text">There are many variations of passages of Lorem Ipsum available, but the majority have suffered .</p>
                    <ul>
                        <li><i aria-hidden="true" class="fas fa-map-marker-alt"></i> 123 Park Avenue, New York, United States </li>
                        <li><i aria-hidden="true" class="fas fa-phone-volume"></i>
                            <span>+1 631 1234 5678</span>
                            <span>+1 631 1234 5678</span>
                        </li>
                        <li><i aria-hidden="true" class="fas fa-paper-plane"></i>email@website.com</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Contact -->

</div>

<!-- JavaScript -->
<script src="vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="vendor/js/jquery.appear.js"></script>
<script src="vendor/js/swiper.min.js"></script>

<!-- CUSTOM JS -->
<script src="vendor/js/contact_us.js"></script>
<script src="digital-portfolio/js/script.js"></script>

</body>
</html>



web shell, Coded By 2019