diff --git a/assets/css/pages/customerstories.css b/assets/css/pages/customerstories.css new file mode 100644 index 000000000..8841b2c94 --- /dev/null +++ b/assets/css/pages/customerstories.css @@ -0,0 +1,200 @@ +/*Colors*/ +/*Shadows*/ +/*Breakpoints*/ +/* New widest container for headers */ +.container-widest { + max-width: 1800px; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 768px) { + .container-widest .container-widest { + width: 738px; + } +} +@media (min-width: 992px) { + .container-widest .container-widest { + width: 962px; + } +} +@media (min-width: 1200px) { + .container-widest .container-widest { + width: 1170px; + } +} +@media (min-width: 1500px) { + .container-widest .container-widest { + width: 1470px; + } +} +@media (min-width: 1800px) { + .container-widest .container-widest { + width: 1770px; + } +} + +/* Make Navbar transparent */ +.nav:not(.scrolled) { + background-color: transparent; + position: absolute; +} + +.files-background { + background: url("../../img/headers/yourcloud.jpg") no-repeat; + background-position: center; + background-size: cover; +} + +section { + margin: 180px 0; +} + +.section--customers { + position: relative; +} +.section--customers .section--paragraph { + margin: 40px 0; +} +.section--customers .row { + margin-top: 50px; +} +.section--customers .customer { + position: relative; + padding-left: 10px; + padding-right: 10px; +} +.section--customers .customer .customer-logo { + padding-left: 10px; + padding-right: 10px; + max-width: 250px; + float: center; + position: relative; + text-align: center; + margin-left: auto; + margin-right: auto; + vertical-align: middle; +} +.section--customers .customer .customer-logo a img:hover { + -webkit-filter: saturate(0%) contrast(0.35) brightness(130%); + filter: saturate(0%) contrast(0.35) brightness(130%); +} + +.section--customerdetail .section--intro { + margin-top: 30px; + margin-bottom: 80px; +} +.section--customerdetail .box { + box-shadow: 0 0 1px rgba(39, 44, 49, 0.1), 0 3px 16px rgba(39, 44, 49, 0.07); + transition: all 0.5s ease; + background: white; + border-radius: 10px 10px 0 0; + margin: 20px; + padding: 0px; + /* &:hover { + box-shadow: 8px 14px 38px rgba(39,44,49,.06), 1px 3px 8px rgba(39,44,49,.03); + transition: all .3s ease; + transform: translate3D(0,-1px,0); + }*/ +} +.section--customerdetail .box .box--image { + width: 100%; + height: 300px; + /* background-color: #C4E1F7; */ + border-radius: 10px 10px 0 0; + background-size: cover; + background-position: center !important; + background-repeat: no-repeat !important; +} +.section--customerdetail .box .box--content { + padding: 5px 10px 10px 10px; +} +.section--customerdetail .box .box--content .box--content--title { + margin-top: 0px; + display: block; + font-size: 21px; + line-height: 1; + padding: 3px; + text-align: left; +} +.section--customerdetail .box .box--content .box--content--title :hover { + color: #337ab7; + text-decoration: underline solid #337ab7; +} +.section--customerdetail .box .box--content .box--content--text { + font-size: 12px; + padding: 3px; + text-align: left; + font-style: normal; +} + +.section--on-premise .section--heading-1 { + padding-bottom: 30px; +} + +.acess__anywhere { + width: 400px; + margin: 0 auto; +} + +.section--files { + padding-top: 80px; +} + +.section--whitepaper { + padding: 0; +} +.section--whitepaper h2 { + line-height: normal; +} + +.section--outlook h1 { + /*margin-bottom: 10px;*/ +} +.section--outlook p { + padding: 10px 0 30px 0; +} +.section--outlook .row { + padding-bottom: 10px; +} + +.section--others { + margin: 0 0 0 0; + padding: 90px 0 70px 0; + background-color: #eee; +} +.section--others .row { + margin-bottom: 10px; +} +.section--others img { + padding: 20px; +} + +.section--more .container-widest .row { + margin-left: 5px; + margin-right: 5px; +} +.section--more .section--heading-1 { + padding-bottom: 60px; +} +.section--more i[class*=fa-] { + font-size: 60px; + display: block; + color: #0082c9; + text-align: center; + padding-top: 20%; +} + +.section--getstarted { + margin-bottom: 0px; +} +.section--getstarted a { + margin: 50px; +} + +footer { + margin-top: 0px; +} + +/*# sourceMappingURL=customerstories.css.map */ diff --git a/assets/css/pages/customerstories.scss b/assets/css/pages/customerstories.scss new file mode 100644 index 000000000..49a8bc070 --- /dev/null +++ b/assets/css/pages/customerstories.scss @@ -0,0 +1,180 @@ +@import '../variables'; +@import '../modules/transparent-navbar'; + + +.files-background { + background: url('../../img/headers/yourcloud.jpg') no-repeat; + background-position: center; + background-size: cover; +} + +section { + margin: 180px 0; +} + +.section--customers { + position: relative; + .section--paragraph { + margin: 40px 0; + } + + .container { + } + .row { + margin-top: 50px; + } + .customer { + position: relative; + padding-left: 10px; + padding-right: 10px; + .customer-logo { + padding-left: 10px; + padding-right: 10px; + max-width: 250px; + float: center; + position: relative; + text-align: center; + margin-left: auto; + margin-right: auto; + vertical-align: middle; + a img { + &:hover { + -webkit-filter: saturate(0%) contrast(.35) brightness(130%); + filter: saturate(0%) contrast(.35) brightness(130%); + } + } + } + + } +} + +.section--customerdetail { + .section--intro { + margin-top: 30px; + margin-bottom: 80px; + } + + .box { + box-shadow: 0 0 1px rgba(39,44,49,.1), 0 3px 16px rgba(39,44,49,.07); + transition: all .5s ease; + background: white; + border-radius: 10px 10px 0 0; + margin: 20px; + padding: 0px; + +/* &:hover { + box-shadow: 8px 14px 38px rgba(39,44,49,.06), 1px 3px 8px rgba(39,44,49,.03); + transition: all .3s ease; + transform: translate3D(0,-1px,0); + }*/ + .box--image { + width: 100%; + height: 300px; +/* background-color: #C4E1F7; */ + border-radius: 10px 10px 0 0; + background-size: cover; + background-position: center !important; + background-repeat: no-repeat !important; + } + .box--content { + padding: 5px 10px 10px 10px; + + .box--content--title { + margin-top: 0px; + display: block; + font-size: 21px; + line-height: 1; + padding: 3px; + text-align: left; + :hover { + color: #337ab7; + text-decoration: underline solid #337ab7; + } + } + .box--content--text { + font-size: 12px; + padding: 3px; + text-align: left; + font-style: normal; + } + } + } +} + +.section--on-premise { + .section--heading-1 { + padding-bottom: 30px; + } +} + +.acess__anywhere { + width: 400px; + margin: 0 auto; +} + +.section--files { + padding-top: 80px; +} + +.section--whitepaper { + padding: 0; + + h2 { + line-height: normal; + } +} + +.section--outlook { + h1 { + /*margin-bottom: 10px;*/ + } + p { + padding: 10px 0 30px 0; + } + .row { + padding-bottom: 10px; + } +} + + +.section--others { + margin: 0 0 0 0; + padding: 90px 0 70px 0; + background-color: #eee; + .row { + margin-bottom: 10px; + } + img { + padding: 20px; + } +} + +.section--more { + .container-widest .row { + margin-left: 5px; + margin-right: 5px; + } + + .section--heading-1 { + padding-bottom: 60px; + } + + i[class*='fa-'] { + font-size: 60px; + display: block; + color: #0082c9; + text-align: center; + padding-top: 20%; + } +} + +.section--getstarted { + margin-bottom: 0px; + a { + margin: 50px; + } +} + +footer { + margin-top: 0px; +} diff --git a/assets/img/customers/kas.png b/assets/img/customers/kas.png new file mode 100644 index 000000000..c3b7dd2a5 Binary files /dev/null and b/assets/img/customers/kas.png differ diff --git a/page-customerstories.php b/page-customerstories.php new file mode 100644 index 000000000..4268098d3 --- /dev/null +++ b/page-customerstories.php @@ -0,0 +1,351 @@ + + + + +
+
+
+
+

t('Customer stories');?>

+

t('Why Nextcloud was a great solution for them');?>

+
+
+
+
+ +
+
+
+
+

t('Powering collaboration');?>

+

t('Over 300 modern organizations secure data and improve productivity with the help of Nextcloud GmbH. Find some of them and their stories below.');?>

+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ + +
+
+
+

t('Case studies');?>

+
+

t('In various case studies, we give an in-depth overview of how Nextcloud helped a customer face the challenge of enabling team productivity.');?>

+
+
+
+ +
+
+

t('Blogs');?>

+
+

t('Through interviews and discussions with our customers, we detail their use of Nextcloud in a blog post.');?>

+
+
+
+ +
+ + + +
+
+
+
+
+
+

t('Nextcloud offers collaboration solution to Evangelisch-Lutherische Kirche in Bayern');?>

+
+
+
t('We deployed Nextcloud with Collabora some months ago. We are very happy with the user-acceptance of the sync&share function and hope to expand on Collabora usage as part of our plans to make Nextcloud a core component of our digital-workspace initiative.');?>
+ - Bartel Pieterse, Fachbereichsleiter Kommunikation & Kollaboration (KIV), ELKB +
+
+
+
+
+
+
+
+
+
+

t('Nextcloud Talk offering secure corporate messaging for SCM LIMITED');?>

+
+
+

t('When SCM was looking for a simple, secure and well designed messenger platform that could be hosted on-premises, a decision was made for Nextcloud Talk. A Professional Services project from Nextcloud GmbH provided several features SCM required and today, the legal, human resource, financial and PR experts of SCM can easily communicate and collaborate during their business trips.');?>

+ t('Read the blog');?> +
+
+
+
+ +
+ in action +

t('Capital of Switzerland provides Nextcloud to 35.000 students and teachers');?>

+
t('the largest open source order ever in Switzerland!');?>
+

t('-- Matthias Stürmer, EPP city councillor');?>

+ t('Announcement blog');?> +
+
+ in action +

t('regio IT offers ucloud4schools');?>

+

t('In February 2017 regio IT migrated 3000 users to Nextcloud, delivering secure online file exchange and collaboration.');?>

+

t('Today, regio iT is managing about 50.000 users, of which over 1000 using Collabora Online for online office, at hundreds of schools in Germany.');?>

+ t('blog about initial migration');?> +
+
+ Zenuity logo +

t('Zenuity - reshaping autonomous driving');?>

+

t('Zenuity deployed Nextcloud for the purpose of safe and effective collaboration with our partner companies. We selected the product after comparing against several other alternatives. Particular advantages are the ability to run the service on premises and the good support for a wide range of client operating systems.');?>

+
+
+ Raiffeisen logo +

t('Raiffeisen and Hypo Banks in Austria');?>

+

t('Raiffeisen Informatik Center Steiermark provides the whole IT-Infrastructure as well as all financial applications for both Raiffeisen and Hypo Banks in Styria/Austria. As one of the largest IT companies in the Southern Region of Austria, they chose to provide Nextcloud to their employees because it has the most user-friendly (web) interface, meets their strict security requirements and is scalable and extensible.');?>

+ t('Read the blog');?> +
+
+ in action +

t('Assicuro Private Insurance');?>

+

t('Assicuro chose Nextcloud to ensure confidential data exchange with its over 3000 customers and partners, enabling customers to securily share confidential information e.g. insurance policies. Compared to other evaluated solutions, Nextcloud offered an easier user interface, and a professional and more secure, extensible platform.');?>

+
+
+ in action +

t('German Federal Government, ITZBund');?>

+

t('Nextcloud provides users with a modern, easy-to-use and productivity-oriented solution that enables efficient online and mobile collaboration and communication. ITZBund now provides an on-premises open source solution from a German provider to keep control over their own data.');?>

+ Learn more +
+
+
t('The need for Sweden as a country to have control over its information and the consequences of not having access to the information should be considered from the perspective of national security and sovereignty. In an international crisis or conflict, the willingness and ability of other countries to access, manipulate or deny access to information handled by a service provider should be considered.');?>
+

t('-- Swedish National Procurement Services');?>

+

t('Sweden deploying Nextcloud');?>

+
The uncertainty about how the public sector may use cloud services creates problems
+

Said Försäkringskassans cto, Mikael Norberg

+

t('Försäkringskassan is working on developing user functionality for such things as file storing internal messaging services, end-to-end encrypted and self hosted.');?>

+ t('Learn more (Swedish)');?> +
+
+ in action +

t('The capital of Albania moves to Nextcloud');?>

+
t('The best choice among similar products considered to address the needs of more than 600 employees of the municipality for secure file sharing and different applications like the Collabora Online tools, the Calendar, the Chat app, the mobile client(s) and more apps of the Nextcloud ecosystem.');?>
+

t('-- the IT department');?>

+ t('Read the blog');?> +
+
+ + +
+ + + + + + +
+
+

t('Get started now');?>

+

t('Try out Nextcloud server for FREE or get a quote');?>

+
+
+
+
+ t('Try Nextcloud Files');?> + t('Contact sales');?> +
+
+
+
+
+