forked from cypht-org/cypht-website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
documentation.html
209 lines (188 loc) · 8.33 KB
/
documentation.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
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Documentation</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="img/icon.ico">
<link rel="stylesheet" href="site.css">
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg navbar-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="index.html">
<img src="img/logo.svg" width="120" height="60" alt="">
</a>
<button class="navbar-toggler toggler-home" type="button" data-toggle="collapse"
data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse " id="navbarSupportedContent">
<ul class="navbar-nav ml-lg-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="features.html">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="security.html">Security</a>
</li>
<li class="nav-item">
<a class="nav-link" href="modules.html">Mods</a>
</li>
<li class="nav-item">
<a class="nav-link" href="license.html">License</a>
</li>
<li class="nav-item">
<!--<a class="nav-link" href="tests.html">Test</a>-->
</li>
<li class="nav-item active">
<a class="nav-link" href="documentation.html">Documentation</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://unencumberedbyfacts.com" target="_blank">Blog</a>
</li>
<li class="nav-item">
<a onclick="document.getElementsByClassName('navbar-collapse')[0].style.display='none';"
class="nav-link" href="contribute.html">Contribute</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<div style="margin-top: 100px;"></div>
<section class="content-section-doc container">
<div class="line">
<div class="element1 item ">
<img src="img/login.PNG" alt="login" class="img-fluid">
</div>
<div class="element2 item ">
<h1>Welcome to Cypht</h1>
<p>Once installation is in
place, the users can login
the webmail using their
usernames & passwords.</p>
</div>
</div>
</section>
<section class="content-section-doc container">
<div class="line">
<div class="element2 item">
<p>After successfully logging in the webmail, the users will be redirected to the following home page of the webmail where the interactive interface allows user to perform multiple actions,</p>
</div>
<div class="element1 item">
<img src="img/home.PNG" alt="login" class="img-fluid">
</div>
</div>
</section>
<section class="content-section-doc container">
<div class="line">
<div class="element1 item">
<img src="img/Add.PNG" alt="add" class="img-fluid">
</div>
<div class="element2 item3">
<p>The users can Add an E-mail Account of any service provider to be able to access multiple inboxes from Cypht.</p>
</div>
</div>
</section>
<section class="content-section-doc container">
<div class="line ">
<div class="element2 item">
<p class="text-center">Enhanced customization capabilities allow user to setup, configure, and manage IMAP, SMTP and JMAP servers and setup the ATOM/RSS Feed</p>
</div>
<div class="element1 item">
<img src="img/Multi.PNG" alt="login" class="img-fluid">
</div>
</div>
</section>
<section class="content-section-doc container">
<div class="line">
<div class="element2 item">
<h1>Combined Inbox</h1>
<p>The advanced and most efficient service of the Cypht enables users to access multiple email accounts at the same time.
The users can view inboxes of different email providers and can send, receive, and manage email messages from the interactive webmail.
Also, the webmail allows provides the functionality to search, sort, and filter emails.</p>
</div>
<div class="element1 item">
<img src="img/Inbox.PNG" alt="login" class="img-fluid">
</div>
</div>
</section>
<section class="content-section-doc container">
<div class="line">
<div class="element1 item">
<img src="img/Contact.PNG" alt="Contact" class="img-fluid">
</div>
<div class="element2 item">
<h1>Contact Book</h1>
<p>One-click Contact Book allows users to efficiently add people to your contacts.
Contacts can be added via clicking the Contacts button from the main menu,</p>
</div>
</div>
</section>
<section class="content-section-doc container">
<div class="line">
<div class="element2 item">
<p class="text-center">Or simply by clicking on the “two-person” icon in the message you receive.</p>
</div>
<div class="element1 item">
<img src="img/Twoperson.PNG" alt="Twoperson" class="img-fluid">
</div>
</div>
</section>
<section class="content-section-doc container">
<div class="line">
<div class="element2 item">
<h1>Calendar</h1>
<p>The calendar feature allows user to create different events by clicking the “+” icon on top-right corner.
The created reminders and events will be shown in the calendar making it easier for user to keep track of the special events.</p>
</div>
<div class="element1 item">
<img src="img/Calendar.PNG" alt="Calendar" class="img-fluid">
</div>
</div>
</section>
<section class="content-section-doc container">
<div class="line">
<div class="element1 item">
<img src="img/Compose.PNG" alt="Compose" class="img-fluid">
</div>
<div class="element2 item">
<h1>Compose Email</h1>
<p>The webmail offers simple and interactive interface to compose and send an email message from any of the added email accounts along with the functionalities to access draft emails by clicking the “document” icon on top-right corner, add signatures, attachments, etc.</p>
</div>
</div>
</section>
<section class="content-section-doc container">
<div class="line">
<div class="element2 item">
<h1>User Profiles</h1>
<p>From webmail settings options, the user can access the feature to add numerous profiles in the webmail allowing users to combine IMAP accounts with SMTP accounts and setup signatures and reply-to details.</p>
</div>
<div class="element1 item">
<img src="img/userprofil.PNG" alt="profile" class="img-fluid">
</div>
</div>
</section>
<section class="content-section-doc container">
<div class="line">
<div class="element1 item">
<img src="img/Developer.PNG" alt="developer" class="img-fluid">
</div>
<div class="element2 item">
<h1>Developer Options</h1>
<p> Another interesting feature of the open-source platform is its provision of the developer documentation and links to the source code. Thereby enabling the developer community of the webmail to actively contribute to making the platform more efficient, advanced, and reliable.</p>
</div>
</div>
</section>
<script src="jquery.slim.min.js"></script>
<script src="bootstrap.bundle.min.js"></script>
</body>
</html>