about-style-3.html 32 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381
  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#305859535f4a5570575d51595c1e535f5d"><span class="__cf_email__" data-cfemail="254d4c464a5f40654248444c490b464a48">[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 active">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="" class="nav-link active">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">Projects <i class="ri-arrow-down-s-line"></i></a><ul class="dropdown-menu"><li class="nav-item"><a href="projects.html" class="nav-link">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#89eae6f3ecc9eee4e8e0e5a7eae6e4"><span class="__cf_email__" data-cfemail="0b6864716e4b6c666a626725686466">[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>About Style Three</h2><ul><li><a href="index.html">Home</a></li><li>About Us</li></ul></div></div></div><div class="about-area pt-100 pb-75"><div class="container"><div class="row align-items-center"><div class="col-lg-6 col-md-12"><div class="about-wrap-image" data-tilt=""><img src="static/picture/about-3.jpg" alt="image" data-aos="fade-down" data-aos-delay="80" data-aos-duration="800" data-aos-once="true"></div></div><div class="col-lg-6 col-md-12"><div class="about-wrap-content" data-aos="fade-up" data-aos-delay="80" data-aos-duration="800" data-aos-once="true"><div class="about-bg-text">ABOUT US</div><span>WHO WE ARE</span><h3>Your Trusted Partner For All IT Solutions <span class="overlay"></span></h3><p>We are leading technology solutions providing company all over the world doing over 40 years. Lorem ipsum dolor sit amet consetetur sadipscing elitre sed diam non umy eirmod tempor invidunt ut labore.</p></div></div></div><div class="about-inner-box"><div class="row justify-content-center"><div class="col-lg-4 col-md-6"><div class="single-about-card" data-aos="fade-up" data-aos-delay="80" data-aos-duration="800" data-aos-once="true"><h3>Our Vision</h3><p>Lorem ipsum dolor sit amet consetetur sadip scing elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyamei erat sed diam voluptua at vero eos et accusam et justo duo.</p><div class="about-btn"><a href="about-style-1.html" class="default-btn">Know More About Us</a></div></div></div><div class="col-lg-4 col-md-6"><div class="single-about-card" data-aos="fade-down" data-aos-delay="70" data-aos-duration="700" data-aos-once="true"><h3>Our Mission</h3><p>Lorem ipsum dolor sit amet consetetur sadip scing elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyamei erat sed diam voluptua at vero eos et accusam et justo duo.</p></div></div><div class="col-lg-4 col-md-6"><div class="single-about-card" data-aos="fade-up" data-aos-delay="80" data-aos-duration="800" data-aos-once="true"><div class="card-image" data-tilt=""><img src="static/picture/about-4.jpg" alt="image"></div></div></div></div></div></div><div class="about-circle-shape"><img src="static/picture/about-circle.png" alt="image"></div></div><div class="choose-area pb-75"><div class="container"><div class="section-title section-style-two"><div class="section-bg-text">PROCESS</div><span>WORK PROCESS</span><h2>We Follow Four Simple Steps <span class="overlay"></span></h2><p>We are leading technology solutions providing company all over the world doing over 40 years lorem ipsum dolor sit amet.</p></div><div class="row justify-content-center"><div class="col-lg-3 col-sm-6"><div class="single-choose-card" data-aos="fade-up" data-aos-delay="50" data-aos-duration="500" data-aos-once="true"><div class="choose-image" data-tilt=""><a href="services-details.html"><img src="static/picture/choose-1.png" alt="image"></a><div class="number">1</div></div><div class="choose-content"><h3><a href="#">Discussion</a></h3><p>Lorem ipsum dolor sit amet conset sadipscing elitr sed diam nonumy eirm od tempor invidunt ut labore.</p></div></div></div><div class="col-lg-3 col-sm-6"><div class="single-choose-card" data-aos="fade-up" data-aos-delay="60" data-aos-duration="600" data-aos-once="true"><div class="choose-image" data-tilt=""><a href="services-details.html"><img src="static/picture/choose-2.png" alt="image"></a><div class="number">2</div></div><div class="choose-content"><h3><a href="#">Testing & Trying</a></h3><p>Lorem ipsum dolor sit amet conset sadipscing elitr sed diam nonumy eirm od tempor invidunt ut labore.</p></div></div></div><div class="col-lg-3 col-sm-6"><div class="single-choose-card" data-aos="fade-up" data-aos-delay="70" data-aos-duration="700" data-aos-once="true"><div class="choose-image" data-tilt=""><a href="services-details.html"><img src="static/picture/choose-3.png" alt="image"></a><div class="number">3</div></div><div class="choose-content"><h3><a href="#">Ideas & Concept</a></h3><p>Lorem ipsum dolor sit amet conset sadipscing elitr sed diam nonumy eirm od tempor invidunt ut labore.</p></div></div></div><div class="col-lg-3 col-sm-6"><div class="single-choose-card" data-aos="fade-up" data-aos-delay="80" data-aos-duration="800" data-aos-once="true"><div class="choose-image" data-tilt=""><a href="services-details.html"><img src="static/picture/choose-4.png" alt="image"></a><div class="number">4</div></div><div class="choose-content"><h3><a href="#">Execute & Install</a></h3><p>Lorem ipsum dolor sit amet conset sadipscing elitr sed diam nonumy eirm od tempor invidunt ut labore.</p></div></div></div></div></div></div><div class="video-area-box"><div class="container"><div class="video-view-content" data-aos="fade-up" data-aos-delay="80" data-aos-duration="800" data-aos-once="true"><div class="video-image"><img src="static/picture/video.jpg" alt="image"></div><a href="https://www.youtube.com/watch?v=ODfy2YIKS1M" class="video-btn popup-youtube"><i class="ri-play-mini-fill"></i></a></div></div></div><div class="testimonials-area ptb-100"><div class="container-fluid"><div class="section-title section-style-two"><div class="section-bg-text">FEEDBACK</div><span>TESTIMONIALS</span><h2>Our Client's Feedback <span class="overlay"></span></h2>
  2. </div>
  3. <div class="testimonials-slides owl-carousel owl-theme">
  4. <div class="single-testimonials-card" data-aos="fade-up" data-aos-delay="50" data-aos-duration="500" data-aos-once="true">
  5. <p>We look and sound so good! I am still in shock at how smooth this process was. The professionalism, collaboration and the design they come up is great.</p>
  6. <div class="info-item-box">
  7. <img src="static/picture/testimonials-4.jpg" class="rounded-circle" alt="image">
  8. <h4>Bradly Doe, <span>Founder of Medizo</span></h4>
  9. <ul class="rating-list">
  10. <li><i class="ri-star-fill"></i></li>
  11. <li><i class="ri-star-fill"></i></li>
  12. <li><i class="ri-star-fill"></i></li>
  13. <li><i class="ri-star-fill"></i></li>
  14. <li><i class="ri-star-line"></i></li>
  15. </ul>
  16. </div>
  17. </div>
  18. <div class="single-testimonials-card" data-aos="fade-up" data-aos-delay="80" data-aos-duration="800" data-aos-once="true">
  19. <p>The professionalism, collaboration and the design they come up with is pheno-menal. Thanks a lot the Coze Team.</p>
  20. <div class="info-item-box">
  21. <img src="static/picture/testimonials-5.jpg" class="rounded-circle" alt="image">
  22. <h4>Daniel John, <span>Solit Team</span></h4>
  23. <ul class="rating-list">
  24. <li><i class="ri-star-fill"></i></li>
  25. <li><i class="ri-star-fill"></i></li>
  26. <li><i class="ri-star-fill"></i></li>
  27. <li><i class="ri-star-fill"></i></li>
  28. <li><i class="ri-star-line"></i></li>
  29. </ul>
  30. </div>
  31. </div>
  32. <div class="single-testimonials-card" data-aos="fade-up" data-aos-delay="60" data-aos-duration="600" data-aos-once="true">
  33. <p>We look and sound so good! I am still in shock at how smooth this process was. The professionalism, collaboration and the design they come up is great.</p>
  34. <div class="info-item-box">
  35. <img src="static/picture/testimonials-6.jpg" class="rounded-circle" alt="image">
  36. <h4>Jennifer Smith, <span>Spix Team</span></h4>
  37. <ul class="rating-list">
  38. <li><i class="ri-star-fill"></i></li>
  39. <li><i class="ri-star-fill"></i></li>
  40. <li><i class="ri-star-fill"></i></li>
  41. <li><i class="ri-star-fill"></i></li>
  42. <li><i class="ri-star-line"></i></li>
  43. </ul>
  44. </div>
  45. </div>
  46. <div class="single-testimonials-card" data-aos="fade-up" data-aos-delay="70" data-aos-duration="700" data-aos-once="true">
  47. <p>The professionalism, collaboration and the design they come up with is pheno-menal. Thanks a lot the Coze Team.</p>
  48. <div class="info-item-box">
  49. <img src="static/picture/testimonials-7.jpg" class="rounded-circle" alt="image">
  50. <h4>Sarp Karahan, <span>Benzo Team</span></h4>
  51. <ul class="rating-list">
  52. <li><i class="ri-star-fill"></i></li>
  53. <li><i class="ri-star-fill"></i></li>
  54. <li><i class="ri-star-fill"></i></li>
  55. <li><i class="ri-star-fill"></i></li>
  56. <li><i class="ri-star-line"></i></li>
  57. </ul>
  58. </div>
  59. </div>
  60. <div class="single-testimonials-card" data-aos="fade-up" data-aos-delay="90" data-aos-duration="900" data-aos-once="true">
  61. <p>We look and sound so good! I am still in shock at how smooth this process was. The professionalism, collaboration and the design they come up is great.</p>
  62. <div class="info-item-box">
  63. <img src="static/picture/testimonials-8.jpg" class="rounded-circle" alt="image">
  64. <h4>Jane Ronan, <span>Lebu Team</span></h4>
  65. <ul class="rating-list">
  66. <li><i class="ri-star-fill"></i></li>
  67. <li><i class="ri-star-fill"></i></li>
  68. <li><i class="ri-star-fill"></i></li>
  69. <li><i class="ri-star-fill"></i></li>
  70. <li><i class="ri-star-line"></i></li>
  71. </ul>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. </div>
  77. <div class="pricing-area with-black-background margin-zero pt-100 pb-75">
  78. <div class="container">
  79. <div class="section-title">
  80. <span>PRICING</span>
  81. <h2>Our <b>Pricing</b> For All Type Of Technology Services <span class="overlay"></span></h2>
  82. <p>We are leading technology solutions providing company all over the world doing over 40 years lorem ipsum dolor sit amet.</p>
  83. </div>
  84. <div class="row justify-content-center">
  85. <div class="col-lg-4 col-md-6">
  86. <div class="single-pricing-card" data-aos="fade-up" data-aos-delay="70" data-aos-duration="700" data-aos-once="true">
  87. <h3>Startup</h3>
  88. <div class="price">$19 <span>/ month</span></div>
  89. <p>Lorem ipsum dolor sit amet consetetur sadi scing elitr sed diam nonumy eirmod.</p>
  90. <ul class="pricing-list">
  91. <li><i class="ri-check-fill"></i> Lorem ipsum dolor.</li>
  92. <li><i class="ri-check-fill"></i> Sit amet consetetur set a ledip.</li>
  93. </ul>
  94. <div class="pricing-btn">
  95. <a href="pricing.html" class="default-btn">Choose Plan</a>
  96. </div>
  97. </div>
  98. </div>
  99. <div class="col-lg-4 col-md-6">
  100. <div class="single-pricing-card" data-aos="fade-up" data-aos-delay="80" data-aos-duration="800" data-aos-once="true">
  101. <h3>Basic</h3>
  102. <div class="price">$49 <span>/ month</span></div>
  103. <p>Lorem ipsum dolor sit amet consetetur sadi scing elitr sed diam nonumy eirmod.</p>
  104. <ul class="pricing-list">
  105. <li><i class="ri-check-fill"></i> Lorem ipsum dolor.</li>
  106. <li><i class="ri-check-fill"></i> Sit amet consetetur set a ledip.</li>
  107. <li><i class="ri-check-fill"></i> Lorems Sit ledip ipsum dolor.</li>
  108. </ul>
  109. <div class="pricing-btn">
  110. <a href="pricing.html" class="default-btn">Choose Plan</a>
  111. </div>
  112. <div class="most-popular">
  113. <span>Most Popular</span>
  114. </div>
  115. </div>
  116. </div>
  117. <div class="col-lg-4 col-md-6">
  118. <div class="single-pricing-card" data-aos="fade-up" data-aos-delay="90" data-aos-duration="900" data-aos-once="true">
  119. <h3>Advanced</h3>
  120. <div class="price">$79 <span>/ month</span></div>
  121. <p>Lorem ipsum dolor sit amet consetetur sadi scing elitr sed diam nonumy eirmod.</p>
  122. <ul class="pricing-list">
  123. <li><i class="ri-check-fill"></i> Lorem ipsum dolor.</li>
  124. <li><i class="ri-check-fill"></i> Sit amet consetetur set a ledip.</li>
  125. <li><i class="ri-check-fill"></i> Lorems Sit ledip ipsum dolor.</li>
  126. <li><i class="ri-check-fill"></i> Lorem ipsum dolor.</li>
  127. </ul>
  128. <div class="pricing-btn">
  129. <a href="pricing.html" class="default-btn">Choose Plan</a>
  130. </div>
  131. </div>
  132. </div>
  133. </div>
  134. </div>
  135. <div class="pricing-bg-shape-1">
  136. <img src="static/picture/projects-bg-shape.png" alt="image">
  137. </div>
  138. <div class="pricing-shape-1">
  139. <img src="static/picture/pricing-shape-1.png" alt="image">
  140. </div>
  141. <div class="pricing-shape-2">
  142. <img src="static/picture/pricing-shape-2.png" alt="image">
  143. </div>
  144. </div>
  145. <div class="team-area pt-100 pb-75">
  146. <div class="container">
  147. <div class="section-title section-style-two">
  148. <div class="section-bg-text">TEAM</div>
  149. <span>TEAM MEMBER</span>
  150. <h2>Our Expert IT Consultants <span class="overlay"></span></h2>
  151. <p>We are leading technology solutions providing company all over the world doing over 40 years lorem ipsum dolor sit amet.</p>
  152. </div>
  153. <div class="row justify-content-center">
  154. <div class="col-lg-3 col-sm-6">
  155. <div class="single-team-card">
  156. <div class="team-image" data-tilt="">
  157. <img src="static/picture/team-1.png" alt="image">
  158. <ul class="team-social">
  159. <li>
  160. <a href="https://www.facebook.com/EnvyTheme" target="_blank">
  161. <i class="ri-facebook-fill"></i>
  162. </a>
  163. </li>
  164. <li>
  165. <a href="https://twitter.com/?lang=en" target="_blank">
  166. <i class="ri-twitter-fill"></i>
  167. </a>
  168. </li>
  169. <li>
  170. <a href="https://www.instagram.com/" target="_blank">
  171. <i class="ri-instagram-line"></i>
  172. </a>
  173. </li>
  174. </ul>
  175. </div>
  176. <div class="team-content">
  177. <h3>Johny Smith</h3>
  178. <span>President & CEO</span>
  179. </div>
  180. </div>
  181. </div>
  182. <div class="col-lg-3 col-sm-6">
  183. <div class="single-team-card">
  184. <div class="team-image" data-tilt="">
  185. <img src="static/picture/team-2.png" alt="image">
  186. <ul class="team-social">
  187. <li>
  188. <a href="https://www.facebook.com/EnvyTheme" target="_blank">
  189. <i class="ri-facebook-fill"></i>
  190. </a>
  191. </li>
  192. <li>
  193. <a href="https://twitter.com/?lang=en" target="_blank">
  194. <i class="ri-twitter-fill"></i>
  195. </a>
  196. </li>
  197. <li>
  198. <a href="https://www.instagram.com/" target="_blank">
  199. <i class="ri-instagram-line"></i>
  200. </a>
  201. </li>
  202. </ul>
  203. </div>
  204. <div class="team-content">
  205. <h3>Jennifer Walter</h3>
  206. <span>Product Manager</span>
  207. </div>
  208. </div>
  209. </div>
  210. <div class="col-lg-3 col-sm-6">
  211. <div class="single-team-card">
  212. <div class="team-image" data-tilt="">
  213. <img src="static/picture/team-3.png" alt="image">
  214. <ul class="team-social">
  215. <li>
  216. <a href="https://www.facebook.com/EnvyTheme" target="_blank">
  217. <i class="ri-facebook-fill"></i>
  218. </a>
  219. </li>
  220. <li>
  221. <a href="https://twitter.com/?lang=en" target="_blank">
  222. <i class="ri-twitter-fill"></i>
  223. </a>
  224. </li>
  225. <li>
  226. <a href="https://www.instagram.com/" target="_blank">
  227. <i class="ri-instagram-line"></i>
  228. </a>
  229. </li>
  230. </ul>
  231. </div>
  232. <div class="team-content">
  233. <h3>Jems Rodrigez</h3>
  234. <span>UI UX Designer</span>
  235. </div>
  236. </div>
  237. </div>
  238. <div class="col-lg-3 col-sm-6">
  239. <div class="single-team-card">
  240. <div class="team-image" data-tilt="">
  241. <img src="static/picture/team-4.png" alt="image">
  242. <ul class="team-social">
  243. <li>
  244. <a href="https://www.facebook.com/EnvyTheme" target="_blank">
  245. <i class="ri-facebook-fill"></i>
  246. </a>
  247. </li>
  248. <li>
  249. <a href="https://twitter.com/?lang=en" target="_blank">
  250. <i class="ri-twitter-fill"></i>
  251. </a>
  252. </li>
  253. <li>
  254. <a href="https://www.instagram.com/" target="_blank">
  255. <i class="ri-instagram-line"></i>
  256. </a>
  257. </li>
  258. </ul>
  259. </div>
  260. <div class="team-content">
  261. <h3>Deren Bravoo</h3>
  262. <span>Web Developer</span>
  263. </div>
  264. </div>
  265. </div>
  266. </div>
  267. </div>
  268. </div>
  269. <div class="talk-area ptb-100">
  270. <div class="container">
  271. <div class="row align-items-center">
  272. <div class="col-lg-6 col-md-12">
  273. <div class="talk-image" data-tilt="">
  274. <img src="static/picture/talk.png" alt="image">
  275. <div class="talk-circle">
  276. <img src="static/picture/talk-circle.png" alt="image">
  277. </div>
  278. </div>
  279. </div>
  280. <div class="col-lg-6 col-md-12">
  281. <div class="talk-content">
  282. <div class="talk-bg-text">LET'S TALK</div><span>LET'S TALK</span>
  283. <h3>We Would Like To Hear From You Any Question <span class="overlay"></span></h3>
  284. <p>Lorem ipsum dolor sit amet consetetur sadipscing elitre sed diam non umy eirmod tempor invidunt ut labore.</p>
  285. <form id="contactFormTwo">
  286. <div class="row">
  287. <div class="col-lg-6 col-md-6">
  288. <div class="form-group">
  289. <input type="text" name="name" class="form-control" required="" data-error="Please enter your name" placeholder="Your name">
  290. <div class="help-block with-errors"></div>
  291. </div>
  292. </div>
  293. <div class="col-lg-6 col-md-6">
  294. <div class="form-group">
  295. <input type="email" name="email" class="form-control" required="" data-error="Please enter your email" placeholder="Your email address">
  296. <div class="help-block with-errors"></div>
  297. </div>
  298. </div>
  299. <div class="col-lg-12 col-md-12">
  300. <div class="form-group">
  301. <textarea name="message" class="form-control" cols="30" rows="6" required="" data-error="Please enter your message" placeholder="Write your message..."></textarea>
  302. <div class="help-block with-errors"></div>
  303. </div>
  304. </div>
  305. <div class="col-lg-12 col-md-12">
  306. <button type="submit" class="default-btn">Send Message<span></span></button>
  307. <div id="msgSubmitTwo" class="h3 text-center hidden"></div>
  308. <div class="clearfix"></div>
  309. </div>
  310. </div>
  311. </form>
  312. </div>
  313. </div>
  314. </div>
  315. </div>
  316. </div>
  317. <footer class="footer-area with-black-background margin-zero pt-100">
  318. <div class="container">
  319. <div class="row justify-content-center">
  320. <div class="col-lg-3 col-md-6">
  321. <div class="single-footer-widget" data-aos="fade-up" data-aos-delay="50" data-aos-duration="500" data-aos-once="true">
  322. <div class="widget-logo">
  323. <a href="index.html"><img src="static/picture/logo.png" alt="image"></a>
  324. </div>
  325. <p>Lorem ipsum dolor sit amet consetetur sadi scing elitr sed diam nonumy.</p>
  326. <ul class="widget-social">
  327. <li>
  328. <a href="https://www.facebook.com/EnvyTheme" target="_blank">
  329. <i class="ri-facebook-fill"></i>
  330. </a>
  331. </li>
  332. <li>
  333. <a href="https://twitter.com/?lang=en" target="_blank">
  334. <i class="ri-twitter-fill"></i>
  335. </a>
  336. </li>
  337. <li>
  338. <a href="https://www.youtube.com/" target="_blank">
  339. <i class="ri-youtube-fill"></i>
  340. </a>
  341. </li>
  342. <li>
  343. <a href="https://vimeo.com/" target="_blank">
  344. <i class="ri-vimeo-fill"></i>
  345. </a>
  346. </li>
  347. <li>
  348. <a href="https://www.instagram.com/" target="_blank">
  349. <i class="ri-instagram-line"></i>
  350. </a>
  351. </li>
  352. </ul>
  353. </div>
  354. </div>
  355. <div class="col-lg-3 col-md-6">
  356. <div class="single-footer-widget ps-5" data-aos="fade-up" data-aos-delay="60" data-aos-duration="600" data-aos-once="true">
  357. <h3>Links</h3>
  358. <ul class="quick-links">
  359. <li><a href="about-style-1.html">About Us</a></li>
  360. <li><a href="services-style-2.html">Services</a></li>
  361. <li><a href="blog-style-1.html">News</a></li>
  362. <li><a href="pricing.html">Pricing</a></li>
  363. <li><a href="projects.html">Projects</a></li>
  364. </ul>
  365. </div>
  366. </div>
  367. <div class="col-lg-3 col-md-6">
  368. <div class="single-footer-widget ps-5" data-aos="fade-up" data-aos-delay="70" data-aos-duration="700" data-aos-once="true">
  369. <h3>Pages</h3>
  370. <ul class="quick-links">
  371. <li><a href="contact.html">Contact Us</a></li>
  372. <li><a href="purchase-guide.html">Purchase Guide</a></li>
  373. <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>