forked from nextcloud/nextcloud.com
-
Notifications
You must be signed in to change notification settings - Fork 0
/
page-onlyoffice.php
208 lines (199 loc) · 10.6 KB
/
page-onlyoffice.php
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
<head>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/assets/css/pages/onlyoffice.css">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/assets/css/vendor/dsgvo-video-embed.min.css">
<script src="<?php echo get_template_directory_uri(); ?>/assets/js/dsgvo-video-embed.min.js"></script>
<script>
require(["require.config"], function() {
require(["pages/collabora", "modules/youtubePlayer", "modules/codeHighlights"])
});
</script>
<meta itemprop="image" content="<?php bloginfo('template_directory'); ?>/assets/img/features/onlyoffice.png">
<meta name="twitter:image" content="<?php bloginfo('template_directory'); ?>/assets/img/features/onlyoffice.png">
<meta name="twitter:image:src" content="<?php bloginfo('template_directory'); ?>/assets/img/features/onlyoffice.png">
<meta property="og:image" content="<?php bloginfo('template_directory'); ?>/assets/img/features/onlyoffice.png">
</head>
<div class="background onlyoffice-background">
<div class="container">
<div class="row">
<div class="col-md-6 topheader">
<h1><?php echo $l->t('Your private office');?></h1>
<h2><?php echo $l->t('Self-host secure office document collaboration with ONLYOFFICE');?></h2>
</div>
</div>
</div>
</div>
<section class="section--video">
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<iframe height="500" width="auto" src="https://www.youtube-nocookie.com/embed/piI5LvYfv2o" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<p class="section--paragraph text-center"><?php echo $l->t('ONLYOFFICE integration in Nextcloud empowers your users to collaborate on office documents with team members in real time.');?></p>
<p class="section--paragraph text-center"><?php echo $l->t('Compatibility with Microsoft Office formats means perfect documents, every time.');?></p>
</div>
</div>
</div>
</section>
<section class="section--overview">
<div class="container-widest">
<div class="row">
<div class="col-md-4 revealOnScroll">
<div class="text-center"><img class="img-responsive" src="<?php bloginfo('template_directory'); ?>/assets/img/features/onlyoffice-spreadsheet.png" /></div>
<p class="section--paragraph__tittle text-center"><?php echo $l->t('Powerful spreadsheet editor');?></p>
<p class="section--paragraph text-center"><?php echo $l->t('Organize and manage your data online in XLSX, ODS and CSV files with over 400 formulas and create colorful visualisations.');?></p>
</div>
<div class="col-md-4 revealOnScroll">
<div class="text-center"><img class="img-responsive" src="<?php bloginfo('template_directory'); ?>/assets/img/features/onlyoffice-presentation.png" /></div>
<p class="section--paragraph__tittle text-center"><?php echo $l->t('Beautiful presentation builder');?></p>
<p class="section--paragraph text-center"><?php echo $l->t('Express ideas in beautiful presentations stored in PPTX and ODP or exported to PDF full of charts, shapes and images.');?></p>
</div>
<div class="col-md-4 revealOnScroll">
<div class="text-center"><img class="img-responsive" src="<?php bloginfo('template_directory'); ?>/assets/img/features/onlyoffice-document.png" /></div>
<p class="section--paragraph__tittle text-center"><?php echo $l->t('Complete document writer');?></p>
<p class="section--paragraph text-center"><?php echo $l->t('Open, edit and collaborate on Word, ODT, PDF or HTML documents in real time with powerful formatting and layout capabilities.');?></p>
</div>
</div>
</div>
</section>
<section class="section--main">
<div class="container">
<div class="featurerow">
<div class="row">
<!-- </div> -->
<div class="col-md-6 revealOnScroll image--floated">
<img class="img-responsive" src="<?php echo get_template_directory_uri(); ?>/assets/img/icons/html5.png" alt="in action" />
</div>
<div class="col-md-6 featureblock revealOnScroll">
<h2 class="section--paragraph__tittle"><?php echo $l->t('Up-to-date technology');?></h2>
<p class="section--paragraph"><?php echo $l->t('ONLYOFFICE is built on the HTML5 Canvas, providing:');?></p>
<ul>
<li><?php echo $l->t('A modern and familiar user interface');?></li>
<li><?php echo $l->t('The same document rendering in every browser');?></li>
<li><?php echo $l->t('Low resource consumption on server and client');?></li>
<li><?php echo $l->t('Desktop level editing capabilities');?></li>
</ul>
<p class="section--paragraph"><?php echo $l->t('Full support for MS office formats like DOCX and PPTX is provided, as well as import and export of the Open Document Format.');?></p>
</div>
</div>
</div>
<div class="featurerow">
<div class="row">
<div class="col-md-6 revealOnScroll">
<a href="<?php bloginfo('template_directory'); ?>/assets/img/features/collabora-spreadsheet.png"><img class="img-responsive" src="<?php echo get_template_directory_uri(); ?>/assets/img/features/onlyoffice-integration.png" alt="in action" /></a>
</div>
<div class="col-md-6 revealOnScroll featureblock">
<h2 class="section--paragraph__tittle"><?php echo $l->t('Integrated and on-premises');?></h2>
<p class="section--paragraph"><?php echo $l->t('Instead of handing over data to a third party, ONLYOFFICE runs in your own data center, guaranteeing 100% confidentiality of the documents.');?></p>
<p class="section--paragraph"><?php echo $l->t('Integration in Nextcloud makes it easy to work on documents alone, with other Nextcloud users or with others whom participate through a publicly shared link.');?></p>
</div>
</div>
</div>
</div>
</section>
<section class="section--advantages">
<div class="container-fluid quote">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 revealOnScroll">
<h1 class="section--heading-1 text-center"><?php echo $l->t('Key advantages');?></h1>
<h3 class="text-center"><?php echo $l->t('What makes ONLYOFFICE the best online office solution on the market');?></h3>
</div>
</div>
<div class="row">
<div class="col-sm-6 revealOnScroll">
<p class="section--paragraph__tittle"><?php echo $l->t('A complete solution');?></p>
<p class="section--paragraph">
<ul>
<li><?php echo $l->t('Full desktop-level set of formatting and file handling capabilities');?></li>
<li><?php echo $l->t('Deeply integrated in Nextcloud and offering powerful collaboration features');?></li>
</ul></p>
</div>
<div class="col-sm-6 revealOnScroll">
<p class="section--paragraph__tittle"><?php echo $l->t('Under your control');?></p>
<p class="section--paragraph">
<ul>
<li><?php echo $l->t('Deployed on your own servers, giving you full control over your data');?></li>
<li><?php echo $l->t('100% open source guarantees transparency and no vendor lock-in');?></li>
</ul></p>
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2 revealOnScroll">
<div class="text-center morebuttondiv">
<a href="<?php echo home_url('buy') ?>" class="button button--large button--arrow"><?php echo $l->t('Request a quote');?> <i class="icon-arrow-circle-o-right icon"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section--features">
<img class="img-responsive" src="<?php bloginfo('template_directory'); ?>/assets/img/features/onlyoffice-3.png" alt="in action" /></a>
<div class="container">
<div class="featurerow">
<div class="row">
<!-- </div> -->
<div class="col-md-4 revealOnScroll">
<h2 class="section--paragraph__tittle"><?php echo $l->t('Advanced tools');?></h2>
<ul>
<li><?php echo $l->t('Edit inline charts;');?></li>
<li><?php echo $l->t('Group objects;');?></li>
<li><?php echo $l->t('Insert text boxes;');?></li>
<li><?php echo $l->t('Spell Checking;');?></li>
<li><?php echo $l->t('Translation & Macros;');?></li>
</div>
<div class="col-md-4 revealOnScroll">
<h2 class="section--paragraph__tittle"><?php echo $l->t('Great design');?></h2>
<li><?php echo $l->t('Work with auto-shapes;');?></li>
<li><?php echo $l->t('Add Text Art objects;');?></li>
<li><?php echo $l->t('Apply colour schemes;');?></li>
<li><?php echo $l->t('Cell text formatting;');?></li>
<li><?php echo $l->t('YouTube Integration;');?></li>
</ul>
</div>
<div class="col-md-4 featureblock revealOnScroll">
<h2 class="section--paragraph__tittle"><?php echo $l->t('Perfect collaboration');?></h2>
<ul>
<li><?php echo $l->t('Public read only/read write links;');?></li>
<li><?php echo $l->t('Track changes, accept/reject changes;');?></li>
<li><?php echo $l->t('Multiple co-editing modes');?></li>
<li><?php echo $l->t('Commenting;');?></li>
<li><?php echo $l->t('Mail merge.');?></li>
</ul>
</div>
</div>
</div>
<div class="featurerow">
<div class="row">
<div class="col-md-6 revealOnScroll">
<img class="img-responsive" src="<?php echo get_template_directory_uri(); ?>/assets/img/features/onlyoffice-integration-details.png" alt="in action" />
</div>
<div class="col-md-4 col-md-offset-2 revealOnScroll featureblock">
<h2 class="section--paragraph__tittle"><?php echo $l->t('Seamless integration');?></h2>
<ul>
<li><?php echo $l->t('File creation, editing, saving;');?></li>
<li><?php echo $l->t('Conversion to OOXML formats;');?></li>
<li><?php echo $l->t('File versions;');?></li>
<li><?php echo $l->t('Federated share support;');?></li>
<li><?php echo $l->t('Editing via public links;');?></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<div class="container-fluid call-to-action">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 featureblock revealOnScroll">
<h1 class="section--heading-1 text-center"><?php echo $l->t('For home users');?></h1>
<div class="text-center morebuttondiv">
<a href="https://www.onlyoffice.com/download.aspx" class="button button--large button--arrow"><?php echo $l->t('Get ONLYOFFICE for at home');?> <i class="icon-arrow-circle-o-right icon"></i></a>
</div>
</div>
</div>
</div>
</div>