[ Mini Kiebo ]
Server: Windows NT AKFAR_SERVER 10.0 build 26200 (Windows 10) AMD64
Path:
D:
/
xampp
/
htdocs
/
bem
/
assets
/
meetup
/
[
Home
]
File: index.html
<!DOCTYPE html> <html lang="en"> <head> <title>MeetUp - Free Bootstrap 4 Template by Colorlib</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900" rel="stylesheet"> <link rel="stylesheet" href="css/open-iconic-bootstrap.min.css"> <link rel="stylesheet" href="css/animate.css"> <link rel="stylesheet" href="css/owl.carousel.min.css"> <link rel="stylesheet" href="css/owl.theme.default.min.css"> <link rel="stylesheet" href="css/magnific-popup.css"> <link rel="stylesheet" href="css/aos.css"> <link rel="stylesheet" href="css/ionicons.min.css"> <link rel="stylesheet" href="css/flaticon.css"> <link rel="stylesheet" href="css/icomoon.css"> <link rel="stylesheet" href="css/style.css"> </head> <body data-spy="scroll" data-target=".site-navbar-target" data-offset="300"> <nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light site-navbar-target" id="ftco-navbar"> <div class="container"> <a class="navbar-brand" href="index.html">Meet<span>Up.</span></a> <button class="navbar-toggler js-fh5co-nav-toggle fh5co-nav-toggle" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation"> <span class="oi oi-menu"></span> Menu </button> <div class="collapse navbar-collapse" id="ftco-nav"> <ul class="navbar-nav nav ml-auto"> <li class="nav-item"><a href="#home-section" class="nav-link"><span>Home</span></a></li> <li class="nav-item"><a href="#about-section" class="nav-link"><span>About</span></a></li> <li class="nav-item"><a href="#speakers-section" class="nav-link"><span>Speakers</span></a></li> <li class="nav-item"><a href="#schedule-section" class="nav-link"><span>Schedule</span></a></li> <li class="nav-item"><a href="#pricing-section" class="nav-link"><span>Pricing</span></a></li> <li class="nav-item"><a href="#blog-section" class="nav-link"><span>Blog</span></a></li> <li class="nav-item"><a href="#contact-section" class="nav-link"><span>Contact</span></a></li> <li class="nav-item cta"><a href="#" class="nav-link">Buy Ticket</a></li> </ul> </div> </div> </nav> <section id="home-section" class="hero js-fullheight"> <h3 class="vr"><span>Welcome</span> to MeetUp.</h3> <div id="timer" class="text-center"> <div class="time" id="days"></div> <div class="time" id="hours"></div> <div class="time" id="minutes"></div> <div class="time" id="seconds"></div> </div> <div class="home-slider owl-carousel js-fullheight"> <div class="slider-item js-fullheight"> <div class="overlay"></div> <div class="container-fluid px-0"> <div class="row d-md-flex no-gutters slider-text js-fullheight align-items-end justify-content-end" data-scrollax-parent="true"> <div class="one-third order-md-last js-fullheight img" style="background-image:url(images/bg_1.jpg);"> <div class="overlay"></div> </div> <div class="one-forth js-fullheight d-flex align-items-start align-items-md-center ftco-animate" data-scrollax=" properties: { translateY: '70%' }"> <div class="text mt-4 mt-md-0"> <h1 class="mb-4">Annual <span>Conference</span> 2019</span></h1> <h2 class="mb-4">November 26-30, 2019 - 08:00am-12:00pm</h2> <p><a href="#" class="btn btn-primary py-3 px-4">Get Ticket</a> <a href="#" class="btn btn-white py-3 px-4">Watch Video</a></p> </div> </div> </div> </div> </div> <div class="slider-item js-fullheight"> <div class="overlay"></div> <div class="container-fluid px-0"> <div class="row d-flex no-gutters slider-text js-fullheight align-items-end justify-content-end" data-scrollax-parent="true"> <div class="one-third order-md-last js-fullheight img" style="background-image:url(images/bg_2.jpg);"> <div class="overlay"></div> </div> <div class="one-forth js-fullheight d-flex align-items-start align-items-md-center ftco-animate" data-scrollax=" properties: { translateY: '70%' }"> <div class="text mt-4 mt-md-0"> <h1 class="mb-4">Business <span>Conference</span> 2019</h1> <h2 class="mb-4">November 26-30, 2019 - 08:00am-12:00pm</h2> <p><a href="#" class="btn btn-primary py-3 px-4">Get Ticket</a> <a href="#" class="btn btn-white py-3 px-4">Watch Video</a></p> </div> </div> </div> </div> </div> </div> </section> <section class="ftco-about ftco-counter ftco-no-pb img ftco-section" id="about-section"> <div class="container"> <div class="row d-flex"> <div class="col-md-6 col-lg-5 d-flex"> <div class="img-about img d-flex align-items-stretch"> <div class="overlay"></div> <div class="img d-flex align-self-stretch align-items-center" style="background-image:url(images/about-1.jpg);"> </div> </div> </div> <div class="col-md-6 col-lg-7 pl-lg-5 pt-5"> <div class="row justify-content-start pb-3"> <div class="col-md-12 heading-section ftco-animate"> <span class="subheading">Welcome</span> <h2 class="mb-4" style="font-size: 34px; text-transform: capitalize;">About Me</h2> <p>A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p> <p>The copy warned the Little Blind Text, that where it came from it would have been rewritten a thousand times and everything that was left from its origin would be the word "and" and the Little Blind Text should turn around and return to its own, safe country. But nothing the copy said could convince her and so it didn’t take long until a few insidious Copy Writers ambushed her, made her drunk with Longe and Parole and dragged her into their agency, where they abused her for their.</p> </div> </div> <div class="counter-wrap ftco-animate d-flex mt-md-3"> <div class="text p-4 pr-5 bg-primary"> <p class="mb-0"> <span class="number" data-number="50">0</span> <span>Years Experienced</span> </p> </div> </div> </div> </div> </div> </section> <section class="ftco-section ftco-no-pb ftco-no-pt"> <div class="container-fluid px-0"> <div class="row no-gutters"> <div class="col-md-6 col-lg-3 ftco-animate"> <div class="gallery img" style="background-image: url(images/gallery-1.jpg);"> </div> </div> <div class="col-md-6 col-lg-3 ftco-animate"> <div class="gallery img" style="background-image: url(images/gallery-2.jpg);"> </div> </div> <div class="col-md-6 col-lg-3 ftco-animate"> <div class="gallery img" style="background-image: url(images/gallery-3.jpg);"> </div> </div> <div class="col-md-6 col-lg-3 ftco-animate"> <div class="gallery img" style="background-image: url(images/gallery-4.jpg);"> </div> </div> </div> </div> </section> <section class="ftco-section ftco-subscribe img" style="background-image: url(images/bg_1.jpg);"> <div class="overlay"></div> <div class="container"> <div class="row justify-content-center pb-5"> <div class="col-md-7 heading-section heading-section-white text-center ftco-animate"> <h2 class="mb-4">Join Our Event</h2> <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> <div class="row d-flex justify-content-center mt-4"> <div class="col-md-10"> <form action="#" class="subscribe-form"> <div class="form-group d-flex"> <input type="text" class="form-control" placeholder="Enter email address"> <input type="submit" value="Subscribe" class="submit px-3"> </div> </form> </div> </div> </div> </div> </div> </section> <section class="ftco-section ftco-speakers" id="speakers-section"> <div class="container"> <div class="row justify-content-center pb-5"> <div class="col-md-12 heading-section heading-section-white text-center ftco-animate"> <span class="subheading">Speakers</span> <h2 class="mb-4">MeetUp Speakers</h2> <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia</p> </div> </div> <div class="row"> <div class="col-sm-6 col-md-6 col-lg-3 ftco-animate"> <div class="staff"> <div class="img-wrap d-flex align-items-stretch justify-content-end"> <div class="img align-self-stretch" style="background-image: url(images/staff-1.jpg);"></div> </div> <div class="text d-flex align-items-center pt-3"> <div> <h3 class="mb-2">John <br>Wilson</h3> <span class="position mb-4">CEO, Founder</span> <ul class="ftco-social"> <li class="ftco-animate"><a href="#"><span class="icon-twitter"></span></a></li> <li class="ftco-animate"><a href="#"><span class="icon-facebook"></span></a></li> <li class="ftco-animate"><a href="#"><span class="icon-google-plus"></span></a></li> <li class="ftco-animate"><a href="#"><span class="icon-instagram"></span></a></li> </ul> </div> </div> </div> </div> <div class="col-sm-6 col-md-6 col-lg-3 ftco-animate"> <div class="staff"> <div class="img-wrap d-flex align-items-stretch justify-content-end"> <div class="img align-self-stretch" style="background-image: url(images/staff-2.jpg);"></div> </div> <div class="text d-flex align-items-center pt-3"> <div> <h3 class="mb-2">Robert <br>Wills</h3> <span class="position mb-4">Businessman</span> <ul class="ftco-social"> <li class="ftco-animate"><a href="#"><span class="icon-twitter"></span></a></li> <li class="ftco-animate"><a href="#"><span class="icon-facebook"></span></a></li> <li class="ftco-animate"><a href="#"><span class="icon-google-plus"></span></a></li> <li class="ftco-animate"><a href="#"><span class="icon-instagram"></span></a></li> </ul> </div> </div> </div> </div> <div class="col-sm-6 col-md-6 col-lg-3 ftco-animate"> <div class="staff"> <div class="img-wrap d-flex align-items-stretch justify-content-end"> <div class="img align-self-stretch" style="background-image: url(images/staff-3.jpg);"></div> </div> <div class="text d-flex align-items-center pt-3"> <div> <h3 class="mb-2">Mike <br>Smith</h3> <span class="position mb-4">Entrepreneur</span> <ul class="ftco-social"> <li class="ftco-animate"><a href="#"><span class="icon-twitter"></span></a></li> <li class="ftco-animate"><a href="#"><span class="icon-facebook"></span></a></li> <li class="ftco-animate"><a href="#"><span class="icon-google-plus"></span></a></li> <li class="ftco-animate"><a href="#"><span class="icon-instagram"></span></a></li> </ul> </div> </div> </div> </div> <div class="col-sm-6 col-md-6 col-lg-3 ftco-animate"> <div class="staff"> <div class="img-wrap d-flex align-items-stretch justify-content-end"> <div class="img align-self-stretch" style="background-image: url(images/staff-4.jpg);"></div> </div> <div class="text d-flex align-items-center pt-3"> <div> <h3 class="mb-2">Adrian <br>Henderson</h3> <span class="position mb-4">Web Developer</span> <ul class="ftco-social"> <li class="ftco-animate"><a href="#"><span class="icon-twitter"></span></a></li> <li class="ftco-animate"><a href="#"><span class="icon-facebook"></span></a></li> <li class="ftco-animate"><a href="#"><span class="icon-google-plus"></span></a></li> <li class="ftco-animate"><a href="#"><span class="icon-instagram"></span></a></li> </ul> </div> </div> </div> </div> <div class="col-sm-6 col-md-6 col-lg-3 ftco-animate"> <div class="staff"> <div class="img-wrap d-flex align-items-stretch justify-content-end"> <div class="img align-self-stretch" style="background-image: url(images/person_1.jpg);"></div> </div> <div class="text d-flex align-items-center pt-3"> <div> <h3 class="mb-2">John <br>Wilson</h3> <span class="position mb-4">CEO, Founder</span> <ul class="ftco-social"> <li class="ftco-animate"><a href="#"><span class="icon-twitter"></span></a></li> <li class="ftco-animate"><a href="#"><span class="icon-facebook"></span></a></li> <li class="ftco-animate"><a href="#"><span class="icon-google-plus"></span></a></li> <li class="ftco-animate"><a href="#"><span class="icon-instagram"></span></a></li> </ul> </div> </div> </div> </div> <div class="col-sm-6 col-md-6 col-lg-3 ftco-animate"> <div class="staff"> <div class="img-wrap d-flex align-items-stretch justify-content-end"> <div class="img align-self-stretch" style="background-image: url(images/person_2.jpg);"></div> </div> <div class="text d-flex align-items-center pt-3"> <div> <h3 class="mb-2">Robert <br>Wills</h3> <span class="position mb-4">Businessman</span> <ul class="ftco-social"> <li class="ftco-animate"><a href="#"><span class="icon-twitter"></span></a></li> <li class="ftco-animate"><a href="#"><span class="icon-facebook"></span></a></li> <li class="ftco-animate"><a href="#"><span class="icon-google-plus"></span></a></li> <li class="ftco-animate"><a href="#"><span class="icon-instagram"></span></a></li> </ul> </div> </div> </div> </div> <div class="col-sm-6 col-md-6 col-lg-3 ftco-animate"> <div class="staff"> <div class="img-wrap d-flex align-items-stretch justify-content-end"> <div class="img align-self-stretch" style="background-image: url(images/person_3.jpg);"></div> </div> <div class="text d-flex align-items-center pt-3"> <div> <h3 class="mb-2">Mike <br>Smith</h3> <span class="position mb-4">Entrepreneur</span> <ul class="ftco-social"> <li class="ftco-animate"><a href="#"><span class="icon-twitter"></span></a></li> <li class="ftco-animate"><a href="#"><span class="icon-facebook"></span></a></li> <li class="ftco-animate"><a href="#"><span class="icon-google-plus"></span></a></li> <li class="ftco-animate"><a href="#"><span class="icon-instagram"></span></a></li> </ul> </div> </div> </div> </div> <div class="col-sm-6 col-md-6 col-lg-3 ftco-animate"> <div class="staff"> <div class="img-wrap d-flex align-items-stretch justify-content-end"> <div class="img align-self-stretch" style="background-image: url(images/person_4.jpg);"></div> </div> <div class="text d-flex align-items-center pt-3"> <div> <h3 class="mb-2">Adrian <br>Henderson</h3> <span class="position mb-4">Web Developer</span> <ul class="ftco-social"> <li class="ftco-animate"><a href="#"><span class="icon-twitter"></span></a></li> <li class="ftco-animate"><a href="#"><span class="icon-facebook"></span></a></li> <li class="ftco-animate"><a href="#"><span class="icon-google-plus"></span></a></li> <li class="ftco-animate"><a href="#"><span class="icon-instagram"></span></a></li> </ul> </div> </div> </div> </div> </div> </div> </section> <section class="ftco-section bg-light" id="schedule-section"> <div class="container"> <div class="row justify-content-center pb-5"> <div class="col-md-12 heading-section text-center ftco-animate"> <span class="subheading">Schedule</span> <h2 class="mb-4">Program Schedule</h2> <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia</p> </div> </div> <div class="ftco-schedule"> <div class="row"> <div class="col-md-4 nav-link-wrap"> <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical"> <a class="nav-link ftco-animate active" id="v-pills-1-tab" data-toggle="pill" href="#v-pills-1" role="tab" aria-controls="v-pills-1" aria-selected="true">Day 01 <span>21 November 2019</span></a> <a class="nav-link ftco-animate" id="v-pills-2-tab" data-toggle="pill" href="#v-pills-2" role="tab" aria-controls="v-pills-2" aria-selected="false">Day 02 <span>22 November 2019</span></a> <a class="nav-link ftco-animate" id="v-pills-3-tab" data-toggle="pill" href="#v-pills-3" role="tab" aria-controls="v-pills-3" aria-selected="false">Day 03 <span>23 November 2019</span></a> <a class="nav-link ftco-animate" id="v-pills-4-tab" data-toggle="pill" href="#v-pills-4" role="tab" aria-controls="v-pills-4" aria-selected="false">Day 04 <span>24 November 2019</span></a> </div> </div> <div class="col-md-8 tab-wrap"> <div class="tab-content" id="v-pills-tabContent"> <div class="tab-pane fade show active" id="v-pills-1" role="tabpanel" aria-labelledby="day-1-tab"> <div class="speaker-wrap ftco-animate d-flex"> <div class="img speaker-img" style="background-image: url(images/person_1.jpg);"></div> <div class="text pl-md-5"> <span class="time">08:00AM - 10:00AM</span> <h2><a href="#">Introduction to Wordpress 5.0</a></h2> <p>A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p> <h3 class="speaker-name">— <a href="#">Brett Morgan</a> <span class="position">Founder of Wordpress</span></h3> </div> </div> <div class="speaker-wrap ftco-animate d-flex"> <div class="img speaker-img" style="background-image: url(images/person_2.jpg);"></div> <div class="text pl-md-5"> <span class="time">08:00AM - 10:00AM</span> <h2><a href="#">Best Practices For Programming WordPress</a></h2> <p>A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p> <h3 class="speaker-name">— <a href="#">Brett Morgan</a> <span class="position">Founder of Wordpress</span></h3> </div> </div> <div class="speaker-wrap ftco-animate d-flex"> <div class="img speaker-img" style="background-image: url(images/person_3.jpg);"></div> <div class="text pl-md-5"> <span class="time">08:00AM - 10:00AM</span> <h2><a href="#">Web Performance For Third Party Scripts</a></h2> <p>A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p> <h3 class="speaker-name">— <a href="#">Brett Morgan</a> <span class="position">Founder of Wordpress</span></h3> </div> </div> </div> <div class="tab-pane fade" id="v-pills-2" role="tabpanel" aria-labelledby="v-pills-day-2-tab"> <div class="speaker-wrap ftco-animate d-flex"> <div class="img speaker-img" style="background-image: url(images/person_1.jpg);"></div> <div class="text pl-md-5"> <span class="time">08:00AM - 10:00AM</span> <h2><a href="#">Introduction to Wordpress 5.0</a></h2> <p>A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p> <h3 class="speaker-name">— <a href="#">Brett Morgan</a> <span class="position">Founder of Wordpress</span></h3> </div> </div> <div class="speaker-wrap ftco-animate d-flex"> <div class="img speaker-img" style="background-image: url(images/person_2.jpg);"></div> <div class="text pl-md-5"> <span class="time">08:00AM - 10:00AM</span> <h2><a href="#">Best Practices For Programming WordPress</a></h2> <p>A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p> <h3 class="speaker-name">— <a href="#">Brett Morgan</a> <span class="position">Founder of Wordpress</span></h3> </div> </div> <div class="speaker-wrap ftco-animate d-flex"> <div class="img speaker-img" style="background-image: url(images/person_3.jpg);"></div> <div class="text pl-md-5"> <span class="time">08:00AM - 10:00AM</span> <h2><a href="#">Web Performance For Third Party Scripts</a></h2> <p>A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p> <h3 class="speaker-name">— <a href="#">Brett Morgan</a> <span class="position">Founder of Wordpress</span></h3> </div> </div> </div> <div class="tab-pane fade" id="v-pills-3" role="tabpanel" aria-labelledby="v-pills-day-3-tab"> <div class="speaker-wrap ftco-animate d-flex"> <div class="img speaker-img" style="background-image: url(images/person_1.jpg);"></div> <div class="text pl-md-5"> <span class="time">08:00AM - 10:00AM</span> <h2><a href="#">Introduction to Wordpress 5.0</a></h2> <p>A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p> <h3 class="speaker-name">— <a href="#">Brett Morgan</a> <span class="position">Founder of Wordpress</span></h3> </div> </div> <div class="speaker-wrap ftco-animate d-flex"> <div class="img speaker-img" style="background-image: url(images/person_2.jpg);"></div> <div class="text pl-md-5"> <span class="time">08:00AM - 10:00AM</span> <h2><a href="#">Best Practices For Programming WordPress</a></h2> <p>A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p> <h3 class="speaker-name">— <a href="#">Brett Morgan</a> <span class="position">Founder of Wordpress</span></h3> </div> </div> <div class="speaker-wrap ftco-animate d-flex"> <div class="img speaker-img" style="background-image: url(images/person_3.jpg);"></div> <div class="text pl-md-5"> <span class="time">08:00AM - 10:00AM</span> <h2><a href="#">Web Performance For Third Party Scripts</a></h2> <p>A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p> <h3 class="speaker-name">— <a href="#">Brett Morgan</a> <span class="position">Founder of Wordpress</span></h3> </div> </div> </div> <div class="tab-pane fade" id="v-pills-4" role="tabpanel" aria-labelledby="v-pills-day-4-tab"> <div class="speaker-wrap ftco-animate d-flex"> <div class="img speaker-img" style="background-image: url(images/person_1.jpg);"></div> <div class="text pl-md-5"> <span class="time">08:00AM - 10:00AM</span> <h2><a href="#">Introduction to Wordpress 5.0</a></h2> <p>A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p> <h3 class="speaker-name">— <a href="#">Brett Morgan</a> <span class="position">Founder of Wordpress</span></h3> </div> </div> <div class="speaker-wrap ftco-animate d-flex"> <div class="img speaker-img" style="background-image: url(images/person_2.jpg);"></div> <div class="text pl-md-5"> <span class="time">08:00AM - 10:00AM</span> <h2><a href="#">Best Practices For Programming WordPress</a></h2> <p>A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p> <h3 class="speaker-name">— <a href="#">Brett Morgan</a> <span class="position">Founder of Wordpress</span></h3> </div> </div> <div class="speaker-wrap ftco-animate d-flex"> <div class="img speaker-img" style="background-image: url(images/person_3.jpg);"></div> <div class="text pl-md-5"> <span class="time">08:00AM - 10:00AM</span> <h2><a href="#">Web Performance For Third Party Scripts</a></h2> <p>A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p> <h3 class="speaker-name">— <a href="#">Brett Morgan</a> <span class="position">Founder of Wordpress</span></h3> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="ftco-section" id="pricing-section"> <div class="container"> <div class="row justify-content-center pb-5"> <div class="col-md-12 heading-section text-center ftco-animate"> <span class="subheading">Pricing</span> <h2 class="mb-4">Buy Tickets</h2> <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia</p> </div> </div> <div class="row"> <div class="col-md-3 ftco-animate"> <div class="pricing-entry pb-5 text-center"> <div> <h3 class="mb-4">Basic</h3> <p><span class="price">$29.00</span> <span class="per">/ month</span></p> </div> <ul> <li>Visit 4 Events</li> <li>Regular Seat</li> <li>Free Coffee</li> <li>Lunch Item</li> <li>Free Entrance</li> </ul> <p class="button text-center"><a href="#" class="btn btn-primary px-4 py-3">Buy Ticket</a></p> </div> </div> <div class="col-md-3 ftco-animate"> <div class="pricing-entry pb-5 text-center"> <div> <h3 class="mb-4">Standard</h3> <p><span class="price">$59.00</span> <span class="per">/ month</span></p> </div> <ul> <li>Visit 4 Events</li> <li>Regular Seat</li> <li>Free Coffee</li> <li>Lunch Item</li> <li>Free Entrance</li> </ul> <p class="button text-center"><a href="#" class="btn btn-primary px-4 py-3">Buy Ticket</a></p> </div> </div> <div class="col-md-3 ftco-animate"> <div class="pricing-entry active pb-5 text-center"> <div> <h3 class="mb-4">Premium</h3> <p><span class="price">$79.00</span> <span class="per">/ month</span></p> </div> <ul> <li>Visit 4 Events</li> <li>Regular Seat</li> <li>Free Coffee</li> <li>Lunch Item</li> <li>Free Entrance</li> </ul> <p class="button text-center"><a href="#" class="btn btn-primary px-4 py-3">Buy Ticket</a></p> </div> </div> <div class="col-md-3 ftco-animate"> <div class="pricing-entry pb-5 text-center"> <div> <h3 class="mb-4">Gold</h3> <p><span class="price">$89.50</span> <span class="per">/ month</span></p> </div> <ul> <li>Visit 10 Events</li> <li>VIP Seat</li> <li>Free Coffee</li> <li>Free Lunch</li> <li>Free Entrance</li> </ul> <p class="button text-center"><a href="#" class="btn btn-primary px-4 py-3">Buy Ticket</a></p> </div> </div> </div> </div> </section> <section class="ftco-section bg-light" id="blog-section"> <div class="container"> <div class="row justify-content-center mb-5 pb-5"> <div class="col-md-7 heading-section text-center ftco-animate"> <span class="subheading">Blog</span> <h2 class="mb-4">Our Blog</h2> <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia</p> </div> </div> <div class="row d-flex"> <div class="col-md-4 d-flex ftco-animate"> <div class="blog-entry justify-content-end"> <a href="single.html" class="block-20" style="background-image: url('images/image_1.jpg');"> </a> <div class="text mt-3 float-right d-block"> <div class="d-flex align-items-center mb-3 meta"> <p class="mb-0"> <span class="mr-2">March 23, 2019</span> <a href="#" class="mr-2">Admin</a> <a href="#" class="meta-chat"><span class="icon-chat"></span> 3</a> </p> </div> <h3 class="heading"><a href="single.html">Why Lead Generation is Key for Business Growth</a></h3> <p>A small river named Duden flows by their place and supplies it with the necessary regelialia.</p> </div> </div> </div> <div class="col-md-4 d-flex ftco-animate"> <div class="blog-entry justify-content-end"> <a href="single.html" class="block-20" style="background-image: url('images/image_2.jpg');"> </a> <div class="text mt-3 float-right d-block"> <div class="d-flex align-items-center mb-3 meta"> <p class="mb-0"> <span class="mr-2">March 23, 2019</span> <a href="#" class="mr-2">Admin</a> <a href="#" class="meta-chat"><span class="icon-chat"></span> 3</a> </p> </div> <h3 class="heading"><a href="single.html">Why Lead Generation is Key for Business Growth</a></h3> <p>A small river named Duden flows by their place and supplies it with the necessary regelialia.</p> </div> </div> </div> <div class="col-md-4 d-flex ftco-animate"> <div class="blog-entry"> <a href="single.html" class="block-20" style="background-image: url('images/image_3.jpg');"> </a> <div class="text mt-3 float-right d-block"> <div class="d-flex align-items-center mb-3 meta"> <p class="mb-0"> <span class="mr-2">March 23, 2019</span> <a href="#" class="mr-2">Admin</a> <a href="#" class="meta-chat"><span class="icon-chat"></span> 3</a> </p> </div> <h3 class="heading"><a href="single.html">Why Lead Generation is Key for Business Growth</a></h3> <p>A small river named Duden flows by their place and supplies it with the necessary regelialia.</p> </div> </div> </div> </div> </div> </section> <section class="ftco-section contact-section ftco-no-pb" id="contact-section"> <div class="container"> <div class="row justify-content-center mb-5 pb-3"> <div class="col-md-7 heading-section text-center ftco-animate"> <span class="subheading">Contact</span> <h2 class="mb-4">Contact Me</h2> <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia</p> </div> </div> <div class="row block-9"> <div class="col-md-7 order-md-last d-flex"> <form action="#" class="bg-light p-4 p-md-5 contact-form"> <div class="form-group"> <input type="text" class="form-control" placeholder="Your Name"> </div> <div class="form-group"> <input type="text" class="form-control" placeholder="Your Email"> </div> <div class="form-group"> <input type="text" class="form-control" placeholder="Subject"> </div> <div class="form-group"> <textarea name="" id="" cols="30" rows="7" class="form-control" placeholder="Message"></textarea> </div> <div class="form-group"> <input type="submit" value="Send Message" class="btn btn-primary py-3 px-5"> </div> </form> </div> <div class="col-md-5 d-flex"> <div class="row d-flex contact-info mb-5"> <div class="col-md-12 ftco-animate"> <div class="box p-2 px-3 bg-light d-flex"> <div class="icon mr-3"> <span class="icon-map-signs"></span> </div> <div> <h3 class="mb-3">Address</h3> <p>198 West 21th Street, Suite 721 New York NY 10016</p> </div> </div> </div> <div class="col-md-12 ftco-animate"> <div class="box p-2 px-3 bg-light d-flex"> <div class="icon mr-3"> <span class="icon-phone2"></span> </div> <div> <h3 class="mb-3">Contact Number</h3> <p><a href="tel://1234567920">+ 1235 2355 98</a></p> </div> </div> </div> <div class="col-md-12 ftco-animate"> <div class="box p-2 px-3 bg-light d-flex"> <div class="icon mr-3"> <span class="icon-paper-plane"></span> </div> <div> <h3 class="mb-3">Email Address</h3> <p><a href="mailto:info@yoursite.com">info@yoursite.com</a></p> </div> </div> </div> <div class="col-md-12 ftco-animate"> <div class="box p-2 px-3 bg-light d-flex"> <div class="icon mr-3"> <span class="icon-globe"></span> </div> <div> <h3 class="mb-3">Website</h3> <p><a href="#">yoursite.com</a></p> </div> </div> </div> </div> </div> </div> </div> </section> <section class="ftco-section ftco-no-pt ftco-no-pb"> <div id="map" class="bg-white"></div> </section> <footer class="ftco-footer ftco-section"> <div class="container"> <div class="row mb-5"> <div class="col-md"> <div class="ftco-footer-widget mb-4"> <h2 class="ftco-heading-2">About MeetUp.</h2> <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> <ul class="ftco-footer-social list-unstyled float-md-left float-lft mt-5"> <li class="ftco-animate"><a href="#"><span class="icon-twitter"></span></a></li> <li class="ftco-animate"><a href="#"><span class="icon-facebook"></span></a></li> <li class="ftco-animate"><a href="#"><span class="icon-instagram"></span></a></li> </ul> </div> </div> <div class="col-md"> <div class="ftco-footer-widget mb-4 ml-md-4"> <h2 class="ftco-heading-2">Links</h2> <ul class="list-unstyled"> <li><a href="#"><span class="icon-long-arrow-right mr-2"></span>Home</a></li> <li><a href="#"><span class="icon-long-arrow-right mr-2"></span>About</a></li> <li><a href="#"><span class="icon-long-arrow-right mr-2"></span>Schedule</a></li> <li><a href="#"><span class="icon-long-arrow-right mr-2"></span>Speakers</a></li> <li><a href="#"><span class="icon-long-arrow-right mr-2"></span>Contact</a></li> </ul> </div> </div> <div class="col-md"> <div class="ftco-footer-widget mb-4"> <h2 class="ftco-heading-2">Privacy</h2> <ul class="list-unstyled"> <li><a href="#"><span class="icon-long-arrow-right mr-2"></span>Career</a></li> <li><a href="#"><span class="icon-long-arrow-right mr-2"></span>About Us</a></li> <li><a href="#"><span class="icon-long-arrow-right mr-2"></span>Contact Us</a></li> <li><a href="#"><span class="icon-long-arrow-right mr-2"></span>Buy Ticket</a></li> </ul> </div> </div> <div class="col-md"> <div class="ftco-footer-widget mb-4"> <h2 class="ftco-heading-2">Have a Questions?</h2> <div class="block-23 mb-3"> <ul> <li><span class="icon icon-map-marker"></span><span class="text">203 Fake St. Mountain View, San Francisco, California, USA</span></li> <li><a href="#"><span class="icon icon-phone"></span><span class="text">+2 392 3929 210</span></a></li> <li><a href="#"><span class="icon icon-envelope"></span><span class="text">info@yourdomain.com</span></a></li> </ul> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 text-center"> <p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --> Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="icon-heart color-danger" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a> <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p> </div> </div> </div> </footer> <!-- loader --> <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div> <script src="js/jquery.min.js"></script> <script src="js/jquery-migrate-3.0.1.min.js"></script> <script src="js/popper.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/jquery.easing.1.3.js"></script> <script src="js/jquery.waypoints.min.js"></script> <script src="js/jquery.stellar.min.js"></script> <script src="js/owl.carousel.min.js"></script> <script src="js/jquery.magnific-popup.min.js"></script> <script src="js/aos.js"></script> <script src="js/jquery.animateNumber.min.js"></script> <script src="js/scrollax.min.js"></script> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script> <script src="js/google-map.js"></script> <script src="js/main.js"></script> </body> </html>