case-details.html 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. <!DOCTYPE html><html lang="en"><head><!-- Page Title --><title>Techkit Home Two - Best It Solution Provider - HTML5 Template 2021 </title><!-- Meta Data --><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta http-equiv="content-type" content="text/html; charset=utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="description" content=""><meta name="keywords" content=""><!-- Favicon --><link rel="shortcut icon" href="static/picture/favicon.png"><!-- ======= Icons ======= --><link rel="stylesheet" href="static/css/flaticon.css"><link rel="stylesheet" href="static/css/all.min.css"><!-- ======= Carousel ======= --><link rel="stylesheet" href="static/css/slick.min.css"><!-- ======= Animation ======= --><link rel="stylesheet" href="static/css/animate.min.css"><link rel="stylesheet" href="static/css/custom-animation.css"><link rel="stylesheet" href="static/css/jquery.fancybox.min.css"><!-- ======= Main Stylesheet ======= --><link rel="stylesheet" href="static/css/style.css"><!-- ======= Custom Stylesheet ======= --><link rel="stylesheet" href="static/css/custom.css"></head><body><!--start loader--><div class="loader"><div class="cssload-loader"><div class="cssload-inner cssload-one"></div><div class="cssload-inner cssload-two"></div><div class="cssload-inner cssload-three"></div></div></div><!--loader end--><div id="wrapper" class="wrapper"><div id="main__content"><!-- ======= Header Start ======= --><header class="header header--inner sticky-header header--transparrent d-none d-lg-block"><div class="header-bottom container-custom navbar-wrap" id="navbar-wrap"><div class="sidebar-button"><button type="button" class="offcanvas-menu-btn menu-status-open"><span class="menu-btn-icon"><span class="line line1"></span><span class="line line2"></span><span class="line line3"></span></span></button></div><div class="container-fluid"><div class="header-bottom__row header-bottom__software_row"><div class="header-bottom__col"><div class="logo"><div class="logo__static"><a href="" class="logo__link"><img src="static/picture/logo-full-white.png" alt="IT Solution Techkit"></a></div><div class="logo__sticky"><a href="index.html" class="logo__link"><img src="static/picture/logo.png" alt="IT Solution Techkit"></a></div></div></div><div class="header-bottom__col"><div class="main-menu main-menu--light"><nav class="main-menu__nav"><ul><li class="main-menu__nav_sub list"><a class="animation" href="index.html">Home</a><ul class="main-menu__dropdown"><li><a href="index.html">Main Home</a></li><li><a href="software-innovation.html">Software Company</a></li><li><a href="it-agency.html">IT Agency</a></li><li><a href="vertical-slider.html">Vertical Slider</a></li><li><a href="it-modern.html">IT Modern</a></li><li><a href="it-startup.html">IT Startup</a></li></ul></li><li class="main-menu__nav_sub list"><a class="animation" href="about-us.html">Company</a><ul class="main-menu__dropdown"><li><a href="about-us.html">About Us</a></li><li><a href="why-chose-us.html">Why Chose Us</a></li><li><a href="faq.html">Help & FAQ'S</a></li>
  2. <li>
  3. <a href="history.html">Our History</a>
  4. </li>
  5. <li>
  6. <a href="careers.html">Careers</a>
  7. </li>
  8. </ul>
  9. </li>
  10. <li class="main-menu__nav_sub list">
  11. <a class="animation" href="it-solution.html">It Solutions</a>
  12. <ul class="main-menu__dropdown">
  13. <li><a href="it-solution.html">It Solutions</a></li>
  14. <li>
  15. <a href="it-services.html">It Services</a>
  16. </li>
  17. <li>
  18. <a href="industries-services.html">Industries Services</a>
  19. </li>
  20. <li>
  21. <a href="services-details.html">Services Details 01</a>
  22. </li>
  23. <li>
  24. <a href="services-details-02.html">Services Details 02</a>
  25. </li>
  26. <li>
  27. <a href="services-details-03.html">Services Details 03</a>
  28. </li>
  29. </ul>
  30. </li>
  31. <li class="main-menu__nav_sub list">
  32. <a class="animation" href="index.html">Pages</a>
  33. <ul class="main-menu__dropdown">
  34. <li><a href="team.html">Our Team</a></li>
  35. <li>
  36. <a href="price.html">Pricing Plans</a>
  37. </li>
  38. <li>
  39. <a href="404.html">404 Page</a>
  40. </li>
  41. <li>
  42. <a href="case-01.html">Case Studies 01</a>
  43. </li>
  44. <li>
  45. <a href="case-02.html">Case Studies 02</a>
  46. </li>
  47. <li>
  48. <a href="case-03.html">Case Studies 03</a>
  49. </li>
  50. <li>
  51. <a href="">Case Details</a>
  52. </li>
  53. </ul>
  54. </li>
  55. <li class="main-menu__nav_sub list">
  56. <a class="animation" href="blog-details.html">Blogs</a>
  57. <ul class="main-menu__dropdown">
  58. <li><a href="grid-layout.html">Grid Layout</a></li>
  59. <li>
  60. <a href="list-layout.html">List Layout</a>
  61. </li>
  62. <li>
  63. <a href="blog-details-no-sidebar.html">No Sidebar</a>
  64. </li>
  65. <li>
  66. <a href="blog-details.html">Blog Details</a>
  67. </li>
  68. </ul>
  69. </li>
  70. <li class="list">
  71. <a class="animation" href="contact.html">Contact</a>
  72. </li>
  73. </ul>
  74. </nav>
  75. </div>
  76. </div>
  77. </div>
  78. </div>
  79. </div>
  80. </header>
  81. <!-- Mobile Menu Start -->
  82. <div class="rt-header-menu mean-container position-relative" id="meanmenu">
  83. <div class="mean-bar">
  84. <a href="index.html">
  85. <img class="logo-small" alt="Techkit" src="static/picture/logo.png">
  86. </a>
  87. <form class="header-bottom__col">
  88. <div class="header-search">
  89. <input placeholder="Search" type="text" class="header-search__input">
  90. <button class="header-search__button">
  91. <i class="fas fa-search"></i>
  92. </button>
  93. </div>
  94. </form>
  95. <span class="sidebarBtn">
  96. <span class="fa fa-bars"></span>
  97. </span>
  98. </div>
  99. <div class="rt-slide-nav">
  100. <div class="offscreen-navigation">
  101. <nav class="menu-main-primary-container">
  102. <ul class="menu">
  103. <li class="list menu-item-parent menu-item-has-children">
  104. <a class="animation" href="index.html">Home</a>
  105. <ul class="main-menu__dropdown sub-menu">
  106. <li><a href="index.html">Main Home</a></li>
  107. <li>
  108. <a href="software-innovation.html"> Software Company</a>
  109. </li>
  110. <li><a href="it-agency.html">IT Agency</a></li>
  111. <li>
  112. <a href="vertical-slider.html">Vertical Slider</a>
  113. </li>
  114. </ul>
  115. </li>
  116. <li class="list menu-item-parent menu-item-has-children">
  117. <a class="animation" href="about-us.html">Company</a>
  118. <ul class="main-menu__dropdown sub-menu">
  119. <li><a href="about-us.html">About Us</a></li>
  120. <li>
  121. <a href="why-chose-us.html">Why Chose Us</a>
  122. </li>
  123. <li><a href="faq.html">Help & FAQ'S</a></li><li><a href="history.html">Our History</a></li><li><a href="careers.html">Careers</a></li></ul></li><li class="list menu-item-parent menu-item-has-children"><a class="animation" href="it-solution.html">It Solutions</a><ul class="main-menu__dropdown sub-menu"><li><a href="it-solution.html">It Solutions</a></li><li><a href="it-services.html">It Services</a></li><li><a href="industries-services.html">Industries Services</a></li><li><a href="services-details.html">Services Details 01</a></li><li><a href="services-details-02.html">Services Details 02</a></li><li><a href="services-details-03.html">Services Details 03</a></li></ul></li><li class="list menu-item-parent menu-item-has-children"><a class="animation" href="index.html">Pages</a><ul class="main-menu__dropdown sub-menu"><li><a href="team.html">Our Team</a></li><li><a href="price.html">Pricing Plans</a></li><li><a href="404.html">404 Page</a></li><li><a href="case-01.html">Case Studies 01</a></li><li><a href="case-02.html">Case Studies 02</a></li><li><a href="case-03.html">Case Studies 03</a></li><li><a href="">Case Details</a></li></ul></li><li class="list menu-item-parent menu-item-has-children"><a class="animation" href="blog-details.html">Blogs</a><ul class="main-menu__dropdown sub-menu"><li><a href="grid-layout.html">Grid Layout</a></li><li><a href="list-layout.html">List Layout</a></li><li><a href="blog-details-no-sidebar.html">No Sidebar</a></li><li><a href="blog-details.html">Blog Details</a></li></ul></li><li class="list menu-item-parent"><a class="animation" href="contact.html">Contact</a></li></ul></nav></div></div></div><!-- Mobile Menu Start End --><!-- ======= Header End ======= --><!-- ======= Main Wrapper Start ======= --><main class="main-wrapper"><!-- ======= Hero inner Start ======= --><section class="hero-inner"><div class="hero-inner__bg hero-inner__bg_two" data-bg-image="static/picture/inner-bg-6.jpg"><div class="container"><div class="row"><div class="col-sm-12"><div class="page-breadcrumb"><h1 class="heading">Case Studies Details</h1><nav aria-label="breadcrumb"><ol class="breadcrumb"><li class="breadcrumb-item"><a href="index.html">Home</a></li><li class="breadcrumb-item"><a href="index.html">Pages</a></li><li class="breadcrumb-item active" aria-current="page">Case Studies Details </li></ol></nav></div></div></div></div></div></section><!-- ======= Hero inner End ======= --><!-- ======= Case Details Start ======= --><section class="case-details pt-120 pb-100"><div class="container"><div class="row"><div class="col-12"><div class="case-details__header text-center mb-35"><h2 class="heading primary-text-color">Social Marketing App </h2><ul><li><i class="far fa-calendar-alt"></i><span>August 21,2021</span></li><li><i class="far fa-folder-open"></i><span><a href="#">App Devolopment</a>,<a href="#">Design</a></span></li><li><i class="far fa-bookmark"></i><span>264 Views</span></li></ul><p>Grursus mal suada faci lisis Lorem ipsum dolarorit more ametion consectetur elit. Vesti at bulum nec odio aea the dumm ipsumm ipsum that dolocons rsus mal suada and fadolorit to the consectetur elit. All the Lorem Ipsum generators on the Internet tend to repeat that predefined chunks as necessary,making this the first true dummy generator on the Internet. </p></div></div></div><div class="row case-details__row mb-20"><div class="col-lg-4 col-md-6 item"><div class="row case-details__row"><div class="col-lg-12 item wow fadeInLeft animated" data-wow-delay=".3s" data-wow-duration="1.5s"><div class="case-details__gallery mb-20"><img src="static/picture/case-details-gallery-1.jpg" alt="" width="551" height="412"></div></div><div class="col-lg-12 item wow fadeInLeft animated" data-wow-delay=".5s" data-wow-duration="2s"><div class="case-details__gallery mb-20"><img src="static/picture/case-details-gallery-4.jpg" alt="" width="551" height="412"></div></div></div></div><div class="col-lg-4 col-md-6 item"><div class="row case-details__row"><div class="col-lg-12 item wow fadeInUp animated" data-wow-delay=".3s" data-wow-duration="1.5s"><div class="case-details__gallery mb-20"><img src="static/picture/case-details-gallery-2.jpg" alt="" width="551" height="851"></div></div></div></div><div class="col-lg-4 item"><div class="row case-details__row"><div class="col-lg-12 col-md-6 item wow fadeInRight animated" data-wow-delay=".3s" data-wow-duration="1.5s"><div class="case-details__gallery mb-20"><img src="static/picture/case-details-gallery-3.jpg" alt="" width="551" height="412"></div></div><div class="col-lg-12 col-md-6 item wow fadeInLeft animated" data-wow-delay=".5s" data-wow-duration="2s"><div class="case-details__gallery mb-20"><img src="static/picture/case-details-gallery-5.jpg" alt="" width="551" height="412"></div></div></div></div></div><div class="case-details__article mb-40"><h3 class="heading mx-auto">Network that solves Internet congestion and speeds up access. </h3><p class="paragraph">Grursus mal suada faci lisis Lorem ipsum dolarorit more ametion consectetur elit. Vesti at bulum nec odio aea the dumm ipsumm ipsum that dolocons rsus mal suada and fadolorit to the consectetur elit. All the Lorem Ipsum generators on the Internet tend to repeat that predefined chunks as necessary,making this the first true dummy generator on the Internet. It uses a dictionary of over 200 Latin words,combined the dummy more ready to Lorem Ipsum looks reasonable. Grursus mal suada faci lisis Lorem ipsum dolarorit more ametion consectetur elit. Vesti at bulum nec odio aea the dumm ipsumm ipsum that dolocons rsus mal suada and fadolorit to the consectetur elit. All the Lorem Ipsum generators on the Internet tend to repeat that predefined chunks as necessary,making this the first true dummy generator on the Internet. It uses a dictionary of over 200 Latin words,combined Lorem Ipsum looks reasonable. </p><p class="paragraph">Grursus mal suada faci lisis Lorem ipsum dolarorit more ametion consectetur elit. Vesti at bulum nec odio aea the dumm ipsumm ipsum that dolocons rsus mal suada and fadolorit to the consectetur elit. All the Lorem Ipsum generators on the Internet tend to repeat that predefined chunks as necessary,making this the first true dummy generator on the Internet. </p></div><div class="case-details__video"><img src="static/picture/case-detials-video-bg.jpg" alt="Case Discussion" width="1176" height="603"><div class="video"><a class="video-link" href="https://youtu.be/yJg-Y5byMMw" data-fancybox=""><i class="fas fa-play"></i></a></div></div><div class="case-details__social mb-30"><div class="row align-items-center"><div class="col-md-6"><div class="header-top__social"><ul><li class="header-top__social_list"><a class="header-top__social_list--link facebook" href="javascript:void(0);"><i class="fab fa-facebook-f"></i></a></li><li class="header-top__social_list"><a class="header-top__social_list--link twitter" href="javascript:void(0);"><i class="fab fa-twitter"></i></a></li><li class="header-top__social_list"><a class="header-top__social_list--link instagram" href="javascript:void(0);"><i class="fab fa-instagram"></i></a></li><li class="header-top__social_list"><a class="header-top__social_list--link linkedin" href="javascript:void(0);"><i class="fab fa-linkedin-in"></i></a></li><li class="header-top__social_list"><a class="header-top__social_list--link pinterest" href="javascript:void(0);"><i class="fab fa-pinterest-p"></i></a></li></ul></div></div><div class="col-md-6"><div class="case-instagram-hit"><p><i class="far fa-heart"></i>Likes</p></div></div></div></div><div class="case-details__mover"><div class="row"><div class="col-md-3"><div class="mover mover--left"><a class="link" href="case-01.html"><i class="flaticon flaticon-previous"></i>Previous Post</a></div></div><div class="col-md-2"><div class="mover mover--middle"><a class="link" href="case-01.html"><i class="flaticon flaticon-menu"></i></a></div></div><div class="col-md-5"><div class="mover mover--last"><a class="link" href="#"><h3>Airpod Pro</h3><img src="static/picture/case-details-move.jpg" alt=""></a></div></div></div></div><div class="case-details__related"><h3 class="title title--related mb-30">Related Posts</h3><div class="row"><div class="col-lg-4 col-md-6 mb-30"><div class="case-item p-0"><div class="case-item__image"><a href=""><img width="545" height="360" src="static/picture/case-image-01.jpg" alt=""></a></div><div class="case-item__content secondary-bg-color text-center"><h5 class="text-white"><a href="">Analysis of Web Security</a></h5><span>App / Website</span></div></div></div><div class="col-lg-4 col-md-6 mb-30"><div class="case-item p-0"><div class="case-item__image"><a href=""><img width="545" height="360" src="static/picture/case-image-02.jpg" alt=""></a></div><div class="case-item__content secondary-bg-color text-center"><h5 class="text-white"><a href="">Drone Camera</a></h5><span>Modern Technology</span></div></div></div><div class="col-lg-4 col-md-6 mb-30"><div class="case-item p-0"><div class="case-item__image"><a href=""><img width="545" height="360" src="static/picture/case-image-03.jpg" alt=""></a></div><div class="case-item__content secondary-bg-color text-center"><h5 class="text-white"><a href="">Social Marketing App</a></h5><span>App Devolopment</span></div></div></div></div></div></div></section><!-- ======= Case Details End ======= --><!-- ======= Contact Area Start ======= --><section class="contact contact--agency" data-bg-image="static/picture/contact-bg.jpg"><div class="container"><div class="row"><div class="col-lg-6 offset-lg-3"><div class="contact__agency"><span class="title text-white">We are here to answer your questions 24/7</span><h2 class="heading text-white">NEED A CONSULTATION?</h2><a href="contact.html" class="btn btn--common btn--default btn--primary">Contact Us </a></div></div></div></div></section><!-- ======= Contact Area End ======= --></main><!-- ======= Main Wrapper End ======= --><!-- Footer --><footer class="footer footer--bg position-relative overflow-hidden"><img class="footer-shape footer-shape--left wow fadeInLeft" data-wow-delay="1.5s" src="static/picture/footer-shape-1.png" alt="Shape"><img class="footer-shape footer-shape--right wow fadeInRight" data-wow-delay="1.5s" src="static/picture/footer-shape-2.png" alt="Shape"><div class="footer--top footer--padding"><div class="container"><div class="row"><div class="col-lg-3 col-md-6 mb-30"><div class="footer-widget"><div class="footer-widget__log mb-30"><a href="index.html"><img src="static/picture/logo-light.png" alt=""></a></div><div class="footer-widget__text"><p class="footer-widget__text_paragraph">Grursus mal suada faci lisis the Lorem it ipsum consectetur elit. fadolorit consecte elit. </p></div><div class="footer-widget__social"><ul><li class="footer-widget__social_list"><a class="footer-widget__social_list--link facebook" href="javascript:void(0);"><i class="fab fa-facebook-f"></i></a></li><li class="footer-widget__social_list"><a class="footer-widget__social_list--link twitter" href="javascript:void(0);"><i class="fab fa-twitter"></i></a></li><li class="footer-widget__social_list"><a class="footer-widget__social_list--link instagram" href="javascript:void(0);"><i class="fab fa-instagram"></i></a></li><li class="footer-widget__social_list"><a class="footer-widget__social_list--link linkedin" href="javascript:void(0);"><i class="fab fa-linkedin-in"></i></a></li><li class="footer-widget__social_list"><a class="footer-widget__social_list--link pinterest" href="javascript:void(0);"><i class="fab fa-pinterest-p"></i></a></li></ul></div></div></div><div class="col-lg-2 col-md-6 mb-25"><div class="footer-widget"><div class="footer-widget__title"><h3 class="footer-widget__title_heading">IT Services</h3></div><div class="footer-widget__menu"><ul><li class="footer-widget__menu_list"><a href="it-services.html">IT Services</a></li><li class="footer-widget__menu_list"><a href="industries-services.html">Cyber Security</a></li><li class="footer-widget__menu_list"><a href="services-details.html">Cloud Computing</a></li><li class="footer-widget__menu_list"><a href="it-solution.html">Managed IT</a></li><li class="footer-widget__menu_list"><a href="contact.html">IT Support</a></li></ul></div></div></div><div class="col-lg-2 col-md-6 offset-lg-1 mb-25"><div class="footer-widget"><div class="footer-widget__title"><h3 class="footer-widget__title_heading">Important Links </h3></div><div class="footer-widget__menu"><ul><li class="footer-widget__menu_list"><a href="about-us.html">About Us</a></li><li class="footer-widget__menu_list"><a href="team.html">Meet Our Team</a></li><li class="footer-widget__menu_list"><a href="blog-details.html">News & Media</a></li><li class="footer-widget__menu_list"><a href="case-01.html">Case Studies</a></li><li class="footer-widget__menu_list"><a href="contact.html">Locations</a></li></ul></div></div></div><div class="col-lg-2 col-md-6 offset-lg-1 mb-25"><div class="footer-widget"><div class="footer-widget__title"><h3 class="footer-widget__title_heading">Support</h3></div><div class="footer-widget__menu"><ul><li class="footer-widget__menu_list"><a href="contact.html">Forum Support</a></li><li class="footer-widget__menu_list"><a href="faq.html">Help & FAQ</a></li><li class="footer-widget__menu_list"><a href="contact.html">Contact Us</a></li><li class="footer-widget__menu_list"><a href="price.html">Pricing and plans</a></li><li class="footer-widget__menu_list"><a href="history.html">Cookies Policy</a></li></ul></div></div></div></div></div></div><div class="footer--bottom footer--bottom-padding footer--bottom-border"><div class="container"><div class="row"><div class="col-sm-12"><div class="footer__copyright"><p class="footer__copyright_text">(c) 2021 <a href="index.html">Techkit</a>. All Rights Reserved by <a href="" rel="nofollow">RadiusTheme</a></p></div></div></div></div></div></footer><!-- Footer End --><!--=====================================--><!--= Offcanvas Start =--><!--=====================================--><div class="offcanvas-menu-wrap" id="offcanvas-wrap" data-position="left"><div class="close-btn offcanvas-close"><i class="far fa-times-circle"></i></div><div class="offcanvas-content"><div class="offcanvas-logo rt-anima rt-anima--one"><a href="index.html"><img src="static/picture/logo-offcanvas.png" alt="logo"></a></div><div class="sidebar-header"><h2 class="heading text-white rt-anima rt-anima--two">Let’s make Something Together... </h2><p class="text rt-anima rt-anima--three">Grursus mal suada faci lisis dolarorit ametion att consectetur elit. Vesti at bulum nec odio aea the rsus fadolorit the consectetur elit. </p></div><div class="offcanvas-address"><ul><li class="item rt-anima rt-anima--four"><h3 class="heading text-white">Find us</h3><p class="text">PO Box 16122 Collins Street West Victoria 8007 Australia </p></li><li class="item rt-anima rt-anima--five"><h3 class="heading text-white">Email us</h3><p class="text">info@domain.com</p><p class="text">example@domain.com</p></li><li class="item rt-anima rt-anima--six"><h3 class="heading text-white">Phone support</h3><p class="text">+(066) 0760 0260</p><p class="text">+(057) 0760 0560</p></li></ul></div></div></div><!--=====================================--><!--= Offcanvas End =--><!--=====================================--></div></div><!-- /.content-wrapper --><div class="progress-wrap"><svg class="progress-circle svg-content" width="100%" height="100%" viewbox="-1 -1 102 102"><path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"></path></svg></div><!-- ======= jQuery Library ======= --><script src="static/js/jquery.min.js"></script><script src="static/js/bootstrap.bundle.min.js"></script><script src="static/js/slick.min.js"></script><script src="static/js/parallaxie.js"></script><script src="static/js/TweenMax.min.js"></script><script src="static/js/vanilla-tilt.min.js"></script><script src="static/js/jquery.counterup.min.js"></script><script src="static/js/jquery.waypoints.min.js"></script><script src="static/js/wow.min.js"></script><script src="static/js/jquery.fancybox.min.js"></script><script src="static/js/modernizr-3.5.0.min.js"></script><script src="static/js/jquery.hoverdir.js"></script><script src="static/js/jquery.nice-select.min.js"></script><script src="static/js/anime.min.js"></script><script src="static/js/jquery.nice-select.min.js"></script><script src="static/js/isotope.pkgd.min.js"></script><script src="static/js/imagesloaded.pkgd.min.js"></script><!-- ======= Main JS ======= --><script src="static/js/main.js"></script><!-- ======= Custom JS ======= --><script src="static/js/custom.js"></script></body></html>