619 lines
18 KiB
HTML
619 lines
18 KiB
HTML
<!DOCTYPE HTML>
|
|
<html lang="en-US">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
|
<title> CTLENG INFRA </title>
|
|
<meta name="description" content="">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<link rel="icon" type="image/png" sizes="56x56" href="images/icon.png">
|
|
|
|
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" media="all">
|
|
|
|
<link rel="stylesheet" href="css/owl.carousel.min.css" type="text/css" media="all">
|
|
|
|
<link rel="stylesheet" href="css/animate.css" type="text/css" media="all">
|
|
|
|
<link rel="stylesheet" href="css/animated-text.css" type="text/css" media="all">
|
|
|
|
<link rel="stylesheet" href="css/all.min.css" type="text/css" media="all">
|
|
|
|
<link rel="stylesheet" href="css/theme-default.css" type="text/css" media="all">
|
|
|
|
<link rel="stylesheet" href="css/meanmenu.min.css" type="text/css" media="all">
|
|
|
|
<link rel="stylesheet" href="css/owl.transitions.css" type="text/css" media="all">
|
|
|
|
<link rel="stylesheet" href="css/venobox.css" type="text/css" media="all">
|
|
|
|
<link rel="stylesheet" href="css/bootstrap-icons.css" type="text/css" media="all">
|
|
|
|
<link rel="stylesheet" href="css/flaticon.css" type="text/css" media="all">
|
|
|
|
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
|
|
|
|
<link rel="stylesheet" href="css/responsive.css" type="text/css" media="all">
|
|
|
|
<link rel="stylesheet" href="css/coustom-animation.css" type="text/css" media="all">
|
|
|
|
<link rel="stylesheet" href="css/odometer-theme-default.css" type="text/css" media="all">
|
|
|
|
<link rel="stylesheet" href="css/scroll-up.css" type="text/css" media="all">
|
|
|
|
|
|
|
|
|
|
|
|
<script src="js/modernizr-3.5.0.min.js"></script>
|
|
</head>
|
|
<style>
|
|
.progress-container {
|
|
width: 100%;
|
|
background-color: #e0e0e0;
|
|
border-radius: 10px;
|
|
}
|
|
.progress-bar {
|
|
height: 25px;
|
|
background-color: #58595B; /* Green */
|
|
color: white;
|
|
text-align: center;
|
|
line-height: 25px;
|
|
border-radius: 10px;
|
|
}
|
|
.nav_scroll li a.active {
|
|
color: #E31E24; /* Change this to your desired active color */
|
|
font-weight: bold; /* Optional: make it bold */
|
|
|
|
|
|
}
|
|
.about_area {
|
|
background: linear-gradient(#1e222f);;
|
|
|
|
|
|
background-size: cover;
|
|
background-position: center;
|
|
padding: 100px 0;
|
|
color: #fff;
|
|
text-align: center;
|
|
}
|
|
.about_area ul {
|
|
margin-top: 20px;
|
|
padding-left: 0;
|
|
list-style-position: inside;
|
|
}
|
|
|
|
.about_area ul li {
|
|
margin-bottom: 10px;
|
|
/*color: #fff;*/
|
|
font-size: 20px;
|
|
}
|
|
.about_area ul {
|
|
list-style-type: disc !important;
|
|
}
|
|
|
|
|
|
</style>
|
|
<body>
|
|
|
|
|
|
<div class="loading-screen" id="loading-screen">
|
|
<span class="bar top-bar"></span>
|
|
<span class="bar down-bar"></span>
|
|
<div class="animation-preloader">
|
|
<div class="spinner"></div>
|
|
<div class="txt-loading">
|
|
<span data-text-preloader="C" class="letters-loading">C</span>
|
|
<span data-text-preloader="T" class="letters-loading">T</span>
|
|
<span data-text-preloader="L" class="letters-loading">L</span>
|
|
<span data-text-preloader="E" class="letters-loading">E</span>
|
|
<span data-text-preloader="N" class="letters-loading">N</span>
|
|
<span data-text-preloader="G" class="letters-loading">G</span>
|
|
<!-- <span data-text-preloader="I" class="letters-loading">I</span>
|
|
<span data-text-preloader="N" class="letters-loading">N</span>
|
|
<span data-text-preloader="F" class="letters-loading">F</span>
|
|
<span data-text-preloader="R" class="letters-loading">R</span>
|
|
<span data-text-preloader="A" class="letters-loading">A</span> -->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="ctl-header-area upper" id="sticky-header" >
|
|
<div class="container-fluid">
|
|
<div class="row header-top">
|
|
<div class="col-xxl-6 col-xl-8 col-lg-8" style="margin-top: 10px;">
|
|
<div class="header-top-icon-list">
|
|
<ul>
|
|
<li><i class="bi bi-telephone"></i>(304)549-3080</li>
|
|
<li><i class="bi bi-geo-alt"></i>2860 Fisher Road Columbus</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-xxl-6 col-xl-4 col-lg-4">
|
|
<div class="header-top-social-icon-list" style="margin-top: 10px;">
|
|
<ul>
|
|
|
|
<div class="ctl_btn1">
|
|
<a href="#" style="padding: 7px 21px 7px;">CTLENG <i class="flaticon flaticon-right-arrow"></i></a>
|
|
</div>
|
|
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row header-bottom align-items-center">
|
|
<div class="col-lg-3">
|
|
<div class="header-logo" >
|
|
<a class="active_logo" href="index.html"><img src="images/logo-main.png" alt="logo" ></a>
|
|
<a class="logo_two" href="index.html"><img src="images/logo-main.png" alt="logo"></a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-9">
|
|
<div class="header-menu">
|
|
<ul class="nav_scroll">
|
|
<li><a href="#">Home </a>
|
|
|
|
</li>
|
|
|
|
|
|
<li><a href="#" class="active">About US <i class="bi bi-chevron-down"></i><span></span></a>
|
|
<ul class="sub_menu">
|
|
<li><a href="#" >Company Overview</a></li>
|
|
<li><a href="#" >Leadership Team</a></li>
|
|
<li><a href="#" class="active">Safety & Quality</a></li>
|
|
|
|
<li><a href="#">Parent Company (CTLEng)</a></li>
|
|
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">Services <i class="bi bi-chevron-down"></i> <span></span></a>
|
|
<ul class="sub_menu">
|
|
<li><a href="#">Slip & Slide Repair </a></li>
|
|
<li><a href="#">Drainage Infrastructure</a></li>
|
|
|
|
<li><a href="#">Emergency Response</a></li>
|
|
|
|
<li><a href="#">Geotechnical Services</a></li>
|
|
<li><a href="#">Preventive Maintenance</a></li>
|
|
|
|
</ul></li>
|
|
|
|
|
|
<li><a href="#">Resources <i class="bi bi-chevron-down"></i> <span></span></a>
|
|
<ul class="sub_menu">
|
|
<li><a href="#">Technical Information </a></li>
|
|
<li><a href="#">Equipment Fleet</a></li>
|
|
<li><a href="#">Industry Links</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">Careers</a></li>
|
|
<li><a href="#">Contact us <i class="bi bi-chevron-down"></i> <span></span></a>
|
|
<ul class="sub_menu">
|
|
<!-- <li><a href="#">Emergency Response </a></li> -->
|
|
<li><a href="#">Project Inquiries</a></li>
|
|
<li><a href="#">General Contact</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="mobile-menu-area sticky d-sm-block d-md-block d-lg-none">
|
|
|
|
<div class="mobile-menu">
|
|
|
|
<nav class="header-menu">
|
|
|
|
<ul class="nav_scroll">
|
|
<li><a href="#">Home <span></span></a>
|
|
|
|
</li>
|
|
<li><a href="#"><i class="bi bi-chevron-down"></i> About Us <span></span></a>
|
|
|
|
<ul class="sub_menu">
|
|
<li><a href="#">Company Overview</a></li>
|
|
<li><a href="#">Leadership Team</a></li>
|
|
<li><a href="#">Safety & Quality</a></li>
|
|
|
|
<li><a href="#">Parent Company (CTLEng)</a></li>
|
|
|
|
</ul>
|
|
|
|
</li>
|
|
<li><a href="#">Services <i class="bi bi-chevron-down"></i> <span></span></a>
|
|
<ul class="sub_menu">
|
|
<li><a href="#">Slip & Slide Repair </a></li>
|
|
<li><a href="#">Drainage Infrastructure</a></li>
|
|
|
|
<li><a href="#">Emergency Response</a></li>
|
|
|
|
<li><a href="#">Geotechnical Services</a></li>
|
|
<li><a href="#">Preventive Maintenance</a></li>
|
|
|
|
</ul>
|
|
|
|
|
|
<li><a href="#">Resources <i class="bi bi-chevron-down"></i> <span></span></a>
|
|
<ul class="sub_menu">
|
|
<li><a href="#">Technical Information </a></li>
|
|
<li><a href="#">Equipment Fleet</a></li>
|
|
<li><a href="#">Industry Links</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">Careers</a></li>
|
|
<li><a href="#">Contact Us <i class="bi bi-chevron-down"></i> <span></span></a>
|
|
<ul class="sub_menu">
|
|
<!-- <li><a href="#">Emergency Response </a></li> -->
|
|
<li><a href="#">Project Inquiries</a></li>
|
|
<li><a href="#">General Contact</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<section class="hero_area style_two style_two d-flex align-items-center" style="background: url(images/safety2.jpeg);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: cover;
|
|
padding: 127px 0 100px;
|
|
position: relative;
|
|
z-index: 1;
|
|
overflow: hidden;
|
|
">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-12">
|
|
<!-- hero content -->
|
|
<div class="hero_content style_two text-center">
|
|
<h4 data-animation="fadeInUp" data-delay="100ms" style="color:#fff;">ABOUT US</h4><br>
|
|
|
|
<h1 class="hero-des" data-animation="fadeInUp" data-delay="100ms" style="color:#fff;">SAFETY & QUALITY</h1>
|
|
<!-- slider button -->
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
<section class="about_area">
|
|
<div class="container">
|
|
<div class="section_title text-center">
|
|
|
|
|
|
|
|
<div style="display:inline-block;">
|
|
<!-- <h4>About Us</h4> -->
|
|
<h1 style="color:#fff; margin:0;">Safety Commitment:</h1>
|
|
<hr style="border:none; height:2px; background:#fff; border-radius:5px; margin:5px 0 0 0; opacity: 1;">
|
|
</div>
|
|
<p style="font-size:20px;color:#fff;">Our employee owners are our most valuable resource and it is our core responsibility to ensure their health and safety.
|
|
|
|
CTL Infra also understands that safe work practices are the key to a successful project and a successful company.</p>
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-lg-6 col-md-6 col-sm-6">
|
|
<p style="font-size:20px; color:#fff; text-align:left;text-indent: 20px;">
|
|
<i class="bi bi-chevron-double-right"></i> Company safety philosophy
|
|
</p>
|
|
</div>
|
|
|
|
<div class="col-lg-6 col-md-6 col-sm-6">
|
|
<p style="font-size:20px; color:#fff; text-align:left;text-indent: 20px;">
|
|
<i class="bi bi-chevron-double-right"></i> Target: 95%+ safety record
|
|
</p>
|
|
</div>
|
|
|
|
<div class="col-lg-6 col-md-6 col-sm-6">
|
|
<p style="font-size:20px; color:#fff; text-align:left;text-indent: 20px;">
|
|
<i class="bi bi-chevron-double-right"></i> Comprehensive training programs
|
|
</p>
|
|
</div>
|
|
|
|
<div class="col-lg-6 col-md-6 col-sm-6">
|
|
<p style="font-size:20px; color:#fff; text-align:left;text-indent: 20px;">
|
|
<i class="bi bi-chevron-double-right"></i> Safety protocols for challenging terrain
|
|
</p>
|
|
</div>
|
|
|
|
<div class="col-lg-6 col-md-6 col-sm-6">
|
|
<p style="font-size:20px; color:#fff; text-align:left;text-indent: 20px;">
|
|
<i class="bi bi-chevron-double-right"></i> Emergency response procedures
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<section class="hero_area style_two style_two d-flex align-items-center" style="background: url(images/teamleadership.jpeg);">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-12">
|
|
<!-- hero content -->
|
|
<div class="hero_content style_two text-center">
|
|
<div style="display:inline-block;">
|
|
<!-- <h4>About Us</h4> -->
|
|
<h1 style="color:#fff; margin:0;font-size:52px;">Certifications & Compliance</h1>
|
|
<hr style="border:none; height:2px; background:#fff; border-radius:5px; margin:5px 0 0 0; opacity: 1;">
|
|
</div>
|
|
|
|
<p style="font-size:20px;color:#fff;opacity: 1;"> Safety Program has been recognized and approved by prominent global corporations and safety compliance agencies. We are a proud member contractor of the following third-party safety management and compliance organizations:</p>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-6 col-md-6 col-sm-6">
|
|
<p style="font-size:20px; color:#fff; text-align:left;text-indent: 1.15em;opacity: 1;">
|
|
<i class="bi bi-chevron-double-right"></i>
|
|
WVDOH prequalification (planned)
|
|
</p>
|
|
</div>
|
|
|
|
<div class="col-lg-6 col-md-6 col-sm-6">
|
|
<p style="font-size:20px; color:#fff; text-align:left;text-indent: 1.15em;opacity: 1;">
|
|
<i class="bi bi-chevron-double-right"></i>
|
|
Insurance and bonding information
|
|
</p>
|
|
</div>
|
|
|
|
<div class="col-lg-6 col-md-6 col-sm-6">
|
|
<p style="font-size:20px; color:#fff; text-align:left;text-indent: 1.15em;opacity: 1;">
|
|
<i class="bi bi-chevron-double-right"></i>
|
|
Environmental compliance
|
|
</p>
|
|
</div>
|
|
<div class="col-lg-6 col-md-6 col-sm-6">
|
|
<p style="font-size:20px; color:#fff; text-align:left;text-indent: 1.15em;opacity: 1;">
|
|
<i class="bi bi-chevron-double-right"></i>
|
|
Industry affiliations
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="about_area" style="background:#6a6666;">
|
|
<div class="container">
|
|
<div class="section_title text-center">
|
|
|
|
|
|
|
|
<div style="display:inline-block;">
|
|
<!-- <h4>About Us</h4> -->
|
|
<h1 style="color:#fff; margin:0;">Quality Standards:</h1>
|
|
<hr style="border:none; height:2px; background:#fff; border-radius:5px; margin:5px 0 0 0; opacity: 1;">
|
|
</div>
|
|
<p style="font-size:20px;color:#fff;">Our employee owners are our most valuable resource and it is our core responsibility to ensure their health and safety.
|
|
|
|
CTL Infra also understands that safe work practices are the key to a successful project and a successful company.</p>
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-lg-6 col-md-6 col-sm-6">
|
|
<p style="font-size:20px; color:#fff; text-align:left;text-indent: 20px;">
|
|
<i class="bi bi-chevron-double-right"></i> Project completion goals (90%+ on-time/on-budget)
|
|
</p>
|
|
</div>
|
|
|
|
<div class="col-lg-6 col-md-6 col-sm-6">
|
|
<p style="font-size:20px; color:#fff; text-align:left;text-indent: 20px;">
|
|
<i class="bi bi-chevron-double-right"></i> Quality control processes
|
|
</p>
|
|
</div>
|
|
|
|
<div class="col-lg-6 col-md-6 col-sm-6">
|
|
<p style="font-size:20px; color:#fff; text-align:left;text-indent: 20px;">
|
|
<i class="bi bi-chevron-double-right"></i> Client satisfaction focus
|
|
</p>
|
|
</div>
|
|
|
|
<div class="col-lg-6 col-md-6 col-sm-6">
|
|
<p style="font-size:20px; color:#fff; text-align:left;text-indent: 20px;">
|
|
<i class="bi bi-chevron-double-right"></i> Long-term performance monitoring
|
|
</p>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<section class="footer_area boxed">
|
|
<div class="container" style="max-width: 1500px;">
|
|
<div class="row">
|
|
<div class="col-xl-4 col-lg-4 col-md-6">
|
|
<div class="footer-widget-contact">
|
|
<div class="footer_logo">
|
|
<a href="#"><img src="images/ffflogo.png" alt="footer-logo"style="width:300px;"></a>
|
|
</div>
|
|
<p>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 col-lg-4 col-md-6">
|
|
<div class="footer-widget-content">
|
|
<div class="footer-widget-title">
|
|
<h4>Our Services</h4>
|
|
</div>
|
|
<div class="footer-widget-menu">
|
|
<ul>
|
|
|
|
<li><a href="#"><i class="bi bi-chevron-double-right"></i>Slip & Slide Repair</a></li>
|
|
<li><a href="#"><i class="bi bi-chevron-double-right"></i>Drainage Infrastructure</a></li>
|
|
<li><a href="#"><i class="bi bi-chevron-double-right"></i>Emergency Response</a></li>
|
|
<li><a href="#"><i class="bi bi-chevron-double-right"></i>Geotechnical Services</a></li>
|
|
<li><a href="#"><i class="bi bi-chevron-double-right"></i>Preventive Maintenance</a></li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-2 col-lg-4 col-md-6">
|
|
<div class="footer-widget-content">
|
|
<div class="footer-widget-title">
|
|
<h4>Quick Links</h4>
|
|
</div>
|
|
|
|
|
|
<div class="footer-widget-menu">
|
|
<ul>
|
|
<li><a href="#"><i class="bi bi-chevron-double-right"></i>About US</a></li>
|
|
|
|
<!-- <li><a href="#"><i class="bi bi-chevron-double-right"></i>Projects</a></li> -->
|
|
<li><a href="#"><i class="bi bi-chevron-double-right"></i>Privacy Polocy</a></li>
|
|
<li><a href="#"><i class="bi bi-chevron-double-right"></i>CTLENG</a></li>
|
|
<li><a href="#"><i class="bi bi-chevron-double-right"></i>Sit Map</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 col-lg-4 col-md-6">
|
|
<div class="footer-widget-title">
|
|
<h4>Contact Info</h4>
|
|
</div>
|
|
<div class="footer_from">
|
|
|
|
<p class="footer_desc2">
|
|
300 Capital St , Suite 1520
|
|
Charleston, West Virginia</br>
|
|
|
|
<i class="bi bi-telephone-fill"></i> <a href="#" style="color:#fff;">+1 (304)549-3080</a></br>
|
|
<i class="bi bi-envelope-fill"></i> <a href="#" style="color:#fff;">jwriston@ctleng.com</a>
|
|
</p>
|
|
|
|
</div>
|
|
<div class="footer_social_icon">
|
|
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
|
<a href="#"><i class="fab fa-linkedin-in"></i></a>
|
|
<a href="#"><i class="fa-brands fa-twitter"></i></a>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row add-border align-items-center">
|
|
<div class="col-md-12">
|
|
<div class="footer-bottom-content">
|
|
<div class="footer-bottom-content-copy">
|
|
<p>Copyright @ 2026 CTLENG. All Rights Reserved</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="prgoress_indicator active-progress">
|
|
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
|
|
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 212.78;"></path>
|
|
</svg>
|
|
</div>
|
|
|
|
|
|
|
|
<script src="js/jquery-3.6.2.min.js"></script>
|
|
<script src="js/popper.min.js"></script>
|
|
|
|
<script src="js/bootstrap.min.js"></script>
|
|
|
|
<script src="js/owl.carousel.min.js"></script>
|
|
|
|
<script src="js/jquery.counterup.min.js"></script>
|
|
|
|
<script src="js/waypoints.min.js"></script>
|
|
|
|
<script src="js/wow.js"></script>
|
|
|
|
<script src="js/imagesloaded.pkgd.min.js"></script>
|
|
|
|
<script src="js/venobox.js"></script>
|
|
|
|
<script src="js/animated-text.js"></script>
|
|
|
|
<script src="js/venobox.min.js"></script>
|
|
|
|
<script src="js/isotope.pkgd.min.js"></script>
|
|
|
|
<script src="js/jquery.meanmenu.js"></script>
|
|
|
|
<script src="js/jquery.scrollUp.js"></script>
|
|
|
|
<script src="js/jquery.barfiller.js"></script>
|
|
|
|
<script src="js/theme.js"></script>
|
|
</body>
|
|
</html> |