| Server IP : 162.0.232.25 / Your IP : 52.15.190.187 Web Server : LiteSpeed System : Linux premium276.web-hosting.com 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64 User : kwacuqig ( 988) PHP Version : 8.2.26 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/kwacuqig/xrer.online/ |
Upload File : |
<!DOCTYPE html>
<html lang="zxx">
<!-- Added by HTTrack -->
<meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Xrer Ltd - Extended Reality</title>
<!-- favicon -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<!-- bootstrap -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- animate css -->
<link rel="stylesheet" href="assets/css/animate.css">
<!-- font-awesome css -->
<link rel="stylesheet" href="assets/css/all.css">
<!-- barlow condensed font-family -->
<link href="https://fonts.cdnfonts.com/css/barlow-condensed-2" rel="stylesheet">
<!-- main css -->
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<!-- header begin -->
<div class="header header-fixed fadeInDown animated" id="bann">
<!-- <img class="hd-bg-1" src="assets/img/hd-bg-1.png" alt="" id="bann"> -->
<div class="container">
<div class="row justify-content-between">
<div class="col-xl-2 col-lg-2 d-xl-flex d-lg-flex d-block align-items-center">
<div class="row">
<div class="col-xl-12 col-lg-12 col-6 d-xl-block d-lg-block d-flex align-items-center">
<div class="logo">
<a href='index.html'>
<img src="assets/img/XRer.png" alt="XR technology" class="img-fluid logo-logo">
</a>
</div>
</div>
<div class="d-xl-none d-lg-none d-block col-6">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<i class="fas fa-bars"></i>
</button>
</div>
</div>
</div>
<div class="col-xl-7 col-lg-10">
<div class="mainmenu">
<nav class="navbar navbar-expand-lg">
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="#"> Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#aboutUs">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#hiw">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#plan">Downloads</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#news-events">E-News</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#footer">Contact</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<div class="col-xl-3 col-lg-2 d-xl-flex d-lg-none d-block align-items-center justify-content-end">
<a href="tel:+265881740313" class="starter-btn">Contact Us <i class="fas fa-arrow-right"></i></a>
</div>
</div>
</div>
</div>
<!-- header end -->
<!-- banner begin -->
<div class="banner" id="ban">
<div class="container">
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-1 order-2">
<div class="part-img">
<img src="assets/img/First1.png" alt="">
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-11 order-1">
<div class="part-text">
<h1>Crafting Immersive Experiences In<br> <span class="special">Extended Reality</span></h1>
<h3>XRer Delivers Top Services and Personalized Support.</h3>
<a href="#aboutUs" class="banner-btn">
Company Details <i class="fas fa-arrow-right"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- banner end -->
<!-- about begin -->
<div class="about" id="aboutUs">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-xl-6 col-lg-6 col-md-6 order-2">
<div class="part-text">
<div class="section-title style-2">
<h2>About XRer</h2>
</div>
<h4 class="part-body plan-title-feature">Our Mission</h4>
<p>Innovate and deliver cutting-edge extended reality solutions and technologies
that transform how people interact, learn, and explore in both virtual
and real-world environments.
</p>
<h4 class="part-body plan-title-feature">Our Vision</h4>
<p>To become a global leader in extended reality, shaping the future of immersive
experiences and technologies that seamlessly blend the virtual and physical worlds,
enhancing human interaction and innovation.
</p>
<h4 class="part-body plan-title-feature">Our Unique Value</h4>
<p>We specialize in creating innovative and engaging XR experiences across a variety of
platforms,
leveraging our expertise in user-centered design, cutting-edge technology,
and industry best practices
</p>
<a href="#hiw" class="str-btn">Learn more <i class="fas fa-arrow-right"></i></a>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-6 order-1">
<div class="part-img">
<img src="assets/img/icons/faq-img.png" alt="About XR Enterprise Image">
</div>
</div>
</div>
</div>
</div>
<!-- about end -->
<!-- how to start begin -->
<div class="how-to-start" id="hiw">
<div class="container">
<div class="row justify-content-center">
<div class="col-xl-6 col-lg-6"><br>
<div class="section-title">
<h2 class="text-white"><br>Our XR Services</h2>
</div>
</div>
</div>
<div class="row custom-gutter">
<div class="col-xl-3 col-lg-3 col-6">
<div class="single-way">
<div class="part-img">
<img src="assets/img/icons/ar.png" alt="">
</div>
<div class="part-text">
<h4 class="title">Custom XR Apps</h4>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-6">
<div class="single-way">
<div class="part-img">
<img src="assets/img/icons/vr-glasses.png" alt="">
</div>
<div class="part-text">
<h4 class="title">XR Devices</h4>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-6">
<div class="single-way">
<div class="part-img">
<img src="assets/img/icons/virtual-reality.png" alt="">
</div>
<div class="part-text">
<h4 class="title">XR Accessories</h4>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-6">
<div class="single-way">
<div class="part-img">
<img src="assets/img/icons/business.png" alt="">
</div>
<div class="part-text">
<h4 class="title">XR Solutions</h4>
</div>
</div>
</div>
</div> <br>
</div>
</div>
<!-- how to start end -->
<!-- price begin -->
<div class="price" id="plan">
<div class="container">
<div class="row justify-content-center">
<div class="col-xl-6 col-lg-6">
<div class="section-title style-2">
<h2><br>Download Our Applications</h2>
</div>
</div>
</div>
<div class="row custom-gutter">
<?php
include './assets/php/connect.php';
$query = "SELECT * FROM `apps` ORDER BY `aid` DESC";
if ($run = mysqli_query($conn, $query)) {
while ($row = mysqli_fetch_assoc($run)) {
?>
<!-- App 01 -->
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6">
<div class="single-price">
<div class="part-head">
<span class="plan-name plan-1"><?php echo $row['title']; ?></span>
<!-- <div class="plan-icon">
<img src="assets/img/price-plan/plan-1.png" alt="XRer Viewer">
</div> -->
</div>
<div class="part-body">
<a href="#" data-bs-toggle="modal" data-bs-target="#app-<?php echo $row['aid']; ?>">Read More...</a>
</div>
<div class="part-foot">
<a href="./assets/apps/<?php echo $row['file']; ?>" class="price-btn" download>Download Now</a>
</div>
</div>
</div>
<!-- The Modal -->
<div class="modal fade" id="app-<?php echo $row['aid']; ?>">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title text-dark"><?php echo $row['title']; ?></h4>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<p><?php echo $row['details']; ?></p>
</div>
</div>
</div>
</div>
<?php
}
} else {
die(mysqli_error($conn));
}
?>
</div>
</div>
</div>
<!-- price end -->
<!-- Latest Projects begin -->
<div class="blog-section gallery">
<div class="container">
<div class="row justify-content-center">
<div class="col-xl-6 col-lg-6">
<div class="section-title text-center"><br>
<h2 class="text-white"><br>Client Gallery</h2>
</div>
</div>
</div>
<div class="row">
<div id="projectsCarousel" class="carousel slide" data-bs-ride="carousel" data-bs-interval="5000">
<div class="carousel-inner">
<!-- First Slide -->
<div class="carousel-item active">
<div class="row justify-content-center">
<?php
$query = "SELECT * FROM `gallery` ORDER BY `gid` DESC";
if ($run = mysqli_query($conn, $query)) {
$count = mysqli_num_rows($run);
if ($count > 0) {
while ($row = mysqli_fetch_assoc($run)) {
?>
<div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="blog-post bg-light p-4 rounded" style="border-radius: 1.25rem!important;">
<div class="">
<img src="assets/img/gallery/<?php echo $row['image']; ?>" style="border-radius:1.5rem;width:100%!important;height:200px;object-fit:cover;object-position:center center;">
<h4 class="text-center"><?php echo $row['title']; ?></h4>
</div>
</div>
</div>
<?php
}
} else {
?>
<p class="text-center">No Gallery data was uploaded</p>
<?php
}
} else {
die(mysqli_error($conn));
}
?>
</div>
</div>
</div>
<!-- Carousel Controls -->
<button class="carousel-control-prev" type="button" data-bs-target="#projectsCarousel"
data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#projectsCarousel"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
</div>
</div>
<!-- latest projects end -->
<!-- 360 -->
<div class="referral" id="referral" style="background-color: #ffffff; padding: 40px 0;">
<div class="container">
<!-- Title Section -->
<div class="row justify-content-center">
<div class="col-12 d-xl-flex d-lg-flex d-block align-items-center">
<div class="w-100">
<div class="section-title style-2 text-center">
<h2>Our Portfolio</h2>
<h3 class="title text-center" style="color:#0db3fd;">360 Degrees of freedom</h3>
</div>
</div>
</div>
</div>
<!-- Video Section -->
<div class="row justify-content-center mt-4">
<div class="col-12 col-md-10 col-lg-8">
<div class="video-wrapper">
<video class="w-100" controls>
<source src="assets/vid/HAVR.mp4" type="video/mp4">
</video>
</div>
</div>
</div>
</div>
</div>
<!-- 360 end -->
<!-- industries begin -->
<div class="faq1" id="faq1">
<div class="container">
<div class="row justify-content-center">
<div class="col-12">
<div class="section-title">
<h2 class="text-white"><br>Industries We Transform</h2>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-xl-3 col-sm-6 col-6 mb-4">
<div class="industry-section bg-light p-4">
<img src="./assets/img/icons/cardiogram.png">
<a href="" data-bs-toggle="modal" data-bs-target="#industry-1">
<h4 class="industry-title">Healthcare</h4>
</a>
</div>
</div>
<!-- Modal 1 -->
<div class="modal fade" id="industry-1">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title text-dark">Healthcare</h4>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<p>
XRer facilitates real-time collaboration between
surgeons and specialists across the globe. Medical professionals can engage in realistic VR
simulations, allowing them to practice surgeries and procedures without risk. This
hands-on training enhances skills and confidence in real-world scenarios.
</p>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-sm-6 col-6 mb-4">
<div class="industry-section bg-light p-4">
<img src="./assets/img/icons/graduation.png">
<a href="" data-bs-toggle="modal" data-bs-target="#industry-2">
<h4 class="industry-title">Education</h4>
</a>
</div>
</div>
<!-- Modal 2 -->
<div class="modal fade" id="industry-2">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title text-dark">Education</h4>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<p>
Our XR tools bring subjects to life. Imagine history
lessons where students can explore ancient civilizations or science classes where they
can interact with 3D models of molecules and organisms. Learning becomes an experience,
not just a lesson. XRer enables the creation of virtual classrooms.
</p>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-sm-6 col-6 mb-4">
<div class="industry-section bg-light p-4">
<img src="./assets/img/icons/game-controller.png">
<a href="" data-bs-toggle="modal" data-bs-target="#industry-3">
<h4 class="industry-title">Gaming</h4>
</a>
</div>
</div>
<!-- Modal 3 -->
<div class="modal fade" id="industry-3">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title text-dark">Gaming</h4>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<p>XRer’s VR and AR solutions immerse players in
lifelike gaming environments. Feel the thrill of being in the game as you interact with
the world around you in ways never before possible. XRer provides tools for developers
to create the next generation of XR games.
</p>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-sm-6 col-6 mb-4">
<div class="industry-section bg-light p-4">
<img src="./assets/img/icons/conveyor.png">
<a href="" data-bs-toggle="modal" data-bs-target="#industry-4">
<h4 class="industry-title">Manufacturing</h4>
</a>
</div>
</div>
<!-- Modal 4 -->
<div class="modal fade" id="industry-4">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title text-dark">Gaming</h4>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<p> Our VR tools will allow manufacturers to create and
test prototypes in a virtual environment. This reduces costs and speeds up the design
process, as potential issues can be identified and resolved before physical production
begins.Technicians can guide on-site workers through complex procedures.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- industries end -->
<!-- blog begin -->
<div class="transaction" id="news-events">
<div class="container">
<div class="row justify-content-center">
<div class="col-xl-12 col-lg-12">
<div class="section-title style-2"><br>
<h2>XRer Blog</h2>
</div>
</div>
</div>
<div class="row custom-gutter">
<?php
$query = "SELECT * FROM `news` WHERE `type`='blog' ORDER BY `nid` DESC LIMIT 6";
if ($run = mysqli_query($conn, $query)) {
while ($row = mysqli_fetch_assoc($run)) {
?>
<div class="col-md-4 col-sm-6">
<div class="single-transaction" style="background-color:#0db3fd;">
<img src="./assets/img/news/<?php echo $row['image']; ?>" alt="">
<h4 class="trans-title text-white"><?php echo $row['title']; ?></h4>
</div>
</div>
<?php
}
}
?>
</div>
</div>
</div>
<!-- blog end -->
<!-- news & events begin -->
<div class="transaction" id="news-events" style="background-color: #0db3fd;">
<div class="container">
<div class="row justify-content-center">
<div class="col-xl-6 col-lg-6">
<div class="section-title">
<h2><br>News & Events</h2>
</div>
</div>
</div>
<div class="row custom-gutter">
<?php
$query = "SELECT * FROM `news` WHERE `type`='news' ORDER BY `nid` DESC LIMIT 6";
if ($run = mysqli_query($conn, $query)) {
while ($row = mysqli_fetch_assoc($run)) {
?>
<div class="col-md-4 col-sm-6">
<div class="single-transaction" style="background-color: #ffffff;">
<img src="./assets/img/news/<?php echo $row['image']; ?>" alt="">
<h4 class="trans-title"><?php echo $row['title']; ?></h4>
</div>
</div>
<?php
}
}
?>
</div>
</div>
<br>
</div>
<!-- news & events end -->
<!-- Team -->
<div class="about-us" id="about-us">
<div class="container">
<div class="row justify-content-center">
<div class="col-xl-6 col-lg-6">
<div class="section-title style-2">
<h2><br>Meet the team</h2>
</div>
</div>
</div>
<div class="row custom-gutter justify-content-center">
<?php
$query = "SELECT * FROM `team` ORDER BY `tid` DESC LIMIT 4";
if ($run = mysqli_query($conn, $query)) {
while ($row = mysqli_fetch_assoc($run)) {
?>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="text-center">
<div class="single-about-us text-center">
<img src="assets/img/team/<?php echo $row['image']; ?>" alt="<?php echo $row['name']; ?>" class="team">
<a href="" data-bs-toggle="modal" data-bs-target="#team-<?php echo $row['tid']; ?>">
<h4><?php echo $row['name']; ?></h4>
</a>
<span class="subtitle"><?php echo $row['role']; ?></span>
</div>
</div>
</div>
<div class="modal fade" id="team-<?php echo $row['tid'] ?>">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title text-dark"><?php echo $row['name'] ?></h4>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<p>
<?php echo $row['description'] ?>
</p>
</div>
</div>
</div>
</div>
<?php
}
}
?>
</div>
<br>
</div>
<!-- about us end -->
<!-- footer begin -->
<div class="footer" id="footer">
<div class="footer-top">
<div class="container">
<div class="row justify-content-center">
<div class="col-xl-6 col-lg-6"> <br><br>
<div class="section-title">
<h2 class="text-white"><br>Connect With Us</h2>
</div>
</div>
</div>
<div class="row custom-gutter d-xl-flex d-lg-flex d-md-flex align-items-xl-end align-items-lg-end align-items-start justify-content-between pb-4">
<div class="col-xl-4 col-lg-4">
<div class="footer-contact-element">
<div class="contact-info">
<div class="part-icon">
<img src="assets/img/footer/phone-call.png" alt="">
</div>
<div class="part-text">
<a href="tel:+265881740313"><span class="discr">+265 881 740 313</span></a>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4">
<div class="footer-contact-element">
<div class="contact-info">
<div class="part-icon">
<img src="assets/img/footer/mail.png" alt="">
</div>
<div class="part-text">
<a href="mailto:info@xrer.online"><span class="discr">info@xrer.online</span></a>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4">
<div class="footer-contact-element">
<div class="contact-info">
<div class="part-icon">
<img src="assets/img/footer/location.png" alt="">
</div>
<div class="part-text">
<a href="#"><span class="discr">Blantyre, MW</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container-footer">
<div class="footer-bottom">
<div class="container">
<div class="row align-items-center">
<!-- Copyright Section -->
<div class="col-md-6 text-center">
<p>Copyright © XRer 2024. All rights reserved.</p>
</div>
<!-- Social Icons Section -->
<div class="col-md-6 text-center">
<a href="https://www.facebook.com/XRerMW/"><img src="assets/img/svg/facebook.svg"
alt="Facebook" class="social-icon mx-2"></a>
<a href="https://www.linkedin.com/company/xrer/"><img src="assets/img/svg/linkedin.svg"
alt="LinkedIn" class="social-icon mx-2"></a>
<a href="https://x.com/KondwaniJ265/"><img src="assets/img/svg/twitter.svg" alt="Twitter"
class="social-icon mx-2"></a>
<a href="#"><img src="assets/img/svg/instagram.svg" alt="Instagram"
class="social-icon mx-2"></a>
<a href="https://www.youtube.com/@XRer-jp3ld/"><img src="assets/img/svg/youtube.svg"
alt="YouTube" class="social-icon mx-2"></a>
<a href="#"><img src="assets/img/svg/tiktok.svg" alt="TikTok" class="social-icon mx-2"></a>
</div>
</div>
</div>
</div>
</div>
<!-- back to button begin -->
<div class="back-to-top-btn">
<a href="#">
<img src="assets/img/svg/arrow.svg" alt="">
</a>
</div>
<!-- back to top button end -->
<!-- jQuery js -->
<script src="assets/js/jquery-3.6.0.min.js"></script>
<!-- bootstrap -->
<script src="assets/js/bootstrap.bundle.min.js"></script>
<!-- main js -->
<script src="assets/js/main.js"></script>
<script>
x = document.querySelectorAll("h4.trans-title");
for (i = 0; i < x.length; i++) {
y = x[i].innerHTML;
if (y.length <= 32) {
z = x[i].innerHTML;
} else {
y = x[i].innerHTML.slice(0, 32);
z = x[i].innerHTML = y + "...";
}
}
x = document.querySelectorAll(".blog-post h4");
for (i = 0; i < x.length; i++) {
y = x[i].innerHTML;
if (y.length <= 30) {
z = x[i].innerHTML;
} else {
y = x[i].innerHTML.slice(0, 30);
z = x[i].innerHTML = y + "...";
}
}
</script>
</body>
</html>