projects.html 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. <!doctype html><html lang="zxx"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link rel="stylesheet" href="static/css/bootstrap.min.css"><link rel="stylesheet" href="static/css/aos.css"><link rel="stylesheet" href="static/css/animate.min.css"><link rel="stylesheet" href="static/css/meanmenu.css"><link rel="stylesheet" href="static/css/remixicon.css"><link rel="stylesheet" href="static/css/odometer.min.css"><link rel="stylesheet" href="static/css/owl.carousel.min.css"><link rel="stylesheet" href="static/css/owl.theme.default.min.css"><link rel="stylesheet" href="static/css/magnific-popup.min.css"><link rel="stylesheet" href="static/css/fancybox.min.css"><link rel="stylesheet" href="static/css/nice-select.min.css"><link rel="stylesheet" href="static/css/style.css"><link rel="stylesheet" href="static/css/navbar.css"><link rel="stylesheet" href="static/css/footer.css"><link rel="stylesheet" href="static/css/responsive.css"><title>Coze - IT Solutions & Services HTML Template</title></head><body><div class="preloader"><div class="d-table"><div class="d-table-cell"><div class="lds-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div></div></div></div><div class="topbar-area"><div class="container-fluid"><div class="row align-items-center"><div class="col-lg-9 col-md-9"><ul class="topbar-information"><li><i class="ri-phone-line"></i><span>Phone:<a href="tel:9901234567">+990-123-4567</a></span></li><li><i class="ri-mail-line"></i><span>Mail:<a href="/cdn-cgi/l/email-protection#365e5f55594c5376515b575f5a1855595b"><span class="__cf_email__" data-cfemail="335b5a505c495673545e525a5f1d505c5e">[email&#160;protected]</span></a></span></li><li><i class="ri-map-pin-line"></i><span>Address:</span>413 North Las Vegas,NV 89032 </li></ul></div><div class="col-lg-3 col-md-3"><ul class="topbar-action"><li class="dropdown language-option"><button class="dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="ri-global-line"></i><span class="lang-name"></span></button><div class="dropdown-menu language-dropdown-menu"><a class="dropdown-item" href="#"><img src="static/picture/uk.png" alt="flag">ENG </a><a class="dropdown-item" href="#"><img src="static/picture/china.png" alt="flag">简体中文 </a><a class="dropdown-item" href="#"><img src="static/picture/uae.png" alt="flag"> </a></div></li></ul></div></div></div></div><div class="navbar-area"><div class="main-responsive-nav"><div class="container"><div class="main-responsive-menu"><div class="logo"><a href="index.html"><img src="static/picture/logo.png" alt="image"></a></div></div></div></div><div class="main-navbar navbar-with-black-color"><div class="container-fluid"><nav class="navbar navbar-expand-md navbar-light"><a class="navbar-brand" href="index.html"><img src="static/picture/logo.png" alt="image"></a><div class="collapse navbar-collapse mean-menu" id="navbarSupportedContent"><ul class="navbar-nav ms-auto"><li class="nav-item"><a href="#" class="nav-link">Home <i class="ri-arrow-down-s-line"></i></a><ul class="dropdown-menu"><li class="nav-item"><a href="index.html" class="nav-link">Home Demo - 1</a></li><li class="nav-item"><a href="index-2.html" class="nav-link">Home Demo - 2</a></li><li class="nav-item"><a href="index-3.html" class="nav-link">Home Demo - 3</a></li></ul></li><li class="nav-item"><a href="#" class="nav-link">About <i class="ri-arrow-down-s-line"></i></a><ul class="dropdown-menu"><li class="nav-item"><a href="about-style-1.html" class="nav-link">About Style One</a></li><li class="nav-item"><a href="about-style-2.html" class="nav-link">About Style Two</a></li><li class="nav-item"><a href="about-style-3.html" class="nav-link">About Style Three</a></li><li class="nav-item"><a href="gallery.html" class="nav-link">Gallery</a></li><li class="nav-item"><a href="testimonials.html" class="nav-link">Testimonials</a></li></ul></li><li class="nav-item"><a href="#" class="nav-link">Services <i class="ri-arrow-down-s-line"></i></a><ul class="dropdown-menu"><li class="nav-item"><a href="services-style-1.html" class="nav-link">Services Style One</a></li><li class="nav-item"><a href="services-style-2.html" class="nav-link">Services Style Two</a></li><li class="nav-item"><a href="services-details.html" class="nav-link">Services Details</a></li></ul></li><li class="nav-item"><a href="#" class="nav-link">Pages <i class="ri-arrow-down-s-line"></i></a><ul class="dropdown-menu"><li class="nav-item"><a href="pricing.html" class="nav-link">Pricing</a></li><li class="nav-item"><a href="team.html" class="nav-link">Team</a></li><li class="nav-item"><a href="faq.html" class="nav-link">FAQ</a></li><li class="nav-item"><a href="#" class="nav-link">Events <i class="ri-arrow-right-s-line"></i></a><ul class="dropdown-menu"><li class="nav-item"><a href="events.html" class="nav-link">Events</a></li><li class="nav-item"><a href="events-details.html" class="nav-link">Events Details</a></li></ul></li><li class="nav-item"><a href="#" class="nav-link">Career <i class="ri-arrow-right-s-line"></i></a><ul class="dropdown-menu"><li class="nav-item"><a href="career.html" class="nav-link">Career</a></li><li class="nav-item"><a href="career-details.html" class="nav-link">Career Details</a></li></ul></li><li class="nav-item"><a href="#" class="nav-link">Courses <i class="ri-arrow-right-s-line"></i></a><ul class="dropdown-menu"><li class="nav-item"><a href="courses.html" class="nav-link">Courses Grid</a></li><li class="nav-item"><a href="courses-right-sidebar.html" class="nav-link">Courses Right Sidebar</a></li><li class="nav-item"><a href="courses-details.html" class="nav-link">Courses Details</a></li></ul></li><li class="nav-item"><a href="profile-authentication.html" class="nav-link">Profile Authentication</a></li><li class="nav-item"><a href="membership-levels.html" class="nav-link">Membership Levels</a></li><li class="nav-item"><a href="purchase-guide.html" class="nav-link">Purchase Guide</a></li><li class="nav-item"><a href="terms-of-service.html" class="nav-link">Terms of Service</a></li><li class="nav-item"><a href="privacy-policy.html" class="nav-link">Privacy Policy</a></li><li class="nav-item"><a href="error-404.html" class="nav-link">404 Error</a></li><li class="nav-item"><a href="coming-soon.html" class="nav-link">Coming Soon</a></li></ul></li><li class="nav-item"><a href="#" class="nav-link active">Projects <i class="ri-arrow-down-s-line"></i></a><ul class="dropdown-menu"><li class="nav-item"><a href="" class="nav-link active">Projects</a></li><li class="nav-item"><a href="projects-details.html" class="nav-link">Projects Details</a></li></ul></li><li class="nav-item"><a href="#" class="nav-link">Shop <i class="ri-arrow-down-s-line"></i></a><ul class="dropdown-menu"><li class="nav-item"><a href="products.html" class="nav-link">Products</a></li><li class="nav-item"><a href="cart.html" class="nav-link">Cart</a></li><li class="nav-item"><a href="wishlist.html" class="nav-link">Wishlist</a></li><li class="nav-item"><a href="checkout.html" class="nav-link">Checkout</a></li><li class="nav-item"><a href="my-account.html" class="nav-link">My Account</a></li><li class="nav-item"><a href="products-details.html" class="nav-link">Products Details</a></li></ul></li><li class="nav-item"><a href="#" class="nav-link">Blog <i class="ri-arrow-down-s-line"></i></a><ul class="dropdown-menu"><li class="nav-item"><a href="blog-style-1.html" class="nav-link">Blog Style One</a></li><li class="nav-item"><a href="blog-style-2.html" class="nav-link">Blog Style Two</a></li><li class="nav-item"><a href="blog-right-sidebar.html" class="nav-link">Blog Right Sidebar</a></li><li class="nav-item"><a href="author.html" class="nav-link">Author</a></li><li class="nav-item"><a href="categories.html" class="nav-link">Categories</a></li><li class="nav-item"><a href="tags.html" class="nav-link">Tags</a></li><li class="nav-item"><a href="search-page.html" class="nav-link">Search Page</a></li><li class="nav-item"><a href="#" class="nav-link">Single Post <i class="ri-arrow-down-s-line"></i></a><ul class="dropdown-menu"><li class="nav-item"><a href="single-blog-1.html" class="nav-link">Default</a></li><li class="nav-item"><a href="single-blog-2.html" class="nav-link">With Video</a></li><li class="nav-item"><a href="single-blog-3.html" class="nav-link">With Image Slider</a></li></ul></li></ul></li><li class="nav-item"><a href="pricing.html" class="nav-link">Pricing</a></li><li class="nav-item"><a href="contact.html" class="nav-link">Contact</a></li></ul><div class="others-options d-flex align-items-center"><div class="option-item"><i class="search-btn ri-search-line"></i><i class="close-btn ri-close-line"></i><div class="search-overlay search-popup"><div class='search-box'><form class="search-form"><input class="search-input" placeholder="Search..." type="text"><button class="search-button" type="submit"><i class="ri-search-line"></i></button></form></div></div></div><div class="option-item"><div class="side-menu-btn"><i class="ri-bar-chart-horizontal-line" data-bs-toggle="modal" data-bs-target="#sidebarModal"></i></div></div></div></div></nav></div></div><div class="others-option-for-responsive"><div class="container"><div class="dot-menu"><div class="inner"><div class="circle circle-one"></div><div class="circle circle-two"></div><div class="circle circle-three"></div></div></div><div class="container"><div class="option-inner"><div class="others-options d-flex align-items-center"><div class="option-item"><i class="search-btn ri-search-line"></i><i class="close-btn ri-close-line"></i><div class="search-overlay search-popup"><div class='search-box'><form class="search-form"><input class="search-input" placeholder="Search..." type="text"><button class="search-button" type="submit"><i class="ri-search-line"></i></button></form></div></div></div><div class="option-item"><div class="side-menu-btn"><i class="ri-bar-chart-horizontal-line" data-bs-toggle="modal" data-bs-target="#sidebarModal"></i></div></div></div></div></div></div></div></div><div class="sidebarModal modal right fade" id="sidebarModal" tabindex="-1" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content"><button type="button" class="close" data-bs-dismiss="modal"><i class="ri-close-line"></i></button><div class="modal-body"><a href="index.html"><img src="static/picture/black-logo.png" alt="logo"></a><div class="sidebar-content"><h3>About Us</h3><p>Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p><div class="sidebar-btn"><a href="contact.html" class="default-btn">Let’s Talk</a></div></div><div class="sidebar-contact-info"><h3>Contact Information</h3><ul class="info-list"><li><i class="ri-phone-fill"></i><a href="tel:9901234567">+990-123-4567</a></li><li><i class="ri-mail-line"></i><a href="/cdn-cgi/l/email-protection#f0939f8a95b0979d91999cde939f9d"><span class="__cf_email__" data-cfemail="e98a86938ca98e84888085c78a8684">[email&#160;protected]</span></a></li><li><i class="ri-map-pin-line"></i>413 North Las Vegas,NV 89032</li></ul></div><ul class="sidebar-social-list"><li><a href="#" target="_blank"><i class="ri-facebook-fill"></i></a></li><li><a href="#" target="_blank"><i class="ri-twitter-fill"></i></a></li><li><a href="#" target="_blank"><i class="ri-linkedin-fill"></i></a></li><li><a href="#" target="_blank"><i class="ri-instagram-fill"></i></a></li></ul><div class="contact-form"><h3>Ready to Get Started?</h3><form id="contactForm"><div class="row"><div class="col-lg-12 col-md-6"><div class="form-group"><input type="text" name="name" class="form-control" required="" data-error="Please enter your name" placeholder="Your name"><div class="help-block with-errors"></div></div></div><div class="col-lg-12 col-md-6"><div class="form-group"><input type="email" name="email" class="form-control" required="" data-error="Please enter your email" placeholder="Your email address"><div class="help-block with-errors"></div></div></div><div class="col-lg-12 col-md-12"><div class="form-group"><input type="text" name="phone_number" class="form-control" required="" data-error="Please enter your phone number" placeholder="Your phone number"><div class="help-block with-errors"></div></div></div><div class="col-lg-12 col-md-12"><div class="form-group"><textarea name="message" class="form-control" cols="30" rows="6" required="" data-error="Please enter your message" placeholder="Write your message..."></textarea><div class="help-block with-errors"></div></div></div><div class="col-lg-12 col-md-12"><button type="submit" class="default-btn">Send Message<span></span></button><div id="msgSubmit" class="h3 text-center hidden"></div><div class="clearfix"></div></div></div></form></div></div></div></div></div><div class="page-banner-area bg-3 jarallax" data-jarallax='{"speed": 0.3}'><div class="container"><div class="page-banner-content" data-aos="fade-right" data-aos-delay="50" data-aos-duration="500" data-aos-once="true"><h2>Projects</h2><ul><li><a href="index.html">Home</a></li><li>Projects</li></ul></div></div></div><div class="projects-area pt-100 pb-75"><div class="container"><div class="section-title"><span>PROJECTS</span><h2>Our Latest <b>Incredible</b>Client's Projects <span class="overlay"></span></h2>
  2. </div>
  3. <ul class="projects-filter-menu">
  4. <li class="filter active" data-filter="all">All</li>
  5. <li class="filter" data-filter=".mobile">Mobile App</li>
  6. <li class="filter" data-filter=".development">Development</li>
  7. <li class="filter" data-filter=".web-design">Web Design</li>
  8. <li class="filter" data-filter=".product-design">Product Design</li>
  9. </ul>
  10. <div id="Container" class="row justify-content-center">
  11. <div class="col-lg-4 col-md-6 mix mobile development web-design">
  12. <div class="single-projects-item" data-aos="fade-up" data-aos-delay="50" data-aos-duration="500" data-aos-once="true">
  13. <div class="projects-image">
  14. <a href="projects-details.html"><img src="static/picture/projects-11.jpg" alt="image"></a>
  15. </div>
  16. <div class="projects-content">
  17. <h3>
  18. <a href="projects-details.html">3D Animation</a>
  19. </h3>
  20. <a href="projects-details.html" class="projects-btn">View More</a>
  21. </div>
  22. </div>
  23. <div class="single-projects-item" data-aos="fade-up" data-aos-delay="50" data-aos-duration="500" data-aos-once="true">
  24. <div class="projects-image">
  25. <a href="projects-details.html"><img src="static/picture/projects-21.jpg" alt="image"></a>
  26. </div>
  27. <div class="projects-content">
  28. <h3>
  29. <a href="projects-details.html">Online Banking Software</a>
  30. </h3>
  31. <a href="projects-details.html" class="projects-btn">View More</a>
  32. </div>
  33. </div>
  34. </div>
  35. <div class="col-lg-4 col-md-6 mix development product-design">
  36. <div class="single-projects-item" data-aos="fade-up" data-aos-delay="50" data-aos-duration="500" data-aos-once="true">
  37. <div class="projects-image">
  38. <a href="projects-details.html"><img src="static/picture/projects-31.jpg" alt="image"></a>
  39. </div>
  40. <div class="projects-content">
  41. <h3>
  42. <a href="projects-details.html">Cashier Software</a>
  43. </h3>
  44. <a href="projects-details.html" class="projects-btn">View More</a>
  45. </div>
  46. </div>
  47. </div>
  48. <div class="col-lg-4 col-md-6 mix web-design mobile product-design">
  49. <div class="single-projects-item" data-aos="fade-up" data-aos-delay="50" data-aos-duration="500" data-aos-once="true">
  50. <div class="projects-image">
  51. <a href="projects-details.html"><img src="static/picture/projects-41.jpg" alt="image"></a>
  52. </div>
  53. <div class="projects-content">
  54. <h3>
  55. <a href="projects-details.html">Messaging App</a>
  56. </h3>
  57. <a href="projects-details.html" class="projects-btn">View More</a>
  58. </div>
  59. </div>
  60. <div class="single-projects-item" data-aos="fade-up" data-aos-delay="50" data-aos-duration="500" data-aos-once="true">
  61. <div class="projects-image">
  62. <a href="projects-details.html"><img src="static/picture/projects-51.jpg" alt="image"></a>
  63. </div>
  64. <div class="projects-content">
  65. <h3>
  66. <a href="projects-details.html">Analytics Software</a>
  67. </h3>
  68. <a href="projects-details.html" class="projects-btn">View More</a>
  69. </div>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. <div class="projects-bg-shape-1">
  75. <img src="static/picture/projects-bg-shape.png" alt="image">
  76. </div>
  77. </div>
  78. <div class="talk-area ptb-100">
  79. <div class="container">
  80. <div class="row align-items-center">
  81. <div class="col-lg-6 col-md-12">
  82. <div class="talk-image" data-tilt="">
  83. <img src="static/picture/talk-2.png" alt="image">
  84. <div class="talk-circle">
  85. <img src="static/picture/talk-circle.png" alt="image">
  86. </div>
  87. </div>
  88. </div>
  89. <div class="col-lg-6 col-md-12">
  90. <div class="talk-content margin-zero">
  91. <span>LET'S TALK</span><h3>We Would Like To Hear From You Any Question <span class="overlay"></span></h3><p>Lorem ipsum dolor sit amet consetetur sadipscing elitre sed diam non umy eirmod tempor invidunt ut labore.</p><form id="contactFormTwo"><div class="row"><div class="col-lg-6 col-md-6"><div class="form-group"><input type="text" name="name" class="form-control" required="" data-error="Please enter your name" placeholder="Your name"><div class="help-block with-errors"></div></div></div><div class="col-lg-6 col-md-6"><div class="form-group"><input type="email" name="email" class="form-control" required="" data-error="Please enter your email" placeholder="Your email address"><div class="help-block with-errors"></div></div></div><div class="col-lg-12 col-md-12"><div class="form-group"><textarea name="message" class="form-control" cols="30" rows="6" required="" data-error="Please enter your message" placeholder="Write your message..."></textarea><div class="help-block with-errors"></div></div></div><div class="col-lg-12 col-md-12"><button type="submit" class="default-btn">Send Message<span></span></button><div id="msgSubmitTwo" class="h3 text-center hidden"></div><div class="clearfix"></div></div></div></form></div></div></div></div></div><div class="overview-area pt-100 pb-75"><div class="container"><div class="row justify-content-center"><div class="col-lg-3 col-md-6"><div class="overview-card"><h3>Call Us</h3><span><a href="tel:9901234567">+990-123-4567</a></span><div class="overview-shape"><img src="static/picture/overview-shape.png" alt="image"></div></div></div><div class="col-lg-3 col-md-6"><div class="overview-card"><h3>Email Us</h3><span><a href="/cdn-cgi/l/email-protection#3850515b57425d785f55595154165b5755"><span class="__cf_email__" data-cfemail="127a7b717d687752757f737b7e3c717d7f">[email&#160;protected]</span></a></span><div class="overview-shape"><img src="static/picture/overview-shape.png" alt="image"></div></div></div><div class="col-lg-3 col-md-6"><div class="overview-card"><h3>Tech Support</h3><span><a href="tel:15143125678">+1(514) 312-5678</a></span><div class="overview-shape"><img src="static/picture/overview-shape.png" alt="image"></div></div></div><div class="col-lg-3 col-md-6"><div class="overview-card"><h3>Visit Us</h3><span>413 North Las Vegas,NV 89032</span><div class="overview-shape"><img src="static/picture/overview-shape.png" alt="image"></div></div></div></div></div></div><footer class="footer-area with-black-background margin-zero pt-100"><div class="container"><div class="row justify-content-center"><div class="col-lg-3 col-md-6"><div class="single-footer-widget" data-aos="fade-up" data-aos-delay="50" data-aos-duration="500" data-aos-once="true"><div class="widget-logo"><a href="index.html"><img src="static/picture/logo.png" alt="image"></a></div><p>Lorem ipsum dolor sit amet consetetur sadi scing elitr sed diam nonumy.</p><ul class="widget-social"><li><a href="https://www.facebook.com/EnvyTheme" target="_blank"><i class="ri-facebook-fill"></i></a></li><li><a href="https://twitter.com/?lang=en" target="_blank"><i class="ri-twitter-fill"></i></a></li><li><a href="https://www.youtube.com/" target="_blank"><i class="ri-youtube-fill"></i></a></li><li><a href="https://vimeo.com/" target="_blank"><i class="ri-vimeo-fill"></i></a></li><li><a href="https://www.instagram.com/" target="_blank"><i class="ri-instagram-line"></i></a></li></ul></div></div><div class="col-lg-3 col-md-6"><div class="single-footer-widget ps-5" data-aos="fade-up" data-aos-delay="60" data-aos-duration="600" data-aos-once="true"><h3>Links</h3><ul class="quick-links"><li><a href="about-style-1.html">About Us</a></li><li><a href="services-style-2.html">Services</a></li><li><a href="blog-style-1.html">News</a></li><li><a href="pricing.html">Pricing</a></li><li><a href="">Projects</a></li></ul></div></div><div class="col-lg-3 col-md-6"><div class="single-footer-widget ps-5" data-aos="fade-up" data-aos-delay="70" data-aos-duration="700" data-aos-once="true"><h3>Pages</h3><ul class="quick-links"><li><a href="contact.html">Contact Us</a></li><li><a href="purchase-guide.html">Purchase Guide</a></li><li><a href="faq.html">FAQ's</a></li><li><a href="terms-of-service.html">Terms of Service</a></li><li><a href="privacy-policy.html">Privacy Policy</a></li></ul></div></div><div class="col-lg-3 col-md-6"><div class="single-footer-widget" data-aos="fade-up" data-aos-delay="80" data-aos-duration="800" data-aos-once="true"><h3>Subscribe Newsletter</h3><form class="newsletter-form" data-bs-toggle="validator"><input type="email" class="input-newsletter" placeholder="Enter your email" name="EMAIL" required="" autocomplete="off"><button type="submit" class="default-btn">Subscribe</button><div id="validator-newsletter" class="form-result"></div></form></div></div></div></div><div class="copyright-area"><div class="container"><div class="copyright-area-content"><p>Copyright @2022 Coze All Rights Reserved by <a href="" target="_blank">EnvyTheme</a></p></div></div></div><div class="footer-shape-1"><img src="static/picture/pricing-shape-2.png" alt="image"></div><div class="footer-shape-2"><img src="static/picture/footer-shape-2.png" alt="image"></div><div class="footer-shape-3"><img src="static/picture/pricing-shape-1.png" alt="image"></div></footer><div class="go-top"><i class="ri-arrow-up-s-line"></i></div><script src="static/js/jquery.min.js"></script><script src="static/js/bootstrap.bundle.min.js"></script><script src="static/js/jquery.meanmenu.js"></script><script src="static/js/owl.carousel.min.js"></script><script src="static/js/jquery.appear.js"></script><script src="static/js/odometer.min.js"></script><script src="static/js/jquery.magnific-popup.min.js"></script><script src="static/js/fancybox.min.js"></script><script src="static/js/tweenmax.min.js"></script><script src="static/js/ScrollMagic.min.js"></script><script src="static/js/animation.gsap.min.js"></script><script src="static/js/debug.addIndicators.min.js"></script><script src="static/js/mixitup.min.js"></script><script src="static/js/nice-select.min.js"></script><script src="static/js/tilt.jquery.min.js"></script><script src="static/js/parallax.min.js"></script><script src="static/js/jquery.ajaxchimp.min.js"></script><script src="static/js/form-validator.min.js"></script><script src="static/js/contact-form-script.js"></script><script src="static/js/aos.js"></script><script src="static/js/wow.min.js"></script><script src="static/js/main.js"></script></body></html>