270 lines
13 KiB
HTML
270 lines
13 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<!-- mobile metas -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
|
|
<!-- site metas -->
|
|
<title>rhino</title>
|
|
<meta name="keywords" content="">
|
|
<meta name="description" content="">
|
|
<meta name="author" content="">
|
|
<!-- bootstrap css -->
|
|
<link rel="stylesheet" href="css/bootstrap.min.css">
|
|
<!-- style css -->
|
|
<link rel="stylesheet" href="css/style.css">
|
|
<!-- Responsive-->
|
|
<link rel="stylesheet" href="css/responsive.css">
|
|
<!-- fevicon -->
|
|
<link rel="icon" href="images/fevicon.png" type="image/gif" />
|
|
<!-- Scrollbar Custom CSS -->
|
|
<link rel="stylesheet" href="css/jquery.mCustomScrollbar.min.css">
|
|
<!-- Tweaks for older IEs-->
|
|
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" media="screen">
|
|
<!--[if lt IE 9]>
|
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
|
|
</head>
|
|
<!-- body -->
|
|
<body class="main-layout inner_page">
|
|
<!-- loader -->
|
|
<div class="loader_bg">
|
|
<div class="loader"><img src="images/loading.gif" alt="#"/></div>
|
|
</div>
|
|
<!-- end loader -->
|
|
<!-- header -->
|
|
<header class="full_bg">
|
|
<!-- header inner -->
|
|
<div class="header">
|
|
<div class="header_top">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<ul class="contat_infoma">
|
|
<li><i class="fa fa-phone" aria-hidden="true"></i> Call : +01 12345678909</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<ul class="social_icon_top text_align_center ">
|
|
<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<ul class="contat_infoma text_align_right">
|
|
<li><a href="Javascript:void(0)"> <i class="fa fa-phone" aria-hidden="true"></i> demo@gmail.com</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="header_bottom">
|
|
<div class="row">
|
|
<div class="col-xl-3 col-lg-3 col-md-3 col-sm-3 col logo_section">
|
|
<div class="full">
|
|
<div class="center-desk">
|
|
<div class="logo">
|
|
<a href="index.html">Rhino</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-9 col-lg-9 col-md-9 col-sm-9">
|
|
<nav class="navigation navbar navbar-expand-md navbar-dark ">
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample04" aria-controls="navbarsExample04" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarsExample04">
|
|
<ul class="navbar-nav mr-auto">
|
|
<li class="nav-item ">
|
|
<a class="nav-link" href="index.html">Home</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="about.html">About</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="project.html">project</a>
|
|
</li>
|
|
<li class="nav-item active">
|
|
<a class="nav-link" href="staff.html">staff</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="contact.html">Contact Us</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<ul class="search">
|
|
<li><a href="Javascript:void(0)"><i class="fa fa-search" aria-hidden="true"></i></a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end header inner -->
|
|
<!-- end header -->
|
|
<!-- banner -->
|
|
</header>
|
|
<!-- end banner -->
|
|
<div class="back_re">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="title">
|
|
<h2>Our Expert Staff</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- staff -->
|
|
<div class="staff_main">
|
|
<div class="container_staff">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="titlepage">
|
|
<span>There are many variations of passages of Lorem Ipsum available, but the </span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-6">
|
|
<div class="staff">
|
|
<div class="man">
|
|
<i><img src="images/man.png" alt="#"/></i>
|
|
</div>
|
|
<div class="social_icon_main">
|
|
<h4>Available</h4>
|
|
<ul class="social_icon_staff text_align_center ">
|
|
<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-6">
|
|
<div class="staff">
|
|
<div class="man">
|
|
<i><img src="images/man.png" alt="#"/></i>
|
|
</div>
|
|
<div class="social_icon_main">
|
|
<h4>Available</h4>
|
|
<ul class="social_icon_staff text_align_center ">
|
|
<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-6">
|
|
<div class="staff">
|
|
<div class="man">
|
|
<i><img src="images/man.png" alt="#"/></i>
|
|
</div>
|
|
<div class="social_icon_main">
|
|
<h4>Available</h4>
|
|
<ul class="social_icon_staff text_align_center ">
|
|
<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-6">
|
|
<div class="staff">
|
|
<div class="man">
|
|
<i><img src="images/man.png" alt="#"/></i>
|
|
</div>
|
|
<div class="social_icon_main">
|
|
<h4>Available</h4>
|
|
<ul class="social_icon_staff text_align_center ">
|
|
<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
|
|
<li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<a class="read_more" href="Javascript:void(0)"> See More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end staff -->
|
|
<!-- footer -->
|
|
<footer>
|
|
<div class="footer">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class=" col-lg-3 col-md-6">
|
|
<a class="logo_bottom"><img src="images/logo_bottom.png" alt="#"/></a>
|
|
<p class="many">
|
|
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humou
|
|
</p>
|
|
</div>
|
|
<div class="col-lg-2 offset-lg-1 col-md-6">
|
|
<h3>QUICK LINKS</h3>
|
|
<ul class="link_menu">
|
|
<li><a href="index.html">Home</a></li>
|
|
<li><a href="about.html"> About</a></li>
|
|
<li><a href="project.html">Projects</a></li>
|
|
<li><a href="staff.html">Staff</a></li>
|
|
<li><a href="contact.html">Contact Us</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class=" col-lg-3 col-md-6">
|
|
<h3>INSTAGRAM FEEDS</h3>
|
|
<ul class="insta text_align_left">
|
|
<li><img src="images/inst1.png" alt="#"/></li>
|
|
<li><img src="images/inst2.png" alt="#"/></li>
|
|
<li><img src="images/inst3.png" alt="#"/></li>
|
|
<li><img src="images/inst4.png" alt="#"/></li>
|
|
</ul>
|
|
</div>
|
|
<div class=" col-lg-3 col-md-6 ">
|
|
<h3>SIGN UP TO OUR NEWSLETTER </h3>
|
|
<form class="bottom_form">
|
|
<input class="enter" placeholder="Enter your email" type="text" name="Enter your email">
|
|
<button class="sub_btn">Sign Up</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="copyright">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-8 offset-md-2">
|
|
<p>© 2019 All Rights Reserved. Design by <a href="https://html.design/"> Free Html Templates</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<!-- end footer -->
|
|
<!-- Javascript files-->
|
|
<script src="js/jquery.min.js"></script>
|
|
<script src="js/bootstrap.bundle.min.js"></script>
|
|
<script src="js/jquery-3.0.0.min.js"></script>
|
|
<!-- sidebar -->
|
|
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
|
|
<script src="js/custom.js"></script>
|
|
</body>
|
|
</html> |