|
<!DOCTYPE html> |
|
<html lang="en"> |
|
|
|
<head> |
|
|
|
<meta charset="utf-8" /> |
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> |
|
|
|
<meta name="keywords" content="" /> |
|
<meta name="description" content="" /> |
|
<meta name="author" content="" /> |
|
|
|
<title>Seomark</title> |
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" /> |
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" /> |
|
|
|
<link href="css/font-awesome.min.css" rel="stylesheet" /> |
|
|
|
|
|
<link href="css/style.css" rel="stylesheet" /> |
|
|
|
<link href="css/responsive.css" rel="stylesheet" /> |
|
</head> |
|
|
|
<body> |
|
<div class="hero_area"> |
|
|
|
<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="active" href="index.html"> |
|
Home |
|
</a> |
|
<a class="" href="about.html"> |
|
About |
|
</a> |
|
<a class="" href="service.html"> |
|
Services |
|
</a> |
|
<a class="" 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> |
|
|
|
|
|
<section class="slider_section position-relative"> |
|
<div class="box"> |
|
<div class="detail-box"> |
|
<a class="navbar-brand" href="index.html"> |
|
<span> |
|
Seomark |
|
</span> |
|
</a> |
|
<div class="carousel slide slider_text_carousel" data-ride="carousel"> |
|
<div class="carousel-inner"> |
|
<div class="carousel-item active"> |
|
<div class="heading_box"> |
|
<h1> |
|
<span> |
|
We |
|
</span> |
|
<span> |
|
Can |
|
</span> |
|
<span> |
|
Grow |
|
</span> |
|
<span> |
|
Your |
|
</span> |
|
<span> |
|
Business |
|
</span> |
|
</h1> |
|
</div> |
|
</div> |
|
<div class="carousel-item"> |
|
<div class="heading_box"> |
|
<h1> |
|
<span> |
|
We |
|
</span> |
|
<span> |
|
Can |
|
</span> |
|
<span> |
|
Grow |
|
</span> |
|
<span> |
|
Your |
|
</span> |
|
<span> |
|
Business |
|
</span> |
|
</h1> |
|
</div> |
|
</div> |
|
<div class="carousel-item"> |
|
<div class="heading_box"> |
|
<h1> |
|
<span> |
|
We |
|
</span> |
|
<span> |
|
Can |
|
</span> |
|
<span> |
|
Grow |
|
</span> |
|
<span> |
|
Your |
|
</span> |
|
<span> |
|
Business |
|
</span> |
|
</h1> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<div class="btn-box"> |
|
<a href="" class="btn-1"> |
|
Contact Us |
|
</a> |
|
<a href="" class="btn-2"> |
|
Read More |
|
</a> |
|
</div> |
|
</div> |
|
<div class="img-box"> |
|
<div class="carousel slide slider_image_carousel carousel-fade" data-ride="carousel"> |
|
<div class="carousel-inner"> |
|
<div class="carousel-item active"> |
|
<img src="images/slider-img.jpg" alt=""> |
|
</div> |
|
<div class="carousel-item"> |
|
<img src="images/slider-img2.jpg" alt=""> |
|
</div> |
|
<div class="carousel-item"> |
|
<img src="images/slider-img3.jpg" alt=""> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</section> |
|
|
|
</div> |
|
|
|
|
|
|
|
<section class="feature_section "> |
|
<div class="carousel_btn-box"> |
|
<a class="slider_btn_prev" href="" role="button" data-slide="prev"> |
|
<i class="fa fa-angle-left" aria-hidden="true"></i> |
|
<span class="sr-only">Previous</span> |
|
</a> |
|
<a class="slider_btn_next" href="" role="button" data-slide="next"> |
|
<i class="fa fa-angle-right" aria-hidden="true"></i> |
|
<span class="sr-only">Next</span> |
|
</a> |
|
</div> |
|
<div class="container-fluid service_container"> |
|
<div class="row"> |
|
<div class="col-lg-3 col-sm-6"> |
|
<div class="box"> |
|
<div class="number_box"> |
|
<h5> |
|
01 |
|
</h5> |
|
</div> |
|
<h4> |
|
Research Project |
|
</h4> |
|
</div> |
|
</div> |
|
<div class="col-lg-3 col-sm-6"> |
|
<div class="box"> |
|
<div class="number_box"> |
|
<h5> |
|
02 |
|
</h5> |
|
</div> |
|
<h4> |
|
Find Ideas |
|
</h4> |
|
</div> |
|
</div> |
|
<div class="col-lg-3 col-sm-6"> |
|
<div class="box"> |
|
<div class="number_box"> |
|
<h5> |
|
03 |
|
</h5> |
|
</div> |
|
<h4> |
|
Start Optimize |
|
</h4> |
|
</div> |
|
</div> |
|
<div class="col-lg-3 col-sm-6"> |
|
<div class="box"> |
|
<div class="number_box"> |
|
<h5> |
|
04 |
|
</h5> |
|
</div> |
|
<h4> |
|
Reach Target |
|
</h4> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</section> |
|
|
|
|
|
|
|
|
|
|
|
<section class="about_section layout_padding"> |
|
<div class="container"> |
|
<div class="row"> |
|
<div class="col-md-6"> |
|
<div class="detail-box"> |
|
<div class="heading_container"> |
|
<h2> |
|
About Agency |
|
</h2> |
|
</div> |
|
<p> |
|
fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors |
|
</p> |
|
<a href=""> |
|
Read More |
|
</a> |
|
</div> |
|
</div> |
|
<div class="col-md-6"> |
|
<div class="img-box"> |
|
<div class="stripe_design sd1"></div> |
|
<div class="stripe_design sd2"></div> |
|
<div class="stripe_design sd3"></div> |
|
<div class="stripe_design sd4"></div> |
|
<div class="stripe_design sd5"></div> |
|
<div class="stripe_design sd6"></div> |
|
<img src="images/about-img.jpg" alt="" /> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</section> |
|
|
|
|
|
|
|
|
|
|
|
<section class="help_section layout_padding2"> |
|
<div class="container"> |
|
<div class="row"> |
|
<div class="col-md-6"> |
|
<div class="detail-box"> |
|
<div class="heading_container"> |
|
<h2> |
|
Let Us Help <br> |
|
You Get More |
|
</h2> |
|
</div> |
|
<p> |
|
using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a searchusing 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search |
|
</p> |
|
<a href=""> |
|
See Videos |
|
</a> |
|
</div> |
|
</div> |
|
<div class="col-md-6"> |
|
<div class="img-box"> |
|
<img src="images/help-img.jpg" alt="" /> |
|
<div class="play_btn"> |
|
<button> |
|
<i class="fa fa-play" aria-hidden="true"></i> |
|
</button> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</section> |
|
|
|
|
|
|
|
|
|
|
|
|
|
<section class="wedo_section layout_padding"> |
|
<div class="container"> |
|
<div class="heading_container"> |
|
<h2> |
|
What We do |
|
</h2> |
|
<p> |
|
Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now |
|
</p> |
|
</div> |
|
<div class="row"> |
|
<div class="col-md-6 col-lg-3"> |
|
<div class="box pr-0 pr-lg-5"> |
|
<div class="img-box"> |
|
<img src="images/wedo-img2.png" alt=""> |
|
</div> |
|
<div class="detail-box"> |
|
<h5> |
|
Social Marketing |
|
</h5> |
|
<p> |
|
passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum |
|
</p> |
|
<a href=""> |
|
Read More |
|
</a> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="col-md-6 col-lg-3"> |
|
<div class="box pr-0 pr-lg-5"> |
|
<div class="img-box"> |
|
<img src="images/wedo-img3.png" alt=""> |
|
</div> |
|
<div class="detail-box"> |
|
<h5> |
|
Content Marketing |
|
</h5> |
|
<p> |
|
passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum |
|
</p> |
|
<a href=""> |
|
Read More |
|
</a> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="col-md-6 col-lg-3"> |
|
<div class="box pr-0 pr-lg-5"> |
|
<div class="img-box"> |
|
<img src="images/wedo-img4.png" alt=""> |
|
</div> |
|
<div class="detail-box"> |
|
<h5> |
|
Data Analysis |
|
</h5> |
|
<p> |
|
passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum |
|
</p> |
|
<a href=""> |
|
Read More |
|
</a> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="col-md-6 col-lg-3"> |
|
<div class="box pr-0 pr-lg-5"> |
|
<div class="img-box"> |
|
<img src="images/wedo-img1.png" alt=""> |
|
</div> |
|
<div class="detail-box"> |
|
<h5> |
|
Digital Marketing |
|
</h5> |
|
<p> |
|
passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum |
|
</p> |
|
<a href=""> |
|
Read More |
|
</a> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</section> |
|
|
|
|
|
|
|
|
|
|
|
<section class="news_section layout_padding-bottom"> |
|
<div class="container"> |
|
<div class="heading_container"> |
|
<h2> |
|
Latest News |
|
</h2> |
|
<p> |
|
Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now |
|
</p> |
|
</div> |
|
<div class="row"> |
|
<div class="col-lg-6 "> |
|
<div class="detail_container"> |
|
<div class="detail-box"> |
|
<h4> |
|
Publishing packages Web page |
|
</h4> |
|
<div class="news_social"> |
|
<a href=""> |
|
<i class="fa fa-heart" aria-hidden="true"></i> |
|
<span> |
|
Like |
|
</span> |
|
</a> |
|
<a href=""> |
|
<i class="fa fa-comment" aria-hidden="true"></i> |
|
<span> |
|
Comment |
|
</span> |
|
</a> |
|
<a href=""> |
|
<i class="fa fa-share-alt" aria-hidden="true"></i> |
|
<span> |
|
Share |
|
</span> |
|
</a> |
|
</div> |
|
<p> |
|
College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtableCollege in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable |
|
</p> |
|
</div> |
|
<div class="btn-box"> |
|
<a href=""> |
|
Read More |
|
</a> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="col-lg-6 "> |
|
<div class="img-box"> |
|
<img src="images/news-img.jpg" alt=""> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</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> |
|
|
|
|
|
|
|
|
|
|
|
|
|
<section class="contact_section layout_padding"> |
|
<div class="container-fluid"> |
|
<div class="row"> |
|
<div class="col-md-5 col-lg-4 offset-md-1 offset-lg-2"> |
|
<div class="form_container"> |
|
<div class="heading_container"> |
|
<h2> |
|
Contact Now For Work |
|
</h2> |
|
</div> |
|
<form action="#"> |
|
<div> |
|
<input type="text" placeholder="Full Name " /> |
|
</div> |
|
<div> |
|
<input type="email" placeholder="Email" /> |
|
</div> |
|
<div> |
|
<input type="text" placeholder="Phone number" /> |
|
</div> |
|
<div> |
|
<input type="text" class="message-box" placeholder="Message" /> |
|
</div> |
|
<div class="d-flex "> |
|
<button> |
|
SEND |
|
</button> |
|
</div> |
|
</form> |
|
</div> |
|
</div> |
|
<div class="col-md-6 px-0"> |
|
<div class="map_container"> |
|
<div class="map"> |
|
<div id="googleMap"></div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</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="active" 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="" 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> |
|
|
|
|
|
|
|
|
|
<footer class="footer_section"> |
|
<div class="container"> |
|
<div class="row"> |
|
<div class="col-md-8 mx-auto"> |
|
<p> |
|
© <span id="displayYear"></span> All Rights Reserved. Design by |
|
<a href="https://html.design/">Free Html Templates</a> |
|
</p> |
|
</div> |
|
</div> |
|
</div> |
|
</footer> |
|
|
|
|
|
<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> |
|
|
|
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCh39n5U-4IoWpsVGUHWdqB6puEkhRLdmI&callback=myMap"></script> |
|
|
|
</body> |
|
|
|
</html> |
