astute-site/index.html

526 lines
29 KiB
HTML
Executable File
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name = "format-detection" content = "telephone=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Astute Engineering</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles-->
<link href="css/docs.css" rel="stylesheet">
<link href="css/css3.css" rel="stylesheet">
<link href="css/slick.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link href="css/font-awesome.css" rel="stylesheet">
<!--[if lt IE 9]>
<link href="css/ie8.css" rel="stylesheet">
<![endif]-->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<!--[if gte IE 9]>
<style type="text/css">
.service .service-main .service-block .service-title {
filter: none;
}
</style>
<![endif]-->
</head>
<body>
<header class="header">
<nav class="nav-main">
<div class="container">
<div class="email"><a href="mailto:contact@astuteng.com" target="_blank"><em class="fa fa-envelope-o"></em> contact@astuteng.com</a></div>
<div class="logo"><a href="index.html"><img src="images/logo.svg" alt=""></a></div>
<div class="nav-header">
<div class="nav-btn">
<span class="icon-bar">MENU</span>
</div>
</div>
<div class="nav-link">
<ul class="nav-ul">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="about-us.html">About us</a></li>
<li><a href="leadership.html">Leadership</a></li>
<li class="sub-menu">
<a href="services.html">Services</a>
<ul class="sub_navigation">
<li><a href="power-distribution-systems.html">Power Distribution Systems</a></li>
<li><a href="system-studies-analysis.html">SYSTEM STUDIES and ANALYSES</a></li>
<li><a href="field-services.html">Field Services</a></li>
<li><a href="instrumentation-and-control.html">Instrumentation and Controls</a></li>
<li><a href="value-added-services.html">Value Added Services</a></li>
<li><a href="security-and-surveillance-system.html">Security & Surveillance Systems</a></li>
</ul>
</li>
<li class="sub-menu">
<a href="markets.html">Markets</a>
<ul class="sub_navigation">
<li><a href="government.html">Government</a></li>
<li><a href="utilities-and-renewable-energy.html">Utilities & Renewable Energy</a></li>
<li><a href="institutional.html">Institutional</a></li>
<li><a href="transportation.html">Transportation</a></li>
<li><a href="commercial.html">Commercial</a></li>
<li><a href="industrial.html">Industrial</a></li>
</ul>
</li>
<li><a href="testimonials.html">Testimonials</a></li>
<li><a href="careers.html">Careers</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</nav>
</header>
<div class="banner">
<div class="slider single-item">
<div>
<div class="slider-content">
<div class="container">
<h1 class="heading heading1">CORE COMPETENCE</h1>
<p class="heading heading11">Specializing in Power Distribution System Engineering for small and large projects including High, Medium & Low Voltage Switchgear & Protection systems</p>
<div class="view-detail-btn">
<a href="services.html" class="view-detail heading4">View Details</a>
</div>
</div>
</div>
<img src="images/banner-1.jpg" alt="">
</div>
<div>
<div class="slider-content">
<div class="container">
<h1 class="heading heading5">MUNICIPALITIES & UTILITIES</h1>
<p class="heading heading6">Experienced in multitude of water & wastewater treatment plant projects, including DC Water Blue Plains, worlds largest wastewater treatment plant</p>
<div class="view-detail-btn">
<a href="markets.html" class="view-detail heading10">View Details</a>
</div>
</div>
</div>
<img src="images/banner-2.jpg" alt="">
</div>
<div>
<div class="slider-content">
<div class="container">
<h1 class="heading heading9">SUSTAINABILITY INITIATIVES</h1>
<p class="heading heading7">Providing sustainable designs for “Green Projects” & “Renewable Energy” solutions, contributing towards the carbon footprint reduction initiatives</p>
<div class="view-detail-btn">
<a href="services.html" class="view-detail heading8">View Details</a>
</div>
</div>
</div>
<img src="images/banner-3.jpg" alt="">
</div>
<div>
<div class="slider-content">
<div class="container">
<h1 class="heading heading5">INFRASTRUCTURE</h1>
<p class="heading heading6">Putting our minds in motion to facilitate your mobility through our contribution in infrastructure projects such as Airways, Railways & Roadways</p>
<div class="view-detail-btn">
<a href="markets.html" class="view-detail heading10">View Details</a>
</div>
</div>
</div>
<img src="images/banner-4.jpg" alt="">
</div>
</div>
</div>
<div class="video-popup">
<a href="javascript:void(0)" class="close-btn">X</a>
<div class="video-main">
<video controls class="videos">
<source src="video/home-page-video.mp4" type="video/mp4">
<source src="video/home-page-video.ogg" type="video/ogg">
</video>
</div>
</div>
<!--<div class="modal video-modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">X</button>
<div class="modal-body">
<div class="video-main">
<video controls class="videos">
<source src="video/home-page-video.mp4" type="video/mp4">
<source src="video/home-page-video.ogg" type="video/ogg">
</video>
</div>
</div>
</div>
</div>
</div>-->
<div class="content">
<section class="first-block">
<div class="container">
<div class="welcome-section">
<div class="heading">
<h2>Astute Engineering</h2>
</div>
<div class="welcome-block">
<div class="welcome-leftpart wow fadeInDown">
<p>Astute Engineering, established in the Commonwealth of Virginia, is strategically located to serve federal, state and municipal clients within Virginia, DC, Maryland, West Virginia, Pennsylvania and in the vicinity.</p>
<p>We provide end-to-end services in Electrical Engineering, ranging from study & schematic phase to final installation, commissioning & commercial operation. Our deep involvement in projects, right from inception and through various stages of design, helps us and our clients alike. Our background, knowledge, skills and experience are the corner stones of our organization.</p>
<p>Every project, small or big, earns equal importance from us. We find uniqueness in every assignment we accept and we tailor our services to the needs and demands of our projects and clients. Flexibility is our strength.</p>
<p>Our thorough knowledge of products, further strengthened by our erection-commissioning experience and ability to intelligently interface with our clients and assimilating their valuable inputs results in comprehensive, innovative and accomplished designs/installations. Thoroughness is our virtue.</p>
<p>All the qualities we possess, such as knowledge base, skills, experience, flexibility and thoroughness, together bring out the excellence in our designs & services.</p>
</div>
<div class="welcome-rightpart wow fadeInDown">
<div class="video">
<a href="javascript:void(0)" class="video-thumb" data-toggle="modal" data-target="#myModal"><img src="images/video-image.jpg" alt=""></a>
</div>
<div class="brochure-block">
<div class="leftone">
<div class="title">Need Our Brochure?</div>
<p>Download Here</p>
<div class="brochure-form">
<form class="form-inline" role="form" method="post" name="contact-us-form" action="mailer.php">
<div class="row">
<div class="col-sm-6 col-xs-6">
<input name="name" type="text" class="form-control" id="" placeholder="Name" required>
</div>
<div class="col-sm-6 col-xs-6">
<input name="email" type="email" class="form-control" id="" placeholder="Email" required>
</div>
</div>
<div class="row">
<div class="col-sm-6 col-xs-6">
<input name="companyname" type="text" class="form-control" id="" placeholder="Company Name" required>
</div>
<div class="col-sm-6 col-xs-6">
<input type="submit" class="btn btn-default" value="Download Now">
</div>
</div>
</form>
</div>
</div>
<div class="rightone"><img src="images/brochure-image.png" alt=""></div>
</div>
</div>
</div>
</div>
<div class="mission-vision-block">
<div class="row">
<div class="col-sm-6">
<div class="mv-image wow fadeInLeft">
<img src="images/our-mission.jpg" alt="">
<div class="mv-content">
<h3>Our Mission</h3>
<p>To provide value based, astutely engineered solutions for economical, safe and reliable power distribution systems.</p>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="mv-image mv-image-two wow fadeInRight">
<img src="images/our-vision.jpg" alt="">
<div class="mv-content">
<h3>Our Vision</h3>
<p>Develop enduring partnerships with our clients based on relationships built upon excellence in work and mutual trust. Deliver affordable but innovative designs and provide solid support services extending upto and beyond project implementation through our astute, involved and empowered employees.</p>
</div>
</div>
</div>
</div>
</div>
<div class="our-value wow fadeInDown">
<h3>Our Values</h3>
<p>At astute, we are committed to a set of core values that not only define who we are, but also serve as guide-poste to help us become the company we would like to be. And we aspire to live these values every day.</p>
<div class="value-infographics"><img src="images/infographic.svg" alt=""></div>
</div>
</div>
</section>
<section class="service">
<div class="container">
<div class="heading wow fadeInUp">
<h2>Our Services</h2>
</div>
<div class="service-main">
<div class="row">
<div class="col-md-4 col-sm-6 col-xs-6 wow fadeInLeft">
<div class="service-block">
<div class="service-thumb">
<img src="images/power-distribution-systems.jpg" alt="">
<div class="service-overlay">
<div class="readmore">
<a href="power-distribution-systems.html"><em class="fa fa-external-link"></em> Read More</a>
</div>
</div>
</div>
<div class="service-title">
<a href="power-distribution-systems.html">Power Distribution Systems</a>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 col-xs-6 wow fadeInUp">
<div class="service-block">
<div class="service-thumb">
<img src="images/studies-analysis.jpg" alt="">
<div class="service-overlay">
<div class="readmore">
<a href="system-studies-analysis.html"><em class="fa fa-external-link"></em> Read More</a>
</div>
</div>
</div>
<div class="service-title">
<a href="system-studies-analysis.html">SYSTEM STUDIES/ANALYSES</a>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 col-xs-6 wow fadeInRight">
<div class="service-block">
<div class="service-thumb">
<img src="images/field-services.jpg" alt="">
<div class="service-overlay">
<div class="readmore">
<a href="field-services.html"><em class="fa fa-external-link"></em> Read More</a>
</div>
</div>
</div>
<div class="service-title">
<a href="field-services.html">Field Services</a>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 col-xs-6 wow fadeInLeft">
<div class="service-block">
<div class="service-thumb">
<img src="images/instrumentation-and-controls.jpg" alt="">
<div class="service-overlay">
<div class="readmore">
<a href="instrumentation-and-control.html"><em class="fa fa-external-link"></em> Read More</a>
</div>
</div>
</div>
<div class="service-title">
<a href="instrumentation-and-control.html">Instrumentation and Controls</a>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 col-xs-6 wow fadeInUp">
<div class="service-block">
<div class="service-thumb">
<img src="images/value-added-services.jpg" alt="">
<div class="service-overlay">
<div class="readmore">
<a href="value-added-services.html"><em class="fa fa-external-link"></em> Read More</a>
</div>
</div>
</div>
<div class="service-title">
<a href="value-added-services.html">Value Added Services</a>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 col-xs-6 wow fadeInRight">
<div class="service-block">
<div class="service-thumb">
<img src="images/security-surveillance-systems.jpg" alt="">
<div class="service-overlay">
<div class="readmore">
<a href="security-and-surveillance-system.html"><em class="fa fa-external-link"></em> Read More</a>
</div>
</div>
</div>
<div class="service-title">
<a href="security-and-surveillance-system.html">Security & Surveillance Systems</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="our-markets">
<div class="container">
<div class="heading wow fadeInUp">
<h2>Our Markets</h2>
</div>
<div class="markets-main">
<div class="row">
<div class="col-md-4 col-sm-6 col-xs-6 wow fadeInLeft">
<div class="markets-block">
<div class="markets-icon">
<a href="government.html"><img src="images/government.svg" alt=""></a>
</div>
<div class="markets-content">
<a href="government.html">Government</a>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 col-xs-6 wow fadeInUp">
<div class="markets-block">
<div class="markets-icon">
<a href="utilities-and-renewable-energy.html"><img src="images/energy-utilities.svg" alt=""></a>
</div>
<div class="markets-content">
<a href="utilities-and-renewable-energy.html">Utilities & Renewable Energy</a>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 col-xs-6 wow fadeInRight">
<div class="markets-block">
<div class="markets-icon">
<a href="institutional.html"><img src="images/institutional.svg" alt=""></a>
</div>
<div class="markets-content">
<a href="institutional.html">Institutional</a>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 col-xs-6 wow fadeInLeft">
<div class="markets-block">
<div class="markets-icon">
<a href="transportation.html"><img src="images/transportation.svg" alt=""></a>
</div>
<div class="markets-content">
<a href="transportation.html">Transportation</a>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 col-xs-6 wow fadeInUp">
<div class="markets-block">
<div class="markets-icon">
<a href="commercial.html"><img src="images/commercial.svg" alt=""></a>
</div>
<div class="markets-content">
<a href="commercial.html">Commercial</a>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 col-xs-6 wow fadeInRight">
<div class="markets-block">
<div class="markets-icon">
<a href="industrial.html"><img src="images/industrial.svg" alt=""></a>
</div>
<div class="markets-content">
<a href="industrial.html">Industrial</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="certification">
<div class="container">
<div class="heading">
<h2>Our CERTIFICATIONS</h2>
</div>
<div class="logo-carousel">
<div class="caroufredsel_wrapper">
<ul>
<li><img src="images/certificate-logo-1.jpg" alt=""></li>
<li><img src="images/certificate-logo-2.jpg" alt=""></li>
<li><img src="images/certificate-logo-3.jpg" alt=""></li>
<li><img src="images/certificate-logo-4.jpg" alt=""></li>
<li><img src="images/certificate-logo-5.jpg" alt=""></li>
<li><img src="images/certificate-logo-6.jpg" alt=""></li>
<li><img src="images/certificate-logo-1.jpg" alt=""></li>
<li><img src="images/certificate-logo-2.jpg" alt=""></li>
<li><img src="images/certificate-logo-3.jpg" alt=""></li>
<li><img src="images/certificate-logo-4.jpg" alt=""></li>
<li><img src="images/certificate-logo-5.jpg" alt=""></li>
<li><img src="images/certificate-logo-6.jpg" alt=""></li>
</ul>
</div>
</div>
</div>
</section>
</div>
<footer class="footer wow fadeInUp">
<img class="svg" src="images/waves.svg" alt="">
<div class="footer-one">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-3 wow fadeInLeft">
<div class="footer-logo">
<a href="index.html"><img class="svg" src="images/logo.svg" alt=""></a>
</div>
</div>
<div class="col-md-6 col-sm-5 wow fadeInUp">
<h4>Navigation</h4>
<div class="footer-nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about-us.html">About Us</a></li>
<li><a href="leadership.html">Leadership</a></li>
</ul>
<ul>
<li><a href="services.html">Services</a></li>
<li><a href="markets.html">Markets</a></li>
<li><a href="careers.html">Careers</a></li>
</ul>
<ul class="last">
<li><a href="testimonials.html">Testimonials</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-4 wow fadeInRight">
<h4>Connect with us</h4>
<div class="social-icon">
<ul>
<li><a href="https://www.facebook.com/Astute-Engineering-418838281809938/" target="_blank" class="facebook"><em class="fa fa-facebook"></em></a></li>
<li><a href="https://twitter.com/Astuteng" target="_blank" class="twitter"><em class="fa fa-twitter"></em></a></li>
<li><a href="https://www.linkedin.com/company/astute-engineering-llc./about" target="_blank" class="linkedin"><em class="fa fa-linkedin"></em></a></li>
</ul>
</div>
<div class="call">
<ul>
<li><em class="fa fa-phone"></em> (202) 400-2004</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="footer-last wow fadeInUp">
<div class="container">
<p>© Copyright 2017 Astute Engineering.</p>
</div>
</div>
</footer>
<!-- JavaScript files -->
<script src="js/jquery-1.11.2.min.js"></script>
<!-- Bootstrap core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<!-- Custom JavaScript -->
<script src="js/wow.min.js"></script>
<script src="js/slick.js"></script>
<script src="js/jquery.carouFredSel-6.2.1-packed.js"></script>
<script src="js/custom.js"></script>
</body>
</html>