<?php include "config.php";?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>About Us - <?php echo $company; ?>, <?php echo $city; ?>. <?php echo $phone; ?></title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Get information, directions, products, services, phone numbers, and reviews on <?php echo $company.' '.$address.' in '.$city.', '.$state; ?>. Best <?php echo $category; ?> company in <?php echo $city; ?>/index.php">
<!--OG-->
<meta name="keywords" content="<?php if(!empty($keywords)) { echo $keywords.','; } ?><?php echo $city; ?>, <?php echo $city; ?> <?php echo $category; ?>,<?php echo $company; ?>, <?php echo $phone; ?>">
<meta name="author" content="www.atgsites.com" />
<meta property="og:title" content="<?php echo $company; ?>" />
<meta property="og:type" content="website" />
<meta property="og:url" content="<?php echo $website; ?>" />
<meta property="og:image" content="http://southerlyengineering.com/assets/img/logo200px.jpg" />
<meta property="og:site_name" content="<?php echo $company; ?>" />
<meta property="og:description" content="We are a woman owned small business specializing in project management, software services, Salesforce solutions and IT services." />
<link rel="author" href="<?php echo $contact; ?>" />
<link rel="publisher" href="<?php echo $contact; ?>" />
<link rel="canonical" href="<?php echo $website; ?>" />
<!-- Favicon -->
<link rel="shortcut icon" href="assets/img/64.png">
<link rel="apple-touch-icon" sizes="144x144" href="assets/img/144.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets/img/114.png">
<link rel="apple-touch-icon" sizes="72x72" href="assets/img/72.png">
<link rel="apple-touch-icon" sizes="57x57" href="assets/img/57.png">
<!-- Include Roboto -->
<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:300,400,500,700">
<!-- Bootstrap -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
<!-- icon fonts font Awesome -->
<link href="assets/css/font-awesome.css" rel="stylesheet">
<!-- Common styles -->
<link href="assets/css/common.min.css" rel="stylesheet">
<!-- Import Custom Styles -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- Import Responsive Styles -->
<link href="assets/css/responsive.css" rel="stylesheet">
<!-- Include jQuery -->
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<!-- Include modernizr-2.8.0.min.js -->
<script src="assets/js/modernizr-2.js"></script>
</head>
<body>
<!-- Page Top -->
<div id="page-top"></div>
<!-- Page Top End -->
<!-- Menu -->
<div class="main-menu-continer">
<div id="main-menu" class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<!-- Logo -->
<div class="col-lg-5 col-md-7 col-sm-11 col-xs-11">
<a class="navbar-brand" href="<?php echo $website; ?>/index.php" style="padding:0;">
<img src="assets/img/logo.jpg" alt="Logo">
</a><!-- /.navbar-brand -->
</div>
<nav class="collapse navbar-collapse col-lg-5 col-md-5 col-sm-12 col-xs-12 pull-right" role="navigation">
<!-- Main navigation -->
<ul id="headernavigation" class="nav navbar-nav pull-right">
<li><a href="<?php echo $website; ?>/index.php">Home</a></li>
<li class="active"><a href="<?php echo $website; ?>/about.php">About</a></li>
<li><a href="<?php echo $website; ?>/what-we-do.php">What we do</a></li>
<li><a href="<?php echo $website; ?>/govservices.php">Government Services</a></li>
<li><a href="<?php echo $website; ?>/how-we-work.php">How we work</a></li>
<li><a href="<?php echo $website; ?>/contact.php">Contact</a></li>
</ul> <!-- /.nav .navbar-nav -->
</nav> <!-- /.navbar-collapse -->
<!-- Responsive Navigation -->
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" style="position: absolute;right: 0;">
<span class="sr-only">Toggle Navigation</span><i class="fa fa-bars"></i>
</button> <!-- /.navbar-toggle -->
</div> <!-- /.navbar-header -->
</div> <!-- /.container -->
</div><!-- /#main-menu -->
</div><!-- /.main-menu-continer -->
<!-- Menu End -->
<div id="page-name-sec" style="background-position: 50% 40px;">
<div class="parallax-style page-name-sec">
<div class="pattern">
<div class="container">
<p class="page-name">About <br/><?php echo $company; ?></p><!-- /.page-name -->
<p class="page-location">
<a href="<?php echo $website; ?>/index.php">Home</a> About Us
</p><!-- /.page-location -->
</div><!-- /.container -->
</div><!-- /.pattern -->
</div><!-- /.parallax-style /.page-name-sec-->
</div>
<!-- Contact Section -->
<section id="aboutsection">
<!-- Contact Form-->
<div id="contact-form-section" class="contact-form-section">
<div class="white-bg">
<div class="sec-head-container">
<div class="sec-head-style">
<h2 style="visibility: hidden; animation-name: none;" class="section-title wow bounceInDown">
<span>About</span> Us
</h2><!-- /.section-title -->
<div class="section-description">
<?php echo $company; ?> is a recognized leader in the local market and a growing company from <?php echo $city;?>, and we’re proud of that fact.
</div><!-- /.section-description -->
</div><!-- /.sec-head-style -->
</div><!-- /.sec-head-container -->
<div class="container">
<div class="row">
<div class="col-lg-6">
<p>Southern Cloud Solutions has many years of experience providing engineering design, integration and technology solutions. Our software solutions use traditional software deployments as well as cloud based solutions and mobile applications. We have expertise in program and project management life cycle using traditional or Agile methods. </p>
<hr>
<p>Every successful systems and software solution requires a planned approach for providing transparency to the customer with requirements analysis, technical documentation, reviews, user demonstrations, configuration and change management in a collaborative integrated system. </p>
<hr>
<p>We follow the practices as defined by the relevant domain standards as well as the process standards for engineering and support processes covering requirements management and development, technical solution creation, solution integration, verification, validation, configuration management and quality assurance. The team is well versed in Salesforce.com solutions with multiple certifications with experience in large healthcare domain deployments.</p>
<hr>
<p>Feel free to take a look around. Be sure to check out our <a href="<?php echo $website;?>/what-we-do.php">Work We Do</a> and <a href="<?php echo $website;?>/contact.php">leave us a message</a> if you have questions. </p>
</div>
<div class="col-lg-6">
<img class="wow bounceInRight" src="assets/img/about-us.jpg" alt="About Us">
</div>
<div class="button-container col-lg-12">
<a href="<?php echo $website; ?>/contact.php" class="btn btn-sm btn-default btn-effect">Leave Us a Message</a>
</div>
</div><!-- /.row -->
</div><!-- /.container -->
</div><!-- /.white-bg -->
</div><!-- /#contact-form-section -->
<!-- Contact Form End-->
</section>
<section id="contactdetails">
<!-- Contact Details End-->
<div id="contact-details">
<div class="gray-bg contact-details">
<div class="container">
<div class="row">
<h3 class="text-center title">Contact Details</h3>
<div class="contact-info">
<div style="visibility: hidden; animation-delay: 0.2s; animation-name: none;" class="col-md-3 col-sm-6 contact-info-box wow bounceInDown center animated" data-wow-delay=".2s">
<span class="icon map-marker">
<i aria-hidden="true" class="fa fa-map-marker"></i>
</span>
<p class="contact-details-title">Address</p>
<span class="texts"><?php echo $address; ?> <br>
<?php echo $city; ?>, <?php echo $state; ?> <?php echo $zip; ?>
</span>
</div> <!-- /.contact-info-box -->
<div style="visibility: hidden; animation-delay: 0.4s; animation-name: none;" class="col-md-3 col-sm-6 contact-info-box wow bounceInDown center animated" data-wow-delay=".4s">
<span class="icon envelope">
<i aria-hidden="true" class="fa fa-envelope"></i>
</span>
<p class="contact-details-title">Email</p>
<span class="texts"><a href="mailto:<?php echo $email; ?>" target="_top"><?php echo $email; ?></a>
</span>
</div><!-- /.contact-info-box -->
<div style="visibility: hidden; animation-delay: 0.6s; animation-name: none;" class="col-md-3 col-sm-6 contact-info-box wow bounceInDown center animated" data-wow-delay=".6s">
<span class="icon phone">
<i aria-hidden="true" class="fa fa-mobile"></i>
</span>
<p class="contact-details-title">Phone</p>
<span class="texts"><?php echo $phone; ?> <br>
<?php echo $office; ?> <br>
<?php echo $office2; ?> <br>
</span>
</div><!-- /.contact-info-box -->
<div style="visibility: hidden; animation-delay: 0.8s; animation-name: none;" class="col-md-3 col-sm-6 contact-info-box wow bounceInDown center animated" data-wow-delay=".8s">
<span class="icon skype"><i class="fa fa-desktop"></i></span>
<p class="contact-details-title">Website</p>
<span class="texts"><a href="<?php echo $website; ?>/index.php"><?php echo $website; ?></a>
</span>
</div><!-- /.contact-info-box -->
</div><!-- /.contact-info -->
</div><!-- /.row -->
</div><!-- /.container -->
</div><!-- /.gray-bg /.contact-details -->
</div><!-- /#contact-details -->
<!-- Contact Details End-->
</section>
<footer>
<div class="copyrights">
<div class="container">
<div class="footer-social-btn">
<?php if(!empty($facebook)){ ?>
<a style="visibility: hidden; animation-delay: 0.2s; animation-name: none;" href="<?php echo $facebook; ?>" class="facebook-btn wow rollIn center animated" data-wow-delay=".2s"><i class="fa fa-facebook"></i></a>
<?php } ?>
<?php if(!empty($twitter)){ ?>
<a style="visibility: hidden; animation-delay: 0.1s; animation-name: none;" href="<?php echo $twitter; ?>" class="twitter-btn wow rollIn center animated" data-wow-delay=".1s"><i class="fa fa-twitter"></i></a>
<?php } ?>
<?php if(!empty($linkedin)){ ?>
<a style="visibility: hidden; animation-delay: 0.4s; animation-name: none;" href="<?php echo $linkedin; ?>" class="linkedin-btn wow rollIn center animated" data-wow-delay=".4s"><i class="fa fa-linkedin"></i></a>
<?php } ?>
<?php if(!empty($googleplus)){ ?>
<a style="visibility: hidden; animation-delay: 0.6s; animation-name: none;" href="<?php echo $googleplus; ?>" class="google-plus-btn wow rollIn center animated" data-wow-delay=".6s"><i class="fa fa-google-plus"></i></a>
<?php } ?>
</div><!-- /.footer-social-btn -->
<div class="col-lg-12" style="padding-bottom: 25px;">©
<a href="<?php echo $website; ?>/index.php"><?php echo $company; ?></a>
</div>
</div><!-- /.container -->
</div><!-- /.copyrights -->
</footer><!-- /#footer-section -->
<!-- Footer Section End -->
<!-- Scroll to top -->
<div id="scroll-to-top"><span><i class="fa fa-chevron-up"></i> </span></div>
<!-- Include JavaScript Plugins -->
<script src="assets/js/script.min.js"></script>
<!-- Include Analytics -->
<?php if(!empty($analytics)) { echo $analytics; }?>
<!-- Custom -->
<script type="text/javascript">
/*----------- wow animation with support of wow.js and animation.css ----------------*/
var wow = new WOW( {
boxClass: 'wow', // animated element css class (default is wow)
animateClass: 'animated', // animation css class (default is animated)
offset: 0, // distance to the element when triggering the animation (default is 0)
mobile: false // trigger animations on mobile devices (true is default)
}
);
wow.init();
</script>
</body>
</html>