<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>International German Co.</title>
  
   
      <link href="https://fonts.googleapis.com/css?family=Alegreya+Sans" rel="stylesheet">
      <link rel="stylesheet" href="assets/css/style.css">
      <link rel="stylesheet" href="assets/css/bootstrap.min.css">
      <link rel="stylesheet" href="assets/css/font-awesome.css">

 <style type="text/css">
   @import url("DroidKufi_Regular/stylesheet.css");
body,td,th {
	font-family: "DroidKufi Regular";
}
   </style> 
</head>

<body>
<header id="header">
<div class="container">
        <div class="row" style="margin-right:0px !important;margin-left:0px !important;">
            <div class="col-md-12"  style="padding-right:0px !important;padding-left:0px !important;">
 <div  class="language-button">

  <a href="#"  class="language-button">اللغة العربية</a> <i class="fa fa-globe" aria-hidden="true" style="margin-right:5px; font-size:18px;color:#fff;
margin-top: 4px;"></i>
                        </div>
                         </div>
        </div>
    </div>

</header>




        <div class="row" style="margin-right:0px !important;margin-left:0px !important;">
        
            <div class="col-md-12" style="padding-right:0px !important;padding-left:0px !important;" >
         <div class=" img-responsive logo-header"> <img src="assets/images/KGL-logo.png" ></div>
           </div>
        </div>
 
   
   
   
   
 <div class="container">
        <div class="row">
        
            <div class="col-md-12">
       <h1 class="jumbotron"> Pioneer in Development <br>and Sustainability </h1>
           </div>
        </div> </div>
        
        
    <div class="container">

        <div class="row"><center>
            <div class="col-md-2 col-sm-4">
                <div class="service_box">
                    <div class="service_icon">
                        <i class="fa fa-address-card-o"></i>
                    </div>
                    <h3>Civil ID </h3>

                </div>
            </div>
            
             <div class="col-md-2 col-sm-4">
                <div class="service_box">
                    <div class="service_icon">
                        <i class="fa fa-user-md"></i>
                    </div>
                    <h3>Doctor</h3>
                  
                </div>
            </div>
            
            
            <div class="col-md-2 col-sm-4">
                <div class="service_box">
                    <div class="service_icon">
                        <i class="fa fa-flask"></i>
                    </div>
                    <h3>Lab To Lab</h3>

                </div>
            </div>
            <div class="col-md-2 col-sm-4">
                <div class="service_box">
                    <div class="service_icon">
                        <i class="fa fa-building"></i>
                    </div>
                    <h3>Company </h3>

                </div>
            </div>
           


 <div class="col-md-2 col-sm-4">
                <div class="service_box">
                    <div class="service_icon">
                        <i class="fa fa-hospital-o"></i>
                    </div>
                    <h3>Hospital</h3>
                  
                </div>
            </div>

        </div>
    </div>
    </center>
    
      
 <div class="container">
        <div class="row">
        
            <div class="col-md-12" style="height:50px;">
      
           </div>
        </div> </div>
    
    
    <footer class="footer">
<div class="footer">
            Developed and Designed By <a target="_blank" href="http://nt-me.com/">National Technology.</a><br>
            2018©KGL All Rights Reserved. </p>
        </div>
    </footer>
    
    
 <script src="assets/js/script.js"></script>
  <script src="assets/js/jquery.min.js"></script>
  
<script>

	$(document).ready(function(){

		var showHeaderAt = 150;

		var win = $(window),
				body = $('body');

		// Show the fixed header only on larger screen devices

		if(win.width() > 400){

			// When we scroll more than 150px down, we set the
			// "fixed" class on the body element.

			win.on('scroll', function(e){

				if(win.scrollTop() > showHeaderAt) {
					body.addClass('fixed');
				}
				else {
					body.removeClass('fixed');
				}
			});

		}

	});

</script>


</body>
</html>
  
  

