1#@!#!123s

��JFIF�� 1#@!#!123s
: / home / customassist / mediagepr.com / pages / about /
Filename : index.php
back

<?php
//including the database connection file
include_once("../../admin/articles/db/config.php");

//fetching data in descending order (lastest entry first)
//$result = mysql_query("SELECT * FROM users ORDER BY id DESC"); // mysql_query is deprecated
$result = mysqli_query($mysqli, "SELECT * FROM articles ORDER BY id DESC LIMIT 3"); // using mysqli_query instead
?>






<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>About | Media Age PR &copy;</title>

  <meta name="description" content="Corporate Brand Reputation & Crisis Management">

  <meta name="keywords" content="Corporate Brand Reputation & Crisis Management">


  <!-- Social Share Data -->

     <meta content="text/html; charset=utf-8" name="Content-Type">

    <meta property="og:image" content="https://mediagepr.com/images/img/banners/big.png">

    <meta property="og:title" content="About Media Age PR &copy;">

     <meta property="og:url" content="https://mediagepr.com/pages/about">

    <meta property="og:description" content="Experienced in Corporate & Brand Reputation Management, Marketing PR, with thorough knowledge of regional media, how it works and how to leverage media to get the best.">


    <!-- Twitter Cards -->

    <meta name="twitter:card" content="summary_large_image">

    <meta name="twitter:url" content="https://mediagepr.com/pages/about">

    <meta name="twitter:title" content="About Media Age PR &copy;">

    <meta name="twitter:description" content="Experts in Corporate Brand & Reputation Management, Marketing PR, Regional Media, how it works and how to leverage media to get the best.">

    <meta name="twitter:image" content="https://mediagepr.com/images/img/banners/big.png">

    <meta name="twitter:site" content="@MediagePr">

    <meta name="twitter:creator" content="@MediagePr">

    <!-- responsive meta -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- For IE -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- master stylesheet -->
    <link rel="stylesheet" href="../../css/style.css">
    <!-- Responsive stylesheet -->
    <link rel="stylesheet" href="../../css/responsive.css">
    <!-- Favicon -->
    <link rel="apple-touch-icon" sizes="180x180" href="../../images/img/logo1.png">
    <link rel="icon" type="image/png" href="../../images/img/logo1.png" sizes="32x32">
    <link rel="icon" type="image/png" href="../../images/img/logo1.png" sizes="16x16">

    
    <style type="text/css">
        
        .header-contact-info .text-holder a{
    color: gray;
}


p.thp {
    margin-bottom: 10px !important;
}


/*Background Overlay Black & White*/
.background-overlay,
.background-overlay-black,
.background-overlay-white {
    position: relative;
    z-index: 2;
    background-position: center center;
    background-size: cover;
}



 .background-overlay:before,
.background-overlay-black:before,
.background-overlay-white:before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
}

.background-overlay-black:before {
    background-color: rgba(0, 0, 0, 0.5);
}

.background-overlay-white:before {
    background-color: rgba(255, 255, 255, 0.6);
}





/*Pop Up*/
.openBtn {
  border: none;
  color: black;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  font-size: 14px;
  cursor: pointer;
  transition: 2s;
  outline: none !important;
  box-shadow: 0 0 4px 0 rgba(255, 0, 0, 0.8);
  background: rgba(256, 250, 250, 0.8);
}


.openBtn:hover {
  color: #fff;
  background: rgba(255, 0, 0, 0.6);
}



.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999999;
  background: rgba(0, 0, 0, 0.4);
}

.overlay-content {
  position: relative;
  top: 40%;
  padding: 15px;
  border-radius: 10px;
  color: black;
  text-align: center;
  width: 80%;
  height: 300px;
  margin: auto;
  background-image: url(../../images/img/motion/17.gif);
  background-position: center;
  background-size: cover;
  box-shadow: 0 0 4px 0 rgba(255, 0, 0, 0.6);
}


.overlay-content p{
  
}

.overlay h5 {
  font-weight: bold;
  text-align: center;
  padding: 10px;
  font-size: 16px;
  border-bottom: 1px solid red;
  cursor: pointer;
  color: red;
  z-index: 9;
}

.overlay h3 {
  text-align: center;
  margin-top: 20px;
  font-weight: bold;
  font-size: 14px;
  cursor: pointer;
  color: black;
  z-index: 9;
}

.closebtn {
  position: absolute;
  top: 0;
  right: 2%;
  font-size: 30px;
  font-weight: normal;
  text-align: center;
  cursor: pointer;
  color: red;
  outline: none;
  opacity: 1;
  z-index: 9;
}

.close:hover {
  color: red;
}

.close i{
  color: red;
}

.overlay i {
  font-weight: normal;
  color: red;
}


.overlay-content form {

}


.overlay-content form input {
  margin-top: 10px;
  padding: 5px;
  border: 1px solid red;
  border-radius: 5px;
  background: none;
}



.overlay-content form input[type=text] {
  float: left;
  width: 48%;
}


.overlay-content form input[type=text]:nth-child(2) {
  margin-left: 4%;
}


.overlay-content form input[type=number] {
  margin-top: 20px;
  width: 100%;
}


.overlay-content form input[type=submit] {
  display: block;
    position: absolute;
    bottom: 30px;
    left: 20px;
  width: 40%;
  font-size: 15px;
  background: red;
  color: white;
}



.overlay-content button{
    display: block;
    position: absolute;
    bottom: 30px;
    right: 20px;
    font-size: 15px;
    color: #FEFAFA;
    width: 40%;
    padding: 5px;
    border-radius: 5px;
    border: none;
    outline: none;
    cursor: pointer;
    background: black;
}


/* If the screen size is 601px wide or more, set the font-size of <div> to 80px */
@media screen and (min-width: 601px) {
 

.overlay-content {
  top: 40%;
  width: 30%;
  height: 300px;
}

 }



/*Overlay Background Overlay*/
.overlay-background-overlay-white {
    position: relative;
    z-index: 2;
    background-position: center center;
    background-size: cover;
}


.overlay-background-overlay-white:before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 10px;
}

.overlay-background-overlay-white:before {
    background-color: rgba(255, 255, 255, 0.8);
}





/* If the screen size is 601px wide or more, set the font-size of <div> to 80px */
@media screen and (min-width: 601px) {

.overlay {
  top: 0;
  left: 0;
 }

.openBtn img{
  height: 300px;
 }

} 




/*Auto Pop Up*/

.popup{
    width: 420px;
    padding: 20px 30px;
    position: fixed;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    border-radius: 8px;
    font-family: "Poppins",sans-serif;
    display: none; 
    text-align: center;
    z-index: 999;
    background-image: url(../../images/img/feature-work-3-large.jpg);
  background-position: center;
  background-size: cover;
}




.popup h2{
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  color: #E31E25;
  text-decoration: underline;
}


.popup p{
    font-size: 14px;
    margin-top: 60px;
    line-height: 25px;
    text-align: left;
}



.popup a{
  
}


.popup form {

}


.popup form input {
  margin-top: 10px;
  padding: 5px;
  border: 1px solid red;
  border-radius: 5px;
  background: none;
}



.popup form input[type=text] {
  float: left;
  width: 48%;
}


.popup form input[type=text]:nth-child(2) {
  margin-left: 4%;
}


.popup form input[type=email] {
  margin-top: 20px;
  width: 100%;
}


.popup form input[type=submit] {
  display: block;
    position: absolute;
    bottom: 120px;
    right: 30px;
  width: 40%;
  font-size: 15px;
  background: red;
  color: white;
}



.popup button{
    display: block;
    position: absolute;
    bottom: 120px;
    left: 30px;
    font-size: 15px;
    color: #FEFAFA;
    width: 30%;
    padding: 5px;
    border-radius: 5px;
    border: none;
    outline: none;
    cursor: pointer;
    background: black;
}


/* If the screen size is 601px wide or more, set the font-size of <div> to 80px */
@media screen and (min-width: 601px) {
  .popup{
    left: 82%;
    top: 76%;
}

.popup h2{
  font-weight: bold;
  font-size: 18px;
  color: #E31E25;
  text-decoration: underline;
}


.popup form input[type=submit] {
    bottom: 90px;
}



.popup button{
    bottom: 90px;
}

 }

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 600px) {

  .popup{
    width: 300px;
    left: 57%;
    top: 60%;
}

 }



/*Toggler*/

[type="checkbox"]:checked,
[type="checkbox"]:not(:checked){
  position: absolute;
  left: -9999px;
}
.menu-icon:checked + label,
.menu-icon:not(:checked) + label{
  position: absolute;
  top: 26px;
  right: 5px;
  display: block;
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  z-index: 10;
}
.menu-icon:checked + label:before,
.menu-icon:not(:checked) + label:before{
  position: absolute;
  content: '';
  display: block;
  width: 30px;
  height: 20px;
  z-index: 20;
  top: 0;
  left: 0;
  border-top: 2px solid red;
  border-bottom: 2px solid red;
  transition: border-width 100ms 1500ms ease, 
              top 100ms 1600ms cubic-bezier(0.23, 1, 0.32, 1),
              height 100ms 1600ms cubic-bezier(0.23, 1, 0.32, 1), 
              background-color 200ms ease,
              transform 200ms cubic-bezier(0.23, 1, 0.32, 1);
}
.menu-icon:checked + label:after,
.menu-icon:not(:checked) + label:after{
  position: absolute;
  content: '';
  display: block;
  width: 22px;
  height: 2px;
  z-index: 20;
  top: 10px;
  right: 4px;
  background-color: red;
  margin-top: -1px;
  transition: width 100ms 1750ms ease, 
              right 100ms 1750ms ease,
              margin-top 100ms ease, 
              transform 200ms cubic-bezier(0.23, 1, 0.32, 1);
}
.menu-icon:checked + label:before{
  top: 10px;
  transform: rotate(45deg);
  height: 2px;
  background-color: red;
  border-width: 0;
  transition: border-width 100ms 340ms ease, 
              top 100ms 300ms cubic-bezier(0.23, 1, 0.32, 1),
              height 100ms 300ms cubic-bezier(0.23, 1, 0.32, 1), 
              background-color 200ms 500ms ease,
              transform 200ms 1700ms cubic-bezier(0.23, 1, 0.32, 1);
}
.menu-icon:checked + label:after{
  width: 30px;
  margin-top: 0;
  right: 0;
  transform: rotate(-45deg);
  transition: width 100ms ease,
              right 100ms ease,  
              margin-top 100ms 500ms ease, 
              transform 200ms 1700ms cubic-bezier(0.23, 1, 0.32, 1);
}



/*Navbar Icons*/

.head-icons {
  position: absolute;
  right: 50px;
  top: 20px;
  width: 35px;
  height: 35px;
  padding: 5px;
  border: 1px solid red;
  border-radius: 100px;
}


.head-icons a{
  color: red;
  font-size: 20px !important;
}



/* If the screen size is 601px wide or more, set the font-size of <div> to 80px */
@media screen and (min-width: 601px) {
.head-icons {
  display: none;
  position: absolute;
  width: 10%;
  margin-left: 1035px;
  top: 70px;
}

 }


    </style>
    
</head>
<body>
<div class="boxed_wrapper">


<!--Start Top bar area -->  
<section class="top-bar-area">
    <div class="container">
        <div class="row top-info-row">
            <div class="col-md-4 col-sm-12 col-xs-12">
                <div class="top-info">
                    <ul>
                        <li><span class="icon-signs"></span>Commercial Plaza, Kampala Rd</li>
                    </ul>
                </div>
            </div>
            <div class="col-md-4 col-sm-12 col-xs-12">
                <div class="top-info">
                    <ul>
                        <li><span class="icon-clock"></span>Open: Mon-Sat: 09.00 to 18.00</li>
                    </ul>
                </div>
            </div>
            <div class="col-md-3 col-sm-12 col-xs-12">
                <div class="top-info">
                    <ul>
                        <li><span class="icon-email-filled-closed-envelope"></span> P.O Box 34821, Kampala (U)</li>
                    </ul>
                </div>
            </div>


            <div class="col-md-1 col-sm-12 col-xs-12">
                <div id="google_translate_element"></div>

  <script type="text/javascript">
    function googleTranslateElementInit() {
      new google.translate.TranslateElement({ pageLanguage: 'en' }, 'google_translate_element');
    }
  </script>
            </div>
            
        </div>


        <!--Start Responsive Top Info-->

            <div class="row top-info1">

                <div class="top-info">
                   
                       <span class="icon-signs"></span> <br> Commercial Plaza <br> Kampala Rd
                    
                </div>
            
                <div class="top-info">
                   
                       <span class="icon-clock"></span> <br> Open: Mon-Sat: <br> 09.00 to 18.00
                    
                </div>
            
                <div class="top-info">
                   
                       <span class="icon-email-filled-closed-envelope"></span> <br> P.O Box 34821 <br> Kampala (U)
                    
                </div>


                <div class="col-md-1 col-sm-12 col-xs-12">
                <div id="google_translate_element"></div>

  <script type="text/javascript">
    function googleTranslateElementInit() {
      new google.translate.TranslateElement({ pageLanguage: 'en' }, 'google_translate_element');
    }
  </script>
            </div>

            </div>

            <!--End Responsive Top Info-->

    </div>
</section>
<!--End Top bar area --> 
 
<!--Start header area-->
<header class="header-area">
    <div class="container">
        <div class="row">
            <div class="col-lg-5 col-md-4 col-sm-12 col-xs-12">
                <div class="logo">
                    <a href="../../">
                        <img src="../../images/img/logo5.png" alt="Media Age Logo">
                    </a>
                </div>
            </div>
            <div class="header-contact-row col-lg-5 col-md-6 col-sm-12 col-xs-12">
                <div class="header-contact-info">
                    <ul>
                        <li>
                            <div class="iocn-holder">
                                <span class="icon-technology"></span>
                            </div>
                            <div class="text-holder thp">
                                <h6>Call Us</h6>
                                <p class="thp"><a href="tel:+256414348728">+256 414 348 728</a></p>
                                <p><a href="tel:+256414348721">+256 414 348 721</a></p>
                            </div>
                        </li>
                        <li>
                            <div class="iocn-holder">
                                <span class="icon-letter"></span>
                            </div>
                            <div class="text-holder">
                                <h6>Mail Us</h6>
                                <p><a href="mailto:info@mediagepr.com">info@mediagepr.com</a></p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                <div class="top-social-links" align="center">
                    <ul>
                        <li><a href="https://facebook.com/MediageprEA"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                        <li><a href="https://www.twitter.com/MediagePR"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                        <li><a href="https://www.instagram.com/mediagepr"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
                        <li><a href="https://www.linkedin.com/company/mediage-pr-ea"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
                        <li><a href="https://wa.me//+256755348728"><i class="fa fa-whatsapp" aria-hidden="true"></i></a></li>
                        <li class="responsive-mail"><a href="mailto:info@mediagepr.com"><i class="fa fa-envelope" aria-hidden="true"></i></a></li>
                    </ul>
                </div>
            </div>
            
        </div>
    </div>
</header>  
<!--End header area--> 

<!--Start mainmenu area-->
<section class="mainmenu-area stricky">
    <div class="container">
        <div class="mainmenu-bg">
            <div class="row">
                <div class="col-md-10 col-sm-12 col-xs-12">

                    <!--Start mainmenu-->
                    <nav class="main-menu">
                        <div class="navbar-header"> 

                          <div type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        
                          <input class="menu-icon" type="checkbox" id="menu-icon" name="menu-icon"/>
                        
                        <label for="menu-icon"></label>


                        <div class="head-icons" align="center">
                <a href="tel:+256755348728"><span class="fa fa-phone"></span></a>
                        </div>
    
                        </div>

                        </div>

                        <div class="navbar-collapse collapse clearfix">
                            <ul class="navigation clearfix">
                                <li class="home current"><a href="../../index.php"><span class="fa fa-home"></span></a></li>
                                <li class="dropdown"><a href="../../pages/about">About us</a>
                                    <ul>
                                        <li><a href="../../pages/about">Company Overview</a></li>
                                        <li><a href="../../pages/team">Our Team</a></li>
                                        <li><a href="../../pages/partners">Our Partners</a></li>
                                        <li><a href="../../pages/faqs">FAQ's</a></li>
                                        <li><a href="../../pages/testimonials">Client Feedback</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown"><a href="../../services">Our Services</a>
                                    <ul>
                                        <li><a href="../../services/reputation">Reputation Management</a></li>
                                        <li><a href="../../services/crisis">Crisis Management</a></li>
                                        <li><a href="../../services/brand">Brand Management</a></li>
                                        <li><a href="../../services/public/relations">Public Relations</a></li>
                                        <li><a href="../../services/media">Media Relations</a></li>
                                        <li><a href="../../services/media">Media Events</a></li>
                                        <li><a href="../../services/communications">Communications Strategies</a></li>
                                        <li><a href="../../services/public/affairs">Public Affairs</a></li>
                                        <li><a href="../../services/btl">BTL Communications</a></li>
                                    </ul>
                                </li>
                                <li><a href="../../blog/grid">Latest News</a>
                                    
                                </li>
                                <li><a href="../../pages/portfolio">Portfolio</a>
                                    
                                </li>
                                
                                <li><a href="../../contact">Contact Us</a></li>
                            </ul>
                        </div>
                    </nav>
                    <!--End mainmenu-->
                </div>
                <div class="col-md-2 col-sm-12 col-xs-12">
                    <div class="free-consulation-button pull-right">
                        <a class="thm-btn bg-clr1" onclick="openConsult()">Consult Now</a>    
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--End mainmenu area-->      




                    

<!--Start Consult Pop Up-->

    <div id="consult" class="overlay">
  
  <div class="overlay-content overlay-background-overlay-white">
  

    <h5>Consult Us</h5>


    <h3> Let our professionals help you</h3>

    <form action="../../contact/contact/consult/index.php" method="post">

          <input type="text" name="fname" placeholder="First Name">
          
          <input type="text" name="lname" placeholder="Last Name">

          <input type="number" name="phone" placeholder="Phone Number">

          <input type="submit" name="submit" value="Submit">

        </form>

        <button id="close" onclick="closeConsult()">No Thanks</button>

  </div>
</div>


<script>
function openConsult() {
  document.getElementById("consult").style.display = "block";
}

function closeConsult() {
  document.getElementById("consult").style.display = "none";
}
</script>

<!--End Consult Pop Up-->
 
<!--Start breadcrumb area-->     
<section class="breadcrumb-area background-overlay-black" style="background-image: url(../../images/stock/services/marketing/3.webp);background-attachment: fixed;">
	<div class="container text-center">
		<h1 style="color: white;">Company Overview</h1>
	</div>
</section>
<!--End breadcrumb area-->

<!--Start breadcrumb bottom area-->
<section class="breadcrumb-botton-area">
    <div class="container">
        <div class="left pull-left">
            <ul>
                <li><a href="index.php">Home</a></li>
                <li><i class="fa fa-angle-right" aria-hidden="true"></i></li>
                <li>About Us</li>
            </ul>    
        </div>
        <div align="right">
            <nav class="menu">
   <input type="checkbox" href="#" class="menu-open" name="menu-open" id="menu-open" />
   <label class="menu-open-button" for="menu-open">
    <a><i class="fa fa-share-alt" aria-hidden="true"></i></a>
  </label>

   <a target="_blank" href="https://www.facebook.com/sharer.php?u=https://mediagepr.com/pages/about" title="About Us | Media Age PR &copy;" class="menu-item blue-share"> <i class="fa fa-facebook"></i> </a>

   <a target="_blank" href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fmediagepr.com%2Fpages%2Fabout%2F&text=About+Us+|+Media+Age+PR+&#10;Check out the about us page. Its amazing and may be highly valuable to you or your brand. &hashtags=reputation,management,crisis,media,relations,events,corporate,public,affairs,mediagepr" title="About Us | Media Age PR &copy;" class="menu-item lightblue-share"> <i class="fa fa-twitter"></i> </a>

   <a target="_blank" href="https://plus.google.com/share?url=https://mediagepr.com/pages/about" title="About Us | Media Age PR &copy;" class="menu-item red-share"> <i class="fa fa-google-plus"></i> </a>

   <a target="_blank" href="https://www.linkedin.com/shareArticle?mini=true &amp;url=https://mediagepr.com/pages/about" title="About Us | Media Age PR &copy;" class="menu-item dodgerblue-share"> <i class="fa fa-linkedin"></i> </a>

   <a href="mailto:info@mediagepr.com?subject=About Us | Media Age PR &copy; &amp;body=Check out this amazing Media Age about page. Its may be highly valuable to you or your brand https://mediagepr.com/pages/about" title="About Us | Media Age PR &copy;" class="menu-item purple-share"> <i class="fa fa-envelope"></i> </a>

   <a target="_blank" href="whatsapp://send?text=Check out this amazing Media Age about page. It may be highly valuable to you or your brand https://mediagepr.com/pages/about." title="About Us | Media Age PR &copy;" class="menu-item green-share"> <i class="fa fa-whatsapp"></i> </a>

</nav>
        </div>  
    </div>
</section>
<!--End breadcrumb bottom area-->
 
<!--Start company overview area-->
<section class="company-overview-area">
    <div class="container">
        <div class="row">
            <div class="col-lg-9 col-md-8 col-sm-12 col-xs-12 pull-right">
                <div class="row">
                    <div class="col-md-12">
                        <div class="top-img-box">
                            <img src="../../images/img/credentials1/6.jpg" alt="Awesome Image">
                        </div>
                    </div>
                </div>
                <div class="row overview-content-pdbottom">
                    <div class="col-md-7">
                        <div class="overview-content">
                            <div class="sec-title">
                                <h1>Overview</h1>
                                <span class="border"></span>
                            </div>
                            <div class="text">
                                <p>A PR & Media Consultancy Company specializing in Strategic Communication Planning and Execution for private and public companies.</p>

                                <p>Regional partnerships deliver a wide cross-cultural and international expertise as well as tested practice tools and experience which are readily available to all clients.</p>

                                <p>Experienced in Corporate & Brand Reputation Management, Marketing PR, with thorough knowledge of regional media, how it works & how to leverage media to get the best.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="progress-br">
                            <div class="pgrs-bar-wrapper">
                                <div class="inner-box">
                                    <ul class="pgrs-bar">
                                        <li>
                                            <h5>Consulting</h5>
                                            <div class="box">
                                                <div class="inner wow fadeInLeft" data-wow-duration="2s" data-wow-delay="0s" data-wow-offset="0" style="width: 85%;">
                                                    <span>90%</span>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <h5>Crisis Management</h5>
                                            <div class="box">
                                                <div class="inner wow fadeInLeft" data-wow-duration="2s" data-wow-delay=".5s" data-wow-offset="0" style="width: 95%;">
                                                    <span>95%</span>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <h5>Social Media</h5>
                                            <div class="box">
                                                <div class="inner wow fadeInLeft" data-wow-duration="2s" data-wow-delay=".5s" data-wow-offset="0" style="width: 80%;">
                                                    <span>80%</span>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>  
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-7">
                        <div class="mission-content">
                            <div class="sec-title">
                                <h3>Our Mission</h3>
                                <span class="border"></span>
                            </div> 
                            <ul>
                                <li>
                                    <div class="icon-holder">
                                        <span class="icon-gesture"></span>    
                                    </div>
                                    <div class="text-holder">
                                        <h4>Mission</h4>
                                        <p>To offer revolutionary versatile PR solutions that successfully manage corporate and brand reputations.</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="icon-holder">
                                        <span class="icon-luxury"></span>    
                                    </div>
                                    <div class="text-holder">
                                        <h4>Vision</h4>
                                        <p>To become the number one Corporate and Brand Reputation Management Agency.</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="icon-holder">
                                        <span class="icon-writing"></span>    
                                    </div>
                                    <div class="text-holder">
                                        <h4>Our Culture</h4>
                                        <p>Our culture is rooted in our values which are at the heart and core of the agency. Media Age PR is built of a creative ambiance that sits an innovative, dynamic and competent team with high integrity and admirable teamwork spirit.</p>
                                    </div>
                                </li>
                                
                            </ul>   
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="mission-video-gallery">
                            <div class="video-holder">
                                
                                <video autoplay loop muted width="100%">
                                        <source src="../../images/img/motion/13.mp4" type="video/mp4">

                                            Your browser doesn't support this type of file, change browser or update
                                    </video>
                                
                            </div>
                        </div>    
                    </div>
                </div> 
                <div class="row">
                    <div class="col-md-12">
                        <div class="growth-statistics-content">
                            <div class="sec-title">
                                <h3>Why <span style="color: red;">choose</span> us?</h3>
                                <span class="border"></span>
                            </div>
                            <div class="text">
                                <p>Partner to Regional Agency, Red House & Magna Carta, the biggest Reputation Management Group in Africa. We support local and international brands in Uganda, Rwanda & New Markets in Southern Sudan & Great Lakes Region.</p>

                                <p>With expertise in Corporate & Brand Reputation Management, we help craft crisis management plans that mitigate adverse situations to protect and enhance brand equity.</p>
                            </div>
                            
                            <!--Start Brand area-->  

<section class='brand-area brand-area-about' style="">

    <div class='container'>


        <div class='row'>

            <div class='col-md-12'>

                <div class='brand'>

<?php
              include_once('../../admin/brands/db/connection.php');
              $sql = "SELECT * FROM brands";

              //use for MySQLi-OOP
              $query = $conn->query($sql);
              while($row = $query->fetch_assoc()){
            

                    //Start single item

                        echo "<div class='single-item'>";

                            echo "<a href='".$row['link']."' target='_blank'><img src='../../admin/brands/images/".$row['image']."' alt='$row[title]'></a>";

                        echo "</div>";

                    //End single item
                            
 }
    ?>


     </div>

            </div>

        </div>

    </div>

</section>

<!--End Brand area-->      
                        </div>
                    </div>
                </div> 
                  
               
            </div>
            <div class="col-lg-3 col-md-4 col-sm-7 col-xs-12 pull-left">
                <div class="left-sidebar">
                    <!--Start single sidebar-->
                    <div class="single-sidebar">
                        <ul class="page-link">
                            <li>
                                <a class="active" href="../about">
                                    Company Overview
                                    <i class="fa fa-angle-double-right" aria-hidden="true"></i>
                                </a>
                            </li>
                            <li>
                                <a href="../team">
                                    Our Team
                                    <i class="fa fa-angle-double-right" aria-hidden="true"></i>
                                </a>
                            </li>
                            <li>
                                <a href="../faqs">
                                    FAQ’s
                                    <i class="fa fa-angle-double-right" aria-hidden="true"></i>
                                </a>
                            </li>
                            <li>
                                <a href="../partners">
                                    Our Partners
                                    <i class="fa fa-angle-double-right" aria-hidden="true"></i>
                                </a>
                            </li>
                            <li>
                                <a href="../testimonials">
                                    Client Feedback
                                    <i class="fa fa-angle-double-right" aria-hidden="true"></i>
                                </a>
                            </li>            
                        </ul>
                    </div>
                    <!--End single sidebar-->
                    <!--Start single sidebar-->
                    <div class="single-sidebar">
                        <ul class="download-link">
                            <li>
                                <a href="../../docs/Mediage Credentials.pdf">
                                    <div class="icon-holder">
                                        <span class="icon-pdf"></span>    
                                    </div>
                                    <div class="title-holder">
                                        <h5>Our Profile PDF</h5>    
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="../../pages/portfolio">
                                    <div class="icon-holder">
                                        <span class="icon-word-document"></span>    
                                    </div>
                                    <div class="title-holder">
                                        <h5>Our Portfolio</h5>    
                                    </div>
                                </a>
                            </li>
                        </ul> 
                    </div>
                    <!--End single sidebar-->
                    <!--Start single sidebar-->
                    <div class="single-sidebar">
                        <div class="sidebar-testimonial">
                            <div class="text-box">
                                <p><b style="color: red;">A PR & Media Consultancy Company</b> specializing in Strategic Communication Planning and Execution for private and public companies.</p>
                            </div>
                            <div class="client-info">
                                <div class="img-box">
                                    <img src="../../images/team/john.jpg" alt="John Chihi" style="border: 1px solid red;">
                                </div>
                                <div class="title-box">
                                    <h4>John Chihi <span>- Lead Consultant</span></h4>
                                    <div class="review-box">
                                        <ul>
                                            <li><i class="fa fa-star"></i></li>
                                            <li><i class="fa fa-star"></i></li>
                                            <li><i class="fa fa-star"></i></li>
                                            <li><i class="fa fa-star"></i></li>
                                            <li><i class="fa fa-star"></i></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>    
                    </div>
                    <!--End single sidebar-->
                    <!--Start single sidebar-->
                    <div class="single-sidebar">
                        <div class="business-enquiry">
                            <h4>Crisis & reputation enquiries!</h4>
                            <p>Send us an <a href="mailto:info@mediagepr.com">email</a> and we’ll get in touch shortly, or call our office helpline<br><a href="tel:+256414348728">+256 414 348 728</a></p>
                        </div>  
                    </div>
                    <!--End single sidebar-->


                    <br> <br>

                    <!--Start single sidebar--> 
                    <div class="single-sidebar">
                        <div class="sec-title">
                            <h3>Recent News</h3>
                            <span class="border"></span>
                        </div>
                        <ul class="recent-post">

    <?php 


     //including the database connection file
    include_once("../../admin/articles/db/config.php");

    //while($res = mysql_fetch_array($result)) { // mysql_fetch_array is deprecated, we need to use mysqli_fetch_array 
    while($res = mysqli_fetch_array($result)) {

                            echo "<li>";
                                echo "<div class='img-holder'>";
                                    echo "<img src='../../admin/articles/images/".$res['image1']."' alt='$res[title]'>";
                               echo "</div>";
                                echo "<div class='title-holder'>";
                                    echo "<a href=\"../../blog/single/index.php?article=$res[id]\">";
                                        echo "<h5 class='post-title'>".substr($res['title'], 0, 40)."..</h5>";
                                    echo "</a>";
                                    echo "<h6 class='post-date'>
                                        <i class='icon-calendar-with-spring-binder-and-date-blocks'></i>
                                        ".date("jS M, Y", strtotime($res['date']))."
                                   </h6>";
                                echo "</div>";
                            echo "</li>";
     }
    ?>                       

                        </ul>
                    </div>
                    <!--End single sidebar-->

                    <br> <br>

                    <!--Start single-sidebar-->
                    <div class="single-sidebar popular-tag">
                        <div class="sec-title">
                            <h3>Tag Cloud</h3>
                            <span class="border"></span>
                        </div>
                        <ul class="popular-tag">

     <?php 

     //including the database connection file
include_once("../../admin/articles/db/config.php");

//fetching data in descending order (lastest entry first)
//$result = mysql_query("SELECT * FROM users ORDER BY id DESC"); // mysql_query is deprecated
$result = mysqli_query($mysqli, "SELECT * FROM articles ORDER BY id DESC LIMIT 6"); // using mysqli_query instead

    //while($res = mysql_fetch_array($result)) { // mysql_fetch_array is deprecated, we need to use mysqli_fetch_array 
    while($res = mysqli_fetch_array($result)) {

                            echo "<li>";
                            echo "<a href=\"../../blog/single/index.php?article=$res[id]\">".$res['topic']."</a>";
                             echo "</li>";
    }
    ?>
                        </ul>      
                    </div> 
                    <!--End single-sidebar-->
                </div>
            </div>
            
        </div>
    </div>
</section> 
<!--End company overview area-->
  
<!--Start footer area-->  
<footer class="footer-area" style="background-image:url(../../images/stock/7.jpeg);background-attachment: fixed;">
    <div class="footer-top-area">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="footer-top-content">
                        <div class="title pull-left">
                            <h3>Over 20 years of experience, we ensure you always get the best.</h3>    
                        </div>
                        <div class="button pull-right">
                            <a class="thm-btn bg-clr1" onclick="openConsult()">Book Consultation</a>
                        </div>
                    </div>    
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <!--Start single footer widget-->
            <div class="col-lg-5 col-md-3 col-sm-6 col-xs-12">
                <div class="single-footer-widget pd-bottom" align="center">
                    
                    <div style="overflow-y: scroll;width:90%;height: 280px;border-radius: 8px;">

                  <a class="twitter-timeline" href="https://twitter.com/MediagePR?ref_src=twsrc%5Etfw">Tweets by MediagePR</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

                    </div><br>


                    <a href="../../social/twitter" style="color: white;">View Full Page</a>

                </div>
            </div>
            <!--End single footer widget-->
            
            <!--Start single footer widget-->
            <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                <div class="single-footer-widget">
                    <div class="title">
                        <h3>Latest News</h3>
                    </div>
                    <ul class="latest-news-items">


    <?php 

     //including the database connection file
include_once("../../admin/articles/db/config.php");

//fetching data in descending order (lastest entry first)
//$result = mysql_query("SELECT * FROM users ORDER BY id DESC"); // mysql_query is deprecated
$result = mysqli_query($mysqli, "SELECT * FROM articles ORDER BY id DESC LIMIT 3"); // using mysqli_query instead

    //while($res = mysql_fetch_array($result)) { // mysql_fetch_array is deprecated, we need to use mysqli_fetch_array 
    while($res = mysqli_fetch_array($result)) {


      echo "<li>";
                            echo "<a href=\"../../blog/single/index.php?article=$res[id]\">".substr($res['title'], 0, 60)."..</a>";
                            echo "<p>".date("jS M, Y", strtotime($res['date']))."</p>";
                        echo "</li>";

}
  ?>

    

                    </ul>
                </div>
            </div>
            <!--End single footer widget-->
            <!--Start single footer widget-->
            <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                <div class="single-footer-widget pd-top pd-left">
                    <div class="title">
                        <h3>Contact Us</h3>
                    </div>
                    <ul class="footer-contact-info">
                        <li>
                            <div class="icon-holder">
                                <span class="icon-world"></span>
                            </div>
                            <div class="text-holder">
                                <p>Commercial Plaza, Kampala Rd<br> P.O Box 34821 Kampala (U)</p>
                            </div>
                        </li>
                        <li>
                            <div class="icon-holder">
                                <span class="icon-technology-1"></span>
                            </div>
                            <div class="text-holder">
                                <p><a href="tel:+256414348728">+256 414 348 728</a></p>
                                <p><a href="tel:+256414348721">+256 414 348 721</a></p>
                            </div>
                        </li>
                        <li>
                            <div class="icon-holder">
                                <span class="icon-technology-1"></span>
                            </div>
                            <div class="text-holder">
                                <p><a href="tel:+256755348728">+256 755 348 728</a></p>
                            </div>
                        </li>
                        <li>
                            <div class="icon-holder">
                                <span class="icon-letter-1 bottom-envelop"></span>
                            </div>
                            <div class="text-holder">
                                <p><a href="mailto:info@mediagepr.com">info@mediagepr.com</a></p>
                            </div>
                        </li>
                    </ul>
                    <ul class="footer-social-links">
                        <li><a href="https://facebook.com/MediageprEA" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                        <li><a href="https://www.twitter.com/MediagePR" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                        <li><a href="https://www.instagram.com/mediagepr" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
                        <li><a href="https://www.linkedin.com/company/mediage-pr-ea" target="_blank"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
                        <li><a href="https://wa.me/message/256755348728" target="_blank"><i class="fa fa-whatsapp" aria-hidden="true"></i></a></li>
                    </ul>
                </div>
            </div>
            <!--End single footer widget-->
        </div>
    </div>
</footer>   
<!--End footer area-->

<!--Start footer bottom area-->
<section class="footer-bottom-area">
    <div class="container">   
        <div class="row">
            <div class="col-md-12">
                <div class="footer-bottom">
                    <div class="copyright-text pull-left">
                        <p>Media Age © <script>document.write(new Date().getFullYear());</script> Copyright. All Rights Reserved, Powered by <a href="https://customassistinc.com/" target="_blank">Custom Assist Inc.</a></p> 
                    </div>
                    <div class="footer-menu pull-right">
                        <ul>
                            <li><a href="../../pages/terms">Terms & Conditions</a></li>
                            <li><a href="../../pages/privacy">Privacy Policies</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div> 
    </div>  
</section>
<!--End footer bottom area--> 

<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target="html"><span class="fa fa-angle-up"></span></div>

<!-- main jQuery -->
<script src="../../js/jquery-1.11.1.min.js"></script>
<!-- bootstrap -->
<script src="../../js/bootstrap.min.js"></script>
<!-- bx slider -->
<script src="../../js/jquery.bxslider.min.js"></script>
<!-- count to -->
<script src="../../js/jquery.countTo.js"></script>
<!-- owl carousel -->
<script src="../../js/owl.carousel.min.js"></script>
<!-- validation -->
<script src="../../js/validation.js"></script>
<!-- mixit up -->
<script src="../../js/jquery.mixitup.min.js"></script>
<!-- easing -->
<script src="../../js/jquery.easing.min.js"></script>
<!-- gmap helper -->
<script src="../../https://maps.googleapis.com/maps/api/js?key=AIzaSyAHzPSV2jshbjI8fqnC_C4L08ffnj5EN3A"></script>
<!--gmap script-->
<script src="../../js/gmaps.js"></script>
<script src="../../js/map-helper.js"></script>
<!-- fancy box -->
<script src="../../js/jquery.fancybox.pack.js"></script>
<script src="../../js/jquery.appear.js"></script>
<!-- isotope script-->
<script src="../../js/isotope.js"></script>
<script src="../../js/jquery.prettyPhoto.js"></script> 
<script src="../../js/jquery.bootstrap-touchspin.js"></script>
<!-- jQuery timepicker js -->
<script src="../../assets/timepicker/timePicker.js"></script>
<!-- Bootstrap select picker js -->
<script src="../../assets/bootstrap-sl-1.12.1/bootstrap-select.js"></script>                               
<!-- Bootstrap bootstrap touchspin js -->
<!-- jQuery ui js -->
<script src="../../assets/jquery-ui-1.11.4/jquery-ui.js"></script>
<!-- Language Switche  -->
<script src="../../assets/language-switcher/jquery.polyglot.language.switcher.js"></script>
<!-- Html 5 light box script-->
<script src="../../assets/html5lightbox/html5lightbox.js"></script>
<!-- wow script-->
<script src="../../js/wow.min.js"></script>

<!-- revolution slider js -->
<script src="../../assets/revolution/js/jquery.themepunch.tools.min.js"></script>
<script src="../../assets/revolution/js/jquery.themepunch.revolution.min.js"></script>
<script src="../../assets/revolution/js/extensions/revolution.extension.actions.min.js"></script>
<script src="../../assets/revolution/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="../../assets/revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="../../assets/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="../../assets/revolution/js/extensions/revolution.extension.migration.min.js"></script>
<script src="../../assets/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="../../assets/revolution/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="../../assets/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="../../assets/revolution/js/extensions/revolution.extension.video.min.js"></script>

<!-- thm custom script -->
<script src="../../js/custom.js"></script>





</div>
</body>
</html>