Server : LiteSpeed System : Linux us-phx-web1202.main-hosting.eu 4.18.0-553.84.1.lve.el8.x86_64 #1 SMP Tue Nov 25 18:33:03 UTC 2025 x86_64 User : u615232177 ( 615232177) PHP Version : 8.1.33 Disable Function : NONE Directory : /home/u615232177/domains/base24rooftop.com/public_html/ |
<?php session_start();
$page_name = basename($_SERVER['PHP_SELF']);
$page_title = "About us";
$page_header = "27f87531da.jpg";
include("header.php"); ?>
<title><?php echo $company_name; ?> - <?php echo $page_title; ?></title>
<?php include("page_header.php"); ?>
<section class="about-one about-one--about section-space">
<div class="container">
<div class="row gutter-y-50 align-items-center">
<div class="col-xl-7 col-lg-6 wow fadeInLeft" data-wow-duration="1500ms">
<div class="about-one__image">
<img src="site_img/general/85c978d073.jpeg" alt="about" class="about-one__image__inner">
</div>
</div>
<div class="col-xl-5 col-lg-6">
<div class="about-one__content">
<div class="sec-title @@extrClassName wow fadeInUp" data-wow-duration="1500ms">
<div class="sec-title__top">
<div class="sec-title__box">
<div class="sec-title__box__inner"></div>
</div><!-- /.sec-title__box -->
<h6 class="sec-title__tagline"><?= $company_name ?></h6><!-- /.sec-title__tagline -->
</div><!-- /.sec-title__top -->
<h3 class="sec-title__title animate-text-1">The Ultimate Bar & <br> Game Center <span class="sec-title__title__highlight">Experience</span></h3><!-- /.sec-title__title -->
</div><!-- /.sec-title -->
<div class="about-one__text-box wow fadeInUp" data-wow-duration="1500ms">
<p class="about-one__text">We’re a place to connect, play, and celebrate. From craft cocktails to live music, trivia, pool tables, and arcade fun, our space is built for unforgettable nights with friends. Whether you come to unwind after work or turn up on the weekend, every visit is a new adventure.</p>
</div><!-- /.about-one__text-box -->
<div class="about-one__list-box wow fadeInUp" data-wow-duration="1500ms">
<div class="row">
<div class="col-lg-6 col-md-4 col-sm-6">
<div class="about-one__list">
<span class="about-one__list__icon"><i class="fas fa-chevron-right"></i></span>
<a href="#" class="about-one__list__link">Signature Cocktails</a>
</div><!-- /.about-one__list -->
</div><!-- /.col-lg-6 col-md-4 col-sm-6 -->
<div class="col-lg-6 col-md-4 col-sm-6">
<div class="about-one__list">
<span class="about-one__list__icon"><i class="fas fa-chevron-right"></i></span>
<a href="#" class="about-one__list__link">Game Nights</a>
</div><!-- /.about-one__list -->
</div><!-- /.col-lg-6 col-md-4 col-sm-6 -->
<div class="col-lg-6 col-md-4 col-sm-6">
<div class="about-one__list">
<span class="about-one__list__icon"><i class="fas fa-chevron-right"></i></span>
<a href="#" class="about-one__list__link">Live Music & DJs</a>
</div><!-- /.about-one__list -->
</div><!-- /.col-lg-6 col-md-4 col-sm-6 -->
<div class="col-lg-6 col-md-4 col-sm-6">
<div class="about-one__list">
<span class="about-one__list__icon"><i class="fas fa-chevron-right"></i></span>
<a href="#" class="about-one__list__link">Exclusive Menu</a>
</div><!-- /.about-one__list -->
</div><!-- /.col-lg-6 col-md-4 col-sm-6 -->
</div><!-- /.row -->
</div><!-- /.about-one__list-box -->
<div class="about-one__bottom">
<div class="about-one__button wow fadeInUp" data-wow-duration="1500ms">
<a href="services" class="insuba-btn">
<span>Services</span>
<span class="insuba-btn__icon-box">
<span class="insuba-btn__icon"><i class="fas fa-arrow-right"></i></span>
</span>
</a><!-- /.insuba-btn -->
</div><!-- /.about-one__button -->
</div><!-- /.about-one__bottom -->
</div><!-- /.about-one__content -->
</div><!-- /.col-xl-5 col-lg-6 -->
</div><!-- /.row gutter-y-50 -->
</div><!-- /.container -->
<img src="assets/images/shapes/about-shape-5-2.png" alt="shape" class="about-one__shape">
</section>
<section class="funfact">
<div class="container">
<div class="funfact__inner">
<div class="funfact__row row gutter-y-40">
<div class="col-lg-3 col-sm-6 wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="00ms">
<div class="funfact__item funfact__item--1">
<div class="funfact__icon-box">
<span class="funfact__icon"><i class="fas fa-users"></i></span><!-- /.funfact__icon -->
</div><!-- /.funfact__icon-box -->
<div class="funfact__content">
<h3 class="funfact__count count-box">
<span class="count-text" data-stop="50" data-speed="1500">0</span>
<span>K</span>
<span>+</span>
</h3><!-- /.funfact__count -->
<p class="funfact__text">Happy Visitors</p><!-- /.funfact__text -->
</div><!-- /.funfact__content -->
<img src="assets/images/shapes/funfact-shape-1.png" alt="shape" class="funfact__item__shape">
</div><!-- /.funfact__item -->
</div><!-- /.col-lg-3 col-sm-6 -->
<div class="col-lg-3 col-sm-6 wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="200ms">
<div class="funfact__item funfact__item--2">
<div class="funfact__icon-box">
<span class="funfact__icon"><i class="fas fa-gamepad"></i></span><!-- /.funfact__icon -->
</div><!-- /.funfact__icon-box -->
<div class="funfact__content">
<h3 class="funfact__count count-box">
<span class="count-text" data-stop="120" data-speed="1500">0</span>
<span>K</span>
<span>+</span>
</h3><!-- /.funfact__count -->
<p class="funfact__text">Games Played</p><!-- /.funfact__text -->
</div><!-- /.funfact__content -->
<img src="assets/images/shapes/funfact-shape-1.png" alt="shape" class="funfact__item__shape">
</div><!-- /.funfact__item -->
</div><!-- /.col-lg-3 col-sm-6 -->
<div class="col-lg-3 col-sm-6 wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="400ms">
<div class="funfact__item funfact__item--3">
<div class="funfact__icon-box">
<span class="funfact__icon"><i class="fas fa-cocktail"></i></span><!-- /.funfact__icon -->
</div><!-- /.funfact__icon-box -->
<div class="funfact__content">
<h3 class="funfact__count count-box">
<span class="count-text" data-stop="75" data-speed="1500">0</span>
<span>K</span>
<span>+</span>
</h3><!-- /.funfact__count -->
<p class="funfact__text">Drinks Served</p><!-- /.funfact__text -->
</div><!-- /.funfact__content -->
<img src="assets/images/shapes/funfact-shape-1.png" alt="shape" class="funfact__item__shape">
</div><!-- /.funfact__item -->
</div><!-- /.col-lg-3 col-sm-6 -->
<div class="col-lg-3 col-sm-6 wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="600ms">
<div class="funfact__item funfact__item--4">
<div class="funfact__icon-box">
<span class="funfact__icon"><i class="fas fa-trophy"></i></span><!-- /.funfact__icon -->
</div><!-- /.funfact__icon-box -->
<div class="funfact__content">
<h3 class="funfact__count count-box">
<span class="count-text" data-stop="250" data-speed="1500">0</span>
<span></span>
<span>+</span>
</h3><!-- /.funfact__count -->
<p class="funfact__text">Tournaments Hosted</p><!-- /.funfact__text -->
</div><!-- /.funfact__content -->
</div><!-- /.funfact__item -->
</div><!-- /.col-lg-3 col-sm-6 -->
</div><!-- /.funfact__row row gutter-y-40 -->
</div><!-- /.funfact__inner -->
</div><!-- /.container -->
</section>
<section class="why-choose-one section-space-top">
<div class="container">
<div class="sec-title sec-title--center wow fadeInUp" data-wow-duration="1500ms">
<div class="sec-title__top">
<div class="sec-title__box">
<div class="sec-title__box__inner"></div>
</div>
<h6 class="sec-title__tagline">Why Choose Us</h6>
</div>
<h3 class="sec-title__title animate-text-1">Our Mission, Vision & Values</h3>
</div>
<div class="why-choose-one__tab-box tabs-box">
<ul class="tab-buttons">
<li data-tab="#why-choose001" class="tab-btn insuba-btn active-btn">
<span class="tab-btn__icon"><i class="fas fa-bullseye"></i></span>
Our Mission
</li>
<li data-tab="#why-choose002" class="tab-btn insuba-btn">
<span class="tab-btn__icon"><i class="fas fa-eye"></i></span>
Our Vision
</li>
<li data-tab="#why-choose003" class="tab-btn insuba-btn">
<span class="tab-btn__icon"><i class="fas fa-heart"></i></span>
Our Values
</li>
</ul>
<div class="tabs-content">
<div class="tab active-tab fadeInUp animated" data-wow-delay="200ms" id="why-choose001" style="display: block;">
<div class="row align-items-center">
<div class="col-xl-6">
<div class="why-choose-one__content">
<h3 class="why-choose-one__title animate-text-1">Creating Nights to Remember</h3>
<div class="why-choose-one__text-box">
<p class="why-choose-one__text">Our mission is to bring people together through music, drinks, and unforgettable experiences. We aim to provide a safe, welcoming, and exciting space where every guest feels part of the energy from the moment they walk in.</p>
</div>
<div class="why-choose-one__insurance">
<div class="why-choose-one__insurance__inner">
<span class="why-choose-one__insurance__icon">
<i class="fas fa-cocktail"></i>
</span>
<div class="why-choose-one__insurance__content">
<h4 class="why-choose-one__insurance__title">Signature Cocktails</h4>
<p class="why-choose-one__insurance__text">Crafted to perfection</p>
</div>
</div>
<div class="why-choose-one__insurance__image">
<img src="site_img/general/0dbc0b4892.jpg" alt="mission" style='height:100px;object-fit:cover;'>
</div>
</div>
<ul class="why-choose-one__list list-unstyled">
<li>
<span class="why-choose-one__list__icon"><i class="fas fa-angle-double-right"></i></span>
Delivering the best nightlife experience.
</li>
<li>
<span class="why-choose-one__list__icon"><i class="fas fa-angle-double-right"></i></span>
Blending music, food, and atmosphere seamlessly.
</li>
</ul>
<div class="why-choose-one__button">
<a href="services" class="insuba-btn">
<span>Read More</span>
<span class="insuba-btn__icon-box">
<span class="insuba-btn__icon"><i class="fas fa-arrow-right"></i></span>
</span>
</a>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="why-choose-one__image">
<img src="site_img/general/0dbc0b4892.jpg" alt="mission" style='height:500px;object-fit:cover;'>
<span class="why-choose-one__image__star-text">*</span>
<div class="why-choose-one__image__shape"></div>
</div>
</div>
</div>
</div>
<div class="tab fadeInUp animated" data-wow-delay="200ms" id="why-choose002" style="display: none;">
<div class="row align-items-center">
<div class="col-xl-6">
<div class="why-choose-one__content">
<h3 class="why-choose-one__title ">A Place for Every Celebration</h3>
<div class="why-choose-one__text-box">
<p class="why-choose-one__text">Our vision is to be the go-to destination for nightlife, live entertainment, and social gatherings. We want to be recognized as the heartbeat of the city’s nightlife where memories are made and stories begin.</p>
</div>
<div class="why-choose-one__insurance">
<div class="why-choose-one__insurance__inner">
<span class="why-choose-one__insurance__icon">
<i class="fas fa-music"></i>
</span>
<div class="why-choose-one__insurance__content">
<h4 class="why-choose-one__insurance__title">Live Music & DJs</h4>
<p class="why-choose-one__insurance__text">The sound of the city</p>
</div>
</div>
<div class="why-choose-one__insurance__image">
<img src="site_img/general/dadf48d496.jpg" alt="mission" style='height:100px;object-fit:cover;'>
</div>
</div>
<ul class="why-choose-one__list list-unstyled">
<li>
<span class="why-choose-one__list__icon"><i class="fas fa-angle-double-right"></i></span>
Building the most vibrant nightlife community.
</li>
<li>
<span class="why-choose-one__list__icon"><i class="fas fa-angle-double-right"></i></span>
A destination for locals and visitors alike.
</li>
</ul>
<div class="why-choose-one__button">
<a href="services" class="insuba-btn">
<span>Read More</span>
<span class="insuba-btn__icon-box">
<span class="insuba-btn__icon"><i class="fas fa-arrow-right"></i></span>
</span>
</a>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="why-choose-one__image">
<img src="site_img/general/dadf48d496.jpg" alt="mission" style='height:500px;object-fit:cover;'>
<span class="why-choose-one__image__star-text">*</span>
<div class="why-choose-one__image__shape"></div>
</div>
</div>
</div>
</div>
<div class="tab fadeInUp animated" data-wow-delay="200ms" id="why-choose003" style="display: none;">
<div class="row align-items-center">
<div class="col-xl-6">
<div class="why-choose-one__content">
<h3 class="why-choose-one__title">Our Guiding Principles</h3>
<div class="why-choose-one__text-box">
<p class="why-choose-one__text">At the heart of everything we do are values that define us: passion for hospitality, respect for diversity, commitment to quality, and creating moments that last forever.</p>
</div>
<div class="why-choose-one__insurance">
<div class="why-choose-one__insurance__inner">
<span class="why-choose-one__insurance__icon">
<i class="fas fa-users"></i>
</span>
<div class="why-choose-one__insurance__content">
<h4 class="why-choose-one__insurance__title">Community First</h4>
<p class="why-choose-one__insurance__text">Where everyone belongs</p>
</div>
</div>
<div class="why-choose-one__insurance__image">
<img src="site_img/general/903bf38aa6.jpeg" alt="mission" style='height:100px;object-fit:cover;'>
</div>
</div>
<ul class="why-choose-one__list list-unstyled">
<li>
<span class="why-choose-one__list__icon"><i class="fas fa-angle-double-right"></i></span>
Passion, creativity, and excellence in service.
</li>
<li>
<span class="why-choose-one__list__icon"><i class="fas fa-angle-double-right"></i></span>
Making every guest feel like family.
</li>
</ul>
<div class="why-choose-one__button">
<a href="services" class="insuba-btn">
<span>Read More</span>
<span class="insuba-btn__icon-box">
<span class="insuba-btn__icon"><i class="fas fa-arrow-right"></i></span>
</span>
</a>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="why-choose-one__image">
<img src="site_img/general/903bf38aa6.jpeg" alt="mission" style='height:500px;object-fit:cover;'>
<span class="why-choose-one__image__star-text">*</span>
<div class="why-choose-one__image__shape"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<?php
$stmt_part = $con -> prepare('SELECT picture FROM partners');
$stmt_part -> execute();
$stmt_part -> store_result();
$stmt_part -> bind_result($partner);
$numrows_part = $stmt_part -> num_rows();
if($numrows_part > 0){
?>
<div class="client-carousel client-carousel--about">
<div class="container">
<div class="client-carousel__carousel insuba-owl__carousel insuba-owl__carousel--with-shadow insuba-owl__carousel--basic-nav owl-theme owl-carousel" data-owl-options='{
"items": 5,
"margin": 65,
"smartSpeed": 700,
"loop":true,
"autoplay": 6000,
"nav":false,
"dots":false,
"navText": ["<i class=\"fas fa-chevron-left\"></i>","<i class=\"fas fa-chevron-right\"></i>"],
"responsive":{
"0":{
"items": 1,
"margin": 10
},
"361":{
"items": 2,
"margin": 20
},
"576":{
"items": 3,
"margin": 20
},
"768":{
"items": 3,
"margin": 40
},
"992":{
"items": 4,
"margin": 40
},
"1200":{
"items": 5,
"margin": 40
}
}
}'>
<?php while ($stmt_part -> fetch()) { ?>
<div class="client-carousel__item">
<img src="site_img/partners/<?= $partner ?>" alt="" class="client-carousel__image">
<div class="client-carousel__hover">
<img src="site_img/partners/<?= $partner ?>" alt="" class="client-carousel__hover__image">
</div>
</div>
<?php } ?>
</div>
</div>
</div>
<?php } ?>
<?php include("footer.php") ?>