| Server IP : 162.0.232.25 / Your IP : 3.144.10.134 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/macgala.maso-awards.live/ |
Upload File : |
<?php
include './php/connect.php';
include './head.php';
include './navbar.php';
?>
<section class="welcome-area">
<div class="welcome-slides owl-carousel">
<div class="single-welcome-slide bg-img bg-overlay jarallax" style="background-image: url(img/bg-img/bg-7.jpeg);background-position:80% 80%!important;">
<div class="container h-100">
<div class="row h-100 align-items-center">
<div class="col-12">
<div class="welcome-text alignment">
<h3 class="wow fadeInUp" data-wow-delay="300ms">WELCOME TO</h3>
<h2 class="wow fadeInUp" data-wow-delay="300ms">THE MAC GALA 2023</h2>
<h5 class="wow fadeInUp" data-wow-delay="400ms">Celebrating Creativity In The Digital Age</h5>
<h6 class="wow fadeInUp" data-wow-delay="500ms"><i class="fas fa-map-marker-alt"></i> Crossroads Hotel, Blantyre, Malawi</h6>
<div class="hero-btn-group wow fadeInUp" data-wow-delay="600ms">
<a href="get-tickets" class="btn confer-btn m-2">Get Tickets <i class="zmdi zmdi-long-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="single-welcome-slide bg-img bg-overlay jarallax" style="background-image: url(img/bg-img/bg-9.jpeg);">
<div class="container h-100">
<div class="row h-100 align-items-center">
<div class="col-12">
<div class="welcome-text-two text-center">
<h2 data-animation="fadeInUp" data-delay="300ms">MAC GALA 2023</h2>
<h5 data-animation="fadeInUp" data-delay="100ms">Creating Creativity In The Digital Age</h5>
<div class="hero-btn-group" data-animation="fadeInUp" data-delay="700ms">
<a href="get-tickets" class="btn confer-btn m-2">Get Tickets <i class="zmdi zmdi-long-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="icon-scroll" id="scrollDown"></div>
</section>
<!-- About Event -->
<section class="about-us-countdown-area section-padding-100-0" id="about">
<div class="container">
<div class="row align-items-center">
<div class="col-12 col-md-6">
<div class="about-content-text mb-80">
<h6 class="wow fadeInUp" data-wow-delay="300ms">About Event</h6>
<h3 class="wow fadeInUp" data-wow-delay="300ms">Welcome to the MAC Gala</h3>
<p class="wow fadeInUp" data-wow-delay="300ms">The MAC Gala 2023 is an exclusive build up event for Maso Awards 2023 that will bring together the best of the creative industry, corporate world, and fashion enthusiasts. The purpose of this event is to celebrate creativity in the digital age, while also providing a platform for artists, designers, and other creatives to showcase their talent and connect with potential collaborators and sponsors. The event will feature a red-carpet walk, photoshoot and interviews, performances, fashion showcase, and a panel discussion on art digitization and monetization.</p>
</div>
</div>
<div class="col-12 col-md-6">
<div class="about-thumb mb-80 wow fadeInUp" data-wow-delay="300ms">
<img src="img/bg-img/bg-4.png" alt="">
</div>
</div>
</div>
</div>
</section>
<!-- Schedule Plan -->
<section class="our-schedule-area section-padding-100">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section-heading-2 text-center wow fadeInUp" data-wow-delay="300ms">
<p>Our Timetable</p>
<h4>Schedule Plan</h4>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="schedule-tab">
<ul class="nav nav-tabs wow fadeInUp" data-wow-delay="300ms" id="conferScheduleTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="monday-tab" data-toggle="tab" href="#step-one" role="tab" aria-controls="step-one" aria-expanded="true">Saturday <br> <span>September 9, 2023</span></a>
</li>
</ul>
</div>
<div class="tab-content" id="conferScheduleTabContent">
<div class="tab-pane fade show active" id="step-one" role="tabpanel" aria-labelledby="monday-tab">
<div class="single-tab-content">
<div class="row">
<div class="col-12">
<div class="single-schedule-area d-flex flex-wrap justify-content-center align-items-center wow fadeInUp" data-wow-delay="300ms">
<div class="single-schedule-tumb-info d-flex align-items-center">
<div class="single-schedule-tumb">
<img src="img/core-img/red-carpet.png" alt="">
</div>
<div class="single-schedule-info">
<h6>Red Carpet Event</h6>
</div>
</div>
<div class="schedule-time-place">
<p><i class="zmdi zmdi-time"></i> 17:00 - 19:00</p>
</div>
<a href="#" class="btn confer-btn">View More <i class="zmdi zmdi-long-arrow-right"></i></a>
</div>
<div class="single-schedule-area d-flex flex-wrap justify-content-center align-items-center wow fadeInUp" data-wow-delay="300ms">
<div class="single-schedule-tumb-info d-flex align-items-center">
<div class="single-schedule-tumb">
<img src="img/core-img/people.png" alt="">
</div>
<div class="single-schedule-info">
<h6>Main Event</h6>
</div>
</div>
<div class="schedule-time-place">
<p><i class="zmdi zmdi-time"></i> 19:00 - 22:00</p>
</div>
<a href="#" class="btn confer-btn">View More <i class="zmdi zmdi-long-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Ticket Pricing -->
<section class="our-ticket-pricing-table-area bg-img bg-gradient-overlay section-padding-100-0 jarallax" style="background-image: url(img/bg-img/bg-5.jpg);">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section-heading text-center wow fadeInUp" data-wow-delay="300ms">
<p>Reserve Your Seat</p>
<h4>Ticket Pricing</h4>
</div>
</div>
</div>
<?php include './php/ticket-form.php'; ?>
<div class="row">
<!-- Ticket 1 -->
<div class="col-12 col-lg-4" id="standard">
<div class="single-ticket-pricing-table text-center mb-100 wow fadeInUp" data-wow-delay="300ms">
<h6 class="ticket-plan">Standard</h6>
<div class="ticket-icon">
<img src="img/core-img/plane-tickets.png" alt="">
</div>
<h2 class="ticket-price"><span>K</span>20,000</h2>
<a href="#" class="btn confer-btn w-100 mb-30">Get Tickets <i class="zmdi zmdi-long-arrow-right"></i></a>
<div class="single-form">
<div class="single-form-container">
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="POST">
<input type="text" name="fname" name="fname" placeholder="First Name" required>
<input type="text" name="lname" placeholder="Last Name" required>
<input type="text" name="mobile" placeholder="Mobile Number" required>
<input type="hidden" name="ticket_type" value="standard">
<button type="submit" name="submit_ticket">Submit</button>
</form>
</div>
<div class="cancel"><i class="fa fa-times"></i> </div>
</div>
</div>
</div>
<!-- Ticket 2 -->
<div class="col-12 col-md-6 col-lg-4" id="vip">
<div class="single-ticket-pricing-table active text-center mb-100 wow fadeInUp" data-wow-delay="300ms">
<h6 class="ticket-plan">VIP</h6>
<div class="ticket-icon">
<img src="img/core-img/crown.png" alt="">
</div>
<h2 class="ticket-price"><span>K</span>50,000</h2>
<a href="#" class="btn confer-btn w-100 mb-30">Get Tickets <i class="zmdi zmdi-long-arrow-right"></i>
</a>
<div class="single-form">
<div class="single-form-container">
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="POST">
<input type="text" name="fname" name="fname" placeholder="First Name" required>
<input type="text" name="lname" placeholder="Last Name" required>
<input type="text" name="mobile" placeholder="Mobile Number" required>
<input type="hidden" name="ticket_type" value="vip">
<button type="submit" name="submit_ticket">Submit</button>
</form>
</div>
<div class="cancel"><i class="fa fa-times"></i> </div>
</div>
</div>
</div>
<!-- Ticket 3 -->
<div class="col-12 col-md-6 col-lg-4" id="vvip">
<div class="single-ticket-pricing-table text-center mb-100 wow fadeInUp" data-wow-delay="300ms">
<h6 class="ticket-plan">Corporate Ticket</h6>
<div class="ticket-icon">
<img src="img/core-img/badge.png" alt="">
</div>
<h2 class="ticket-price"><span>K</span>1 M</h2>
<a href="#" class="btn confer-btn w-100 mb-30">Get Tickets <i class="zmdi zmdi-long-arrow-right"></i></a>
<div class="single-form">
<div class="single-form-container">
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="POST">
<input type="text" name="fname" name="fname" placeholder="First Name" required>
<input type="text" name="lname" placeholder="Last Name" required>
<input type="text" name="mobile" placeholder="Mobile Number" required>
<input type="hidden" name="ticket_type" value="vvip">
<button type="submit" name="submit_ticket">Submit</button>
</form>
</div>
<div class="cancel"><i class="fa fa-times"></i> </div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Gallery -->
<section class="our-sponsor-client-area section-padding-100 gallery">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section-heading-2 text-center wow fadeInUp" data-wow-delay="300ms">
<p>Gallery</p>
<h4>MAC GALA GALLERY</h4>
</div>
</div>
</div>
<div class="row single-gallery wow fadeInUp" data-wow-delay="300ms">
<div class="col-12 col-sm-5 col-md-6">
<h4>Red Carpet Walk</h4>
<p>The event will kick off with a red-carpet walk where Maso Awards 2023 winners, sponsors, and guests will have the opportunity to showcase their unique styles and outfits. The red-carpet will be the perfect backdrop for photoshoots and interviews with the media.</p>
</div>
<div class="col-12 col-sm-7 col-md-6">
<img src="./img/bg-img/red-carpet.jpeg" alt="">
</div>
</div>
<div class="row single-gallery wow fadeInUp" data-wow-delay="350ms">
<div class="col-12 col-sm-5 col-md-6">
<h4>Performances</h4>
<p>There will be 5 unique performances by different artists, each lasting 5 minutes. These performances will showcase different forms of creativity, including music, dance, spoken word, and more.</p>
</div>
<div class="col-12 col-sm-7 col-md-6">
<img src="./img/bg-img/performance.jpeg" alt="">
</div>
</div>
<div class="row single-gallery wow fadeInUp" data-wow-delay="400ms">
<div class="col-12 col-sm-5 col-md-6">
<h4>Fashion Show Case</h4>
<p>The event will also feature a fashion showcase where 5 designers will each present a 5-minute collection. These designers will be selected based on their creativity, innovation, and relevance to the digital age.</p>
</div>
<div class="col-12 col-sm-7 col-md-6">
<img src="./img/bg-img/fashion.jpeg" alt="">
</div>
</div>
<div class="row single-gallery wow fadeInUp" data-wow-delay="450ms">
<div class="col-12 col-sm-5 col-md-6">
<h4>Talk Show</h4>
<p>The highlight of the event will be a 35-minute panel discussion on art digitization and monetization. The discussion will be moderated by a professional and will feature 3 panelists who are experts in their respective fields. The panelists will discuss the challenges and opportunities of digitizing and monetizing art in the digital age.</p>
</div>
<div class="col-12 col-sm-7 col-md-6">
<img src="./img/bg-img/talkshow.jpeg" alt="">
</div>
</div>
</div>
</section>
<!-- Sponsors -->
<section class="our-sponsor-client-area section-padding-100 sponsor-bg">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section-heading-2 text-center wow fadeInUp" data-wow-delay="300ms">
<p>Partners & Sponsors</p>
<h4>OFFICIAL SPONSOR</h4>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="our-sponsor-area d-flex flex-wrap justify-content-center">
<div class="row">
<?php
$run = mysqli_query($conn, "SELECT * FROM `partners` ORDER BY `pid` DESC") or die(mysqli_error($conn));
while ($row = mysqli_fetch_array($run)) {
?>
<div class="col-6 col-md-4 col-lg-3 single-sponsor wow fadeInUp" data-wow-delay="300ms">
<center><a href="#"><img src="./partners/<?php echo $row['image']; ?>" alt="Partner"></a></center>
</div>
<?php
}
?>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Articles -->
<section class="our-blog-area bg-img bg-gradient-overlay section-padding-100-60" style="background-image: url(img/bg-img/bg-6.jpg);">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section-heading text-center wow fadeInUp" data-wow-delay="300ms">
<p>Our Blog</p>
<h4>Latest news</h4>
</div>
</div>
<?php
$run = mysqli_query($conn, "SELECT * FROM `articles` ORDER BY `aid` DESC LIMIT 3") or die(mysqli_error($conn));
while ($row = mysqli_fetch_array($run)) {
?>
<div class="col-12 col-md-6 col-lg-4">
<div class="single-blog-area wow fadeInUp" data-wow-delay="300ms">
<div class="single-blog-thumb">
<img src="articles/<?php echo $row['image']; ?>" alt="">
</div>
<div class="single-blog-text text-center">
<a class="blog-title" href="article=<?php echo $row['aid'] . '-' . filter_file(strtolower($row['title'])); ?>"><?php echo $row['title']; ?></a>
<div class="post-meta">
<a class="post-date" href="#"><i class="zmdi zmdi-alarm-check"></i> <?php echo date('M d, Y', $row['time']); ?></a>
</div>
<p><?php echo $row['details']; ?></p>
</div>
<div class="blog-btn">
<a href="article=<?php echo $row['aid'] . '-' . filter_file(strtolower($row['title'])); ?>"><i class="zmdi zmdi-long-arrow-right"></i></a>
</div>
</div>
</div>
<?php
}
?>
</div>
</div>
</section>
<!-- Contact Us -->
<section class="contact-our-area section-padding-100-0">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section-heading-2 text-center wow fadeInUp" data-wow-delay="300ms">
<p>Have Question?</p>
<h4>Contact us</h4>
</div>
</div>
</div>
<div class="row justify-content-between">
<div class="col-12 col-sm-3">
<div class="contact-information mb-100">
<div class="single-contact-info wow fadeInUp" data-wow-delay="300ms">
<p>Address:</p>
<h6>Chichiri, Blantyre, Malawi</h6>
</div>
<div class="single-contact-info wow fadeInUp" data-wow-delay="300ms">
<p>Phone:</p>
<h6>+265 884 085 995</h6>
<h6>+265 994 990 797</h6>
<h6>+265 992 70 19 35</h6>
</div>
<div class="single-contact-info wow fadeInUp" data-wow-delay="300ms">
<p>Website:</p>
<h6>macgala.maso-awards.live</h6>
</div>
</div>
</div>
<?php
if (isset($_POST['submit'])) {
$email = mysqli_real_escape_string($conn, htmlentities($_POST['email']));
$subject = mysqli_real_escape_string($conn, htmlentities($_POST['subject']));
$message = mysqli_real_escape_string($conn, $_POST['message']);
$message = str_replace('\n', ' ', $message);
?>
<script>
window.location = "mailto:beatondawa@gmail.com?subject=<?php echo $subject . '&body=' . $message; ?>"
</script>
<?php
}
?>
<div class="col-12 col-sm-8">
<div class="contact_from_area mb-100 clearfix wow fadeInUp" data-wow-delay="300ms">
<div class="contact_form">
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post" id="main_contact_form">
<div class="contact_input_area">
<div id="success_fail_info"></div>
<div class="row">
<div class="col-12">
<div class="form-group">
<input type="text" class="form-control mb-30" name="name" id="name2" placeholder="Your Full Name">
</div>
</div>
<div class="col-12">
<div class="form-group">
<input type="text" class="form-control mb-30" name="subject" id="subject" placeholder="Your Subject" required>
</div>
</div>
<div class="col-12">
<div class="form-group">
<textarea name="message" class="form-control mb-30" id="message" cols="30" rows="6" placeholder="Your Message *" required></textarea>
</div>
</div>
<div class="col-12">
<button type="submit" name="submit" class="btn confer-btn">Send Message <i class="zmdi zmdi-long-arrow-right"></i></button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<?php
include './footer.php';
include './scripts.php';
?>
<script>
var count = document.querySelectorAll(".single-blog-text p").length;
for (var i = 0; i < count; i++) {
var title = document.querySelectorAll(".single-blog-text p")[i].innerText;
var slicer = title.slice(0, 85);
if (title.length >= 85) {
document.querySelectorAll(".single-blog-text p")[i].innerHTML = slicer + '...';
} else {
document.querySelectorAll(".single-blog-text p")[i].innerHTML = slicer;
}
}
var button = document.querySelector('#vip a');
var toggle = document.querySelector('#vip .single-form').style;
var cancel = document.querySelector('#vip .cancel');
button.addEventListener('click', function() {
toggle.display = 'block';
});
cancel.addEventListener('click', function() {
toggle.display = 'none';
});
var button1 = document.querySelector('#vvip a');
var toggle1 = document.querySelector('#vvip .single-form').style;
var cancel1 = document.querySelector('#vvip .cancel');
button1.addEventListener('click', function() {
toggle1.display = 'block';
});
cancel1.addEventListener('click', function() {
toggle1.display = 'none';
});
var button2 = document.querySelector('#standard a');
var toggle2 = document.querySelector('#standard .single-form').style;
var cancel2 = document.querySelector('#standard .cancel');
button2.addEventListener('click', function() {
toggle2.display = 'block';
});
cancel2.addEventListener('click', function() {
toggle2.display = 'none';
});
document.querySelector('title').innerText = 'MAC GALA - Home';
document.querySelectorAll('ul#nav li')[0].classList.add('active');
</script>