D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
home2
/
technoi4
/
www
/
Filename :
header.php
back
Copy
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Techno_Gulf | Home</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="description" content="Construction Html5 Template"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0"> <link rel="icon" type="image/png" href="images/favicon.png"> <link rel="stylesheet" href="plugins/bootstrap/bootstrap.min.css"> <link rel="stylesheet" href="plugins/fontawesome/css/all.min.css"> <link rel="stylesheet" href="plugins/animate-css/animate.css"> <link rel="stylesheet" href="plugins/slick/slick.css"> <link rel="stylesheet" href="plugins/slick/slick-theme.css"> <link rel="stylesheet" href="plugins/colorbox/colorbox.css"> <link rel="stylesheet" href="css/style.css"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Roboto:wght@300&family=Sono:wght@300;400&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> --> <script src="./plugins/jQuery/jquery.min.js"></script> <script src="./plugins/slick/slick.min.js"></script> <link rel="stylesheet" href="./css/ourclients2.css"> <style> .dropdown { float: left; overflow: hidden; } .dropdown .dropbtn { font-size: 16px; border: none; outline: none; color: white; padding: 14px 16px; background-color: inherit; font-family: inherit; margin: 0; } .dropdown:hover .dropdown-content { display: block; } </style> </head> <body> <div class="body-inner"> <div id="top-bar" class="top-bar"> <div class="container"> <div class="row"> <div class="col-lg-8 col-md-8"> <ul class="top-info text-center text-white text-md-left"> <li> <p class="info-text"></p> </li> </ul> </div> <div class="col-lg-4 col-md-4 top-social text-center text-md-right"> <ul class="list-unstyled"> <li> <a title="Facebook" href="#"> <span class="social-icon text-white"><i class="fab fa-facebook-f"></i></span> </a> <a title="Twitter" href="#"> <span class="social-icon text-white"><i class="fab fa-twitter"></i></span> </a> <a title="Instagram" href="#"> <span class="social-icon text-white"><i class="fab fa-instagram"></i></span> </a> <a title="Linkdin" href="#"> <span class="social-icon text-white"><i class="fab fa-github"></i></span> </a> </li> </ul> </div> </div> </div> </div> <header id="header" class="header-one"> <div class="bg-white"> <div class="container"> <div class="logo-area"> <div class="row align-items-center"> <div class="col-lg-5 d-flex flex-row"> <div class="logo"> <a href="index.php"> <img loading="lazy" src="images/logo.jpg" alt="Constra"> </a> </div> <div class="social-icon d-flex justify-content-start align-items-center" style="color: #046CA9; font-size:40px; font-weight:bold"> Techno Gulf </div> </div> <!-- <div class="info-box col-lg-4 text-center"> <div class="info-box-content"> <center><p class="social-icon" style="color:#046CA9; font-size:24px; font-weight:bold;line-height: 1.2;">Delivering <br/> Pure Excellence</p> </div> </div> --> <div class="col-lg-7 header-right"> <ul class="top-info-box"> <li> <div class="info-box"> <div class="info-box-content"> <span class="social-icon" style="color:green; font-size:18px; font-weight:bold;"><i class="fab fa-whatsapp"></i> Whatsapp</span> <p class="social-icon">+974 5038 8668</p> </div> </div> </li> <li> <div class="info-box"> <div class="info-box-content"> <span class="social-icon" style="color:green; font-size:18px; font-weight:bold;"><i class="fa fa-envelope"></i> Email Us</span> <p class="social-icon">info@technogulf.net</p> </div> </div> </li> <li> <div class="info-box"> <div class="info-box-content"> <span class="social-icon" style="color:green; font-size:18px;font-weight:bold;"><i class="fa fa-phone"></i> Call Us</span> <p class="social-icon">+974 44315882 / 44314010</p> </div> </div> </li> </ul> </div> </div> </div> </div> </div> <div class="site-navigation"> <div class="container"> <div class="row"> <div class="col-lg-12"> <nav class="navbar navbar-expand-lg navbar-dark p-0"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-controls="navbar-collapse" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div id="navbar-collapse" class="collapse navbar-collapse"> <ul class="nav navbar-nav ml-auto"> <li class="nav-item"><a class="nav-link" href="index.php">Home</a></li> <li class="nav-item"><a class="nav-link" href="about.php">About</a></li> <li class="nav-item"><a class="nav-link" href="categary.php">Products</a></li> <li class="nav-item"><a class="nav-link" href="services.php">Services</a></li> <li class="nav-item"><a class="nav-link" href="project.php">Projects</a></li> <li class="nav-item"><a class="nav-link" href="media.php">Career</a></li> <li class="nav-item"><a class="nav-link" href="contact.php">Contact</a></li> </ul> </div> </nav> </div> </div> </div> </div> </header> </body>