<?php
/**
 * Created by PhpStorm.
 * User: aleks
 * Date: 12/8/2017
 * Time: 8:03 PM
 */
?>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="Author" content="Aleks Nyombi">
    <meta name="keywords" content="online media converter, online video converter, simple media converter, covert images from one format to the other, resize images, change image quality">
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/font-awesome.css">
    <title>Media Converter-convert your image from any format to the other</title>
</head>
<body>
<div class="header">
    <div class="navbar">
        <a href="index.php" class="brand">Media Converter</a>
        <ul class="nav">
            <li class="nav-link"><a href="index.php">Convert Images</a></li>
            <li class="nav-link"><a href="about.php" class="active">About Us</a></li>
        </ul>
        <button class="nav-toggler"><span><i class="fa fa-bars fa-3x"></i></span></button>
        <div class="clear-fix"></div>
        <div class="clear-fix"></div>
    </div>
</div>
<!--    main body-->
<h1>About Us</h1>
<div class="about-wrapper">
 <div class="about-content">
     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam molestias quasi quis. Cum dolores eligendi excepturi unde voluptas! Ab animi aperiam, at dolorum est facere hic ipsa ipsum magnam maiores minima natus officia perspiciatis placeat, quasi reiciendis repellat rerum suscipit velit, voluptatem? Asperiores doloribus iure magni! Illum omnis rem vero?
 </div>
  <div class="ads">

  </div>
</div>

<!-- /main body end-->
<!--  footer-->
<div class="footer">
    <div class="footer-info">
        <div class="contacts">
            <h4>Contact-Us</h4>
            <p>Call: <i>+256753289323</i></p>
            <p>Email: <i>mediaconverter@gmail.com</i></p>
        </div>
        <div class="share">
            <h4>Share Our Website</h4>
            <ul class="social">
                <li class="social-link"><a href="https://www.facebook.com/"><i class="fa fa-facebook-square fa-3x"></i></a></li>
                <li class="social-link"><a href="https://twitter.com/intent/tweet?url=https://www.youtube.com"><i class="fa fa-twitter-square fa-3x"></i></a></li>
                <li class="social-link"><a href="https://www.instagram.com/"><i class="fa fa-instagram fa-3x"></i></a></li>
                <li class="social-link"><a href="https://plus.google.com/share?url=https://www.afrihost.com"><i class="fa fa-google-plus-square fa-3x"></i></a></li>
            </ul>
        </div>
        <div class="our-products">
            <h4>Our Products</h4>
            <ul class="products">
                <li class="product-link"><a href="#">Media Coverter</a></li>
                <li class="product-link"><a href="#">Bulk Mailer</a></li>
            </ul>
        </div>
    </div>
    <div class="footer-label">
        <p>&copy;<?php echo date('Y'); ?> Media Converter</p>
    </div>
</div>
<!--  /footer end -->
<script src="./js/index.js"></script>
</body>
</html>
