698 lines
39 KiB
HTML
698 lines
39 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">
|
|
<!-- 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 active">
|
|
<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">
|
|
<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 -->
|
|
<section class="banner_main">
|
|
<div id="myCarousel" class="carousel slide banner" data-ride="carousel">
|
|
<ol class="carousel-indicators">
|
|
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
|
|
<li data-target="#myCarousel" data-slide-to="1"></li>
|
|
<li data-target="#myCarousel" data-slide-to="2"></li>
|
|
</ol>
|
|
<div class="carousel-inner">
|
|
<div class="carousel-item active">
|
|
<div class="container">
|
|
<div class="carousel-caption banner_po">
|
|
<div class="row">
|
|
<div class="col-md-9">
|
|
<div class="build_box">
|
|
<h1>We Are Builders</h1>
|
|
<p>There are many variations of passages of Lorem Ipsum available, but the majority<br> There are many variations of passages of</p>
|
|
<a class="read_more conatct_btn" href="contact.html" role="button">Contact Us</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item">
|
|
<div class="container">
|
|
<div class="carousel-caption banner_po">
|
|
<div class="row">
|
|
<div class="col-md-9">
|
|
<div class="build_box">
|
|
<h1>We Are Builders</h1>
|
|
<p>There are many variations of passages of Lorem Ipsum available, but the majority<br> There are many variations of passages of</p>
|
|
<a class="read_more conatct_btn" href="contact.html" role="button">Contact Us</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item">
|
|
<div class="container">
|
|
<div class="carousel-caption banner_po">
|
|
<div class="row">
|
|
<div class="col-md-9">
|
|
<div class="build_box">
|
|
<h1>We Are Builders</h1>
|
|
<p>There are many variations of passages of Lorem Ipsum available, but the majority<br> There are many variations of passages of</p>
|
|
<a class="read_more conatct_btn" href="contact.html" role="button">Contact Us</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
|
|
<i class="fa fa-angle-left" aria-hidden="true"></i>
|
|
<span class="sr-only">Previous</span>
|
|
</a>
|
|
<a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
|
|
<i class="fa fa-angle-right" aria-hidden="true"></i>
|
|
<span class="sr-only">Next</span>
|
|
</a>
|
|
</div>
|
|
</section>
|
|
</header>
|
|
<!-- end banner -->
|
|
<!-- three_box -->
|
|
<div class="three_box">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<div id="text_hover" class="const text_align_center">
|
|
<i><img src="images/ser1.png" alt="#"/></i>
|
|
<span>construction services</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div id="text_hover" class="const text_align_center">
|
|
<i><img src="images/ser2.png" alt="#"/></i>
|
|
<span>RECONSTRUCTION</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div id="text_hover" class="const text_align_center">
|
|
<i><img src="images/ser3.png" alt="#"/></i>
|
|
<span>ELECTRICAL services</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end three_box -->
|
|
<!-- about -->
|
|
<div class="about">
|
|
<div class="container-fluid">
|
|
<div class="row d_flex">
|
|
<div class="col-md-7">
|
|
<div class="titlepage">
|
|
<h2>About Our Company</h2>
|
|
<span>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomisedThere are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised</span>
|
|
<a class="read_more" href="Javascript:void(0)"> Read More</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-5">
|
|
<div class="about_img">
|
|
<figure><img src="images/about.png" alt="#"/></figure>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end about -->
|
|
<!-- projects -->
|
|
<div class="projects">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="titlepage">
|
|
<h2>Our Features Projects</h2>
|
|
<span>It is a long established fact that a reader will be distracted by the readable</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div id="proj" class="carousel slide projects_ban" data-ride="carousel">
|
|
<ol class="carousel-indicators">
|
|
<li data-target="#proj" data-slide-to="0" class="active"></li>
|
|
<li data-target="#proj" data-slide-to="1"></li>
|
|
<li data-target="#proj" data-slide-to="2"></li>
|
|
</ol>
|
|
<div class="carousel-inner">
|
|
<div class="carousel-item active">
|
|
<div class="container-fluid">
|
|
<div class="carousel-caption relative3">
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<div class="project">
|
|
<div class="project_img">
|
|
<figure><img src="images/project_img.png" alt="#"/></figure>
|
|
</div>
|
|
<div id="pro_ho" class="project_text">
|
|
<h3>Reader will be<br> distracted by the readable</h3>
|
|
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="project">
|
|
<div class="project_img">
|
|
<figure><img src="images/project_img1.png" alt="#"/></figure>
|
|
</div>
|
|
<div id="pro_ho" class="project_text">
|
|
<h3>Reader will be<br> distracted by the readable</h3>
|
|
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="project">
|
|
<div class="project_img">
|
|
<figure><img src="images/project_img2.png" alt="#"/></figure>
|
|
</div>
|
|
<div id="pro_ho" class="project_text">
|
|
<h3>Reader will be<br> distracted by the readable</h3>
|
|
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item">
|
|
<div class="container-fluid">
|
|
<div class="carousel-caption relative3">
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<div class="project">
|
|
<div class="project_img">
|
|
<figure><img src="images/project_img.png" alt="#"/></figure>
|
|
</div>
|
|
<div id="pro_ho" class="project_text">
|
|
<h3>Reader will be<br> distracted by the readable</h3>
|
|
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="project">
|
|
<div class="project_img">
|
|
<figure><img src="images/project_img2.png" alt="#"/></figure>
|
|
</div>
|
|
<div id="pro_ho" class="project_text">
|
|
<h3>Reader will be<br> distracted by the readable</h3>
|
|
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="project">
|
|
<div class="project_img">
|
|
<figure><img src="images/project_img1.png" alt="#"/></figure>
|
|
</div>
|
|
<div id="pro_ho" class="project_text">
|
|
<h3>Reader will be<br> distracted by the readable</h3>
|
|
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item">
|
|
<div class="container-fluid">
|
|
<div class="carousel-caption relative3">
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<div class="project">
|
|
<div class="project_img">
|
|
<figure><img src="images/project_img2.png" alt="#"/></figure>
|
|
</div>
|
|
<div id="pro_ho" class="project_text">
|
|
<h3>Reader will be<br> distracted by the readable</h3>
|
|
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="project">
|
|
<div class="project_img">
|
|
<figure><img src="images/project_img.png" alt="#"/></figure>
|
|
</div>
|
|
<div id="pro_ho" class="project_text">
|
|
<h3>Reader will be<br> distracted by the readable</h3>
|
|
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="project">
|
|
<div class="project_img">
|
|
<figure><img src="images/project_img1.png" alt="#"/></figure>
|
|
</div>
|
|
<div id="pro_ho" class="project_text">
|
|
<h3>Reader will be<br> distracted by the readable</h3>
|
|
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a class="carousel-control-prev" href="#proj" role="button" data-slide="prev">
|
|
<i class="fa fa-arrow-left" aria-hidden="true"></i>
|
|
<span class="sr-only">Previous</span>
|
|
</a>
|
|
<a class="carousel-control-next" href="#proj" role="button" data-slide="next">
|
|
<i class="fa fa-arrow-right" aria-hidden="true"></i>
|
|
<span class="sr-only">Next</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end projects -->
|
|
<!-- choose -->
|
|
<div class="choose">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-6 col-md-7 ">
|
|
<div class="titlepage">
|
|
<h2>Why Choose Us</h2>
|
|
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomisedThere are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomisedThere are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised</p>
|
|
<div class="award">
|
|
<div id="awa_ho" class="award_icon text_align_center">
|
|
<i><img src="images/ch1.png" alt="#"/>
|
|
</i>
|
|
<strong>client satisfaction</strong>
|
|
</div>
|
|
<div id="awa_ho" class="award_icon text_align_center">
|
|
<i><img src="images/ch2.png" alt="#"/></i>
|
|
<strong>award</strong>
|
|
</div>
|
|
<div id="awa_ho" class="award_icon text_align_center">
|
|
<i><img src="images/ch3.png" alt="#"/></i>
|
|
<strong>Trustable</strong>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end choose -->
|
|
<!-- staff -->
|
|
<div class="staff_main">
|
|
<div class="container_staff">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="titlepage">
|
|
<h2>Our Expert Staff</h2>
|
|
<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 -->
|
|
<!-- contact -->
|
|
<div class="contact">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="titlepage">
|
|
<h2>Contact Us</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6 padding_right0">
|
|
<form id="request" class="main_form">
|
|
<div class="row">
|
|
<div class="col-md-12 ">
|
|
<input class="contactus" placeholder="Name" type="type" name="Name">
|
|
</div>
|
|
<div class="col-md-12">
|
|
<input class="contactus" placeholder="Phone" type="type" name="Phone">
|
|
</div>
|
|
<div class="col-md-12">
|
|
<input class="contactus" placeholder="Email" type="type" name="Email">
|
|
</div>
|
|
<div class="col-md-12">
|
|
<textarea class="textarea" placeholder="Message" type="type" Message="Name">Message</textarea>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<button class="send_btn">Send</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="col-md-6 padding_left0">
|
|
<div class="map_main">
|
|
<div class="map-responsive">
|
|
<iframe src="https://www.google.com/maps/embed/v1/place?key=AIzaSyA0s1a7phLN0iaD6-UE7m4qP-z21pH0eSc&q=Eiffel+Tower+Paris+France" width="600" height="463" frameborder="0" style="border:0; width: 100%;" allowfullscreen=""></iframe>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end contact -->
|
|
<div class="truck">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-md-6 jkhgkj">
|
|
<div class="truck_img1">
|
|
<img src="images/truck.png" alt="#"/>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="truck_img1">
|
|
<img src="images/jcb.png" alt="#"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- clients -->
|
|
<div class="clients">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="titlepage">
|
|
<h2>Clients Words</h2>
|
|
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor </span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-8 offset-md-2">
|
|
<div class="testimo_ban_bg">
|
|
<div id="testimo" class="carousel slide testimo_ban" data-ride="carousel">
|
|
<ol class="carousel-indicators">
|
|
<li data-target="#testimo" data-slide-to="0" class="active"></li>
|
|
<li data-target="#testimo" data-slide-to="1"></li>
|
|
<li data-target="#testimo" data-slide-to="2"></li>
|
|
</ol>
|
|
<div class="carousel-inner">
|
|
<div class="carousel-item active">
|
|
<div class="container parile0">
|
|
<div class="carousel-caption relative2">
|
|
<div class="row d_flex">
|
|
<div class="col-md-12">
|
|
<i><img class="qusright" src="images/t.png" alt="#"/><img src="images/tes.png" alt="#"/><img class="qusleft" src="images/t.png" alt="#"/></i>
|
|
<div class="consect">
|
|
<span>consectetur</span>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniamLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item">
|
|
<div class="container parile0">
|
|
<div class="carousel-caption relative2">
|
|
<div class="row d_flex">
|
|
<div class="col-md-12">
|
|
<i><img class="qusright" src="images/t.png" alt="#"/><img src="images/tes.png" alt="#"/><img class="qusleft" src="images/t.png" alt="#"/></i>
|
|
<div class="consect">
|
|
<span>consectetur</span>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniamLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item">
|
|
<div class="container parile0">
|
|
<div class="carousel-caption relative2">
|
|
<div class="row d_flex">
|
|
<div class="col-md-12">
|
|
<i><img class="qusright" src="images/t.png" alt="#"/><img src="images/tes.png" alt="#"/><img class="qusleft" src="images/t.png" alt="#"/></i>
|
|
<div class="consect">
|
|
<span>consectetur</span>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna consectua. Ut enim ad minim veniamLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a class="carousel-control-prev" href="#testimo" role="button" data-slide="prev">
|
|
<i class="fa fa-arrow-left" aria-hidden="true"></i>
|
|
<span class="sr-only">Previous</span>
|
|
</a>
|
|
<a class="carousel-control-next" href="#testimo" role="button" data-slide="next">
|
|
<i class="fa fa-arrow-right" aria-hidden="true"></i>
|
|
<span class="sr-only">Next</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end clients -->
|
|
<!-- 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> |