addet websites to test
This commit is contained in:
piecka
parent
78e00c2fcc
commit
d8a0746af2
102 changed files with 28717 additions and 0 deletions
264
websites/1/finexo-html/about.html
Normal file
264
websites/1/finexo-html/about.html
Normal file
|
|
@ -0,0 +1,264 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<!-- Basic -->
|
||||
<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, shrink-to-fit=no" />
|
||||
<!-- Site Metas -->
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<meta name="author" content="" />
|
||||
<link rel="shortcut icon" href="images/favicon.png" type="">
|
||||
|
||||
<title> Finexo </title>
|
||||
|
||||
<!-- bootstrap core css -->
|
||||
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
|
||||
|
||||
<!-- fonts style -->
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet">
|
||||
|
||||
<!--owl slider stylesheet -->
|
||||
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
|
||||
|
||||
<!-- font awesome style -->
|
||||
<link href="css/font-awesome.min.css" rel="stylesheet" />
|
||||
|
||||
<!-- Custom styles for this template -->
|
||||
<link href="css/style.css" rel="stylesheet" />
|
||||
<!-- responsive style -->
|
||||
<link href="css/responsive.css" rel="stylesheet" />
|
||||
|
||||
</head>
|
||||
|
||||
<body class="sub_page">
|
||||
|
||||
<div class="hero_area">
|
||||
|
||||
<div class="hero_bg_box">
|
||||
<div class="bg_img_box">
|
||||
<img src="images/hero-bg.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- header section strats -->
|
||||
<header class="header_section">
|
||||
<div class="container-fluid">
|
||||
<nav class="navbar navbar-expand-lg custom_nav-container ">
|
||||
<a class="navbar-brand" href="index.html">
|
||||
<span>
|
||||
Finexo
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class=""> </span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav ">
|
||||
<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 <span class="sr-only">(current)</span> </a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="service.html">Services</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="why.html">Why Us</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="team.html">Team</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#"> <i class="fa fa-user" aria-hidden="true"></i> Login</a>
|
||||
</li>
|
||||
<form class="form-inline">
|
||||
<button class="btn my-2 my-sm-0 nav_search-btn" type="submit">
|
||||
<i class="fa fa-search" aria-hidden="true"></i>
|
||||
</button>
|
||||
</form>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<!-- end header section -->
|
||||
</div>
|
||||
|
||||
<!-- about section -->
|
||||
|
||||
<section class="about_section layout_padding">
|
||||
<div class="container ">
|
||||
<div class="heading_container heading_center">
|
||||
<h2>
|
||||
About <span>Us</span>
|
||||
</h2>
|
||||
<p>
|
||||
Magni quod blanditiis non minus sed aut voluptatum illum quisquam aspernatur ullam vel beatae rerum ipsum voluptatibus
|
||||
</p>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 ">
|
||||
<div class="img-box">
|
||||
<img src="images/about-img.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="detail-box">
|
||||
<h3>
|
||||
We Are Finexo
|
||||
</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 words which don't look even slightly believable. If you
|
||||
are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in
|
||||
the middle of text. All
|
||||
</p>
|
||||
<p>
|
||||
Molestiae odio earum non qui cumque provident voluptates, repellendus exercitationem, possimus at iste corrupti officiis unde alias eius ducimus reiciendis soluta eveniet. Nobis ullam ab omnis quasi expedita.
|
||||
</p>
|
||||
<a href="">
|
||||
Read More
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- end about section -->
|
||||
|
||||
<!-- info section -->
|
||||
|
||||
<section class="info_section layout_padding2">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-lg-3 info_col">
|
||||
<div class="info_contact">
|
||||
<h4>
|
||||
Address
|
||||
</h4>
|
||||
<div class="contact_link_box">
|
||||
<a href="">
|
||||
<i class="fa fa-map-marker" aria-hidden="true"></i>
|
||||
<span>
|
||||
Location
|
||||
</span>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fa fa-phone" aria-hidden="true"></i>
|
||||
<span>
|
||||
Call +01 1234567890
|
||||
</span>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fa fa-envelope" aria-hidden="true"></i>
|
||||
<span>
|
||||
demo@gmail.com
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info_social">
|
||||
<a href="">
|
||||
<i class="fa fa-facebook" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fa fa-twitter" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fa fa-linkedin" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fa fa-instagram" aria-hidden="true"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-3 info_col">
|
||||
<div class="info_detail">
|
||||
<h4>
|
||||
Info
|
||||
</h4>
|
||||
<p>
|
||||
necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-2 mx-auto info_col">
|
||||
<div class="info_link_box">
|
||||
<h4>
|
||||
Links
|
||||
</h4>
|
||||
<div class="info_links">
|
||||
<a class="active" href="index.html">
|
||||
Home
|
||||
</a>
|
||||
<a class="" href="about.html">
|
||||
About
|
||||
</a>
|
||||
<a class="" href="service.html">
|
||||
Services
|
||||
</a>
|
||||
<a class="" href="why.html">
|
||||
Why Us
|
||||
</a>
|
||||
<a class="" href="team.html">
|
||||
Team
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-3 info_col ">
|
||||
<h4>
|
||||
Subscribe
|
||||
</h4>
|
||||
<form action="#">
|
||||
<input type="text" placeholder="Enter email" />
|
||||
<button type="submit">
|
||||
Subscribe
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- end info section -->
|
||||
|
||||
<!-- footer section -->
|
||||
<section class="footer_section">
|
||||
<div class="container">
|
||||
<p>
|
||||
© <span id="displayYear"></span> All Rights Reserved By
|
||||
<a href="https://html.design/">Free Html Templates</a>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
<!-- footer section -->
|
||||
|
||||
<!-- jQery -->
|
||||
<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
|
||||
<!-- popper js -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous">
|
||||
</script>
|
||||
<!-- bootstrap js -->
|
||||
<script type="text/javascript" src="js/bootstrap.js"></script>
|
||||
<!-- owl slider -->
|
||||
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js">
|
||||
</script>
|
||||
<!-- custom js -->
|
||||
<script type="text/javascript" src="js/custom.js"></script>
|
||||
<!-- Google Map -->
|
||||
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCh39n5U-4IoWpsVGUHWdqB6puEkhRLdmI&callback=myMap">
|
||||
</script>
|
||||
<!-- End Google Map -->
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
10038
websites/1/finexo-html/css/bootstrap.css
vendored
Normal file
10038
websites/1/finexo-html/css/bootstrap.css
vendored
Normal file
File diff suppressed because it is too large
Load diff
4
websites/1/finexo-html/css/font-awesome.min.css
vendored
Normal file
4
websites/1/finexo-html/css/font-awesome.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
107
websites/1/finexo-html/css/responsive.css
Normal file
107
websites/1/finexo-html/css/responsive.css
Normal file
|
|
@ -0,0 +1,107 @@
|
|||
@media (max-width: 1300px) {}
|
||||
|
||||
@media (max-width: 1120px) {}
|
||||
|
||||
@media (max-width: 992px) {
|
||||
.hero_area {
|
||||
min-height: auto;
|
||||
}
|
||||
|
||||
.hero_area {
|
||||
background: linear-gradient(130deg, #231a6f, #0f054c);
|
||||
}
|
||||
|
||||
.hero_area .hero_bg_box {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.slider_section {
|
||||
padding: 45px 0 75px 0;
|
||||
}
|
||||
|
||||
.custom_nav-container .navbar-nav {
|
||||
padding-top: 15px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
|
||||
.custom_nav-container .navbar-nav .nav-item .nav-link {
|
||||
padding: 5px 25px;
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.about_section .img-box {
|
||||
margin-bottom: 45px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
.header_section .header_top .contact_nav a span {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
.client_section .client_container {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.client_section .box {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.owl-nav {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: 45px;
|
||||
}
|
||||
|
||||
.client_section .owl-carousel .owl-nav .owl-prev,
|
||||
.client_section .owl-carousel .owl-nav .owl-next {
|
||||
position: unset;
|
||||
margin: 0 2.5px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.slider_section .detail-box h1 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.track_section form {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.track_section form input {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.track_section form button {
|
||||
padding: 10px 60px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 420px) {
|
||||
.service_section .box {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.service_section .box .img-box {
|
||||
justify-content: flex-start;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 376px) {}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.container {
|
||||
max-width: 1170px;
|
||||
}
|
||||
}
|
||||
930
websites/1/finexo-html/css/style.css
Normal file
930
websites/1/finexo-html/css/style.css
Normal file
|
|
@ -0,0 +1,930 @@
|
|||
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Open+Sans:wght@300;400;600;700&display=swap");
|
||||
body {
|
||||
font-family: "Open Sans", sans-serif;
|
||||
color: #0c0c0c;
|
||||
background-color: #ffffff;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.layout_padding {
|
||||
padding: 90px 0;
|
||||
}
|
||||
|
||||
.layout_padding2 {
|
||||
padding: 75px 0;
|
||||
}
|
||||
|
||||
.layout_padding2-top {
|
||||
padding-top: 75px;
|
||||
}
|
||||
|
||||
.layout_padding2-bottom {
|
||||
padding-bottom: 75px;
|
||||
}
|
||||
|
||||
.layout_padding-top {
|
||||
padding-top: 90px;
|
||||
}
|
||||
|
||||
.layout_padding-bottom {
|
||||
padding-bottom: 90px;
|
||||
}
|
||||
|
||||
.heading_container {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-align: start;
|
||||
-ms-flex-align: start;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.heading_container h2 {
|
||||
position: relative;
|
||||
font-weight: bold;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.heading_container h2 span {
|
||||
color: #00bbf0;
|
||||
}
|
||||
|
||||
.heading_container p {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.heading_container.heading_center {
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
a,
|
||||
a:hover,
|
||||
a:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus {
|
||||
color: initial;
|
||||
}
|
||||
|
||||
.btn,
|
||||
.btn:focus {
|
||||
outline: none !important;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/*header section*/
|
||||
.hero_area {
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.hero_area .hero_bg_box {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: end;
|
||||
-ms-flex-align: end;
|
||||
align-items: flex-end;
|
||||
overflow: hidden;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.hero_area .hero_bg_box .bg_img_box {
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
.hero_area .hero_bg_box img {
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
.sub_page .hero_area {
|
||||
min-height: auto;
|
||||
background: linear-gradient(130deg, #231a6f, #0f054c);
|
||||
}
|
||||
|
||||
.sub_page .hero_area .hero_bg_box {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.header_section {
|
||||
padding: 15px 0;
|
||||
}
|
||||
|
||||
.header_section .container-fluid {
|
||||
padding-right: 25px;
|
||||
padding-left: 25px;
|
||||
}
|
||||
|
||||
.navbar-brand span {
|
||||
font-weight: bold;
|
||||
font-size: 24px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.custom_nav-container {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.custom_nav-container .navbar-nav {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.custom_nav-container .navbar-nav .nav-item .nav-link {
|
||||
padding: 5px 20px;
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
border-radius: 5px;
|
||||
-webkit-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.custom_nav-container .navbar-nav .nav-item:hover .nav-link, .custom_nav-container .navbar-nav .nav-item.active .nav-link {
|
||||
color: #00bbf0;
|
||||
}
|
||||
|
||||
.custom_nav-container .navbar-nav .nav-item.active .nav-link {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.custom_nav-container .nav_search-btn {
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
padding: 0;
|
||||
border: none;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.custom_nav-container .nav_search-btn:hover {
|
||||
color: #00bbf0;
|
||||
}
|
||||
|
||||
.custom_nav-container .navbar-toggler {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.custom_nav-container .navbar-toggler {
|
||||
padding: 0;
|
||||
width: 37px;
|
||||
height: 42px;
|
||||
-webkit-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.custom_nav-container .navbar-toggler span {
|
||||
display: block;
|
||||
width: 35px;
|
||||
height: 4px;
|
||||
background-color: #ffffff;
|
||||
margin: 7px 0;
|
||||
-webkit-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
position: relative;
|
||||
border-radius: 5px;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.custom_nav-container .navbar-toggler span::before, .custom_nav-container .navbar-toggler span::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background-color: #ffffff;
|
||||
top: -10px;
|
||||
border-radius: 5px;
|
||||
-webkit-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.custom_nav-container .navbar-toggler span::after {
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
.custom_nav-container .navbar-toggler[aria-expanded="true"] {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
|
||||
.custom_nav-container .navbar-toggler[aria-expanded="true"] span {
|
||||
-webkit-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
.custom_nav-container .navbar-toggler[aria-expanded="true"] span::before, .custom_nav-container .navbar-toggler[aria-expanded="true"] span::after {
|
||||
-webkit-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
top: 0;
|
||||
}
|
||||
|
||||
/*end header section*/
|
||||
/* slider section */
|
||||
.slider_section {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
padding: 45px 0 145px 0;
|
||||
}
|
||||
|
||||
.slider_section .row {
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.slider_section #customCarousel1 {
|
||||
width: 100%;
|
||||
position: unset;
|
||||
}
|
||||
|
||||
.slider_section .detail-box {
|
||||
color: #00204a;
|
||||
}
|
||||
|
||||
.slider_section .detail-box h1 {
|
||||
font-size: 3rem;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 15px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.slider_section .detail-box p {
|
||||
color: #fefefe;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.slider_section .detail-box .btn-box {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
margin: 0 -5px;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.slider_section .detail-box .btn-box a {
|
||||
margin: 5px;
|
||||
text-align: center;
|
||||
width: 165px;
|
||||
}
|
||||
|
||||
.slider_section .detail-box .btn-box .btn1 {
|
||||
display: inline-block;
|
||||
padding: 10px 15px;
|
||||
background-color: #00bbf0;
|
||||
color: #ffffff;
|
||||
border-radius: 0;
|
||||
-webkit-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.slider_section .detail-box .btn-box .btn1:hover {
|
||||
background-color: #007fa4;
|
||||
}
|
||||
|
||||
.slider_section .detail-box .btn-box .btn2 {
|
||||
display: inline-block;
|
||||
padding: 10px 15px;
|
||||
background-color: #000000;
|
||||
color: #ffffff;
|
||||
border-radius: 0;
|
||||
-webkit-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.slider_section .detail-box .btn-box .btn2:hover {
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
.slider_section .img-box {
|
||||
margin: 45px 0;
|
||||
}
|
||||
|
||||
.slider_section .img-box img {
|
||||
width: 100%;
|
||||
-webkit-animation: upDown 5s infinite;
|
||||
animation: upDown 5s infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes upDown {
|
||||
0% {
|
||||
-webkit-transform: translateY(-45px);
|
||||
transform: translateY(-45px);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: translateY(45px);
|
||||
transform: translateY(45px);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: translateY(-45px);
|
||||
transform: translateY(-45px);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes upDown {
|
||||
0% {
|
||||
-webkit-transform: translateY(-45px);
|
||||
transform: translateY(-45px);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: translateY(45px);
|
||||
transform: translateY(45px);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: translateY(-45px);
|
||||
transform: translateY(-45px);
|
||||
}
|
||||
}
|
||||
|
||||
.slider_section .carousel-indicators {
|
||||
position: unset;
|
||||
margin: 0;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.slider_section .carousel-indicators li {
|
||||
background-color: #ffffff;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 100%;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.slider_section .carousel-indicators li.active {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background-color: #00bbf0;
|
||||
}
|
||||
|
||||
.service_section {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.service_section .box {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
margin-top: 45px;
|
||||
background-color: #f8f8f9;
|
||||
padding: 20px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.service_section .box .img-box {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: start;
|
||||
-ms-flex-align: start;
|
||||
align-items: flex-start;
|
||||
width: 125px;
|
||||
min-width: 75px;
|
||||
height: 75px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.service_section .box .img-box img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
-webkit-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.service_section .box .detail-box h5 {
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.service_section .box .detail-box a {
|
||||
color: #00204a;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.service_section .box .detail-box a:hover {
|
||||
color: #00bbf0;
|
||||
}
|
||||
|
||||
.service_section .btn-box {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
margin-top: 45px;
|
||||
}
|
||||
|
||||
.service_section .btn-box a {
|
||||
display: inline-block;
|
||||
padding: 10px 45px;
|
||||
background-color: #00bbf0;
|
||||
color: #ffffff;
|
||||
border-radius: 0;
|
||||
-webkit-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.service_section .btn-box a:hover {
|
||||
background-color: #007fa4;
|
||||
}
|
||||
|
||||
.about_section {
|
||||
background-color: #00204a;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.about_section .heading_container {
|
||||
margin-bottom: 45px;
|
||||
}
|
||||
|
||||
.about_section .row {
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.about_section .img-box img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.about_section .detail-box h3 {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.about_section .detail-box p {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.about_section .detail-box a {
|
||||
display: inline-block;
|
||||
padding: 10px 45px;
|
||||
background-color: #00bbf0;
|
||||
color: #ffffff;
|
||||
border-radius: 0px;
|
||||
-webkit-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
border: none;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.about_section .detail-box a:hover {
|
||||
background-color: #007fa4;
|
||||
}
|
||||
|
||||
.why_section .box {
|
||||
margin-top: 45px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.why_section .box .img-box {
|
||||
margin-bottom: 20px;
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
min-width: 120px;
|
||||
min-height: 120px;
|
||||
border-radius: 100%;
|
||||
border: 5px solid #00204a;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.why_section .box .img-box img {
|
||||
width: 55px;
|
||||
height: auto;
|
||||
fill: #00204a;
|
||||
}
|
||||
|
||||
.why_section .box h5 {
|
||||
font-weight: bold;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.why_section .box p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.why_section .btn-box {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
margin-top: 45px;
|
||||
}
|
||||
|
||||
.why_section .btn-box a {
|
||||
display: inline-block;
|
||||
padding: 10px 45px;
|
||||
background-color: #00bbf0;
|
||||
color: #ffffff;
|
||||
border-radius: 0;
|
||||
-webkit-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.why_section .btn-box a:hover {
|
||||
background-color: #007fa4;
|
||||
}
|
||||
|
||||
/*team section */
|
||||
.team_section {
|
||||
text-align: center;
|
||||
background-color: #00204a;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.team_section .heading_container {
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.team_section .team_container {
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
||||
.team_section .team_container .box {
|
||||
padding: 35px 0 0 0;
|
||||
border-radius: 5px;
|
||||
overflow: hidden;
|
||||
-webkit-transition: all .1s;
|
||||
transition: all .1s;
|
||||
margin-top: 45px;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#002759), to(#002b64));
|
||||
background: linear-gradient(to bottom, #002759, #002b64);
|
||||
}
|
||||
|
||||
.team_section .team_container .box .img-box {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.team_section .team_container .box .img-box img {
|
||||
width: 120px;
|
||||
border-radius: 100%;
|
||||
border: 5px solid #ffffff;
|
||||
}
|
||||
|
||||
.team_section .team_container .box .detail-box {
|
||||
margin: 25px 0;
|
||||
}
|
||||
|
||||
.team_section .team_container .box .detail-box h5 {
|
||||
color: #00bbf0;
|
||||
font-weight: 600;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.team_section .team_container .box .social_box {
|
||||
padding: 10px 45px 20px 45px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.team_section .team_container .box .social_box a {
|
||||
color: #ffffff;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.team_section .team_container .box .social_box a:hover {
|
||||
color: #00bbf0;
|
||||
}
|
||||
|
||||
/*team section end*/
|
||||
/* client section start */
|
||||
.client_section .heading_container {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.client_section .box {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
margin: 15px;
|
||||
}
|
||||
|
||||
.client_section .box .img-box {
|
||||
position: relative;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
width: 100px;
|
||||
margin-bottom: -50px;
|
||||
margin-left: 25px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.client_section .box .img-box img {
|
||||
border-radius: 100%;
|
||||
}
|
||||
|
||||
.client_section .box .client_id {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.client_section .box .client_id .client_info h6 {
|
||||
font-weight: 600;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.client_section .box .client_id .client_info p {
|
||||
margin-bottom: 0;
|
||||
font-size: 15px;
|
||||
font-size: 14px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.client_section .box .detail-box {
|
||||
background-color: #ffffff;
|
||||
-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
|
||||
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
|
||||
padding: 75px 25px 25px 25px;
|
||||
}
|
||||
|
||||
.client_section .box .detail-box i {
|
||||
color: #00204a;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.client_section .owl-carousel .owl-nav {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
margin-top: 45px;
|
||||
}
|
||||
|
||||
.client_section .owl-carousel .owl-nav .owl-prev,
|
||||
.client_section .owl-carousel .owl-nav .owl-next {
|
||||
width: 55px;
|
||||
height: 55px;
|
||||
background-color: #ffffff;
|
||||
color: #000000;
|
||||
outline: none;
|
||||
bottom: 0px;
|
||||
font-size: 24px;
|
||||
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
|
||||
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.client_section .owl-carousel .owl-nav .owl-prev:hover,
|
||||
.client_section .owl-carousel .owl-nav .owl-next:hover {
|
||||
color: #00204a;
|
||||
}
|
||||
|
||||
/* client section end */
|
||||
.info_section {
|
||||
background-color: #00204a;
|
||||
color: #ffffff;
|
||||
padding: 45px 0 15px 0;
|
||||
}
|
||||
|
||||
.info_section h4 {
|
||||
font-weight: 600;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.info_section .info_col {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.info_section .info_contact .contact_link_box {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.info_section .info_contact .contact_link_box a {
|
||||
margin: 5px 0;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.info_section .info_contact .contact_link_box a i {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.info_section .info_contact .contact_link_box a:hover {
|
||||
color: #00bbf0;
|
||||
}
|
||||
|
||||
.info_section .info_social {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.info_section .info_social a {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
color: #ffffff;
|
||||
border-radius: 100%;
|
||||
margin-right: 10px;
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.info_section .info_social a:hover {
|
||||
color: #00bbf0;
|
||||
}
|
||||
|
||||
.info_section .info_links {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.info_section .info_links a {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
margin-bottom: 15px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.info_section .info_links a:hover {
|
||||
color: #00bbf0;
|
||||
}
|
||||
|
||||
.info_section form input {
|
||||
border: none;
|
||||
border-bottom: 1px solid #ffffff;
|
||||
background-color: transparent;
|
||||
width: 100%;
|
||||
height: 45px;
|
||||
color: #ffffff;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.info_section form input::-webkit-input-placeholder {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.info_section form input:-ms-input-placeholder {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.info_section form input::-ms-input-placeholder {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.info_section form input::placeholder {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.info_section form button {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
padding: 10px 55px;
|
||||
background-color: #00bbf0;
|
||||
color: #ffffff;
|
||||
border-radius: 0;
|
||||
-webkit-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
border: none;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.info_section form button:hover {
|
||||
background-color: #007fa4;
|
||||
}
|
||||
|
||||
/* footer section*/
|
||||
.footer_section {
|
||||
position: relative;
|
||||
background-color: #ffffff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.footer_section p {
|
||||
color: #00204a;
|
||||
padding: 25px 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.footer_section p a {
|
||||
color: inherit;
|
||||
}
|
||||
/*# sourceMappingURL=style.css.map */
|
||||
9
websites/1/finexo-html/css/style.css.map
Normal file
9
websites/1/finexo-html/css/style.css.map
Normal file
File diff suppressed because one or more lines are too long
798
websites/1/finexo-html/css/style.scss
Normal file
798
websites/1/finexo-html/css/style.scss
Normal file
|
|
@ -0,0 +1,798 @@
|
|||
$white: #ffffff;
|
||||
$black: #000000;
|
||||
// $primary1: #0cb1a8;
|
||||
$primary1: #00bbf0;
|
||||
$primary2: #00204a;
|
||||
$textCol: #1f1f1f;
|
||||
|
||||
// import fonts - font-family: 'Open Sans', sans-serif;
|
||||
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Open+Sans:wght@300;400;600;700&display=swap");
|
||||
|
||||
@mixin main-font {
|
||||
font-family: "Open Sans", sans-serif;
|
||||
}
|
||||
|
||||
@mixin hero_btn($col1, $col2, $pad1, $pad2, $bRadius) {
|
||||
display: inline-block;
|
||||
padding: $pad1 $pad2;
|
||||
background-color: $col1;
|
||||
color: $col2;
|
||||
border-radius: $bRadius;
|
||||
transition: all 0.3s;
|
||||
border: none;
|
||||
|
||||
&:hover {
|
||||
background-color: darken($color: $col1, $amount: 15);
|
||||
}
|
||||
}
|
||||
|
||||
@mixin upperBold {
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
body {
|
||||
@include main-font;
|
||||
color: #0c0c0c;
|
||||
background-color: #ffffff;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.layout_padding {
|
||||
padding: 90px 0;
|
||||
}
|
||||
|
||||
.layout_padding2 {
|
||||
padding: 75px 0;
|
||||
}
|
||||
|
||||
.layout_padding2-top {
|
||||
padding-top: 75px;
|
||||
}
|
||||
|
||||
.layout_padding2-bottom {
|
||||
padding-bottom: 75px;
|
||||
}
|
||||
|
||||
.layout_padding-top {
|
||||
padding-top: 90px;
|
||||
}
|
||||
|
||||
.layout_padding-bottom {
|
||||
padding-bottom: 90px;
|
||||
}
|
||||
|
||||
.heading_container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
|
||||
h2 {
|
||||
position: relative;
|
||||
font-weight: bold;
|
||||
margin-bottom: 0;
|
||||
|
||||
span {
|
||||
color: $primary1;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
&.heading_center {
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
a,
|
||||
a:hover,
|
||||
a:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus {
|
||||
color: initial;
|
||||
}
|
||||
|
||||
.btn,
|
||||
.btn:focus {
|
||||
outline: none !important;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/*header section*/
|
||||
.hero_area {
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.hero_bg_box {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: flex-end;
|
||||
overflow: hidden;
|
||||
z-index: -1;
|
||||
|
||||
.bg_img_box {
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
img {
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sub_page {
|
||||
.hero_area {
|
||||
min-height: auto;
|
||||
background: linear-gradient(130deg, #231a6f, #0f054c);
|
||||
|
||||
.hero_bg_box {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.header_section {
|
||||
padding: 15px 0;
|
||||
|
||||
.container-fluid {
|
||||
padding-right: 25px;
|
||||
padding-left: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
span {
|
||||
font-weight: bold;
|
||||
font-size: 24px;
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
.custom_nav-container {
|
||||
padding: 0;
|
||||
|
||||
.navbar-nav {
|
||||
margin-left: auto;
|
||||
|
||||
.nav-item {
|
||||
.nav-link {
|
||||
padding: 5px 20px;
|
||||
color: $white;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
border-radius: 5px;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&.active {
|
||||
.nav-link {
|
||||
color: $primary1;
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
.nav-link {
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.custom_nav-container .nav_search-btn {
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
padding: 0;
|
||||
border: none;
|
||||
color: $white;
|
||||
|
||||
&:hover {
|
||||
color: $primary1;
|
||||
}
|
||||
}
|
||||
|
||||
.custom_nav-container .navbar-toggler {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.custom_nav-container .navbar-toggler {
|
||||
padding: 0;
|
||||
width: 37px;
|
||||
height: 42px;
|
||||
transition: all 0.3s;
|
||||
|
||||
span {
|
||||
display: block;
|
||||
width: 35px;
|
||||
height: 4px;
|
||||
background-color: $white;
|
||||
margin: 7px 0;
|
||||
transition: all 0.3s;
|
||||
position: relative;
|
||||
border-radius: 5px;
|
||||
transition: all 0.3s;
|
||||
|
||||
&::before,
|
||||
&::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background-color: $white;
|
||||
top: -10px;
|
||||
border-radius: 5px;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
&::after {
|
||||
top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
&[aria-expanded="true"] {
|
||||
transform: rotate(360deg);
|
||||
|
||||
span {
|
||||
transform: rotate(45deg);
|
||||
|
||||
&::before,
|
||||
&::after {
|
||||
transform: rotate(90deg);
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
/*end header section*/
|
||||
|
||||
/* slider section */
|
||||
.slider_section {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
padding: 45px 0 145px 0;
|
||||
|
||||
.row {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#customCarousel1 {
|
||||
width: 100%;
|
||||
position: unset;
|
||||
}
|
||||
|
||||
.detail-box {
|
||||
color: $primary2;
|
||||
|
||||
h1 {
|
||||
font-size: 3rem;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 15px;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
p {
|
||||
color: #fefefe;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.btn-box {
|
||||
display: flex;
|
||||
margin: 0 -5px;
|
||||
margin-top: 25px;
|
||||
|
||||
a {
|
||||
margin: 5px;
|
||||
text-align: center;
|
||||
width: 165px;
|
||||
}
|
||||
|
||||
.btn1 {
|
||||
@include hero_btn($primary1, $white, 10px, 15px, 0);
|
||||
}
|
||||
|
||||
.btn2 {
|
||||
@include hero_btn($black, $white, 10px, 15px, 0);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.img-box {
|
||||
margin: 45px 0;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
animation: upDown 5s infinite;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@keyframes upDown {
|
||||
0% {
|
||||
transform: translateY(-45px);
|
||||
}
|
||||
|
||||
50% {
|
||||
transform: translateY(45px);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translateY(-45px);
|
||||
}
|
||||
}
|
||||
|
||||
.carousel-indicators {
|
||||
position: unset;
|
||||
margin: 0;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
li {
|
||||
background-color: $white;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 100%;
|
||||
opacity: 1;
|
||||
|
||||
&.active {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background-color: $primary1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// end slider section
|
||||
|
||||
// service section
|
||||
|
||||
.service_section {
|
||||
position: relative;
|
||||
|
||||
.box {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
margin-top: 45px;
|
||||
background-color: #f8f8f9;
|
||||
padding: 20px;
|
||||
border-radius: 5px;
|
||||
|
||||
.img-box {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: flex-start;
|
||||
width: 125px;
|
||||
min-width: 75px;
|
||||
height: 75px;
|
||||
margin-bottom: 15px;
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
}
|
||||
|
||||
.detail-box {
|
||||
h5 {
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
p {}
|
||||
|
||||
a {
|
||||
color: $primary2;
|
||||
font-weight: 600;
|
||||
|
||||
&:hover {
|
||||
color: $primary1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.btn-box {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: 45px;
|
||||
|
||||
a {
|
||||
@include hero_btn($primary1, $white, 10px, 45px, 0);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// end service section
|
||||
|
||||
// about section
|
||||
.about_section {
|
||||
background-color: $primary2;
|
||||
color: $white;
|
||||
|
||||
.heading_container {
|
||||
margin-bottom: 45px;
|
||||
}
|
||||
|
||||
.row {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.img-box {
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.detail-box {
|
||||
h3 {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
a {
|
||||
@include hero_btn($primary1, $white, 10px, 45px, 0px);
|
||||
margin-top: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// end about section
|
||||
|
||||
// why section
|
||||
|
||||
.why_section {
|
||||
|
||||
.box {
|
||||
margin-top: 45px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
|
||||
.img-box {
|
||||
margin-bottom: 20px;
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
min-width: 120px;
|
||||
min-height: 120px;
|
||||
border-radius: 100%;
|
||||
border: 5px solid $primary2;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
img {
|
||||
width: 55px;
|
||||
height: auto;
|
||||
fill: $primary2;
|
||||
}
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-weight: bold;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-box {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: 45px;
|
||||
|
||||
a {
|
||||
@include hero_btn($primary1, $white, 10px, 45px, 0);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// end why section
|
||||
|
||||
/*team section */
|
||||
|
||||
.team_section {
|
||||
text-align: center;
|
||||
background-color: $primary2;
|
||||
color: $white;
|
||||
|
||||
.heading_container {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.team_container {
|
||||
padding: 0 15px;
|
||||
|
||||
.box {
|
||||
padding: 35px 0 0 0;
|
||||
border-radius: 5px;
|
||||
overflow: hidden;
|
||||
transition: all .1s;
|
||||
margin-top: 45px;
|
||||
// background-color: #053068;
|
||||
background: linear-gradient(to bottom, lighten($color: $primary2, $amount: 3), lighten($color: $primary2, $amount: 5));
|
||||
|
||||
.img-box {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
img {
|
||||
width: 120px;
|
||||
border-radius: 100%;
|
||||
border: 5px solid $white;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.detail-box {
|
||||
margin: 25px 0;
|
||||
|
||||
h5 {
|
||||
color: $primary1;
|
||||
font-weight: 600;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.social_box {
|
||||
padding: 10px 45px 20px 45px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
a {
|
||||
color: $white;
|
||||
font-size: 22px;
|
||||
|
||||
&:hover {
|
||||
color: $primary1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
/*team section end*/
|
||||
|
||||
/* client section start */
|
||||
|
||||
.client_section {
|
||||
.heading_container {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.box {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 15px;
|
||||
|
||||
.img-box {
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100px;
|
||||
margin-bottom: -50px;
|
||||
margin-left: 25px;
|
||||
position: relative;
|
||||
|
||||
img {
|
||||
border-radius: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.client_id {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
.client_info {
|
||||
h6 {
|
||||
font-weight: 600;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: 0;
|
||||
font-size: 15px;
|
||||
font-size: 14px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.detail-box {
|
||||
background-color: $white;
|
||||
box-shadow: 0 0 15px 0 rgba($color: #000000, $alpha: 0.15);
|
||||
padding: 75px 25px 25px 25px;
|
||||
|
||||
i {
|
||||
color: $primary2;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.owl-carousel {
|
||||
.owl-nav {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: 45px;
|
||||
|
||||
.owl-prev,
|
||||
.owl-next {
|
||||
width: 55px;
|
||||
height: 55px;
|
||||
background-color: $white;
|
||||
color: $black;
|
||||
outline: none;
|
||||
bottom: 0px;
|
||||
font-size: 24px;
|
||||
box-shadow: 0 0 5px 0 rgba($color: #000000, $alpha: 0.25);
|
||||
|
||||
&:hover {
|
||||
color: $primary2;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* client section end */
|
||||
|
||||
// info section
|
||||
.info_section {
|
||||
background-color: $primary2;
|
||||
color: $white;
|
||||
padding: 45px 0 15px 0;
|
||||
|
||||
h4 {
|
||||
font-weight: 600;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.info_col {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.info_contact {
|
||||
.contact_link_box {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
a {
|
||||
margin: 5px 0;
|
||||
color: $white;
|
||||
|
||||
i {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $primary1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.info_social {
|
||||
display: flex;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 10px;
|
||||
|
||||
a {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: $white;
|
||||
border-radius: 100%;
|
||||
margin-right: 10px;
|
||||
font-size: 24px;
|
||||
|
||||
&:hover {
|
||||
color: $primary1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.info_links {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
|
||||
a {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 15px;
|
||||
color: $white;
|
||||
|
||||
&:hover {
|
||||
color: $primary1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
form {
|
||||
input {
|
||||
border: none;
|
||||
border-bottom: 1px solid $white;
|
||||
background-color: transparent;
|
||||
width: 100%;
|
||||
height: 45px;
|
||||
color: $white;
|
||||
outline: none;
|
||||
|
||||
&::placeholder {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
button {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
@include hero_btn($primary1, $white, 10px, 55px, 0);
|
||||
margin-top: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// end info section
|
||||
|
||||
/* footer section*/
|
||||
|
||||
.footer_section {
|
||||
position: relative;
|
||||
background-color: $white;
|
||||
text-align: center;
|
||||
|
||||
p {
|
||||
color: $primary2;
|
||||
padding: 25px 0;
|
||||
margin: 0;
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// end footer section
|
||||
BIN
websites/1/finexo-html/fonts/fontawesome-webfont.ttf
Normal file
BIN
websites/1/finexo-html/fonts/fontawesome-webfont.ttf
Normal file
Binary file not shown.
BIN
websites/1/finexo-html/fonts/fontawesome-webfont.woff
Normal file
BIN
websites/1/finexo-html/fonts/fontawesome-webfont.woff
Normal file
Binary file not shown.
BIN
websites/1/finexo-html/fonts/fontawesome-webfont.woff2
Normal file
BIN
websites/1/finexo-html/fonts/fontawesome-webfont.woff2
Normal file
Binary file not shown.
BIN
websites/1/finexo-html/images/about-img.jpg
Normal file
BIN
websites/1/finexo-html/images/about-img.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 90 KiB |
BIN
websites/1/finexo-html/images/about-img.png
Normal file
BIN
websites/1/finexo-html/images/about-img.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 452 KiB |
BIN
websites/1/finexo-html/images/client1.jpg
Normal file
BIN
websites/1/finexo-html/images/client1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7 KiB |
BIN
websites/1/finexo-html/images/client2.jpg
Normal file
BIN
websites/1/finexo-html/images/client2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.5 KiB |
BIN
websites/1/finexo-html/images/favicon.png
Normal file
BIN
websites/1/finexo-html/images/favicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
BIN
websites/1/finexo-html/images/hero-bg.png
Normal file
BIN
websites/1/finexo-html/images/hero-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
BIN
websites/1/finexo-html/images/next.png
Normal file
BIN
websites/1/finexo-html/images/next.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 192 B |
BIN
websites/1/finexo-html/images/prev.png
Normal file
BIN
websites/1/finexo-html/images/prev.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 187 B |
BIN
websites/1/finexo-html/images/s1.png
Normal file
BIN
websites/1/finexo-html/images/s1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
websites/1/finexo-html/images/s2.png
Normal file
BIN
websites/1/finexo-html/images/s2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
websites/1/finexo-html/images/s3.png
Normal file
BIN
websites/1/finexo-html/images/s3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
websites/1/finexo-html/images/slider-bg.jpg
Normal file
BIN
websites/1/finexo-html/images/slider-bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 253 KiB |
BIN
websites/1/finexo-html/images/slider-img.png
Normal file
BIN
websites/1/finexo-html/images/slider-img.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 201 KiB |
BIN
websites/1/finexo-html/images/team-1.jpg
Normal file
BIN
websites/1/finexo-html/images/team-1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
BIN
websites/1/finexo-html/images/team-2.jpg
Normal file
BIN
websites/1/finexo-html/images/team-2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 65 KiB |
BIN
websites/1/finexo-html/images/team-3.jpg
Normal file
BIN
websites/1/finexo-html/images/team-3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
BIN
websites/1/finexo-html/images/team-4.jpg
Normal file
BIN
websites/1/finexo-html/images/team-4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
BIN
websites/1/finexo-html/images/track-bg.jpg
Normal file
BIN
websites/1/finexo-html/images/track-bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 256 KiB |
BIN
websites/1/finexo-html/images/w1.png
Normal file
BIN
websites/1/finexo-html/images/w1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
websites/1/finexo-html/images/w2.png
Normal file
BIN
websites/1/finexo-html/images/w2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
websites/1/finexo-html/images/w3.png
Normal file
BIN
websites/1/finexo-html/images/w3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
websites/1/finexo-html/images/w4.png
Normal file
BIN
websites/1/finexo-html/images/w4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
777
websites/1/finexo-html/index.html
Normal file
777
websites/1/finexo-html/index.html
Normal file
|
|
@ -0,0 +1,777 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<!-- Basic -->
|
||||
<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, shrink-to-fit=no" />
|
||||
<!-- Site Metas -->
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<meta name="author" content="" />
|
||||
<link rel="shortcut icon" href="images/favicon.png" type="">
|
||||
|
||||
<title> Finexo </title>
|
||||
|
||||
<!-- bootstrap core css -->
|
||||
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
|
||||
|
||||
<!-- fonts style -->
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet">
|
||||
|
||||
<!--owl slider stylesheet -->
|
||||
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
|
||||
|
||||
<!-- font awesome style -->
|
||||
<link href="css/font-awesome.min.css" rel="stylesheet" />
|
||||
|
||||
<!-- Custom styles for this template -->
|
||||
<link href="css/style.css" rel="stylesheet" />
|
||||
<!-- responsive style -->
|
||||
<link href="css/responsive.css" rel="stylesheet" />
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="hero_area">
|
||||
|
||||
<div class="hero_bg_box">
|
||||
<div class="bg_img_box">
|
||||
<img src="images/hero-bg.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- header section strats -->
|
||||
<header class="header_section">
|
||||
<div class="container-fluid">
|
||||
<nav class="navbar navbar-expand-lg custom_nav-container ">
|
||||
<a class="navbar-brand" href="index.html">
|
||||
<span>
|
||||
Finexo
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class=""> </span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav ">
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></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="service.html">Services</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="why.html">Why Us</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="team.html">Team</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#"> <i class="fa fa-user" aria-hidden="true"></i> Login</a>
|
||||
</li>
|
||||
<form class="form-inline">
|
||||
<button class="btn my-2 my-sm-0 nav_search-btn" type="submit">
|
||||
<i class="fa fa-search" aria-hidden="true"></i>
|
||||
</button>
|
||||
</form>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<!-- end header section -->
|
||||
<!-- slider section -->
|
||||
<section class="slider_section ">
|
||||
<div id="customCarousel1" class="carousel slide" data-ride="carousel">
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<div class="container ">
|
||||
<div class="row">
|
||||
<div class="col-md-6 ">
|
||||
<div class="detail-box">
|
||||
<h1>
|
||||
Crypto <br>
|
||||
Currency
|
||||
</h1>
|
||||
<p>
|
||||
Explicabo esse amet tempora quibusdam laudantium, laborum eaque magnam fugiat hic? Esse dicta aliquid error repudiandae earum suscipit fugiat molestias, veniam, vel architecto veritatis delectus repellat modi impedit sequi.
|
||||
</p>
|
||||
<div class="btn-box">
|
||||
<a href="" class="btn1">
|
||||
Read More
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="img-box">
|
||||
<img src="images/slider-img.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item ">
|
||||
<div class="container ">
|
||||
<div class="row">
|
||||
<div class="col-md-6 ">
|
||||
<div class="detail-box">
|
||||
<h1>
|
||||
Crypto <br>
|
||||
Currency
|
||||
</h1>
|
||||
<p>
|
||||
Explicabo esse amet tempora quibusdam laudantium, laborum eaque magnam fugiat hic? Esse dicta aliquid error repudiandae earum suscipit fugiat molestias, veniam, vel architecto veritatis delectus repellat modi impedit sequi.
|
||||
</p>
|
||||
<div class="btn-box">
|
||||
<a href="" class="btn1">
|
||||
Read More
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="img-box">
|
||||
<img src="images/slider-img.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<div class="container ">
|
||||
<div class="row">
|
||||
<div class="col-md-6 ">
|
||||
<div class="detail-box">
|
||||
<h1>
|
||||
Crypto <br>
|
||||
Currency
|
||||
</h1>
|
||||
<p>
|
||||
Explicabo esse amet tempora quibusdam laudantium, laborum eaque magnam fugiat hic? Esse dicta aliquid error repudiandae earum suscipit fugiat molestias, veniam, vel architecto veritatis delectus repellat modi impedit sequi.
|
||||
</p>
|
||||
<div class="btn-box">
|
||||
<a href="" class="btn1">
|
||||
Read More
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="img-box">
|
||||
<img src="images/slider-img.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<ol class="carousel-indicators">
|
||||
<li data-target="#customCarousel1" data-slide-to="0" class="active"></li>
|
||||
<li data-target="#customCarousel1" data-slide-to="1"></li>
|
||||
<li data-target="#customCarousel1" data-slide-to="2"></li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- end slider section -->
|
||||
</div>
|
||||
|
||||
|
||||
<!-- service section -->
|
||||
|
||||
<section class="service_section layout_padding">
|
||||
<div class="service_container">
|
||||
<div class="container ">
|
||||
<div class="heading_container heading_center">
|
||||
<h2>
|
||||
Our <span>Services</span>
|
||||
</h2>
|
||||
<p>
|
||||
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration
|
||||
</p>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-4 ">
|
||||
<div class="box ">
|
||||
<div class="img-box">
|
||||
<img src="images/s1.png" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<h5>
|
||||
Currency Wallet
|
||||
</h5>
|
||||
<p>
|
||||
fact that a reader will be distracted by the readable content of a page when looking at its layout.
|
||||
The
|
||||
point of using
|
||||
</p>
|
||||
<a href="">
|
||||
Read More
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 ">
|
||||
<div class="box ">
|
||||
<div class="img-box">
|
||||
<img src="images/s2.png" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<h5>
|
||||
Security Storage
|
||||
</h5>
|
||||
<p>
|
||||
fact that a reader will be distracted by the readable content of a page when looking at its layout.
|
||||
The
|
||||
point of using
|
||||
</p>
|
||||
<a href="">
|
||||
Read More
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 ">
|
||||
<div class="box ">
|
||||
<div class="img-box">
|
||||
<img src="images/s3.png" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<h5>
|
||||
Expert Support
|
||||
</h5>
|
||||
<p>
|
||||
fact that a reader will be distracted by the readable content of a page when looking at its layout.
|
||||
The
|
||||
point of using
|
||||
</p>
|
||||
<a href="">
|
||||
Read More
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn-box">
|
||||
<a href="">
|
||||
View All
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- end service section -->
|
||||
|
||||
|
||||
<!-- about section -->
|
||||
|
||||
<section class="about_section layout_padding">
|
||||
<div class="container ">
|
||||
<div class="heading_container heading_center">
|
||||
<h2>
|
||||
About <span>Us</span>
|
||||
</h2>
|
||||
<p>
|
||||
Magni quod blanditiis non minus sed aut voluptatum illum quisquam aspernatur ullam vel beatae rerum ipsum voluptatibus
|
||||
</p>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 ">
|
||||
<div class="img-box">
|
||||
<img src="images/about-img.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="detail-box">
|
||||
<h3>
|
||||
We Are Finexo
|
||||
</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 words which don't look even slightly believable. If you
|
||||
are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in
|
||||
the middle of text. All
|
||||
</p>
|
||||
<p>
|
||||
Molestiae odio earum non qui cumque provident voluptates, repellendus exercitationem, possimus at iste corrupti officiis unde alias eius ducimus reiciendis soluta eveniet. Nobis ullam ab omnis quasi expedita.
|
||||
</p>
|
||||
<a href="">
|
||||
Read More
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- end about section -->
|
||||
|
||||
<!-- why section -->
|
||||
|
||||
<section class="why_section layout_padding">
|
||||
<div class="container">
|
||||
<div class="heading_container heading_center">
|
||||
<h2>
|
||||
Why Choose <span>Us</span>
|
||||
</h2>
|
||||
</div>
|
||||
<div class="why_container">
|
||||
<div class="box">
|
||||
<div class="img-box">
|
||||
<img src="images/w1.png" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<h5>
|
||||
Expert Management
|
||||
</h5>
|
||||
<p>
|
||||
Incidunt odit rerum tenetur alias architecto asperiores omnis cumque doloribus aperiam numquam! Eligendi corrupti, molestias laborum dolores quod nisi vitae voluptate ipsa? In tempore voluptate ducimus officia id, aspernatur nihil.
|
||||
Tempore laborum nesciunt ut veniam, nemo officia ullam repudiandae repellat veritatis unde reiciendis possimus animi autem natus
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<div class="img-box">
|
||||
<img src="images/w2.png" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<h5>
|
||||
Secure Investment
|
||||
</h5>
|
||||
<p>
|
||||
Incidunt odit rerum tenetur alias architecto asperiores omnis cumque doloribus aperiam numquam! Eligendi corrupti, molestias laborum dolores quod nisi vitae voluptate ipsa? In tempore voluptate ducimus officia id, aspernatur nihil.
|
||||
Tempore laborum nesciunt ut veniam, nemo officia ullam repudiandae repellat veritatis unde reiciendis possimus animi autem natus
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<div class="img-box">
|
||||
<img src="images/w3.png" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<h5>
|
||||
Instant Trading
|
||||
</h5>
|
||||
<p>
|
||||
Incidunt odit rerum tenetur alias architecto asperiores omnis cumque doloribus aperiam numquam! Eligendi corrupti, molestias laborum dolores quod nisi vitae voluptate ipsa? In tempore voluptate ducimus officia id, aspernatur nihil.
|
||||
Tempore laborum nesciunt ut veniam, nemo officia ullam repudiandae repellat veritatis unde reiciendis possimus animi autem natus
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<div class="img-box">
|
||||
<img src="images/w4.png" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<h5>
|
||||
Happy Customers
|
||||
</h5>
|
||||
<p>
|
||||
Incidunt odit rerum tenetur alias architecto asperiores omnis cumque doloribus aperiam numquam! Eligendi corrupti, molestias laborum dolores quod nisi vitae voluptate ipsa? In tempore voluptate ducimus officia id, aspernatur nihil.
|
||||
Tempore laborum nesciunt ut veniam, nemo officia ullam repudiandae repellat veritatis unde reiciendis possimus animi autem natus
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn-box">
|
||||
<a href="">
|
||||
Read More
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- end why section -->
|
||||
|
||||
<!-- team section -->
|
||||
<section class="team_section layout_padding">
|
||||
<div class="container-fluid">
|
||||
<div class="heading_container heading_center">
|
||||
<h2 class="">
|
||||
Our <span> Team</span>
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<div class="team_container">
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="box ">
|
||||
<div class="img-box">
|
||||
<img src="images/team-1.jpg" class="img1" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<h5>
|
||||
Joseph Brown
|
||||
</h5>
|
||||
<p>
|
||||
Marketing Head
|
||||
</p>
|
||||
</div>
|
||||
<div class="social_box">
|
||||
<a href="#">
|
||||
<i class="fa fa-facebook" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="fa fa-twitter" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="fa fa-linkedin" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="fa fa-instagram" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="fa fa-youtube-play" aria-hidden="true"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="box ">
|
||||
<div class="img-box">
|
||||
<img src="images/team-2.jpg" class="img1" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<h5>
|
||||
Nancy White
|
||||
</h5>
|
||||
<p>
|
||||
Marketing Head
|
||||
</p>
|
||||
</div>
|
||||
<div class="social_box">
|
||||
<a href="#">
|
||||
<i class="fa fa-facebook" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="fa fa-twitter" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="fa fa-linkedin" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="fa fa-instagram" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="fa fa-youtube-play" aria-hidden="true"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="box ">
|
||||
<div class="img-box">
|
||||
<img src="images/team-3.jpg" class="img1" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<h5>
|
||||
Earl Martinez
|
||||
</h5>
|
||||
<p>
|
||||
Marketing Head
|
||||
</p>
|
||||
</div>
|
||||
<div class="social_box">
|
||||
<a href="#">
|
||||
<i class="fa fa-facebook" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="fa fa-twitter" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="fa fa-linkedin" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="fa fa-instagram" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="fa fa-youtube-play" aria-hidden="true"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="box ">
|
||||
<div class="img-box">
|
||||
<img src="images/team-4.jpg" class="img1" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<h5>
|
||||
Josephine Allard
|
||||
</h5>
|
||||
<p>
|
||||
Marketing Head
|
||||
</p>
|
||||
</div>
|
||||
<div class="social_box">
|
||||
<a href="#">
|
||||
<i class="fa fa-facebook" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="fa fa-twitter" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="fa fa-linkedin" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="fa fa-instagram" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="fa fa-youtube-play" aria-hidden="true"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- end team section -->
|
||||
|
||||
|
||||
<!-- client section -->
|
||||
|
||||
<section class="client_section layout_padding">
|
||||
<div class="container">
|
||||
<div class="heading_container heading_center psudo_white_primary mb_45">
|
||||
<h2>
|
||||
What says our <span>Customers</span>
|
||||
</h2>
|
||||
</div>
|
||||
<div class="carousel-wrap ">
|
||||
<div class="owl-carousel client_owl-carousel">
|
||||
<div class="item">
|
||||
<div class="box">
|
||||
<div class="img-box">
|
||||
<img src="images/client1.jpg" alt="" class="box-img">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<div class="client_id">
|
||||
<div class="client_info">
|
||||
<h6>
|
||||
LusDen
|
||||
</h6>
|
||||
<p>
|
||||
magna aliqua. Ut
|
||||
</p>
|
||||
</div>
|
||||
<i class="fa fa-quote-left" aria-hidden="true"></i>
|
||||
</div>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="box">
|
||||
<div class="img-box">
|
||||
<img src="images/client2.jpg" alt="" class="box-img">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<div class="client_id">
|
||||
<div class="client_info">
|
||||
<h6>
|
||||
Zen Court
|
||||
</h6>
|
||||
<p>
|
||||
magna aliqua. Ut
|
||||
</p>
|
||||
</div>
|
||||
<i class="fa fa-quote-left" aria-hidden="true"></i>
|
||||
</div>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="box">
|
||||
<div class="img-box">
|
||||
<img src="images/client1.jpg" alt="" class="box-img">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<div class="client_id">
|
||||
<div class="client_info">
|
||||
<h6>
|
||||
LusDen
|
||||
</h6>
|
||||
<p>
|
||||
magna aliqua. Ut
|
||||
</p>
|
||||
</div>
|
||||
<i class="fa fa-quote-left" aria-hidden="true"></i>
|
||||
</div>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="box">
|
||||
<div class="img-box">
|
||||
<img src="images/client2.jpg" alt="" class="box-img">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<div class="client_id">
|
||||
<div class="client_info">
|
||||
<h6>
|
||||
Zen Court
|
||||
</h6>
|
||||
<p>
|
||||
magna aliqua. Ut
|
||||
</p>
|
||||
</div>
|
||||
<i class="fa fa-quote-left" aria-hidden="true"></i>
|
||||
</div>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- end client section -->
|
||||
|
||||
|
||||
<!-- info section -->
|
||||
|
||||
<section class="info_section layout_padding2">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-lg-3 info_col">
|
||||
<div class="info_contact">
|
||||
<h4>
|
||||
Address
|
||||
</h4>
|
||||
<div class="contact_link_box">
|
||||
<a href="">
|
||||
<i class="fa fa-map-marker" aria-hidden="true"></i>
|
||||
<span>
|
||||
Location
|
||||
</span>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fa fa-phone" aria-hidden="true"></i>
|
||||
<span>
|
||||
Call +01 1234567890
|
||||
</span>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fa fa-envelope" aria-hidden="true"></i>
|
||||
<span>
|
||||
demo@gmail.com
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info_social">
|
||||
<a href="">
|
||||
<i class="fa fa-facebook" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fa fa-twitter" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fa fa-linkedin" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fa fa-instagram" aria-hidden="true"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-3 info_col">
|
||||
<div class="info_detail">
|
||||
<h4>
|
||||
Info
|
||||
</h4>
|
||||
<p>
|
||||
necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-2 mx-auto info_col">
|
||||
<div class="info_link_box">
|
||||
<h4>
|
||||
Links
|
||||
</h4>
|
||||
<div class="info_links">
|
||||
<a class="active" href="index.html">
|
||||
Home
|
||||
</a>
|
||||
<a class="" href="about.html">
|
||||
About
|
||||
</a>
|
||||
<a class="" href="service.html">
|
||||
Services
|
||||
</a>
|
||||
<a class="" href="why.html">
|
||||
Why Us
|
||||
</a>
|
||||
<a class="" href="team.html">
|
||||
Team
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-3 info_col ">
|
||||
<h4>
|
||||
Subscribe
|
||||
</h4>
|
||||
<form action="#">
|
||||
<input type="text" placeholder="Enter email" />
|
||||
<button type="submit">
|
||||
Subscribe
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- end info section -->
|
||||
|
||||
<!-- footer section -->
|
||||
<section class="footer_section">
|
||||
<div class="container">
|
||||
<p>
|
||||
© <span id="displayYear"></span> All Rights Reserved By
|
||||
<a href="https://html.design/">Free Html Templates</a>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
<!-- footer section -->
|
||||
|
||||
<!-- jQery -->
|
||||
<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
|
||||
<!-- popper js -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous">
|
||||
</script>
|
||||
<!-- bootstrap js -->
|
||||
<script type="text/javascript" src="js/bootstrap.js"></script>
|
||||
<!-- owl slider -->
|
||||
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js">
|
||||
</script>
|
||||
<!-- custom js -->
|
||||
<script type="text/javascript" src="js/custom.js"></script>
|
||||
<!-- Google Map -->
|
||||
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCh39n5U-4IoWpsVGUHWdqB6puEkhRLdmI&callback=myMap">
|
||||
</script>
|
||||
<!-- End Google Map -->
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
4442
websites/1/finexo-html/js/bootstrap.js
vendored
Normal file
4442
websites/1/finexo-html/js/bootstrap.js
vendored
Normal file
File diff suppressed because it is too large
Load diff
46
websites/1/finexo-html/js/custom.js
Normal file
46
websites/1/finexo-html/js/custom.js
Normal file
|
|
@ -0,0 +1,46 @@
|
|||
// to get current year
|
||||
function getYear() {
|
||||
var currentDate = new Date();
|
||||
var currentYear = currentDate.getFullYear();
|
||||
document.querySelector("#displayYear").innerHTML = currentYear;
|
||||
}
|
||||
|
||||
getYear();
|
||||
|
||||
|
||||
// client section owl carousel
|
||||
$(".client_owl-carousel").owlCarousel({
|
||||
loop: true,
|
||||
margin: 20,
|
||||
dots: false,
|
||||
nav: true,
|
||||
navText: [],
|
||||
autoplay: true,
|
||||
autoplayHoverPause: true,
|
||||
navText: [
|
||||
'<i class="fa fa-angle-left" aria-hidden="true"></i>',
|
||||
'<i class="fa fa-angle-right" aria-hidden="true"></i>'
|
||||
],
|
||||
responsive: {
|
||||
0: {
|
||||
items: 1
|
||||
},
|
||||
600: {
|
||||
items: 2
|
||||
},
|
||||
1000: {
|
||||
items: 2
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
/** google_map js **/
|
||||
function myMap() {
|
||||
var mapProp = {
|
||||
center: new google.maps.LatLng(40.712775, -74.005973),
|
||||
zoom: 18,
|
||||
};
|
||||
var map = new google.maps.Map(document.getElementById("googleMap"), mapProp);
|
||||
}
|
||||
2
websites/1/finexo-html/js/jquery-3.4.1.min.js
vendored
Normal file
2
websites/1/finexo-html/js/jquery-3.4.1.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
308
websites/1/finexo-html/service.html
Normal file
308
websites/1/finexo-html/service.html
Normal file
|
|
@ -0,0 +1,308 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<!-- Basic -->
|
||||
<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, shrink-to-fit=no" />
|
||||
<!-- Site Metas -->
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<meta name="author" content="" />
|
||||
<link rel="shortcut icon" href="images/favicon.png" type="">
|
||||
|
||||
<title> Finexo </title>
|
||||
|
||||
<!-- bootstrap core css -->
|
||||
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
|
||||
|
||||
<!-- fonts style -->
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet">
|
||||
|
||||
<!--owl slider stylesheet -->
|
||||
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
|
||||
|
||||
<!-- font awesome style -->
|
||||
<link href="css/font-awesome.min.css" rel="stylesheet" />
|
||||
|
||||
<!-- Custom styles for this template -->
|
||||
<link href="css/style.css" rel="stylesheet" />
|
||||
<!-- responsive style -->
|
||||
<link href="css/responsive.css" rel="stylesheet" />
|
||||
|
||||
</head>
|
||||
|
||||
<body class="sub_page">
|
||||
|
||||
<div class="hero_area">
|
||||
|
||||
<div class="hero_bg_box">
|
||||
<div class="bg_img_box">
|
||||
<img src="images/hero-bg.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- header section strats -->
|
||||
<header class="header_section">
|
||||
<div class="container-fluid">
|
||||
<nav class="navbar navbar-expand-lg custom_nav-container ">
|
||||
<a class="navbar-brand" href="index.html">
|
||||
<span>
|
||||
Finexo
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class=""> </span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav ">
|
||||
<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="service.html">Services <span class="sr-only">(current)</span> </a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="why.html">Why Us</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="team.html">Team</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#"> <i class="fa fa-user" aria-hidden="true"></i> Login</a>
|
||||
</li>
|
||||
<form class="form-inline">
|
||||
<button class="btn my-2 my-sm-0 nav_search-btn" type="submit">
|
||||
<i class="fa fa-search" aria-hidden="true"></i>
|
||||
</button>
|
||||
</form>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<!-- end header section -->
|
||||
</div>
|
||||
|
||||
|
||||
<!-- service section -->
|
||||
|
||||
<section class="service_section layout_padding">
|
||||
<div class="service_container">
|
||||
<div class="container ">
|
||||
<div class="heading_container heading_center">
|
||||
<h2>
|
||||
Our <span>Services</span>
|
||||
</h2>
|
||||
<p>
|
||||
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration
|
||||
</p>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-4 ">
|
||||
<div class="box ">
|
||||
<div class="img-box">
|
||||
<img src="images/s1.png" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<h5>
|
||||
Currency Wallet
|
||||
</h5>
|
||||
<p>
|
||||
fact that a reader will be distracted by the readable content of a page when looking at its layout.
|
||||
The
|
||||
point of using
|
||||
</p>
|
||||
<a href="">
|
||||
Read More
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 ">
|
||||
<div class="box ">
|
||||
<div class="img-box">
|
||||
<img src="images/s2.png" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<h5>
|
||||
Security Storage
|
||||
</h5>
|
||||
<p>
|
||||
fact that a reader will be distracted by the readable content of a page when looking at its layout.
|
||||
The
|
||||
point of using
|
||||
</p>
|
||||
<a href="">
|
||||
Read More
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 ">
|
||||
<div class="box ">
|
||||
<div class="img-box">
|
||||
<img src="images/s3.png" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<h5>
|
||||
Expert Support
|
||||
</h5>
|
||||
<p>
|
||||
fact that a reader will be distracted by the readable content of a page when looking at its layout.
|
||||
The
|
||||
point of using
|
||||
</p>
|
||||
<a href="">
|
||||
Read More
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn-box">
|
||||
<a href="">
|
||||
View All
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- end service section -->
|
||||
|
||||
<!-- info section -->
|
||||
|
||||
<section class="info_section layout_padding2">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-lg-3 info_col">
|
||||
<div class="info_contact">
|
||||
<h4>
|
||||
Address
|
||||
</h4>
|
||||
<div class="contact_link_box">
|
||||
<a href="">
|
||||
<i class="fa fa-map-marker" aria-hidden="true"></i>
|
||||
<span>
|
||||
Location
|
||||
</span>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fa fa-phone" aria-hidden="true"></i>
|
||||
<span>
|
||||
Call +01 1234567890
|
||||
</span>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fa fa-envelope" aria-hidden="true"></i>
|
||||
<span>
|
||||
demo@gmail.com
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info_social">
|
||||
<a href="">
|
||||
<i class="fa fa-facebook" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fa fa-twitter" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fa fa-linkedin" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fa fa-instagram" aria-hidden="true"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-3 info_col">
|
||||
<div class="info_detail">
|
||||
<h4>
|
||||
Info
|
||||
</h4>
|
||||
<p>
|
||||
necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-2 mx-auto info_col">
|
||||
<div class="info_link_box">
|
||||
<h4>
|
||||
Links
|
||||
</h4>
|
||||
<div class="info_links">
|
||||
<a class="active" href="index.html">
|
||||
Home
|
||||
</a>
|
||||
<a class="" href="about.html">
|
||||
About
|
||||
</a>
|
||||
<a class="" href="service.html">
|
||||
Services
|
||||
</a>
|
||||
<a class="" href="why.html">
|
||||
Why Us
|
||||
</a>
|
||||
<a class="" href="team.html">
|
||||
Team
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-3 info_col ">
|
||||
<h4>
|
||||
Subscribe
|
||||
</h4>
|
||||
<form action="#">
|
||||
<input type="text" placeholder="Enter email" />
|
||||
<button type="submit">
|
||||
Subscribe
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- end info section -->
|
||||
|
||||
<!-- footer section -->
|
||||
<section class="footer_section">
|
||||
<div class="container">
|
||||
<p>
|
||||
© <span id="displayYear"></span> All Rights Reserved By
|
||||
<a href="https://html.design/">Free Html Templates</a>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
<!-- footer section -->
|
||||
|
||||
<!-- jQery -->
|
||||
<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
|
||||
<!-- popper js -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous">
|
||||
</script>
|
||||
<!-- bootstrap js -->
|
||||
<script type="text/javascript" src="js/bootstrap.js"></script>
|
||||
<!-- owl slider -->
|
||||
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js">
|
||||
</script>
|
||||
<!-- custom js -->
|
||||
<script type="text/javascript" src="js/custom.js"></script>
|
||||
<!-- Google Map -->
|
||||
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCh39n5U-4IoWpsVGUHWdqB6puEkhRLdmI&callback=myMap">
|
||||
</script>
|
||||
<!-- End Google Map -->
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
366
websites/1/finexo-html/team.html
Normal file
366
websites/1/finexo-html/team.html
Normal file
|
|
@ -0,0 +1,366 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<!-- Basic -->
|
||||
<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, shrink-to-fit=no" />
|
||||
<!-- Site Metas -->
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<meta name="author" content="" />
|
||||
<link rel="shortcut icon" href="images/favicon.png" type="">
|
||||
|
||||
<title> Finexo </title>
|
||||
|
||||
<!-- bootstrap core css -->
|
||||
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
|
||||
|
||||
<!-- fonts style -->
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet">
|
||||
|
||||
<!--owl slider stylesheet -->
|
||||
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
|
||||
|
||||
<!-- font awesome style -->
|
||||
<link href="css/font-awesome.min.css" rel="stylesheet" />
|
||||
|
||||
<!-- Custom styles for this template -->
|
||||
<link href="css/style.css" rel="stylesheet" />
|
||||
<!-- responsive style -->
|
||||
<link href="css/responsive.css" rel="stylesheet" />
|
||||
|
||||
</head>
|
||||
|
||||
<body class="sub_page">
|
||||
|
||||
<div class="hero_area">
|
||||
|
||||
<div class="hero_bg_box">
|
||||
<div class="bg_img_box">
|
||||
<img src="images/hero-bg.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- header section strats -->
|
||||
<header class="header_section">
|
||||
<div class="container-fluid">
|
||||
<nav class="navbar navbar-expand-lg custom_nav-container ">
|
||||
<a class="navbar-brand" href="index.html">
|
||||
<span>
|
||||
Finexo
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class=""> </span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav ">
|
||||
<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="service.html">Services</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="why.html">Why Us</a>
|
||||
</li>
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="team.html">Team <span class="sr-only">(current)</span> </a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#"> <i class="fa fa-user" aria-hidden="true"></i> Login</a>
|
||||
</li>
|
||||
<form class="form-inline">
|
||||
<button class="btn my-2 my-sm-0 nav_search-btn" type="submit">
|
||||
<i class="fa fa-search" aria-hidden="true"></i>
|
||||
</button>
|
||||
</form>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<!-- end header section -->
|
||||
</div>
|
||||
|
||||
<!-- team section -->
|
||||
<section class="team_section layout_padding">
|
||||
<div class="container-fluid">
|
||||
<div class="heading_container heading_center">
|
||||
<h2 class="">
|
||||
Our <span> Team</span>
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<div class="team_container">
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="box ">
|
||||
<div class="img-box">
|
||||
<img src="images/team-1.jpg" class="img1" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<h5>
|
||||
Joseph Brown
|
||||
</h5>
|
||||
<p>
|
||||
Marketing Head
|
||||
</p>
|
||||
</div>
|
||||
<div class="social_box">
|
||||
<a href="#">
|
||||
<i class="fa fa-facebook" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="fa fa-twitter" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="fa fa-linkedin" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="fa fa-instagram" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="fa fa-youtube-play" aria-hidden="true"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="box ">
|
||||
<div class="img-box">
|
||||
<img src="images/team-2.jpg" class="img1" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<h5>
|
||||
Nancy White
|
||||
</h5>
|
||||
<p>
|
||||
Marketing Head
|
||||
</p>
|
||||
</div>
|
||||
<div class="social_box">
|
||||
<a href="#">
|
||||
<i class="fa fa-facebook" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="fa fa-twitter" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="fa fa-linkedin" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="fa fa-instagram" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="fa fa-youtube-play" aria-hidden="true"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="box ">
|
||||
<div class="img-box">
|
||||
<img src="images/team-3.jpg" class="img1" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<h5>
|
||||
Earl Martinez
|
||||
</h5>
|
||||
<p>
|
||||
Marketing Head
|
||||
</p>
|
||||
</div>
|
||||
<div class="social_box">
|
||||
<a href="#">
|
||||
<i class="fa fa-facebook" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="fa fa-twitter" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="fa fa-linkedin" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="fa fa-instagram" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="fa fa-youtube-play" aria-hidden="true"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="box ">
|
||||
<div class="img-box">
|
||||
<img src="images/team-4.jpg" class="img1" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<h5>
|
||||
Josephine Allard
|
||||
</h5>
|
||||
<p>
|
||||
Marketing Head
|
||||
</p>
|
||||
</div>
|
||||
<div class="social_box">
|
||||
<a href="#">
|
||||
<i class="fa fa-facebook" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="fa fa-twitter" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="fa fa-linkedin" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="fa fa-instagram" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="fa fa-youtube-play" aria-hidden="true"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- end team section -->
|
||||
|
||||
<!-- info section -->
|
||||
|
||||
<section class="info_section layout_padding2">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-lg-3 info_col">
|
||||
<div class="info_contact">
|
||||
<h4>
|
||||
Address
|
||||
</h4>
|
||||
<div class="contact_link_box">
|
||||
<a href="">
|
||||
<i class="fa fa-map-marker" aria-hidden="true"></i>
|
||||
<span>
|
||||
Location
|
||||
</span>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fa fa-phone" aria-hidden="true"></i>
|
||||
<span>
|
||||
Call +01 1234567890
|
||||
</span>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fa fa-envelope" aria-hidden="true"></i>
|
||||
<span>
|
||||
demo@gmail.com
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info_social">
|
||||
<a href="">
|
||||
<i class="fa fa-facebook" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fa fa-twitter" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fa fa-linkedin" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fa fa-instagram" aria-hidden="true"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-3 info_col">
|
||||
<div class="info_detail">
|
||||
<h4>
|
||||
Info
|
||||
</h4>
|
||||
<p>
|
||||
necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-2 mx-auto info_col">
|
||||
<div class="info_link_box">
|
||||
<h4>
|
||||
Links
|
||||
</h4>
|
||||
<div class="info_links">
|
||||
<a class="active" href="index.html">
|
||||
Home
|
||||
</a>
|
||||
<a class="" href="about.html">
|
||||
About
|
||||
</a>
|
||||
<a class="" href="service.html">
|
||||
Services
|
||||
</a>
|
||||
<a class="" href="why.html">
|
||||
Why Us
|
||||
</a>
|
||||
<a class="" href="team.html">
|
||||
Team
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-3 info_col ">
|
||||
<h4>
|
||||
Subscribe
|
||||
</h4>
|
||||
<form action="#">
|
||||
<input type="text" placeholder="Enter email" />
|
||||
<button type="submit">
|
||||
Subscribe
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- end info section -->
|
||||
|
||||
<!-- footer section -->
|
||||
<section class="footer_section">
|
||||
<div class="container">
|
||||
<p>
|
||||
© <span id="displayYear"></span> All Rights Reserved By
|
||||
<a href="https://html.design/">Free Html Templates</a>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
<!-- footer section -->
|
||||
|
||||
<!-- jQery -->
|
||||
<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
|
||||
<!-- popper js -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous">
|
||||
</script>
|
||||
<!-- bootstrap js -->
|
||||
<script type="text/javascript" src="js/bootstrap.js"></script>
|
||||
<!-- owl slider -->
|
||||
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js">
|
||||
</script>
|
||||
<!-- custom js -->
|
||||
<script type="text/javascript" src="js/custom.js"></script>
|
||||
<!-- Google Map -->
|
||||
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCh39n5U-4IoWpsVGUHWdqB6puEkhRLdmI&callback=myMap">
|
||||
</script>
|
||||
<!-- End Google Map -->
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
298
websites/1/finexo-html/why.html
Normal file
298
websites/1/finexo-html/why.html
Normal file
|
|
@ -0,0 +1,298 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<!-- Basic -->
|
||||
<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, shrink-to-fit=no" />
|
||||
<!-- Site Metas -->
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<meta name="author" content="" />
|
||||
<link rel="shortcut icon" href="images/favicon.png" type="">
|
||||
|
||||
<title> Finexo </title>
|
||||
|
||||
<!-- bootstrap core css -->
|
||||
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
|
||||
|
||||
<!-- fonts style -->
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet">
|
||||
|
||||
<!--owl slider stylesheet -->
|
||||
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
|
||||
|
||||
<!-- font awesome style -->
|
||||
<link href="css/font-awesome.min.css" rel="stylesheet" />
|
||||
|
||||
<!-- Custom styles for this template -->
|
||||
<link href="css/style.css" rel="stylesheet" />
|
||||
<!-- responsive style -->
|
||||
<link href="css/responsive.css" rel="stylesheet" />
|
||||
|
||||
</head>
|
||||
|
||||
<body class="sub_page">
|
||||
|
||||
<div class="hero_area">
|
||||
|
||||
<div class="hero_bg_box">
|
||||
<div class="bg_img_box">
|
||||
<img src="images/hero-bg.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- header section strats -->
|
||||
<header class="header_section">
|
||||
<div class="container-fluid">
|
||||
<nav class="navbar navbar-expand-lg custom_nav-container ">
|
||||
<a class="navbar-brand" href="index.html">
|
||||
<span>
|
||||
Finexo
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class=""> </span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav ">
|
||||
<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="service.html">Services</a>
|
||||
</li>
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="why.html">Why Us <span class="sr-only">(current)</span> </a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="team.html">Team</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#"> <i class="fa fa-user" aria-hidden="true"></i> Login</a>
|
||||
</li>
|
||||
<form class="form-inline">
|
||||
<button class="btn my-2 my-sm-0 nav_search-btn" type="submit">
|
||||
<i class="fa fa-search" aria-hidden="true"></i>
|
||||
</button>
|
||||
</form>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<!-- end header section -->
|
||||
</div>
|
||||
|
||||
<!-- why section -->
|
||||
|
||||
<section class="why_section layout_padding">
|
||||
<div class="container">
|
||||
<div class="heading_container heading_center">
|
||||
<h2>
|
||||
Why Choose <span>Us</span>
|
||||
</h2>
|
||||
</div>
|
||||
<div class="why_container">
|
||||
<div class="box">
|
||||
<div class="img-box">
|
||||
<img src="images/w1.png" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<h5>
|
||||
Expert Management
|
||||
</h5>
|
||||
<p>
|
||||
Incidunt odit rerum tenetur alias architecto asperiores omnis cumque doloribus aperiam numquam! Eligendi corrupti, molestias laborum dolores quod nisi vitae voluptate ipsa? In tempore voluptate ducimus officia id, aspernatur nihil.
|
||||
Tempore laborum nesciunt ut veniam, nemo officia ullam repudiandae repellat veritatis unde reiciendis possimus animi autem natus
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<div class="img-box">
|
||||
<img src="images/w2.png" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<h5>
|
||||
Secure Investment
|
||||
</h5>
|
||||
<p>
|
||||
Incidunt odit rerum tenetur alias architecto asperiores omnis cumque doloribus aperiam numquam! Eligendi corrupti, molestias laborum dolores quod nisi vitae voluptate ipsa? In tempore voluptate ducimus officia id, aspernatur nihil.
|
||||
Tempore laborum nesciunt ut veniam, nemo officia ullam repudiandae repellat veritatis unde reiciendis possimus animi autem natus
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<div class="img-box">
|
||||
<img src="images/w3.png" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<h5>
|
||||
Instant Trading
|
||||
</h5>
|
||||
<p>
|
||||
Incidunt odit rerum tenetur alias architecto asperiores omnis cumque doloribus aperiam numquam! Eligendi corrupti, molestias laborum dolores quod nisi vitae voluptate ipsa? In tempore voluptate ducimus officia id, aspernatur nihil.
|
||||
Tempore laborum nesciunt ut veniam, nemo officia ullam repudiandae repellat veritatis unde reiciendis possimus animi autem natus
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<div class="img-box">
|
||||
<img src="images/w4.png" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<h5>
|
||||
Happy Customers
|
||||
</h5>
|
||||
<p>
|
||||
Incidunt odit rerum tenetur alias architecto asperiores omnis cumque doloribus aperiam numquam! Eligendi corrupti, molestias laborum dolores quod nisi vitae voluptate ipsa? In tempore voluptate ducimus officia id, aspernatur nihil.
|
||||
Tempore laborum nesciunt ut veniam, nemo officia ullam repudiandae repellat veritatis unde reiciendis possimus animi autem natus
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn-box">
|
||||
<a href="">
|
||||
Read More
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- end why section -->
|
||||
|
||||
<!-- info section -->
|
||||
|
||||
<section class="info_section layout_padding2">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-lg-3 info_col">
|
||||
<div class="info_contact">
|
||||
<h4>
|
||||
Address
|
||||
</h4>
|
||||
<div class="contact_link_box">
|
||||
<a href="">
|
||||
<i class="fa fa-map-marker" aria-hidden="true"></i>
|
||||
<span>
|
||||
Location
|
||||
</span>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fa fa-phone" aria-hidden="true"></i>
|
||||
<span>
|
||||
Call +01 1234567890
|
||||
</span>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fa fa-envelope" aria-hidden="true"></i>
|
||||
<span>
|
||||
demo@gmail.com
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info_social">
|
||||
<a href="">
|
||||
<i class="fa fa-facebook" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fa fa-twitter" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fa fa-linkedin" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fa fa-instagram" aria-hidden="true"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-3 info_col">
|
||||
<div class="info_detail">
|
||||
<h4>
|
||||
Info
|
||||
</h4>
|
||||
<p>
|
||||
necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-2 mx-auto info_col">
|
||||
<div class="info_link_box">
|
||||
<h4>
|
||||
Links
|
||||
</h4>
|
||||
<div class="info_links">
|
||||
<a class="active" href="index.html">
|
||||
Home
|
||||
</a>
|
||||
<a class="" href="about.html">
|
||||
About
|
||||
</a>
|
||||
<a class="" href="service.html">
|
||||
Services
|
||||
</a>
|
||||
<a class="" href="why.html">
|
||||
Why Us
|
||||
</a>
|
||||
<a class="" href="team.html">
|
||||
Team
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-3 info_col ">
|
||||
<h4>
|
||||
Subscribe
|
||||
</h4>
|
||||
<form action="#">
|
||||
<input type="text" placeholder="Enter email" />
|
||||
<button type="submit">
|
||||
Subscribe
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- end info section -->
|
||||
|
||||
<!-- footer section -->
|
||||
<section class="footer_section">
|
||||
<div class="container">
|
||||
<p>
|
||||
© <span id="displayYear"></span> All Rights Reserved By
|
||||
<a href="https://html.design/">Free Html Templates</a>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
<!-- footer section -->
|
||||
|
||||
<!-- jQery -->
|
||||
<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
|
||||
<!-- popper js -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous">
|
||||
</script>
|
||||
<!-- bootstrap js -->
|
||||
<script type="text/javascript" src="js/bootstrap.js"></script>
|
||||
<!-- owl slider -->
|
||||
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js">
|
||||
</script>
|
||||
<!-- custom js -->
|
||||
<script type="text/javascript" src="js/custom.js"></script>
|
||||
<!-- Google Map -->
|
||||
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCh39n5U-4IoWpsVGUHWdqB6puEkhRLdmI&callback=myMap">
|
||||
</script>
|
||||
<!-- End Google Map -->
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue