github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2025-12-27 14:07:50 +00:00
Code Issues Packages Projects Releases Wiki Activity
dootask/public/site/en/price.html
gwokwong 8c8c5b04d5 feat：新增推广页
2024-09-24 12:54:27 +08:00

1990 lines
96 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Pricing - DooTask</title>
<meta name="google" value="notranslate" />
<meta name="description"
content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier." />
<meta name="keywords" content="China DooTask Task management Lightweight Hitosea Teamwork" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="shortcut icon" href="../img/favicon.ico" />
<link rel="stylesheet" href="../css/common.css" />
<link rel="stylesheet" type="text/css" href="../css/rem.css" />
<link rel="stylesheet" href="../css/price.css" />
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-16660800396"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-PE77P6491J"></script>
<script src="../js/googleAds.js"></script>
<script src="../js/googleAnalyze.js"></script>
</head>
<body>
<div class="BulletBox1">
<div class="top">
<div class="name BulletBox1Name"></div>
<div class="close"></div>
</div>
<div class="content">
<p>
If you have any questions, please feel free to contact us
using the following methods.
</p>
<p>Landline Telephone：0771-3164099</p>
<p>Email Address：service@hitosea.com</p>
</div>
<div class="bottom">
<div class="BulletBox1Btn">OK</div>
</div>
</div>
<div id="layout">
<!-- 页头区域 -->
<header class="head price">
<div class="nav">
<div class="nav-layout">
<a href="../en/index.html" class="logo">
<img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo" />
<i class="dootask txt-7002027">DooTask</i>
</a>
<ul class="nav-ul">
<li class="nav-ul-item">
<a class="txt-4001620 txt nav-product" href="../en/product.html">Product</a>
</li>
<li class="nav-ul-item">
<a class="txt-4001620 txt nav-solutions" href="../en/solutions.html">Solutions</a>
</li>
<li class="nav-ul-item">
<i class="txt-4001620 txt nav-support" id="support-txt" onclick="showMenuPopHandle()">
Support
<img src="../img/vector.svg" alt="Support" class="nav-vector" id="drop-down-svg" />
</i>
<ol class="submenu-pop" id="submenu-pop">
<li class="submenu-pop-item" onclick="changeMenu()">
<a class="txt-4001418 txt-sub" href="../en/download.html">Download Center</a>
</li>
<li class="submenu-pop-item" onclick="changeMenu()">
<a class="txt-4001418 txt-sub" href="../en/help.html">Help Center</a>
</li>
<li class="submenu-pop-item" onclick="changeMenu()">
<a class="txt-4001418 txt-sub" href="../en/privacy.html" target="_blank">Privacy
Policy</a>
</li>
<li class="submenu-pop-item" onclick="changeMenu()">
<a class="txt-4001418 txt-sub" href="../../docs/index.html" target="_blank">API
document</a>
</li>
</ol>
</li>
<li class="nav-ul-item">
<a class="txt-4001620 txt nav-price" href="../en/price.html">Pricing</a>
</li>
<li class="nav-ul-item">
<a class="txt-4001620 txt nav-about" href="../en/about.html">About Us</a>
</li>
</ul>
<div class="nav-r">
<div class="lang" id="lang-img">
<img src="../img/lang-select.svg" alt="Language switch" onclick="shouLangPopHandle()" />
<ul class="lang-pop" id="lang-pop">
<li class="lang-pop-item" onclick="changeLanguage('zh')">
<i class="lang-txt">简体中文</i>
</li>
<li class="lang-pop-item" onclick="changeLanguage('en')">
<i class="lang-txt">English</i>
</li>
</ul>
</div>
<i class="nav-r-icon theme_dark" onclick="setTheme('light')">
<img src="../img/light.svg" alt="Light theme" />
</i>
<i class="nav-r-icon theme_light" onclick="setTheme('dark')">
<img src="../img/drak.svg" alt="Dark theme" />
</i>
<a href="https://github.com/kuaifan/dootask" target="_blank">
<i class="nav-r-icon">
<img src="../img/github.svg" alt="github" />
</i>
</a>
<i class="line-1"></i>
<span class="get-started">
<a href="../../manage/dashboard">
<button class="btn btn-primary">
Try Now
</button>
</a>
</span>
</div>
<div class="menuBtn">
<img id="menuBtn" src="../img/menu.svg" alt="Menu" />
</div>
</div>
</div>
<div class="topics">
<div class="topics-con">
<div class="topics-layout">
<div class="topics-tit mb-32 topics-tit-en">
<span class="txt-6007290 topics-h1">Choose your plan</span>
</div>
<h4 class="txt-4001830 topics-h4 mb-64 topics-h4-en">
Different versions are available depending on
the size and needs of your business
</h4>
<ul class="price-card">
<li class="price-card-item price-animate-box" style="--delay: 0s">
<h4 class="txt-5002025 price-card-h4 mb-24">
Regular version
</h4>
<div class="price-card-money mb-12">
<h2 class="txt-6003645 price-card-h2">
¥0
</h2>
<i class="txt-5001628 price-card-unit">/month</i>
</div>
<h6 class="txt-4001624 price-card-h6 mb-24" style="height: 48px">
No limit to the number of people
</h6>
<a href="https://github.com/kuaifan/dootask/tree/v0.13.0" target="_blank" class="start_a">
<button class="btn btn-green mb-24">
Deploy Now
</button>
</a>
<ol class="price-card-ol">
<li class="price-card-ol-item mb-12">
<img class="icon mr-12" src="../img/price_icon1.svg" alt="Support for private deployment" />
<h6 class="txt-4001624 price-card-h6">
Support for private deployment
</h6>
</li>
</ol>
</li>
<li class="price-card-item price-animate-box" style="--delay: 0.1s">
<h4 class="txt-5002025 price-card-h4 mb-24">
Professional Edition
</h4>
<div class="price-card-money mb-12">
<h2 class="txt-6003645 price-card-h2">
¥0
</h2>
<i class="txt-5001628 price-card-unit">/month</i>
</div>
<h6 class="txt-4001624 price-card-h6 mb-24" style="height: 48px">
Up to 3 persons
</h6>
<a href="https://github.com/kuaifan/dootask/tree/pro" target="_blank" class="start_a">
<button class="btn btn-green mb-24">
Deploy Now
</button>
</a>
<ol class="price-card-ol">
<li class="price-card-ol-item mb-12">
<img class="icon mr-12" src="../img/price_icon1.svg" alt="Support for private deployment" />
<h6 class="txt-4001624 price-card-h6">
Support for private deployment
</h6>
</li>
<li class="price-card-ol-item mb-12">
<img class="icon mr-12" src="../img/price_icon1.svg" alt="Technical advisory services" />
<h6 class="txt-4001624 price-card-h6">
Technical advisory services
</h6>
</li>
<li class="price-card-ol-item mb-12">
<img class="icon mr-12" src="../img/price_icon1.svg" alt="24-hour service response" />
<h6 class="txt-4001624 price-card-h6">
24-hour service response
</h6>
</li>
</ol>
</li>
<li class="price-card-item active price-animate-box" style="--delay: 0.2s">
<h4 class="txt-5002025 price-card-h4 mb-24">
Professional Edition<i class="rec-icon">Rec.</i>
</h4>
<div class="price-card-money mb-12">
<h2 class="txt-6003645 price-card-h2">
¥18,888
</h2>
</div>
<h6 class="txt-4001624 price-card-h6 mb-24" style="height: 48px">
No limit to the number of people
</h6>
<button class="btn btn-green mb-24" onclick="showBox('Contact Us')">
Contact Us
</button>
<ol class="price-card-ol">
<li class="price-card-ol-item mb-12">
<img class="icon mr-12" src="../img/price_icon1.svg" alt="Support for private deployment" />
<h6 class="txt-4001624 price-card-h6">
Support for private deployment
</h6>
</li>
<li class="price-card-ol-item mb-12">
<img class="icon mr-12" src="../img/price_icon1.svg" alt="Technical advisory services" />
<h6 class="txt-4001624 price-card-h6">
Technical advisory services
</h6>
</li>
<li class="price-card-ol-item mb-12">
<img class="icon mr-12" src="../img/price_icon1.svg" alt="Logo customisation" />
<h6 class="txt-4001624 price-card-h6">
Logo customisation
</h6>
</li>
<li class="price-card-ol-item mb-12">
<img class="icon mr-12" src="../img/price_icon1.svg" alt="Dedicated Account Manager" />
<h6 class="txt-4001624 price-card-h6">
Dedicated Account Manager
</h6>
</li>
<li class="price-card-ol-item mb-12">
<img class="icon mr-12" src="../img/price_icon1.svg" alt="12-hour service response" />
<h6 class="txt-4001624 price-card-h6">
12-hour service response
</h6>
</li>
</ol>
</li>
<li class="price-card-item price-animate-box" style="--delay: 0.3s">
<h4 class="txt-5002025 price-card-h4 mb-24">
Customised version
</h4>
<div class="price-card-money mb-12">
<h2 class="txt-6003645 price-card-h2">
Custom
</h2>
</div>
<h6 class="txt-4001624 price-card-h6 mb-24" style="height: 48px">
Number of people can be customized
</h6>
<button class="btn btn-green mb-24" onclick="showBox('Customised consultancy')">
Consult
</button>
<ol class="price-card-ol">
<li class="price-card-ol-item mb-12">
<img class="icon mr-12" src="../img/price_icon1.svg" alt="Support for private deployment" />
<h6 class="txt-4001624 price-card-h6">
Support for private deployment
</h6>
</li>
<li class="price-card-ol-item mb-12">
<img class="icon mr-12" src="../img/price_icon1.svg" alt="Technical advisory services" />
<h6 class="txt-4001624 price-card-h6">
Technical advisory services
</h6>
</li>
<li class="price-card-ol-item mb-12">
<img class="icon mr-12" src="../img/price_icon1.svg" alt="Logo customisation" />
<h6 class="txt-4001624 price-card-h6">
Logo customisation
</h6>
</li>
<li class="price-card-ol-item mb-12">
<img class="icon mr-12" src="../img/price_icon1.svg" alt="Dedicated Account Manager" />
<h6 class="txt-4001624 price-card-h6">
Dedicated Account Manager
</h6>
</li>
<li class="price-card-ol-item mb-12">
<img class="icon mr-12" src="../img/price_icon1.svg" alt="12-hour service response" />
<h6 class="txt-4001624 price-card-h6">
12-hour service response
</h6>
</li>
</ol>
</li>
</ul>
</div>
</div>
</div>
</header>
<!-- 菜单抽屉 -->
<div class="drawer">
<div class="drawer-t mb-36">
<a href="../en/index.html" class="logo">
<img id="logo" src="../img/light/logo.svg" alt="DooTaskLogo" />
<i class="dootask txt-7002027">DooTask</i>
</a>
<i class="close-drawer" onclick="closeDraweHandle()">✕</i>
</div>
<ul class="drawer-ul">
<li class="drawer-item-t mb-16">
<div class="drawer-item" onclick="closeDraweHandle()">
<a class="txt-4001620 txt" href="../en/product.html">Product</a>
</div>
<div class="drawer-item" onclick="closeDraweHandle()">
<a class="txt-4001620 txt" href="../en/solutions.html">Solutions</a>
</div>
<div class="drawer-item" onclick="expandMenuHandle('support')">
<i class="txt-4001620 txt">
Support
<img src="../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg" />
</i>
</div>
<ol class="drawer-active hide" id="support">
<li class="drawer-item" onclick="changeMenu()">
<a class="txt-4001620 txt" href="../en/download.html">Download Center</a>
</li>
<li class="drawer-item" onclick="changeMenu()">
<a class="txt-4001620 txt" href="../en/help.html">Help Center</a>
</li>
<li class="drawer-item" onclick="changeMenu()">
<a class="txt-4001620 txt" href="../en/privacy.html" target="_blank">Privacy Policy</a>
</li>
<li class="drawer-item" onclick="changeMenu()">
<a class="txt-4001620 txt" href="../../docs/index.html" target="_blank">API document</a>
</li>
</ol>
<div class="drawer-item" onclick="closeDraweHandle()">
<a class="txt-4001620 txt" href="../en/price.html">Pricing</a>
</div>
<div class="drawer-item mb-16" onclick="closeDraweHandle()">
<a class="txt-4001620 txt" href="../en/about.html">About Us</a>
</div>
</li>
<li class="drawer-item-c">
<div class="drawer-item" onclick="expandMenuHandle('theme')">
<i class="txt-4001620 txt">
Theme
<img src="../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg" />
</i>
</div>
<ol class="drawer-active hide" id="theme">
<li class="drawer-item" onclick="setTheme('light')">
<i class="txt-4001620 txt">Light</i>
</li>
<li class="drawer-item" onclick="setTheme('dark')">
<i class="txt-4001620 txt">Dark</i>
</li>
</ol>
<div class="drawer-item" onclick="expandMenuHandle('language')">
<i class="txt-4001620 txt">
Language
<img src="../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg" />
</i>
</div>
<ol class="drawer-active hide" id="language">
<li class="drawer-item" onclick="changeLanguage('zh')">
<i class="txt-4001620 txt">简体中文</i>
</li>
<li class="drawer-item" onclick="changeLanguage('en')">
<i class="txt-4001620 txt">English</i>
</li>
</ol>
</li>
<li class="drawer-item-b">
<div class="drawer-item">
<a class="txt-4001620 txt" href="../../manage/dashboard">Try Now</a>
</div>
</li>
</ul>
</div>
<!-- 内容区域 -->
<main>
<!-- 主要区域划分 -->
<section>
<article class="plans">
<div class="plans-con">
<div class="plans-layout">
<h2 class="txt-5004455 plans-tit-h2 mb-16">
Compare all plans
</h2>
<h5 class="txt-4001830 plans-tit-h5 mb-80">
The product supports a variety of
application scenarios to help team
collaboration
</h5>
<ul class="plans-ul-t">
<div class="price-ceiling">
<li class="plans-ul-t-item grid-5" style="padding: 20px 24px">
<h4 class="txt-5002024 plans-ul-t-item-h4">
Feature
</h4>
<h4 class="txt-5002024 plans-ul-t-item-h4">
Regular version
</h4>
<h4 class="txt-5002024 plans-ul-t-item-h4">
Professional Edition
</h4>
<h4 class="txt-5002024 plans-ul-t-item-h4">
Professional Edition
</h4>
<h4 class="txt-5002024 plans-ul-t-item-h4">
Customised version
</h4>
</li>
</div>
<li class="plans-ul-t-item grid-5" style="padding: 32px 24px">
<h4 class="txt-5001616 plans-ul-t-item-h4">
Pricing
</h4>
<div class="plans-ul-t-item-h4">
<div class="price-card-money mb-24">
<h2 class="txt-6003645 price-card-h2">
¥0
</h2>
<i class="txt-5001628 price-card-unit">/month</i>
</div>
<span class="plans-ul-b-item-btn">
<a href="https://github.com/kuaifan/dootask/tree/v0.13.0" target="_blank">
<button class="btn btn-primary">
Deploy Now
</button></a>
</span>
</div>
<div class="plans-ul-t-item-h4">
<div class="price-card-money mb-24">
<h2 class="txt-6003645 price-card-h2">
¥0
</h2>
<i class="txt-5001628 price-card-unit">/month</i>
</div>
<span class="plans-ul-b-item-btn">
<a href="https://github.com/kuaifan/dootask/tree/pro" target="_blank">
<button class="btn btn-primary">
Deploy Now
</button></a>
</span>
</div>
<div class="plans-ul-t-item-h4">
<div class="price-card-money mb-24">
<h2 class="txt-6003645 price-card-h2">
¥18,888
</h2>
</div>
<span class="plans-ul-b-item-btn">
<button class="btn btn-primary" onclick="showBox('Contact Us')">
Contact Us
</button>
</span>
</div>
<div class="plans-ul-t-item-h4">
<div class="price-card-money mb-24">
<h2 class="txt-6003645 price-card-h2">
Custom
</h2>
</div>
<span class="plans-ul-b-item-btn">
<button class="btn btn-primary" onclick="showBox('Customised consultancy')">
Consult
</button>
</span>
</div>
</li>
<li class="plans-ul-t-item">
<ol class="plans-ol">
<li class="plans-ol-item">
<h6 class="txt-4001616 plans-ul-t-item-h4">
System usage
</h6>
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">
Number of users
</h6>
<h6 class="txt-4001616 plans-ol-item-h6">
Unlimited
</h6>
<h6 class="txt-4001616 plans-ol-item-h6">
≤3
</h6>
<h6 class="txt-4001616 plans-ol-item-h6">
Unlimited
</h6>
<h6 class="txt-4001616 plans-ol-item-h6">
Customizable
</h6>
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">
Number of projects
</h6>
<h6 class="txt-4001616 plans-ol-item-h6">
Unlimited
</h6>
<h6 class="txt-4001616 plans-ol-item-h6">
Unlimited
</h6>
<h6 class="txt-4001616 plans-ol-item-h6">
Unlimited
</h6>
<h6 class="txt-4001616 plans-ol-item-h6">
Unlimited
</h6>
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">
Number of tasks
</h6>
<h6 class="txt-4001616 plans-ol-item-h6">
Unlimited
</h6>
<h6 class="txt-4001616 plans-ol-item-h6">
Unlimited
</h6>
<h6 class="txt-4001616 plans-ol-item-h6">
Unlimited
</h6>
<h6 class="txt-4001616 plans-ol-item-h6">
Unlimited
</h6>
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">
Offline Deployment
</h6>
<h6 class="txt-4001616 plans-ol-item-h6">
Support
</h6>
<h6 class="txt-4001616 plans-ol-item-h6">
Support
</h6>
<h6 class="txt-4001616 plans-ol-item-h6">
Official Support
</h6>
<h6 class="txt-4001616 plans-ol-item-h6">
Official Support
</h6>
</li>
</ol>
</li>
<li class="plans-ul-t-item">
<ol class="plans-ol">
<li class="plans-ol-item">
<h6 class="txt-4001616 plans-ul-t-item-h4">
Task Collaboration
</h6>
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">
Multi-view presentation
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Multi-view presentation" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Multi-view presentation" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Multi-view presentation" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Multi-view presentation" />
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">
Custom column
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Custom column" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Custom column" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Custom column" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Custom column" />
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">
Visibility setting
</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Visibility setting" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Visibility setting" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Visibility setting" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Visibility setting" />
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">
Repetition cycle
</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Repetition cycle" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Repetition cycle" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Repetition cycle" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Repetition cycle" />
</li>
</ol>
</li>
<li class="plans-ul-t-item">
<ol class="plans-ol">
<li class="plans-ol-item">
<h6 class="txt-4001616 plans-ul-t-item-h4">
Project management
</h6>
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">
Project progress
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project progress" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project progress" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project progress" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project progress" />
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">
Project templates
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project templates" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project templates" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project templates" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project templates" />
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">
Gantt chart
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Gantt chart" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Gantt chart" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Gantt chart" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Gantt chart" />
</li>
</ol>
</li>
<li class="plans-ul-t-item">
<ol class="plans-ol">
<li class="plans-ol-item">
<h6 class="txt-5001616 plans-ul-t-item-h4">
Application
</h6>
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">
Approval center
</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Approval Center" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Approval Center" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Approval Center" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Approval Center" />
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">
OKR management
</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="OKR management" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="OKR management" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="OKR management" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="OKR management" />
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">
AI robot
</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="AI robot" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="AI robot" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="AI robot" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="AI robot" />
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">
Meeting
</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Meeting" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Meeting" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Meeting" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Meeting" />
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">
OKR results analysis
</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="OKR results analysis" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="OKR results analysis" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="OKR results analysis" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="OKR results analysis" />
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">
LDAP
</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="LDAP" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="LDAP" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="LDAP" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="LDAP" />
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">
Email
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Email" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Email" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Email" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Email" />
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">
App Push Notifications
</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="App Push Notifications" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="App Push Notifications" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="App Push Notifications" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="App Push Notifications" />
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">
Team management
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Team management" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Team management" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Team management" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Team management" />
</li>
</ol>
</li>
<li class="plans-ul-t-item">
<ol class="plans-ol">
<li class="plans-ol-item">
<h6 class="txt-5001616 plans-ul-t-item-h4">
Chat
</h6>
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">
@ Features
</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="@ Features" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="@ Features" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="@ Features" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="@ Features" />
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">
Linked Task
</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Linked Task" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Linked Task" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Linked Task" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Linked Task" />
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">
Emoji
</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Emoji" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Emoji" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Emoji" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Emoji" />
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">
Message categorization
</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Message Categorization" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Message Categorization" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Message Categorization" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Message Categorization" />
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">
Message Right-Click
Functionality
</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg"
alt="Message Right-Click Functionality" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg"
alt="Message Right-Click Functionality" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg"
alt="Message Right-Click Functionality" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg"
alt="Message Right-Click Functionality" />
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">
Message Do Not Disturb
</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Message Do Not Disturb" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Message Do Not Disturb" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Message Do Not Disturb" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Message Do Not Disturb" />
</li>
<li class="plans-ol-item grid-5">
<h6 class="txt-4001616 plans-ol-item-h6">
Color Coding
</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Color Coding" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Color Coding" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Color Coding" />
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Color Coding" />
</li>
</ol>
</li>
<!-- <li class="plans-ul-t-item grid-5" style="padding: 24px;">
<h4 class="plans-ul-t-item-h4"></h4>
<div class="plans-ul-t-item-h4">
<span class="plans-ul-b-item-btn">
<a href="https://github.com/kuaifan/dootask/tree/pro" target="_blank"> <button class="btn btn-primary">Deploy Now</button></a>
</span>
</div>
<div class="plans-ul-t-item-h4">
<span class="plans-ul-b-item-btn">
<button class="btn btn-primary" onclick="showBox('Contact Us')">Contact Us</button>
</span>
</div>
<div class="plans-ul-t-item-h4">
<span class="plans-ul-b-item-btn">
<button class="btn btn-primary" onclick="showBox('Customised consultancy')">Consult</button>
</span>
</div>
</li> -->
</ul>
<ul class="plans-ul-768">
<li class="plans-ul-768-item mb-36">
<h5 class="txt-5001822 help-h5 mb-16">
Regular version
</h5>
<ol class="plans-ol-768">
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">
System usage
</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Number of users
</h6>
<h6 class="txt-4001516 plans-ol-item-h6">
Unlimited
</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Number of projects
</h6>
<h6 class="txt-4001516 plans-ol-item-h6">
Unlimited
</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Number of tasks
</h6>
<h6 class="txt-4001516 plans-ol-item-h6">
Unlimited
</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Offline Deployment
</h6>
<h6 class="txt-4001516 plans-ol-item-h6">
Support
</h6>
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">
Task Collaboration
</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Multi-view presentation
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Multi-view presentation" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Custom column
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Custom column" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Visibility setting
</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Visibility setting" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Repetition cycle
</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Repetition cycle" />
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">
Project management
</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Project progress
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project progress" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Project templates
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project templates" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Gantt chart
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Gantt chart" />
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">
Application
</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Approval center
</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Approval center" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
OKR management
</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="OKR management" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
AI robot
</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="AI robot" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Meeting
</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Meeting" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
OKR results analysis
</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="OKR results analysis" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
LDAP
</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="LDAP" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Email
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Email" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
App Push Notifications
</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="App Push Notifications" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Team management
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Team management" />
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">
Chat
</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
@ Features
</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="@ Features" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Linked Task
</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Linked Task" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Emoji
</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Emoji" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Message categorization
</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Message categorization" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Message Right-Click
Functionality
</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg"
alt="Message Right-Click Functionality" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Message Do Not Disturb
</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Message Do Not Disturb" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Color Coding
</h6>
<img class="plans-ol-item-icon2" src="../img/price_icon2.svg" alt="Color Coding" />
</div>
</li>
<li class="price-card-money mb-16">
<h2 class="txt-6002430 price-card-h2">
¥0
</h2>
<i class="txt-5001528 price-card-unit">/month</i>
</li>
<li>
<span style="
display: inline-block;
width: 100%;
">
<a href="https://github.com/kuaifan/dootask/tree/v0.13.0" target="_blank" class="start_a">
<button class="btn btn-primary">
Deploy Now
</button>
</a>
</span>
</li>
</ol>
</li>
<li class="plans-ul-768-item mb-36">
<h5 class="txt-5001822 help-h5 mb-16">
Professional Edition
</h5>
<ol class="plans-ol-768">
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">
System usage
</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Number of users
</h6>
<h6 class="txt-4001516 plans-ol-item-h6">
≤3
</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Number of projects
</h6>
<h6 class="txt-4001516 plans-ol-item-h6">
Unlimited
</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Number of tasks
</h6>
<h6 class="txt-4001516 plans-ol-item-h6">
Unlimited
</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Offline Deployment
</h6>
<h6 class="txt-4001516 plans-ol-item-h6">
Support
</h6>
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">
Task Collaboration
</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Multi-view presentation
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Multi-view presentation" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Custom column
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Custom column" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Visibility setting
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Visibility setting" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Repetition cycle
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Repetition cycle" />
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">
Project management
</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Project progress
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project progress" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Project templates
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project templates" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Gantt chart
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Gantt chart" />
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">
Application
</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Approval center
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Approval center" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
OKR management
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="OKR management" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
AI robot
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="AI robot" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Meeting
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Meeting" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
OKR results analysis
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="OKR results analysis" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
LDAP
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="LDAP" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Email
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Email" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
App Push Notifications
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="App Push Notifications" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Team management
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Team management" />
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">
Chat
</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
@ Features
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="@ Features" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Linked Task
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Linked Task" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Emoji
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Emoji" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Message categorization
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Message categorization" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Message Right-Click
Functionality
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg"
alt="Message Right-Click Functionality" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Message Do Not Disturb
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Message Do Not Disturb" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Color Coding
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Color Coding" />
</div>
</li>
<li class="price-card-money mb-16">
<h2 class="txt-6002430 price-card-h2">
¥0
</h2>
<i class="txt-5001528 price-card-unit">/month</i>
</li>
<li>
<span style="
display: inline-block;
width: 100%;
">
<a href="https://github.com/kuaifan/dootask/tree/pro" target="_blank" class="start_a">
<button class="btn btn-primary">
Deploy Now
</button>
</a>
</span>
</li>
</ol>
</li>
<li class="plans-ul-768-item mb-36">
<h5 class="txt-5001822 help-h5 mb-16">
Regular version
</h5>
<ol class="plans-ol-768">
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">
System usage
</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Number of users
</h6>
<h6 class="txt-4001516 plans-ol-item-h6">
Unlimited
</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Number of projects
</h6>
<h6 class="txt-4001516 plans-ol-item-h6">
Unlimited
</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Number of tasks
</h6>
<h6 class="txt-4001516 plans-ol-item-h6">
Unlimited
</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Offline Deployment
</h6>
<h6 class="txt-4001516 plans-ol-item-h6">
Official Support
</h6>
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">
Task Collaboration
</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Multi-view presentation
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Multi-view presentation" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Custom column
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Custom column" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Visibility setting
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Visibility setting" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Repetition cycle
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Repetition cycle" />
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">
Project management
</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Project progress
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project progress" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Project templates
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project templates" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Gantt chart
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Gantt chart" />
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">
Application
</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Approval center
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Approval center" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
OKR management
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="OKR management" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
AI robot
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="AI robot" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Meeting
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Meeting" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
OKR results analysis
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="OKR results analysis" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
LDAP
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="LDAP" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Email
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Email" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
App Push Notifications
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="App Push Notifications" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Team management
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Team management" />
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">
Chat
</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
@ Features
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="@ Features" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Linked Task
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Linked Task" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Emoji
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Emoji" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Message categorization
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Message categorization" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Message Right-Click
Functionality
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg"
alt="Message Right-Click Functionality" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Message Do Not Disturb
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Message Do Not Disturb" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Color Coding
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Color Coding" />
</div>
</li>
<li class="price-card-money mb-16">
<h2 class="txt-6002430 price-card-h2">
¥18,888
</h2>
<i class="txt-5001528 price-card-unit">/perpetual</i>
</li>
<li>
<span style="
display: inline-block;
width: 100%;
">
<button class="btn btn-primary mb-24" onclick="showBox('Contact Us')">
Contact Us
</button>
</span>
</li>
</ol>
</li>
<li class="plans-ul-768-item mb-36">
<h5 class="txt-5001822 help-h5 mb-16">
Customised version
</h5>
<ol class="plans-ol-768">
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">
System usage
</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Number of users
</h6>
<h6 class="txt-4001516 plans-ol-item-h6">
Unlimited
</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Number of projects
</h6>
<h6 class="txt-4001516 plans-ol-item-h6">
Unlimited
</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Number of tasks
</h6>
<h6 class="txt-4001516 plans-ol-item-h6">
Unlimited
</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Offline Deployment
</h6>
<h6 class="txt-4001516 plans-ol-item-h6">
Official Support
</h6>
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">
Task Collaboration
</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Multi-view presentation
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Multi-view presentation" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Custom column
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Custom column" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Visibility setting
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Visibility setting" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Repetition cycle
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Repetition cycle" />
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">
Project management
</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Project progress
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project progress" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Project templates
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Project templates" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Gantt chart
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Gantt chart" />
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">
Application
</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Approval center
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Approval center" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
OKR management
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="OKR management" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
AI robot
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="AI robot" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Meeting
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Meeting" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
OKR results analysis
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="OKR results analysis" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
LDAP
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="LDAP" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Email
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Email" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
App Push Notifications
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="App Push Notifications" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Team management
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Team management" />
</div>
</li>
<li class="plans-ol-768-item">
<div class="plans-ol-768-content">
<h6 class="txt-5001616 plans-ol-item-h4">
Chat
</h6>
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
@ Features
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="@ Features" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Linked Task
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Linked Task" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Emoji
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Emoji" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Message categorization
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Message categorization" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Message Right-Click
Functionality
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg"
alt="Message Right-Click Functionality" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Message Do Not Disturb
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Message Do Not Disturb" />
</div>
<div class="plans-ol-768-content">
<h6 class="txt-4001516 plans-ol-item-h6">
Color Coding
</h6>
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Color Coding" />
</div>
</li>
<li class="price-card-money mb-16">
<h2 class="txt-6002430 price-card-h2">
Consult
</h2>
</li>
<li>
<span style="
display: inline-block;
width: 100%;
">
<button class="btn btn-primary mb-24" onclick="showBox('Customised consultancy')">
Consult
</button>
</span>
</li>
</ol>
</li>
</ul>
</div>
</div>
</article>
</section>
</main>
<!-- 页脚区域 -->
<footer>
<div class="footer-con">
<div class="footer-layout">
<div class="footer-l">
<a href="#" class="logo">
<img id="logo" src="../img/light/logo.svg" alt="DooTask,Logo" />
<i class="dootask txt-7002027">DooTask</i>
</a>
<i class="txt txt-4001624">Helps teams move projects forward efficiently
and makes work easier.</i>
</div>
<div class="footer-r">
<ul class="footer-r-ul">
<li class="footer-r-item">
<ol class="footer-r-ol">
<li class="footer-ol-item txt-5001624 mb-24">
Links
</li>
<li class="footer-ol-item mb-16">
<a class="txt-4001624 txt" href="../en/product.html">Product</a>
</li>
<li class="footer-ol-item mb-16">
<a class="txt-4001624 txt" href="../en/solutions.html">Solutions</a>
</li>
<li class="footer-ol-item mb-16">
<a class="txt-4001624 txt" href="../en/price.html">Pricing</a>
</li>
<li class="footer-ol-item">
<a class="txt-4001624 txt" href="../en/solutions.html">About Us</a>
</li>
</ol>
</li>
<li class="footer-r-item">
<ol class="footer-r-ol">
<li class="footer-ol-item txt-5001624 mb-24">
Support
</li>
<li class="footer-ol-item mb-16">
<a class="txt-4001624 txt" href="../en/download.html">Download Center</a>
</li>
<li class="footer-ol-item mb-16">
<a class="txt-4001624 txt" href="../en/help.html">Help Center</a>
</li>
<li class="footer-ol-item mb-16">
<a class="txt-4001624 txt" href="../en/privacy.html" target="_blank">Privacy
Policy</a>
</li>
<li class="footer-ol-item">
<a class="txt-4001624 txt" href="../../docs/index.html" target="_blank">API
document</a>
</li>
</ol>
</li>
<li class="footer-r-item">
<ol class="footer-r-ol">
<li class="footer-ol-item txt-5001624 mb-24">
Community
</li>
<li class="footer-ol-item">
<div class="footer-ol-item mb-16">
<i class="txt-4001624 txt" onclick="openInNewTab('https://github.com/kuaifan/dootask')">Github</i>
</div>
<div class="footer-ol-item mb-16">
<i class="txt-4001624 txt" onclick="openInNewTab('https://gitee.com/aipaw/dootask')">Gitee</i>
</div>
<div class="footer-ol-item" id="qq_group">
<i class="txt-4001624 txt">QQ Group</i>
<div class="group_code">
<img class="code-svg" id="home_code" src="../img/light/home_code.svg" alt="Group：546574618" />
<i class="group_num">Group：546574618</i>
<i class="lower_triangle"></i>
</div>
</div>
</li>
</ol>
</li>
</ul>
</div>
</div>
<div class="txt-4001624 filings footer_copyright">
<span>
Copyright © 2022-2023 DooTask. All rights reserved.
</span>
<div class="footer_beian" style="display: flex">
<img src="../img/beian.png" alt="" /><span style="padding-left: 3px">桂公网安备
45010802000393号</span>
</div>
<a class="footer_beian_a" href="http://beian.miit.gov.cn">桂ICP备2021003642号-5</a>
</div>
</div>
</footer>
<!-- 侧边导航 -->
<div id="nav_wrap"></div>
</div>
</body>
<script src="../js/common.js"></script>
<script>
/* 价格卡片切换函数 */
const tabs = document.querySelector(".price-card");
const tabItems = tabs.querySelectorAll(".price-card-item");
tabs.addEventListener("click", function (event) {
const theme = localStorage.getItem("theme");
const clickedItem = event.target.closest(".price-card-item");
if (clickedItem && !clickedItem.classList.contains("active")) {
// 切换激活状态
for (let value of tabItems) {
value.classList.toggle("active", value === clickedItem);
}
}
});
let timerId = null;
timerId = setTimeout(() => {
tabItems.forEach((item) => {
item.classList.remove("price-animate-box");
});
timerId = null; // 执行完后将定时器置空
}, 1200);
// 联系我们和定制咨询弹框
function showBox(text) {
const box = document.querySelector(".BulletBox1");
box.style.display = "block";
const name = document.querySelector(".BulletBox1Name");
name.innerHTML = text;
}
document
.querySelector(".BulletBox1Btn")
.addEventListener("click", function () {
const box = document.querySelector(".BulletBox1");
box.style.display = "none";
});
document.addEventListener("DOMContentLoaded", function () {
fetch("./sideNav.html")
.then((response) => response.text())
.then((data) => {
document.getElementById("nav_wrap").innerHTML = data;
// 回到顶部
const back_top_button =
document.getElementById("back_to_top");
window.addEventListener("scroll", () => {
if (
document.body.scrollTop > 20 ||
document.documentElement.scrollTop > 20
) {
back_top_button.style.display = "block";
} else {
back_top_button.style.display = "none";
}
});
back_top_button.addEventListener("click", () => {
window.scrollTo({
top: 0,
behavior: "smooth",
});
});
// 检查页面加载时的滚动位置以决定是否显示回到顶部按钮
if (document.documentElement.scrollTop > 20) {
back_top_button.style.display = "block"; // 显示回到顶部按钮
}
let toolbarPhone = document.getElementById(
"side_toolbar_item_phone"
);
let tooltipPhone = document.getElementById(
"toolbar_tooltip_phone"
);
let toolbarWhtasapp = document.getElementById(
"side_toolbar_item_whtasapp"
);
let tooltipWhtasapp = document.getElementById(
"toolbar_tooltip_whtasapp"
);
let toolbarQrcode = document.getElementById(
"side_toolbar_item_qrcode"
);
let tooltipQrcode = document.getElementById(
"toolbar_tooltip_qrcode"
);
function toggleTooltip(dom) {
if (dom.style.display === "block") {
dom.style.display = "none";
} else {
dom.style.display = "block";
}
}
if (toolbarPhone) {
toolbarPhone.addEventListener("click", () => {
event.stopPropagation();
// 谷歌分析事件追踪
if (gtag) {
gtag("event", "click", {
event_category: "button",
event_label: "right_side_toolbar_phone",
});
}
toggleTooltip(tooltipPhone);
tooltipWhtasapp.style.display = "none";
tooltipQrcode.style.display = "none";
if (
/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
navigator.userAgent
)
) {
window.location.href = "tel:0771-3164099";
}
});
}
if (toolbarWhtasapp) {
toolbarWhtasapp.addEventListener("click", () => {
event.stopPropagation();
// 谷歌分析事件追踪
if (gtag) {
gtag("event", "click", {
event_category: "button",
event_label: "right_side_toolbar_Whtasapp",
});
}
toggleTooltip(tooltipWhtasapp);
tooltipPhone.style.display = "none";
tooltipQrcode.style.display = "none";
});
}
if (toolbarQrcode) {
toolbarQrcode.addEventListener("click", () => {
event.stopPropagation();
// 谷歌分析事件追踪
if (gtag) {
gtag("event", "click", {
event_category: "button",
event_label: "right_side_toolbar_WeChat",
});
}
toggleTooltip(tooltipQrcode);
tooltipPhone.style.display = "none";
tooltipWhtasapp.style.display = "none";
});
}
});
});
</script>
<script src="../js/ad.js"></script>
</html>
Reference in New Issue View Git Blame Copy Permalink