TestModels / seomark-html /testimonial.html
FiroFiraja's picture
Upload 39 files
19968fa
<!DOCTYPE html>
<html lang="en">
<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="" />
<title>Seomark</title>
<!-- slider stylesheet -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<!-- fonts awesome style -->
<link href="css/font-awesome.min.css" rel="stylesheet" />
<!-- fonts style -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,,600,700|Poppins:400,500,700&display=swap" 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">
<!-- header section strats -->
<header class="header_section">
<nav class="navbar navbar-expand-lg custom_nav-container">
<div class="custom_menu-btn">
<button onclick="openNav()">
<span class="s-1"> </span>
<span class="s-2"> </span>
<span class="s-3"> </span>
</button>
</div>
<div id="myNav" class="overlay">
<div class="menu_btn-style ">
<button onclick="closeNav()">
<span class="s-1"> </span>
<span class="s-2"> </span>
<span class="s-3"> </span>
</button>
</div>
<div class="overlay-content">
<a class="" href="index.html">
Home
</a>
<a class="" href="about.html">
About
</a>
<a class="" href="service.html">
Services
</a>
<a class="active" href="testimonial.html">
Testimonial
</a>
<a class="" href="news.html">
Latest News
</a>
<a class="" href="contact.html">
Contact Us
</a>
</div>
</div>
<a class="navbar-brand" href="index.html">
<span>
Seomark
</span>
</a>
<div class="user_option">
<form class="form-inline">
<button class="btn nav_search-btn" type="submit">
<i class="fa fa-search" aria-hidden="true"></i>
</button>
</form>
<a href="">
<i class="fa fa-user" aria-hidden="true"></i>
</a>
</div>
<div class="name_style">
<h6>
S
e
o
M
a
r
k
e
t
i
n
g
</h6>
</div>
</nav>
</header>
<!-- end header section -->
</div>
<!-- client section -->
<section class="client_section layout_padding">
<div class="container">
<div class="heading_container">
<h2>
What Says Our Clients
</h2>
</div>
<div class="carousel-wrap ">
<div class="owl-carousel">
<div class="item">
<div class="box">
<div class="client_id">
<div class="img-box">
<img src="images/client-img1.jpg" alt="">
</div>
<div class="client_detail">
<h5>
Jims thomas
</h5>
<h6>
hidden in the
</h6>
</div>
</div>
<div class="client_text">
<p>
If you are going to use a passage of Lorem Ipsum, you need to be sure th
ere isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined
</p>
</div>
</div>
</div>
<div class="item">
<div class="box">
<div class="client_id">
<div class="img-box">
<img src="images/client-img2.jpg" alt="">
</div>
<div class="client_detail">
<h5>
Thomas mor
</h5>
<h6>
Hidden
</h6>
</div>
</div>
<div class="client_text">
<p>
If you are going to use a passage of Lorem Ipsum, you need to be sure th
ere isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined
</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-3">
<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>
[email protected]
</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-3">
<div class="info_link_box">
<h4>
Links
</h4>
<div class="info_links">
<a class="" href="index.html">
<img src="images/nav-bullet.png" alt="">
Home
</a>
<a class="" href="about.html">
<img src="images/nav-bullet.png" alt="">
About
</a>
<a class="" href="service.html">
<img src="images/nav-bullet.png" alt="">
Services
</a>
<a class="active" href="testimonial.html">
<img src="images/nav-bullet.png" alt="">
Testimonial
</a>
<a class="" href="news.html">
<img src="images/nav-bullet.png" alt="">
Latest News
</a>
<a class="" href="contact.html">
<img src="images/nav-bullet.png" alt="">
Contact Us
</a>
</div>
</div>
</div>
<div class="col-md-3">
<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-3">
<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 -->
<footer class="footer_section">
<div class="container">
<div class="row">
<div class="col-md-8 mx-auto">
<p>
&copy; <span id="displayYear"></span> All Rights Reserved. Design by
<a href="https://html.design/">Free Html Templates</a>
</p>
</div>
</div>
</div>
</footer>
<!-- footer section -->
<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<script 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>