Background is blue
This commit is contained in:
Pawel Dudzik
210
about.html
210
about.html
@@ -1,210 +0,0 @@
|
||||
<!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 active">
|
||||
<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 -->
|
||||
</header>
|
||||
<!-- end banner -->
|
||||
<div class="back_re">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="title">
|
||||
<h2>About</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 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 -->
|
||||
<!-- 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>
|
||||
225
contact.html
225
contact.html
@@ -1,225 +0,0 @@
|
||||
<!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">
|
||||
<a class="nav-link" href="staff.html">staff</a>
|
||||
</li>
|
||||
<li class="nav-item active">
|
||||
<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>
|
||||
<div class="back_re">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="title">
|
||||
<h2>Contact Us</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- contact -->
|
||||
<div class="contact">
|
||||
<div class="container">
|
||||
<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 -->
|
||||
<!-- 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>
|
||||
2
css/bootstrap-reboot.css
vendored
2
css/bootstrap-reboot.css
vendored
@@ -36,7 +36,7 @@ body {
|
||||
line-height: 1.5;
|
||||
color: #212529;
|
||||
text-align: left;
|
||||
background-color: #fff;
|
||||
background-color: #161825;
|
||||
}
|
||||
|
||||
[tabindex="-1"]:focus {
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
body {
|
||||
background: #fff;
|
||||
background: #161825;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'IcoMoon-Free';
|
||||
|
||||
@@ -51,7 +51,6 @@ body {
|
||||
}
|
||||
|
||||
a {
|
||||
color: #1f1f1f;
|
||||
text-decoration: none !important;
|
||||
outline: none !important;
|
||||
-webkit-transition: all .3s ease-in-out;
|
||||
@@ -141,7 +140,6 @@ p {
|
||||
}
|
||||
|
||||
a {
|
||||
color: #222222;
|
||||
text-decoration: none;
|
||||
outline: none !important;
|
||||
}
|
||||
@@ -488,7 +486,7 @@ ul.search li a:hover {
|
||||
|
||||
.titlepage {
|
||||
text-align: center;
|
||||
padding-bottom: 40px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.titlepage h2 {
|
||||
@@ -581,6 +579,8 @@ ul.search li a:hover {
|
||||
.about {
|
||||
background-color: #fff;
|
||||
padding-top: 90px;
|
||||
max-width: 1170px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.about .titlepage {
|
||||
@@ -884,7 +884,8 @@ ul.social_icon_staff li a:hover {
|
||||
|
||||
.contact {
|
||||
background: #fff;
|
||||
margin-top: 90px;
|
||||
max-width: 90%;
|
||||
margin: 70px auto 20px;
|
||||
}
|
||||
|
||||
.contact .titlepage {
|
||||
@@ -895,13 +896,14 @@ ul.social_icon_staff li a:hover {
|
||||
padding: 40px 80px;
|
||||
background: #fff;
|
||||
box-shadow: 0 0 250px rgba(3, 3, 3, 0.15);
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.main_form .contactus {
|
||||
border: #fff solid 1px;
|
||||
padding: 0px 20px;
|
||||
margin-bottom: 25px;
|
||||
width: 100%;
|
||||
width: 400px;
|
||||
height: 44px;
|
||||
background: #fff;
|
||||
color: #dadada;
|
||||
@@ -1077,7 +1079,7 @@ ul.social_icon_staff li a:hover {
|
||||
|
||||
.footer {
|
||||
background: #161825;
|
||||
padding-top: 90px;
|
||||
padding-top: 30px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@@ -1193,10 +1195,6 @@ ul.insta li {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.copyright {
|
||||
margin-top: 60px;
|
||||
}
|
||||
|
||||
.many {
|
||||
display: inline-block;
|
||||
color: #fff;
|
||||
|
||||
BIN
images/about.png
BIN
images/about.png
Binary file not shown.
|
Before Width: | Height: | Size: 91 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 556 KiB |
BIN
images/ch1.png
BIN
images/ch1.png
Binary file not shown.
|
Before Width: | Height: | Size: 2.4 KiB |
BIN
images/ch1h.png
BIN
images/ch1h.png
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 KiB |
BIN
images/ch2.png
BIN
images/ch2.png
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 KiB |
BIN
images/ch2h.png
BIN
images/ch2h.png
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 KiB |
BIN
images/ch3.png
BIN
images/ch3.png
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 KiB |
BIN
images/ch3h.png
BIN
images/ch3h.png
Binary file not shown.
|
Before Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 679 KiB |
|
Before Width: | Height: | Size: 1.6 MiB After Width: | Height: | Size: 1.6 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB |
265
index.html
265
index.html
@@ -36,7 +36,7 @@
|
||||
</div>
|
||||
<!-- end loader -->
|
||||
<!-- header -->
|
||||
<header class="full_bg">
|
||||
<header class="full_bg" id="header">
|
||||
<!-- header inner -->
|
||||
<div class="header">
|
||||
<div class="header_top">
|
||||
@@ -51,7 +51,7 @@
|
||||
</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>
|
||||
<li><a href="Javascript:void(0)"> <i aria-hidden="true"></i>ilhavo@release11.com</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@@ -79,16 +79,13 @@
|
||||
<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>
|
||||
<a class="nav-link" href="#header">Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="about.html">About</a>
|
||||
<a class="nav-link" href="#aboutus">Co oferujemy</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="contact.html">Kontakt</a>
|
||||
<a class="nav-link" href="#contact">Kontakt</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -119,7 +116,7 @@
|
||||
<div class="build_box">
|
||||
<h1>Zamieszkaj w Portugalii</h1>
|
||||
<p>Marzysz o własnym domu w pięknej, słonecznej Portugalii? Chcesz budzić się codziennie przy szumie fal Atlantyku, delektować się świeżymi owocami morza i cieszyć się łagodnym klimatem przez cały rok? Jesteś we właściwym miejscu!</p>
|
||||
<a class="read_more conatct_btn" href="contact.html" role="button">Kontakt</a>
|
||||
<a class="read_more conatct_btn" href="#contact" role="button">Kontakt</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -187,237 +184,62 @@
|
||||
</div>
|
||||
<!-- end three_box -->
|
||||
<!-- about -->
|
||||
<div class="about">
|
||||
<div class="about" id="aboutus">
|
||||
<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>
|
||||
<h2>Co oferujemy</h2>
|
||||
<span>
|
||||
<ul>
|
||||
<li>W przeciwieństwie do innych firm nie nagabujemy na konkretną nieruchomość. Samodzielnie wybierasz to, co Cię interesuje, korzystając z portali takich jak <a href="https://www.idealista.pt">https://www.idealista.pt</a></li>
|
||||
<li>Jeśli się wahasz pomiędzy konkretną lokalizacją nieruchomości możemy podpowiedzieć jak to wygląda z naszego doświadczenia. Mamy rozeznanie w tamtejszym rynku z perspektywy Polaka</li>
|
||||
<li>Nasze portugalskie kontakty obejmują godnych zaufania lokalnych prawników i agentów nieruchomości oraz sprawdzone ekipy remontowe, które możemy polecić</li>
|
||||
</ul>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-5">
|
||||
<div class="about_img">
|
||||
<figure><img src="images/about.png" alt="#"/></figure>
|
||||
<figure><img src="images/lissabon.jpg" 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 -->
|
||||
<!-- contact -->
|
||||
<div class="contact">
|
||||
<div class="contact" id="contact">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="titlepage">
|
||||
<h2>Contact Us</h2>
|
||||
<h2>Skontaktuj się z nami</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 padding_right0">
|
||||
<div class="col-md-12">
|
||||
<div class="titlepage">
|
||||
<span>Masz pytania? Zadzwoń 512-465-486 lub 607-409-301. Możesz też wysłać wiadomość poniżej.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="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">
|
||||
<input class="contactus short" placeholder="Name" type="type" name="Name">
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<input class="contactus" placeholder="Phone" type="type" name="Phone">
|
||||
<input class="contactus short" placeholder="Phone" type="type" name="Phone">
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<input class="contactus" placeholder="Email" type="type" name="Email">
|
||||
<input class="contactus short" placeholder="Email" type="type" name="Email">
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<textarea class="textarea" placeholder="Message" type="type" Message="Name">Message</textarea>
|
||||
<textarea class="textarea" placeholder="Message" type="type" Message="Name">Twoja wiadomość</textarea>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<button class="send_btn">Send</button>
|
||||
@@ -425,13 +247,6 @@
|
||||
</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>
|
||||
@@ -439,26 +254,6 @@
|
||||
<!-- 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>
|
||||
</div>
|
||||
<div class="copyright">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
|
||||
347
project.html
347
project.html
@@ -1,347 +0,0 @@
|
||||
<!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 active">
|
||||
<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 -->
|
||||
</header>
|
||||
<!-- end banner -->
|
||||
<div class="back_re">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="title">
|
||||
<h2>Projects</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- projects -->
|
||||
<div class="projects">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="titlepage">
|
||||
<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 -->
|
||||
<!-- 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>
|
||||
Reference in New Issue
Block a user