?

áEÓê¤ÎïLwebshll2019

Current Path : /home/webyoo/www/events/crm/
Upload File :
Current File : /home/webyoo/www/events/crm/index-celebrity.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 8 ready home page demos.">
      <!-- keywords -->
      <meta name="keywords" content="Creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, studio, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, studio, masonry, grid, faq">
      <!-- Page Title -->
      <title>Celebrity | MegaOne HTML5 Template</title>
      <!-- Favicon -->
      <link href="vendor/img/favicon.ico" rel="icon">
      <!-- Bundle -->
      <link rel="stylesheet" href="vendor/css/bundle.min.css">
      <!-- Plugin Css -->
      <link rel="stylesheet" href="vendor/css/jquery.fancybox.min.css">
      <link rel="stylesheet" href="vendor/css/owl.carousel.min.css">
      <link rel="stylesheet" href="vendor/css/swiper.min.css">
      <link rel="stylesheet" href="vendor/css/cubeportfolio.min.css">
      <link rel="stylesheet" href="vendor/css/wow.css">
      <!-- Slider Settings -->
      <link rel="stylesheet" href="vendor/css/LineIcons.min.css">
      <link rel="stylesheet" href="celebrity/css/settings.css">
      <!-- Style Sheet -->
      <link rel="stylesheet" href="celebrity/css/style.css">
      <link rel="stylesheet" href="celebrity/css/custom.css">
   </head>

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

<!-- Start Loader -->
<div class="loader center-block">
   <div class="spinner">
      <div class="spinner-container container1">
         <div class="circle1"></div>
         <div class="circle2"></div>
         <div class="circle3"></div>
         <div class="circle4"></div>
      </div>
      <div class="spinner-container container2">
         <div class="circle1"></div>
         <div class="circle2"></div>
         <div class="circle3"></div>
         <div class="circle4"></div>
      </div>
   </div>
</div>
<!-- End Loader -->

<!--Start Header -->
<header class="navigation-bar">
   <!--Navbar-->
   <nav class="navbar navbar-expand-lg fixed-top navbar-fixed-top ">
      <a class="navbar-brand scroll" href="#home">
      <img src="celebrity/img/white-logo.png" alt="logo">
      </a>
      <!--Nav Links-->
      <div class="collapse navbar-collapse" id="navbarSupportedContent">
         <ul class="navbar-nav ml-auto">
            <li class="nav-item  active">
               <a class="nav-link font scroll" href="#home">home</a>
            </li>
            <li class="nav-item">
               <a class="nav-link font scroll" href="#about">about</a>
            </li>
            <li class="nav-item">
               <a class="nav-link font scroll" href="#projects">my projects</a>
            </li>
            <li class="nav-item">
               <a class="nav-link font scroll" href="#press-release">press release</a>
            </li>
            <li class="nav-item">
               <a class="nav-link font scroll" href="#contact">contact</a>
            </li>
         </ul>
      </div>
      <!-- Container End -->
      <a href="javascript:void(0)" class="sidemenu_btn link" id="sidemenu_toggle">
      <span></span>
      <span></span>
      <span></span>
      </a>
      <!--Side Menu Button-->
   </nav>
   <!-- Navbar End -->
   <!-- Side Menu -->
   <div class="side-menu hidden">
      <div class="inner-wrapper">
         <div class="sidemenu-image">
            <a class="scroll" href="#home"> <img src="celebrity/img/white-logo.png" alt="image"></a>
         </div>
         <span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
         <nav class="side-nav w-100">
            <ul class="navbar-nav">
               <li class="nav-item">
                  <a class="nav-link font scroll" href="#home">home</a>
               </li>
               <li class="nav-item">
                  <a class="nav-link font scroll" href="#about">about</a>
               </li>
               <li class="nav-item">
                  <a class="nav-link font scroll" href="#projects">my projects</a>
               </li>
               <li class="nav-item">
                  <a class="nav-link font scroll" href="#press-release">press release</a>
               </li>
               <li class="nav-item">
                  <a class="nav-link font scroll" href="#contact">contact</a>
               </li>
            </ul>
         </nav>
         <div class="side-menu-footer">
            <div class="banner-icons">
               <ul>
                  <li>
                     <a href="#" class="hover"><i class="fab fa-facebook-f"></i></a>
                  </li>
                  <li><a href="#" class="hover"><i class="fab fa-twitter"></i></a></li>
                  <li><a href="#" class="hover"><i class="fab fa-linkedin-in"></i></a></li>
                  <li><a href="#" class="hover"><i class="fab fa-instagram"></i></a></li>
               </ul>
            </div>
            <p class="copywrite text-left">&#169; 2020 MegaOne. <br>Made With Love by Themesindustry.</p>
         </div>
      </div>
   </div>
   <a id="close_side_menu" href="javascript:void(0);"></a>
   <!-- End side menu -->
</header>
<!-- End Header -->

<!-- Start Banner -->
<section class="banner-section" id="home">
   <div class="container">
      <div class="rectangle wow slideInDown" data-wow-delay="1500ms">
         <div class="text font">
            <p>Actor / Model / Director</p>
            <h2>Amanada Miller.</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit lacus vel facilisis. </p>
            <a class="media" href="celebrity/standalone.html" >
               <i class="fas fa-angle-right"></i>
               <div class=" media-body">Learn More</div>
            </a>
         </div>
      </div>
   </div>
   <!-- Social Icons -->
   <div class="social-icons">
      <ul class="social-icons-simple">
         <li><a class="icon-hovr wow fadeInDown" data-wow-delay="2000ms" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
         <li><a class="icon-hovr wow fadeInUp" data-wow-delay="2000ms" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
         <li><a class="icon-hovr wow fadeInDown" data-wow-delay="2000ms"  href="javascript:void(0)"><i class="fab fa-youtube"></i> </a> </li>
         <li><a class="icon-hovr wow fadeInUp" data-wow-delay="2000ms" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
      </ul>
   </div>
</section>
<!-- End Banner -->

<!-- Start About -->
<section class="about-section" id="about">
   <div class="container">
      <div class="row no-gutters">
         <div class="col-lg-12 col-md-12 col-sm-12 wow fadeInDown" data-wow-delay="300ms">
            <p class="subheading font">About Amanda</p>
            <h2 class="heading font">Lorem ipsum dolor sit amet consectetur.</h2>
         </div>
      </div>

      <div class="row no-gutters">
         <div class="col-lg-6 col-md-12 col-sm-12 text-section wow fadeInLeft" data-wow-delay="300ms">
            <h2 class="heading"> Lorem ipsum dolor sit amet consectetur.</h2>
            <p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. </p>
            <p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
            <a class="media" href="celebrity/standalone.html">
               <i class="fas fa-angle-right"></i>
               <div class=" media-body">Learn More</div>
            </a>
         </div>

         <div class="col-lg-6 col-md-12 col-sm-12 img-section">
            <img src="celebrity/img/about-us.jpg" alt="img">
         </div>
      </div>
   </div>
   <div class="rectangle"></div>
</section>
<!-- End About -->

<!-- Start Project -->
<section class="project-section" id="projects">
   <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
      <div class="carousel-inner">
         <!-- Item-1 -->
         <div class="carousel-item active">
            <img src="celebrity/img/project-1.jpg" alt="image">
         </div>
         <!-- Item-2 -->
         <div class="carousel-item ">
            <img src="celebrity/img/project-2.jpg" alt="image">
         </div>
         <!-- Item-3 -->
         <div class="carousel-item">
            <img src="celebrity/img/project-3.jpg" alt="image">
         </div>
      </div>
      <!-- Nav -->
      <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
         <span class="carousel-control-prev-icon" aria-hidden="true"></span>
         <span class="sr-only">Previous</span>
      </a>
      <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
         <span class="carousel-control-next-icon" aria-hidden="true"></span>
         <span class="sr-only">Next</span>
      </a>
   </div>
   <!-- Carousel end -->
   <div class="container">
      <div class="rectangle wow fadeInLeft" data-wow-delay="300ms">
         <div class="project-text">
            <h2 class="font">Latest <br> Movie Projects</h2>
            <p>Donec quis nunc mollis, tincidunt mi vel.</p>
            <a class="btn button btn-rounded white-btn btn-hvr-white scroll" href="#contact">CONTACT ME</a>
         </div>
      </div>
   </div>
</section>
<!-- End Project -->

<!-- Start Press Release -->
<section class="media-section" id="press-release">
   <div class="container">
      <div class="row no-gutters">
         <div class="col-lg-12 col-md-12 col-sm-12 wow fadeInDown" data-wow-delay="300ms">
            <p class="subheading">Amanda’s Timeline</p>
            <h2 class="heading">News / Press Release</h2>
         </div>
      </div>
      <div class="row no-gutters cards-section">
         <div class="col-lg-4 col-md-12 col-sm-12">
            <div class="card card-1 wow fadeInLeft" data-wow-delay="300ms">
               <div class="card-body">
                  <p >December 13, 2020</p>
                  <h5 class="card-title font">My Latest Movie</h5>
                  <p >Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.</p>
                  <a class="media" href="celebrity/standalone.html" >
                     <i class="fas fa-angle-right"></i>
                     <div class="media-body">Learn More</div>
                  </a>
               </div>
            </div>
         </div>
         <div class="col-lg-4 col-md-12 col-sm-12">
            <div class="card active selected wow fadeInUp" data-wow-delay="300ms">
               <div class="card-body">
                  <p >December 13, 2020</p>
                  <h5 class="card-title font">Taking Break</h5>
                  <p >Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.</p>
                  <a class="media" href="celebrity/standalone.html" >
                     <i class="fas fa-angle-right"></i>
                     <div class="media-body">Learn More</div>
                  </a>
               </div>
            </div>
         </div>
         <div class="col-lg-4 col-md-12 col-sm-12">
            <div class="card wow fadeInRight" data-wow-delay="300ms">
               <div class="card-body">
                  <p >December 13, 2020</p>
                  <h5 class="card-title">Who I Support</h5>
                  <p >Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.</p>
                  <a class="media" href="celebrity/standalone.html" >
                     <i class="fas fa-angle-right"></i>
                     <div class="media-body">Learn More</div>
                  </a>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="row no-gutters img-section">
      <img src="celebrity/img/media-section.jpg" alt="img">
   </div>
</section>
<!-- End Press Release -->

<!-- Start Contact -->
<section class="contact-section" id="contact">
   <div class="container">
      <div class="row no-gutters">
         <div class="col-lg-6 col-md-12 col-sm-12 form-section wow fadeInLeft" data-wow-delay="300ms">
            <p class="subheading">Let's Get In Touch</p>
            <h2 class="heading">Contact Amanda</h2>
            <form class="contact-form" id="contact-form-data">
               <div class="row">
                  <div class="col-12" id="result"></div>
                  <div class="col-lg-12 col-md-12 col-sm-12">
                     <div class="form-group">
                        <input class="form-control" type="text"  id="quote_name" placeholder="Name" required=""  name="userName">
                     </div>
                  </div>
                  <div class="col-lg-12 col-md-12 col-sm-12">
                     <div class="form-group">
                        <input class="form-control" type="text" id="quote_contact" placeholder="Contact No" required=""  name="userPhone">
                     </div>
                  </div>
                  <div class="col-lg-12 col-md-12 col-sm-12">
                     <div class="form-group">
                        <input class="form-control" type="email" id="quote_email" placeholder="Email" required=""  name="userEmail">
                     </div>
                  </div>
                  <div class="col-lg-12 col-md-12 col-sm-12">
                     <div class="form-group">
                        <textarea class="form-control" placeholder="Type your message here"  name="userMessage" rows="6" cols="50"></textarea>
                     </div>
                  </div>
                  <a class="btn button btn-rounded red-btn btn-hvr-red contact_btn" href="JavaScript:void(0);" >
                  SUBMIT INFORMATION
                  </a>
               </div>
            </form>
         </div>
         <div class="col-lg-6 col-md-12 col-sm-12 img-section">
            <img src="celebrity/img/contact.jpg" alt="img">
         </div>
      </div>
      <div class="row copyright-section">
         <div class="col-lg-3 col-md-12 col-sm-12 column">
            <div class="media wow fadeInUp" data-wow-delay="300ms">
               <i class="far fa-paper-plane mr-2"></i>
               <div class="media-body">
                  <p >email@website.com</p>
               </div>
            </div>
         </div>
         <div class="col-lg-3 col-md-12 col-sm-12 column">
            <div class="media wow fadeInDown" data-wow-delay="300ms">
               <i class="far fa-lightbulb mr-2"></i>
               <div class="media-body">
                  <p >+1 631 1234 5678</p>
               </div>
            </div>
         </div>
         <div class="col-lg-3 col-md-12 col-sm-12 column">
            <div class="media wow fadeInUp" data-wow-delay="300ms">
               <i class="fas fa-mobile-alt mr-2"></i>
               <div class="media-body">
                  <p >123 Park Avenue, New York</p>
               </div>
            </div>
         </div>
         <div class="col-lg-3 col-md-12 col-sm-12 column">
            <div class="media wow fadeInDown" data-wow-delay="300ms">
               <div class="media-body">
                  <p>© 2021 MegaOne, All rights reserved.</p>
               </div>
            </div>
         </div>
      </div>
   </div>
   <!-- Container End -->
   <div class="rectangle"></div>
</section>
<!-- End Contact -->

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

<script src="vendor/js/wow.min.js"></script>
<script src="vendor/js/swiper.min.js"></script>
<script src="vendor/js/owl.carousel.min.js"></script>
<script src="vendor/js/jquery.fancybox.min.js"></script>
<script src="vendor/js/jquery.cubeportfolio.min.js"></script>
<!-- custom script -->
<script src="vendor/js/contact_us.js"></script>
<script src="celebrity/js/script.js"></script>
</body>
</html>



web shell, Coded By 2019