39098-vm/ctlinfrangualr/leadershipteam.html
2026-03-10 12:34:23 +00:00

680 lines
21 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: 16px;
}
.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="#" class="active">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>
<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/leader1.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;">LEADERSHIP TEAM</h1>
<!-- slider button -->
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container" style="max-width:2000px">
<div class="row align-items-center">
<!-- Left Side Image -->
<!-- Right Side Text -->
<div class="col-xl-6 col-lg-7 col-md-12">
<div class="section_title style_three text-left" style=" padding: 43px;">
<h1>Jimmy Wriston, P.E. - Chief Engineering Advisor & Founding Leadership</h1><br>
<!-- <p style="font-size:22px;">
"To provide expert geotechnical stabilization and drainage solutions that protect West Virginia's infrastructure and communities from slope failures and water damage, while building sustainable capabilities through measured, quality-focused growth."
</p> -->
<ul class="list-unstyled">
<li style="font-size:20px;">
<i class="bi bi-chevron-double-right"></i>
West Virginia Secretary of Transportation and Commissioner of Highways (2021-2025)
</li><br>
<li style="font-size:20px;">
<i class="bi bi-chevron-double-right"></i>
Deputy Secretary of Transportation (2019-2021)
</li><br>
<li style="font-size:20px;">
<i class="bi bi-chevron-double-right"></i>
28+ years of engineering experience in West Virginia
</li><br>
<li style="font-size:20px;">
<i class="bi bi-chevron-double-right"></i>
Professional Engineer
</li><br>
<li style="font-size:20px;">
<i class="bi bi-chevron-double-right"></i>
Extensive experience in flood recovery and emergency response
</li><br>
<li style="font-size:20px;">
<i class="bi bi-chevron-double-right"></i>
Deep knowledge of WVDOT systems and requirements
</li><br>
<li style="font-size:20px;">
<i class="bi bi-chevron-double-right"></i>
Deep knowledge of WVDOT systems and requirements
</li>
</ul>
</div>
</div>
<div class="col-xl-6 col-lg-5 col-md-12 mb-4 mb-lg-0" style="padding:0px;">
<div class="choose_image">
<img src="images/jimmy.jpg" alt="Company Introduction" class="img-fluid w-100">
</div>
</div>
</div>
</div>
</section>
<section class="testi_area style-three" style="background: #ebe4e4;">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section_title style_three text-center">
<h4>Our Team</h4>
<h1>Additional Leadership Positions</h1>
</div>
</div>
<div class="testi_list2 owl-carousel">
<div class="col-lg-12 col-md-12">
<div class="testi_single_box">
<div class="author-content">
<div class="author-thumb">
<img src="images/testi-author.png" alt="">
</div>
<div class="test-autor">
<h3 class="author-title">Jimmy Wriston, P.E.</h3>
<span class="author-text">Founder</span>
</div>
</div>
<div class="testi_content">
<p class="testi_des">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
</div>
</div>
<div class="col-lg-12 col-md-12">
<div class="testi_single_box">
<div class="author-content">
<div class="author-thumb">
<img src="images/testi-author.png" alt="">
</div>
<div class="test-autor">
<h3 class="author-title">Jimmy Wriston, P.E.</h3>
<span class="author-text"> Co-Founder</span>
</div>
</div>
<div class="testi_content">
<p class="testi_des">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
</div>
</div>
<div class="col-lg-12 col-md-12">
<div class="testi_single_box">
<div class="author-content">
<div class="author-thumb">
<img src="images/testi-author.png" alt="">
</div>
<div class="test-autor">
<h3 class="author-title">Jimmy Wriston, P.E.</h3>
<span class="author-text">Manager</span>
</div>
</div>
<div class="testi_content">
<p class="testi_des">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- <section class="team_area" style="background:#e5dbdb;">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section_title text-center">
<h4>our Team</h4>
<h1>Additional Leadership Positions</h1>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="team_single_box">
<div class="team_thumb">
<img src="images/img_avatar.png" alt="team1">
<div class="team_content">
<h3 class="team_title">Name</h3>
<p class="team-text">President/General Manager </p>
<p class="team-text">Experiance:20 years</p>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="team_single_box">
<div class="team_thumb">
<img src="images/img_avatar2.png" alt="team1">
<div class="team_content">
<h3 class="team_title">Name</h3>
<p class="team-text">Operations Supervisor </p>
<p class="team-text">Experiance:20 years</p>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="team_single_box">
<div class="team_thumb">
<img src="images/img_avatar.png" alt="team1">
<div class="team_content">
<h3 class="team_title">Name</h3>
<p class="team-text">Asst. Engineer</p>
<p class="team-text">Experiance:12 years</p>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="team_single_box">
<div class="team_thumb">
<img src="images/img_avatar2.png" alt="team1">
<div class="team_content">
<h3 class="team_title">Name</h3>
<p class="team-text">Asst. Engineer</p>
<p class="team-text">Experiance:12 years</p>
</div>
</div>
</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;">Team Approach</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;"> "To provide expert geotechnical stabilization and drainage solutions that protect West Virginia's infrastructure and communities from slope failures and water damage, while building sustainable capabilities through measured, quality-focused growth."</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>&nbsp;&nbsp;
Description of crew structure
</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>&nbsp;&nbsp;
Emphasis on training and certification 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: 1.15em;opacity: 1;">
<i class="bi bi-chevron-double-right"></i>&nbsp;&nbsp;
Safety culture
</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>&nbsp;&nbsp;
Career development opportunities
</p>
</div>
</div>
</div>
</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>&nbsp; <a href="#" style="color:#fff;">+1 (304)549-3080</a></br>
<i class="bi bi-envelope-fill"></i>&nbsp; <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>