| <!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> |
| 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-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> |
