<?php include "config.php";
session_start(); ?>
<!DOCTYPE html>
<html lang="en">
<head>
<title><?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; ?>">
<!--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="icon" type="image/png" href="assets/img/favicon.png">
<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 -->
<!-- Top Section -->
<section style="background-position: 50% 0px;" id="top-section">
<div style="height: 946px;" class="top-section parallax-style">
<div id="top-carousel" class="carousel slide top-carousel-container" data-ride="carousel">
<ol class="carousel-indicators">
<li class="active" data-target="#top-carousel" data-slide-to="0"></li>
<li data-target="#top-carousel" data-slide-to="1"></li>
</ol><!-- /.carousel-indicators -->
<div class="carousel-inner">
<div class="item active">
<div class="top-headings">
<h2 class="top-heading-1">WELCOME TO</h2>
<h3 class="top-heading-2"><span><?php echo $company; ?></span></h3>
<h3 class="top-heading-3">We are a company based in <span><?php echo $city.', '.$state; ?></span></h3>
</div><!-- /.top-headings -->
<div class="button-container">
<a class="btn btn-sm btn-default btn-effect" href="<?php echo $website;?>/about.php">About Us</a>
</div><!-- /.button-container -->
</div><!-- /.item -->
<div class="item">
<div class="top-headings">
<h2 class="top-heading-1">QUALITY <span>ASSURANCE </span></h2>
<h3 style="visibility: visible; animation-delay: 0.5s; animation-name: bounceInDown;" class="top-heading-2 wow bounceInDown center animated animated" data-wow-delay=".5s"><span><?php echo $company; ?></span></h3>
<h3 style="visibility: visible; animation-delay: 0.6s; animation-name: bounceInDown;" class="top-heading-3 wow bounceInDown center animated animated" data-wow-delay=".6s">We work day and night to get you the best <span>experience</span></h3>
</div><!-- /.top-headings -->
<div class="button-container">
<a class="btn btn-sm btn-default btn-effect" href="<?php echo $website;?>/contact.php">Contact Us</a>
</div><!-- /.button-container -->
</div><!-- /.item -->
</div><!-- /.carousel-inner -->
<a class="slide-nav left" href="#top-carousel" data-slide="prev"><i class="fa fa-chevron-left"></i></a>
<a class="slide-nav right" href="#top-carousel" data-slide="next"><i class="fa fa-chevron-right"></i></a>
</div><!-- /#top-carousel /.top-carousel-container -->
<div class="next-section hidden-sm hidden-xs">
<button id="go-to-next" class="btn"><i class="fa fa-angle-double-down"></i></button>
</div>
</div><!-- /.top-section -->
</section><!-- /#top-section -->
<!-- Top Section 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 class="active"><a href="<?php echo $website; ?>/index.php">Home</a></li>
<li><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 -->
<!-- About Us Section -->
<section id="about">
<div class="white-bg about-us-section">
<div class="sec-head-container">
<div class="sec-head-style">
<h2 style="visibility: hidden; animation-name: none;" class="section-title wow bounceInDown"><span>HELLO</span> There</h2><!-- /.section-title -->
<div class="section-description">
We are a woman owned small business specializing in engineering management, software services, systems engineering, Salesforce business analysis, implementation and IT services located in coastal Florida!
</div><!-- /.section-description -->
</div><!-- /.sec-head-style -->
</div><!-- /.sec-head-container -->
<div class="container">
<div class="row">
<h3 class="text-center title">We are <?php echo $company; ?></h3>
<div class="col-lg-12">
<ul class="service-container">
<li class="item nopadding col-lg-4 col-md-4 col-xs-12">
<img src="assets/img/skill03.jpg" alt="CUSTOMER ORIENTED">
<p class="item-title" style="text-transform: uppercase">Salesforce.com Registered<br> Consulting Partner</p><!-- /.item-title -->
</li><!-- /.item -->
<li class="item nopadding col-lg-4 col-md-4 col-xs-12">
<img src="assets/img/skill02.jpg" alt="EFFECTIVE PLANNING">
<p class="item-title" style="text-transform: uppercase">Project <br>Management</p><!-- /.item-title -->
</li><!-- /.item -->
<li class="item nopadding col-lg-4 col-md-4 col-xs-12">
<img src="assets/img/skill01.jpg" alt="SKILLED PROFESSIONALS">
<p class="item-title" style="text-transform: uppercase">Systems and<br> Software Engineering Services</p><!-- /.item-title -->
</li><!-- /.item -->
</ul>
</div>
<br/>
<br/>
<div class="col-lg-8 col-lg-offset-2 text-center" style="padding: 100px 0;">
<h3 class="text-center title">WHAT OUR CUSTOMERS SAY:</h3>
<blockquote class="text-center">
<cite title="Source Title">“Southern Cloud Solutions provided outstanding performance during our bid. Fluent in Project and Program Management, Engineering Design, Engineering Management and Software Development, Southern Cloud Solutions is on top of their game. Their performance was outstanding and above expectations.”</cite>
</blockquote>
<blockquote class="text-center">
<cite title="Source Title”>“Southern Cloud Solutions has always maintained a professionalism that sets them apart from other contractors. Their expertise, attention to detail, customer focus and overall professional attitude is unmatched in the industry.”</cite>
</blockquote>
<blockquote class="text-center">
<cite title="Source Title”>“Southern Cloud Solutions personnel established a positive rapport with project builders, easily establishing effective communication across all levels of expertise and backgrounds of our massive government organization. Business relations and results provided by Southern Cloud Solutions were superior in every way.”</cite>
</blockquote>
</div><!-- /.col-md-6 -->
<div class="col-lg-6 col-lg-offset-3 text-center" style="padding: 100px 0;">
<h3 class="text-center title">How Can We Help You?</h3>
<p class="text-center">Are you visiting us for the first time? We are are glad to talk to you. How can we help?</p>
<a href="<?php echo $website;?>/about.php" class="btn btn-lg btn-default btn-effect">About Us</a>
<a href="<?php echo $website;?>/contact.php" class="btn btn-lg btn-light-red btn-effect">Contact Us</a>
</div><!-- /.col-md-6 -->
</div><!-- /.row -->
</div><!-- /.container -->
</div><!-- /.about-us-section -->
</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>