<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <title>LANParty</title> <meta content="" name="descriptison"> <meta content="" name="keywords"> <!-- Favicons --> <link href="assets/img/favicon.png" rel="icon"> <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon"> <!-- Google Fonts --> <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Montserrat:300,400,500,600,700" rel="stylesheet"> <!-- Vendor CSS Files --> <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="assets/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet"> <link href="assets/vendor/ionicons/css/ionicons.min.css" rel="stylesheet"> <link href="assets/vendor/venobox/venobox.css" rel="stylesheet"> <link href="assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet"> <link href="assets/vendor/aos/aos.css" rel="stylesheet"> <!-- Template Main CSS File --> <link href="assets/css/style.css" rel="stylesheet"> </head> <body> <!-- ======= Header ======= --> <header id="header" class="fixed-top header-transparent"> <div class="container d-flex align-items-center"> <a href="index.html" class="logo mr-auto"><img src="assets/img/logo.png" alt="" class="img-fluid"></a> <nav class="main-nav d-none d-lg-block"> <ul> <li class="active"><a href="index.html">Home</a></li> <li><a href="#about">About Us</a></li> <li><a href="#services">Services</a></li> <li><a href="#features">Features</a></li> <li><a href="#team">Team</a></li> </ul> </nav><!-- .main-nav--> </div> </header><!-- End Header --> <!-- ======= Hero Section ======= --> <section id="hero" class="clearfix"> <div class="container d-flex h-100"> <div class="row justify-content-center align-self-center" data-aos="fade-up"> <div class="col-md-6 intro-info order-md-first order-last" data-aos="zoom-in" data-aos-delay="100"> <h2>A new solution<br>for your <span>E-sports Tournaments</span></h2> <div> <a href="#about" class="btn-get-started scrollto">Get Started</a> </div> </div> <div class="col-md-6 intro-img order-md-last order-first" data-aos="zoom-out" data-aos-delay="200"> <img src="assets/img/undraw_startup_life_2du2.svg" alt="" class="img-fluid"> </div> </div> </div> </section><!-- End Hero --> <main id="main"> <!-- ======= About Section ======= --> <section id="about" class="about"> <div class="container" data-aos="fade-up"> <div class="row"> <div class="col-lg-4 col-md-6"> <div class="about-img" data-aos="fade-right" data-aos-delay="100"> <img src="assets/img/Main Mock up.png" alt=""> </div> </div> <div class="col-lg-7 col-md-6"> <div class="about-content" data-aos="fade-left" data-aos-delay="100"> <h2>About Us</h2> <h3>Odio sed id eos et laboriosam consequatur eos earum soluta.</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <p>Aut dolor id. Sint aliquam consequatur ex ex labore. Et quis qui dolor nulla dolores neque. Aspernatur consectetur omnis numquam quaerat. Sed fugiat nisi. Officiis veniam molestiae. Et vel ut quidem alias veritatis repudiandae ut fugit. Est ut eligendi aspernatur nulla voluptates veniam iusto vel quisquam. Fugit ut maxime incidunt accusantium totam repellendus eum error. Et repudiandae eum iste qui et ut ab alias.</p> <ul> <li>Ullamco laboris nisi ut aliquip ex ea commodo consequat.</li> <li>Duis aute irure dolor in reprehenderit in voluptate velit.</li> <li> Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate trideta storacalaperda mastiro dolore eu fugiat nulla pariatur.</li> </ul> </div> </div> </div> </div> </section><!-- End About Section --> <!-- ======= Services Section ======= --> <section id="services" class="services section-bg"> <div class="container" data-aos="fade-up"> <header class="section-header"> <h3>Services</h3> <p>Laudem latine persequeris id sed, ex fabulas delectus quo. No vel partiendo abhorreant vituperatoribus.</p> </header> <div class="row"> <div class="col-md-12 col-lg-4" data-aos="zoom-in" data-aos-delay="100"> <div class="box"> <div class="icon" style="background: rgba(119,20,255,1)"><i class="ion-ios-analytics-outline" style="color: #ffffff;"></i></div> <h4 class="title">Lorem Ipsum</h4> <p class="description">Voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident</p> </div> </div> <div class="col-md-12 col-lg-4" data-aos="zoom-in" data-aos-delay="200"> <div class="box"> <div class="icon" style="background: rgba(119,20,255,1)"><i class="ion-ios-bookmarks-outline" style="color: #ffffff;"></i></div> <h4 class="title">Dolor Sitema</h4> <p class="description">Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat tarad limino ata</p> </div> </div> <div class="col-md-12 col-lg-4" data-aos="zoom-in" data-aos-delay="300"> <div class="box"> <div class="icon" style="background: rgba(119,20,255,1)"><i class="ion-ios-paper-outline" style="color: #ffffff;"></i></div> <h4 class="title">Sed ut perspiciatis</h4> <p class="description">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p> </div> </div> </div> </div> </section><!-- End Services Section --> <!-- ======= Call To Action Section ======= --> <section id="call-to-action" class="call-to-action"> <div class="container" data-aos="zoom-out"> <div class="row"> <div class="col-lg-9 text-center text-lg-left"> <h3 class="cta-title">Call To Action</h3> <p class="cta-text"> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> </div> <div class="col-lg-3 cta-btn-container text-center"> <a class="cta-btn align-middle" href="#">Call To Action</a> </div> </div> </div> </section><!-- End Call To Action Section --> <!-- ======= Features Section ======= --> <section id="features" class="features"> <div class="container" data-aos="fade-up"> <div class="row feature-item"> <div class="col-12"> <header class="section-header"> <h3>Features</h3> <p>Laudem latine persequeris id sed, ex fabulas delectus quo. No vel partiendo abhorreant vituperatoribus.</p> </header> </div> <div class="col-lg-8" data-aos="fade-right" data-aos-delay="100"> <img src="assets/img/Mac Mock up.png" class="img-fluid" alt=""> </div> <div class= "col-lg-4 d-flex align-items-center"> <div class="wow fadeInUp pt-5" data-aos="fade-left" data-aos-delay="150"> <h4>Voluptatem dignissimos provident quasi.</h4> <p> Ipsum in aspernatur ut possimus sint. Quia omnis est occaecati possimus ea. Quas molestiae perspiciatis occaecati qui rerum. Deleniti quod porro sed quisquam saepe. Numquam mollitia recusandae non ad at et a. </p> </div> </div> <div class="col-lg-8 pt-5 order-lg-2" data-aos="fade-right" data-aos-delay="100"> <img src="assets/img/Other.png" class="img-fluid" alt=""> </div> <div class= "col-lg-4 d-flex align-items-center"> <div class="wow fadeInUp pt-5 order-lg-1" data-aos="fade-left" data-aos-delay="150"> <h4>Voluptatem dignissimos provident quasi.</h4> <p> Ipsum in aspernatur ut possimus sint. Quia omnis est occaecati possimus ea. Quas molestiae perspiciatis occaecati qui rerum. Deleniti quod porro sed quisquam saepe. Numquam mollitia recusandae non ad at et a. </p> </div> </div> </div> </div> </div> </section><!-- End Features Section --> <!-- ======= Team Section ======= --> <section id="team" class="team section-bg"> <div class="container" data-aos="fade-up"> <div class="section-header"> <h3>Team</h3> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque</p> </div> <div class="row"> <div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="100"> <div class="member"> <img src="assets/img/team-1.jpg" class="img-fluid" alt=""> <div class="member-info"> <div class="member-info-content"> <h4>Kunal Kirpalani</h4> <span>Chief Executive Officer</span> <div class="social"> <span>"I'm gonna make him an offer he can't refuse."</span> </div> </div> </div> </div> </div> <div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="200"> <div class="member"> <img src="assets/img/team-2.jpg" class="img-fluid" alt=""> <div class="member-info"> <div class="member-info-content"> <h4>Kuki</h4> <span>Product Manager</span> <div class="social"> <span>"The stuff that dreams are made of"</span> </div> </div> </div> </div> </div> <div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="300"> <div class="member"> <img src="assets/img/team-3.jpg" class="img-fluid" alt=""> <div class="member-info"> <div class="member-info-content"> <h4>Peachy</h4> <span>Principal Designer</span> <div class="social"> <span>"Less but better"</span> </div> </div> </div> </div> </div> <div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="400"> <div class="member"> <img src="assets/img/team-4.jpg" class="img-fluid" alt=""> <div class="member-info"> <div class="member-info-content"> <h4>Sir Kunalowski Kunalić</h4> <span>Accountant</span> <div class="social"> <span>"Show me the money!"</span> </div> </div> </div> </div> </div> </div> </div> </section><!-- End Team Section --> </main><!-- End #main --> <!-- ======= Footer ======= --> <footer id="footer" class="section-bg"> <div class="container"> <div class="row"> <div class="col-md-12 mt-4"> <header class="section-header"> <p>Made by Kunal. <br>Contact us at: LanParty@gmail.com</p> </header> </div> </div> </div> </footer><!-- End Footer --> <a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a> <!-- Vendor JS Files --> <script src="assets/vendor/jquery/jquery.min.js"></script> <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script> <script src="assets/vendor/php-email-form/validate.js"></script> <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script> <script src="assets/vendor/counterup/counterup.min.js"></script> <script src="assets/vendor/venobox/venobox.min.js"></script> <script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script> <script src="assets/vendor/waypoints/jquery.waypoints.min.js"></script> <script src="assets/vendor/aos/aos.js"></script> <!-- Template Main JS File --> <script src="assets/js/main.js"></script> </body> </html>