-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
283 lines (276 loc) · 19.4 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="IT documentation, ticketing and billing for small MSPs" />
<meta name="author" content="ITFlow" />
<title>ITFlow - IT documentation, ticketing and billing</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Font Awesome icons (free version)-->
<script src="js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body id="page-top">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand" href="#page-top"><i class="fas fa-paper-plane text-primary me-3"></i>ITFlow</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fas fa-bars ms-1"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ms-auto py-4 py-lg-0">
<li class="nav-item"><a class="nav-link" href="#features">Features</a></li>
<li class="nav-item"><a class="nav-link" href="#about">About</a></li>
<li class="nav-item"><a class="nav-link" href="#team">Team</a></li>
<li class="nav-item"><a class="nav-link" href="https://forum.itflow.org" target="_blank">Forum <i class="fas fa-external-link"></i></a></li>
<li class="nav-item"><a class="nav-link" href="https://docs.itflow.org" target="_blank">Docs <i class="fas fa-external-link"></i></a></li>
<li class="nav-item"><a class="nav-link" href="https://services.itflow.org" target="_blank">Services <i class="fas fa-external-link"></i></a></li>
<li class="nav-item"><a class="nav-link" href="https://github.com/itflow-org/itflow" target="_blank">GitHub <i class="fab fa-github"></i></a></li>
</ul>
</div>
</div>
</nav>
<!-- Masthead-->
<header class="masthead">
<div class="container">
<div class="masthead-subheading">Client IT Documentation, Ticketing and Billing</div>
<div class="masthead-heading text-uppercase">Free and Open source</div>
<a class="btn btn-primary btn-xl text-uppercase mx-2 mb-2" href="https://demo.itflow.org" target="_blank">Try the Demo <i class="fas fa-external-link"></i></a>
<a class="btn btn-light btn-xl text-uppercase mx-2 mb-2" href="https://docs.itflow.org/installation" target="_blank">Get Started <i class="fas fa-external-link"></i></a>
</div>
</header>
<!-- Services-->
<section class="page-section" id="features">
<div class="container">
<div class="text-center">
<h2 class="section-heading text-uppercase">Features</h2>
<h3 class="section-subheading text-muted">This comprehensive platform effectively consolidates everything into one seamless solution which truly makes the defacto ERP for MSPs</h3>
</div>
<div class="row text-center">
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-dark"></i>
<i class="fas fa-user-friends fa-stack-1x fa-inverse"></i>
</span>
<h4 class="my-3">Client Documentation</h4>
<p class="text-muted">ITFlow offers a comprehensive solution for IT management, serving as a centralized hub for managing client information, including contacts, locations, vendors, computer assets, software licenses, web domains, and key documents. Its efficient system streamlines operations and improves client satisfaction.</p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-dark"></i>
<i class="fas fa-ticket fa-stack-1x fa-inverse"></i>
</span>
<h4 class="my-3">Support Tickets</h4>
<p class="text-muted">ITFlow's ticketing system is designed for efficiency in IT support. It enables the creation, prioritization, and tracking of tickets, enhancing client relations and optimizing workflow for IT professionals.</p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-dark"></i>
<i class="fas fa-file-invoice-dollar fa-stack-1x fa-inverse"></i>
</span>
<h4 class="my-3">Invoicing</h4>
<p class="text-muted"> ITFlow Billing revolutionizes invoicing with features like recurring invoices, quotes, automated reminders, client online pay via Stripe Credit Card Processng. It simplifies financial management and provides detailed reporting for a clearer financial overview.</p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-dark"></i>
<i class="fas fa-robot fa-stack-1x fa-inverse"></i>
</span>
<h4 class="my-3">AI Integration</h4>
<p class="text-muted">ITFlow has added AI support, offering both private, self-hosted options like Ollama and LocalAI, and external services like ChatGPT. This integration facilitates tasks like ticketing, billing, documentation, and text editing, streamlining your workflow.</p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-dark"></i>
<i class="fas fa-code fa-stack-1x fa-inverse"></i>
</span>
<h4 class="my-3">Powerful API</h4>
<p class="text-muted">ITFlow's API facilitates seamless integration with various software systems, including RMMs and CRMs. It enhances IT infrastructure management, ensuring smooth data exchange and reliable system organization.</p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-dark"></i>
<i class="fas fa-key fa-stack-1x fa-inverse"></i>
</span>
<h4 class="my-3">Password Management</h4>
<p class="text-muted">The password manager in ITFlow securely stores, organizes, and shares passwords. It features AES encryption, providing robust protection against unauthorized access and cyber threats.</p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-dark"></i>
<i class="fas fa-user fa-stack-1x fa-inverse"></i>
</span>
<h4 class="my-3">Client Portal</h4>
<p class="text-muted">ITFlow's client portal offers clients direct access to their account information, ticket status invoices and important documents. It enhances transparency and communication, strengthening client relationships and involvement.</p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-dark"></i>
<i class="fas fa-balance-scale fa-stack-1x fa-inverse"></i>
</span>
<h4 class="my-3">Accounting</h4>
<p class="text-muted">ITFlow provides a full fledged accounting to keep track of your business expenses and income along with payroll and assets and extensive reports</p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-dark"></i>
<i class="fas fa-envelope fa-stack-1x fa-inverse"></i>
</span>
<h4 class="my-3">Bulk Email Communication</h4>
<p class="text-muted">Communicate with your clients and their employees using the bulk mail features, target them regarding maintenence schedules, outages and general marketing</p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-dark"></i>
<i class="fas fa-calendar-check fa-stack-1x fa-inverse"></i>
</span>
<h4 class="my-3">Calendar Events</h4>
<p class="text-muted">Manage multiple calendars and create calendar events and send notifications to the appropriate people for client scheduling, tasks etc</p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-dark"></i>
<i class="fas fa-bullhorn fa-stack-1x fa-inverse"></i>
</span>
<h4 class="my-3">Lead Management</h4>
<p class="text-muted">ITFlow allows you to manage your sales Leads.</p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-dark"></i>
<i class="fas fa-cubes fa-stack-1x fa-inverse"></i>
</span>
<h4 class="my-3">Modular</h4>
<p class="text-muted">ITFlow allows you to take control and easily turn off the modules you don't need. Just want to use it for documentation, no problem.</p>
</div>
</div>
<div class="text-center mt-5">
<h2 class="section-heading text-uppercase">ITFlow in Action</h2>
<h3 class="section-subheading text-muted">This comprehensive platform effectively consolidates everything into one seamless solution.</h3>
</div>
<img class="img-fluid mt-5" src="assets/img/itflow.gif">
</div>
</section>
<!-- About-->
<section class="page-section bg-dark" id="about">
<div class="container">
<div class="text-center">
<h2 class="section-heading text-uppercase text-light">About</h2>
<h3 class="section-subheading text-muted"></h3>
</div>
<ul class="timeline">
<li>
<div class="timeline-image">
<i class="fas fa-rocket fa-4x fa-inverse mt-sm-5"></i>
</div>
<div class="timeline-panel">
<div class="timeline-heading text-light">
<h4>2018</h4>
<h4 class="subheading">Our Humble Beginnings</h4>
</div>
<div class="timeline-body"><p class="text-muted">In 2018, ITFlow emerged as a new Managed Service Provider (MSP) focused on open-source technology, breaking away from standard proprietary solutions. Dissatisfied with the existing options, the team developed ITFlow, a comprehensive solution addressing diverse business needs in accounting, billing, and ticketing.</p></div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-image">
<i class="fab fa-github fa-4x fa-inverse mt-sm-5"></i>
</div>
<div class="timeline-panel">
<div class="timeline-heading text-light">
<h4>March 2019</h4>
<h4 class="subheading">ITFlow published on GitHub</h4>
</div>
<div class="timeline-body"><p class="text-muted">By March 2019, ITFlow was ready for a wider audience. Released on GitHub, it quickly captured the interest of the MSP community, showcasing its innovative approach and broad capabilities.</p></div>
</div>
</li>
<li>
<div class="timeline-image">
<i class="fas fa-users fa-4x fa-inverse mt-sm-5"></i>
</div>
<div class="timeline-panel">
<div class="timeline-heading text-light">
<h4>May 2021</h4>
<h4 class="subheading">Team Expansion</h4>
</div>
<div class="timeline-body"><p class="text-muted">In May 2021, ITFlow's development team expanded with the addition of Marcus and Andrei. This growth marked a significant acceleration in the project, strengthening its impact in the MSP sector.</p></div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-image">
<i class="fas fa-star fa-4x fa-inverse mt-sm-5"></i>
</div>
<div class="timeline-panel">
<div class="timeline-heading text-light">
<h4>April 2023</h4>
<h4 class="subheading">Recognition and Growth</h4>
</div>
<div class="timeline-body"><p class="text-muted">As of April 2023, ITFlow has garnered over 300 stars on GitHub, signaling widespread recognition and appreciation. The team is on the brink of releasing a stable version, highlighting the project's success and potential.</p></div>
</div>
</li>
</ul>
</div>
</section>
<!-- Team-->
<section class="page-section bg-light" id="team">
<div class="container">
<div class="text-center">
<h2 class="section-heading text-uppercase">Core Team</h2>
<h3 class="section-subheading text-muted">Lets meet the people behind the curtain that make ITFlow so fantastically great!</h3>
</div>
<div class="row">
<div class="col-lg-6">
<div class="team-member">
<img class="mx-auto rounded-circle" src="assets/img/team/Johnny.jpg" alt="Johnny" />
<h4>Johnny</h4>
<p class="text-muted">President / Lead Developer</p>
<a class="btn btn-dark btn-social mx-2" href="https://github.com/johnnyq" target="_blank" aria-label="Johnny GitHub Profile"><i class="fab fa-github"></i></a>
<a class="btn btn-dark btn-social mx-2" href="https://forum.itflow.org/u/johnny" target="_blank" aria-label="Johnny ITFlow Forum Profile"><i class="fab fa-discourse"></i></a>
<a class="btn btn-dark btn-social mx-2" href="https://pittpc.com" target="_blank" aria-label="PittPC Website"><i class="fas fa-globe"></i></a>
</div>
</div>
<div class="col-lg-6">
<div class="team-member">
<img class="mx-auto rounded-circle" src="assets/img/team/clippy.png" alt="Marcus" />
<h4>Marcus</h4>
<p class="text-muted">Project Manager / Senior Developer</p>
<a class="btn btn-dark btn-social mx-2" href="https://github.com/wrongecho" target="_blank" aria-label="Marcus GitHub Profile"><i class="fab fa-github"></i></a>
<a class="btn btn-dark btn-social mx-2" href="https://forum.itflow.org/u/wrongecho" target="_blank" aria-label="Marcus ITFlow Forum Profile"><i class="fab fa-discourse"></i></a>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-8 mx-auto text-center"><p class="large text-muted">Our team is a mix of IT professionals working together like a finely tuned ensemble. Although ITFlow isn't our primary job, our passion for it drives us to dedicate time outside our regular MSP work and leisure activities.</p></div>
</div>
</div>
</section>
<!-- Footer-->
<footer class="footer bg-dark py-4">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-4 text-light text-lg-start">
Sponsors: <strong>PittPC, CompuMatter, F1 for HELP</strong>
</div>
<div class="col-lg-4 my-3 my-lg-0">
<a class="btn btn-light btn-social mx-2" href="https://github.com/itflow-org/itflow#readme" target="_blank" aria-label="Github"><i class="fab fa-github"></i></a>
<a class="btn btn-light btn-social mx-2" href="https://www.youtube.com/@wrongecho5029/featured" target="_blank" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>
<div class="col-lg-4 text-lg-end">
<a class="link-light text-decoration-none me-3" href="https://donate.stripe.com/6oEbK92lH08feys3cc" target="_blank"><i class="fas fa-coffee ms-3 me-2"></i><strong>Buy us a Coffee</strong></a>
</div>
</div>
</div>
</footer>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>