move things around
This commit is contained in:
Jos Poortvliet
Родитель
2acfb6e1e9
Коммит
90e80d405d
|
|
@ -470,7 +470,7 @@
|
|||
-webkit-transform: scale(0.5);
|
||||
top: -26px !important; } }
|
||||
.nav {
|
||||
z-index: 1;
|
||||
z-index: 10;
|
||||
padding-top: 20px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
|
|
@ -1568,77 +1568,66 @@ footer.page-footer {
|
|||
margin-left: 248px;
|
||||
position: relative; }
|
||||
|
||||
/* FAQ section */
|
||||
.faq {
|
||||
background: #0082c9;
|
||||
padding-bottom: 50px; }
|
||||
.faq .container {
|
||||
background: white;
|
||||
margin-bottom: 90px;
|
||||
padding-left: 0px;
|
||||
padding-right: 0px; }
|
||||
.faq .container .row {
|
||||
padding: 30px;
|
||||
margin: 40px;
|
||||
margin-right: 60px; }
|
||||
@media (max-width: 768px) {
|
||||
.faq .container .row {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
margin-right: 30px; } }
|
||||
|
||||
.faq h3 {
|
||||
font-size: 20px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 1.45;
|
||||
text-align: left;
|
||||
color: #555555; }
|
||||
|
||||
.faq h1 {
|
||||
font-size: 60px;
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 0.88;
|
||||
color: #ffffff;
|
||||
margin-top: 100px;
|
||||
margin-bottom: 80px;
|
||||
text-align: center; }
|
||||
|
||||
.faq p {
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 1.61;
|
||||
text-align: left;
|
||||
color: #555555; }
|
||||
|
||||
.faq .downarrow a {
|
||||
color: #555555; }
|
||||
|
||||
.faq .downarrow a:hover {
|
||||
text-decoration: none; }
|
||||
|
||||
.faq .line {
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
border: solid 1px #eeeeee; }
|
||||
|
||||
.downarrow {
|
||||
position: relative; }
|
||||
|
||||
.downarrow span.icon-arrow-down {
|
||||
background: url(../img/arrow_down.svg) center/contain no-repeat;
|
||||
position: absolute;
|
||||
width: 25px;
|
||||
height: 100%;
|
||||
right: -30px;
|
||||
top: 0px; }
|
||||
/* Features section */
|
||||
.Section-Features-Nextcloud {
|
||||
background: -webkit-linear-gradient(#fff 0%, #f6f6f6 150px);
|
||||
background: -o-linear-gradient(#fff 0%, #f6f6f6 150px);
|
||||
background: linear-gradient(#fff 0%, #f6f6f6 150px);
|
||||
overflow: hidden;
|
||||
height: 200vh;
|
||||
position: relative;
|
||||
padding-top: 8.54297em;
|
||||
padding-bottom: 8.54297em; }
|
||||
@media (max-width: 1200px) {
|
||||
.Section-Features-Nextcloud {
|
||||
padding-top: 60px;
|
||||
height: 100vh; } }
|
||||
.Section-Features-Nextcloud h2 {
|
||||
font-size: 60px; }
|
||||
.Section-Features-Nextcloud .img_carousel {
|
||||
padding-top: 100px;
|
||||
position: relative; }
|
||||
@media (max-height: 800px) {
|
||||
.Section-Features-Nextcloud .img_carousel {
|
||||
padding-top: 60px; } }
|
||||
.Section-Features-Nextcloud .img_carousel img {
|
||||
float: right;
|
||||
width: 582px;
|
||||
height: 474px; }
|
||||
@media (max-height: 800px) {
|
||||
.Section-Features-Nextcloud .img_carousel img {
|
||||
width: 490px;
|
||||
height: 402px; } }
|
||||
.Section-Features-Nextcloud .indicators {
|
||||
-webkit-transition: all .5s;
|
||||
transition: all .5s;
|
||||
opacity: 1;
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
bottom: 50vh;
|
||||
right: 0; }
|
||||
@media (max-width: 768px) {
|
||||
.Section-Features-Nextcloud .indicators {
|
||||
display: none; } }
|
||||
.Section-Features-Nextcloud .indicators .btn_carousel {
|
||||
margin-top: 10px;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
color: transparent;
|
||||
border: 1px solid #0082c9;
|
||||
background-color: #0082c9;
|
||||
border-radius: 50%;
|
||||
padding: 0;
|
||||
-webkit-transform: scale(0.5);
|
||||
-ms-transform: scale(0.5);
|
||||
transform: scale(0.5);
|
||||
-webkit-transition: all 250ms ease-in-out;
|
||||
transition: all 250ms ease-in-out; }
|
||||
.Section-Features-Nextcloud .indicators .btn_carousel.active {
|
||||
background-color: transparent;
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1); }
|
||||
|
||||
/*Colors*/
|
||||
/*Shadows*/
|
||||
|
|
@ -2004,187 +1993,168 @@ footer.page-footer {
|
|||
background-position: bottom 0 right 0; }
|
||||
|
||||
/* Pricing area */
|
||||
.pricing-section {
|
||||
margin-top: 133px; }
|
||||
.pricing-section .btn-primary {
|
||||
text-indent: -20px; }
|
||||
|
||||
.table-column {
|
||||
cursor: default;
|
||||
border-radius: 8px;
|
||||
border: solid 1px #eeeeee;
|
||||
padding: 0px;
|
||||
width: 31%;
|
||||
margin-left: 1%;
|
||||
margin-right: 1%;
|
||||
margin-bottom: 50px; }
|
||||
@media (max-width: 991px) {
|
||||
.table-column {
|
||||
width: 80%;
|
||||
margin: auto;
|
||||
margin-bottom: 60px; } }
|
||||
.table-column .table-header {
|
||||
.plans {
|
||||
margin-top: 133px;
|
||||
/* Tooltips */
|
||||
/* Tooltip text */
|
||||
/* Show the tooltip text when you mouse over the tooltip container */ }
|
||||
.plans .table-column {
|
||||
cursor: default;
|
||||
border-radius: 8px;
|
||||
border: solid 1px #eeeeee;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
width: 100%;
|
||||
border-radius: 7px 7px 0px 0px; }
|
||||
.table-column .table-header h1 {
|
||||
text-align: center;
|
||||
color: #2a2a36;
|
||||
font-size: 22px;
|
||||
font-weight: bold;
|
||||
line-height: 1.36;
|
||||
width: 31%;
|
||||
margin-left: 1%;
|
||||
margin-right: 1%;
|
||||
margin-bottom: 50px; }
|
||||
@media (max-width: 991px) {
|
||||
.plans .table-column {
|
||||
width: 80%;
|
||||
margin: auto;
|
||||
margin-bottom: 60px; } }
|
||||
.plans .table-column .table-header {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
padding-top: 42px;
|
||||
letter-spacing: 0; }
|
||||
.table-column .table-header h2 {
|
||||
width: 100%;
|
||||
border-radius: 7px 7px 0px 0px; }
|
||||
.plans .table-column .table-header h1 {
|
||||
text-align: center;
|
||||
color: #2a2a36;
|
||||
font-size: 22px;
|
||||
font-weight: bold;
|
||||
line-height: 1.36;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
padding-top: 42px;
|
||||
letter-spacing: 0; }
|
||||
.plans .table-column .table-header h2 {
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
text-align: center;
|
||||
color: #555555;
|
||||
line-height: 1.61;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
padding-top: 0px;
|
||||
padding-bottom: 29px; }
|
||||
.plans .table-column .basic {
|
||||
background-color: #f9f9f9; }
|
||||
.plans .table-column .standard {
|
||||
background-color: #c4e1f7; }
|
||||
.plans .table-column .premium {
|
||||
background-color: #178ecd; }
|
||||
.plans .table-column .premium h1 {
|
||||
color: white !important; }
|
||||
.plans .table-column .premium h2 {
|
||||
color: white !important; }
|
||||
.plans .table-column .highlight {
|
||||
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.16); }
|
||||
.plans .table-content {
|
||||
margin: 15px;
|
||||
padding: 0px;
|
||||
margin-left: 30px;
|
||||
margin-right: 30px; }
|
||||
.plans .table-content h1 {
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 2.22;
|
||||
color: #555555;
|
||||
line-height: 1.61;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
padding-top: 0px;
|
||||
padding-bottom: 29px; }
|
||||
.table-column .basic {
|
||||
background-color: #f9f9f9; }
|
||||
.table-column .standard {
|
||||
background-color: #c4e1f7; }
|
||||
.table-column .premium {
|
||||
background-color: #178ecd; }
|
||||
.table-column .premium h1 {
|
||||
color: white !important; }
|
||||
.table-column .premium h2 {
|
||||
color: white !important; }
|
||||
.table-column .highlight {
|
||||
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.16); }
|
||||
|
||||
.table-content {
|
||||
margin: 15px;
|
||||
padding: 0px;
|
||||
margin-left: 30px;
|
||||
margin-right: 30px; }
|
||||
.table-content h1 {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
text-align: left;
|
||||
letter-spacing: 0;
|
||||
margin-top: 25px;
|
||||
margin-bottom: 0px; }
|
||||
.plans .line {
|
||||
width: 100%;
|
||||
border: solid 1px #eeeeee;
|
||||
margin-top: -5px;
|
||||
margin-bottom: 15px; }
|
||||
.plans .list .check {
|
||||
/* font-family: OpenSans; */
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 2.22;
|
||||
color: #555555;
|
||||
text-align: left;
|
||||
letter-spacing: 0;
|
||||
margin-top: 25px;
|
||||
margin-bottom: 0px; }
|
||||
|
||||
.line {
|
||||
width: 100%;
|
||||
border: solid 1px #eeeeee;
|
||||
margin-top: -5px;
|
||||
margin-bottom: 15px; }
|
||||
|
||||
.list .check {
|
||||
/* font-family: OpenSans; */
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 2.5;
|
||||
color: #555555; }
|
||||
|
||||
.list .check {
|
||||
list-style-image: url("../img/enterprise/check.svg");
|
||||
list-style-position: inside; }
|
||||
|
||||
.list .nocheck {
|
||||
/* font-family: OpenSans; */
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 2.5;
|
||||
color: #b1b1b1; }
|
||||
.list .nocheck a {
|
||||
color: #b1b1b1;
|
||||
text-decoration: none; }
|
||||
|
||||
.list .nocheck {
|
||||
list-style-image: url("../img/enterprise/nocheck.svg");
|
||||
list-style-position: inside; }
|
||||
|
||||
.list .optional {
|
||||
/* font-family: OpenSans; */
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 2.5;
|
||||
color: #555555; }
|
||||
|
||||
.list .optional {
|
||||
list-style-image: url("../img/enterprise/optional.svg");
|
||||
list-style-position: inside; }
|
||||
|
||||
.list .price {
|
||||
/* font-family: OpenSans; */
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 2.5;
|
||||
color: #555555; }
|
||||
|
||||
.list .price {
|
||||
list-style-image: url("../img/enterprise/blank.svg");
|
||||
list-style-position: inside; }
|
||||
|
||||
.table-content .btn-lg {
|
||||
margin-top: 30px;
|
||||
margin-bottom: 30px;
|
||||
width: 100%;
|
||||
text-indent: -20px; }
|
||||
|
||||
/* Tooltips */
|
||||
/* Tooltip text */
|
||||
.overinfo .infotext {
|
||||
visibility: hidden;
|
||||
/* width: 200px; */
|
||||
background-color: #555555;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
padding: 5px 0;
|
||||
line-height: 1.4;
|
||||
border-radius: 6px;
|
||||
/* Position the tooltip text */
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
padding: 3px;
|
||||
/* top: 100%; */
|
||||
/* left: 50%; */
|
||||
/* margin-left: -100px; */ }
|
||||
|
||||
/* Show the tooltip text when you mouse over the tooltip container */
|
||||
.overinfo:hover .infotext {
|
||||
visibility: visible; }
|
||||
|
||||
.overinfo .infotext::after {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
bottom: 100%;
|
||||
/* At the top of the tooltip */
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
border-width: 5px;
|
||||
border-style: solid;
|
||||
border-color: transparent transparent #555555 transparent; }
|
||||
|
||||
.overinfo .infotext {
|
||||
opacity: 0;
|
||||
transition: opacity 0.5s; }
|
||||
|
||||
.overinfo:hover .infotext {
|
||||
opacity: 1; }
|
||||
line-height: 2.5;
|
||||
color: #555555; }
|
||||
.plans .list .check {
|
||||
list-style-image: url("../img/enterprise/check.svg");
|
||||
list-style-position: inside; }
|
||||
.plans .list .nocheck {
|
||||
/* font-family: OpenSans; */
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 2.5;
|
||||
color: #b1b1b1; }
|
||||
.plans .list .nocheck a {
|
||||
color: #b1b1b1;
|
||||
text-decoration: none; }
|
||||
.plans .list .nocheck {
|
||||
list-style-image: url("../img/enterprise/nocheck.svg");
|
||||
list-style-position: inside; }
|
||||
.plans .list .optional {
|
||||
/* font-family: OpenSans; */
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 2.5;
|
||||
color: #555555; }
|
||||
.plans .list .optional {
|
||||
list-style-image: url("../img/enterprise/optional.svg");
|
||||
list-style-position: inside; }
|
||||
.plans .list .price {
|
||||
/* font-family: OpenSans; */
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 2.5;
|
||||
color: #555555; }
|
||||
.plans .list .price {
|
||||
list-style-image: url("../img/enterprise/blank.svg");
|
||||
list-style-position: inside; }
|
||||
.plans .table-content .btn-lg {
|
||||
margin-top: 30px;
|
||||
margin-bottom: 30px;
|
||||
width: 100%;
|
||||
text-indent: -20px; }
|
||||
.plans .overinfo .infotext {
|
||||
visibility: hidden;
|
||||
/* width: 200px; */
|
||||
background-color: #555555;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
padding: 5px 0;
|
||||
line-height: 1.4;
|
||||
border-radius: 6px;
|
||||
/* Position the tooltip text */
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
padding: 3px;
|
||||
/* top: 100%; */
|
||||
/* left: 50%; */
|
||||
/* margin-left: -100px; */ }
|
||||
.plans .overinfo:hover .infotext {
|
||||
visibility: visible; }
|
||||
.plans .overinfo .infotext::after {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
bottom: 100%;
|
||||
/* At the top of the tooltip */
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
border-width: 5px;
|
||||
border-style: solid;
|
||||
border-color: transparent transparent #555555 transparent; }
|
||||
.plans .overinfo .infotext {
|
||||
opacity: 0;
|
||||
transition: opacity 0.5s; }
|
||||
.plans .overinfo:hover .infotext {
|
||||
opacity: 1; }
|
||||
|
||||
/* Discount section */
|
||||
.discounts {
|
||||
|
|
@ -2230,7 +2200,7 @@ footer.page-footer {
|
|||
margin-top: 36px;
|
||||
margin-bottom: 17px; }
|
||||
|
||||
/* Discount section */
|
||||
/* FAQ section */
|
||||
.faq {
|
||||
background: #0082c9;
|
||||
padding-bottom: 50px; }
|
||||
|
|
@ -2250,6 +2220,51 @@ footer.page-footer {
|
|||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
margin-right: 30px; } }
|
||||
.faq h3 {
|
||||
font-size: 20px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 1.45;
|
||||
text-align: left;
|
||||
color: #555555; }
|
||||
.faq h1 {
|
||||
font-size: 60px;
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 0.88;
|
||||
color: #ffffff;
|
||||
margin-top: 100px;
|
||||
margin-bottom: 80px;
|
||||
text-align: center; }
|
||||
.faq p {
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 1.61;
|
||||
text-align: left;
|
||||
color: #555555; }
|
||||
.faq .downarrow a {
|
||||
color: #555555; }
|
||||
.faq .downarrow a:hover {
|
||||
text-decoration: none; }
|
||||
.faq .downarrow a:active {
|
||||
text-decoration: none; }
|
||||
.faq .line {
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
border: solid 1px #eeeeee; }
|
||||
.faq .downarrow {
|
||||
position: relative; }
|
||||
.faq .downarrow span.icon-arrow-down {
|
||||
background: url(../img/arrow_down.svg) center/contain no-repeat;
|
||||
position: absolute;
|
||||
width: 25px;
|
||||
height: 100%;
|
||||
right: -30px;
|
||||
top: 0px; }
|
||||
|
||||
html {
|
||||
margin-top: 0 !important; }
|
||||
|
|
|
|||
|
|
@ -148,76 +148,65 @@
|
|||
margin-left: 248px;
|
||||
position: relative; }
|
||||
|
||||
/* FAQ section */
|
||||
.faq {
|
||||
background: #0082c9;
|
||||
padding-bottom: 50px; }
|
||||
.faq .container {
|
||||
background: white;
|
||||
margin-bottom: 90px;
|
||||
padding-left: 0px;
|
||||
padding-right: 0px; }
|
||||
.faq .container .row {
|
||||
padding: 30px;
|
||||
margin: 40px;
|
||||
margin-right: 60px; }
|
||||
@media (max-width: 768px) {
|
||||
.faq .container .row {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
margin-right: 30px; } }
|
||||
|
||||
.faq h3 {
|
||||
font-size: 20px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 1.45;
|
||||
text-align: left;
|
||||
color: #555555; }
|
||||
|
||||
.faq h1 {
|
||||
font-size: 60px;
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 0.88;
|
||||
color: #ffffff;
|
||||
margin-top: 100px;
|
||||
margin-bottom: 80px;
|
||||
text-align: center; }
|
||||
|
||||
.faq p {
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 1.61;
|
||||
text-align: left;
|
||||
color: #555555; }
|
||||
|
||||
.faq .downarrow a {
|
||||
color: #555555; }
|
||||
|
||||
.faq .downarrow a:hover {
|
||||
text-decoration: none; }
|
||||
|
||||
.faq .line {
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
border: solid 1px #eeeeee; }
|
||||
|
||||
.downarrow {
|
||||
position: relative; }
|
||||
|
||||
.downarrow span.icon-arrow-down {
|
||||
background: url(../img/arrow_down.svg) center/contain no-repeat;
|
||||
position: absolute;
|
||||
width: 25px;
|
||||
height: 100%;
|
||||
right: -30px;
|
||||
top: 0px; }
|
||||
/* Features section */
|
||||
.Section-Features-Nextcloud {
|
||||
background: -webkit-linear-gradient(#fff 0%, #f6f6f6 150px);
|
||||
background: -o-linear-gradient(#fff 0%, #f6f6f6 150px);
|
||||
background: linear-gradient(#fff 0%, #f6f6f6 150px);
|
||||
overflow: hidden;
|
||||
height: 200vh;
|
||||
position: relative;
|
||||
padding-top: 8.54297em;
|
||||
padding-bottom: 8.54297em; }
|
||||
@media (max-width: 1200px) {
|
||||
.Section-Features-Nextcloud {
|
||||
padding-top: 60px;
|
||||
height: 100vh; } }
|
||||
.Section-Features-Nextcloud h2 {
|
||||
font-size: 60px; }
|
||||
.Section-Features-Nextcloud .img_carousel {
|
||||
padding-top: 100px;
|
||||
position: relative; }
|
||||
@media (max-height: 800px) {
|
||||
.Section-Features-Nextcloud .img_carousel {
|
||||
padding-top: 60px; } }
|
||||
.Section-Features-Nextcloud .img_carousel img {
|
||||
float: right;
|
||||
width: 582px;
|
||||
height: 474px; }
|
||||
@media (max-height: 800px) {
|
||||
.Section-Features-Nextcloud .img_carousel img {
|
||||
width: 490px;
|
||||
height: 402px; } }
|
||||
.Section-Features-Nextcloud .indicators {
|
||||
-webkit-transition: all .5s;
|
||||
transition: all .5s;
|
||||
opacity: 1;
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
bottom: 50vh;
|
||||
right: 0; }
|
||||
@media (max-width: 768px) {
|
||||
.Section-Features-Nextcloud .indicators {
|
||||
display: none; } }
|
||||
.Section-Features-Nextcloud .indicators .btn_carousel {
|
||||
margin-top: 10px;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
color: transparent;
|
||||
border: 1px solid #0082c9;
|
||||
background-color: #0082c9;
|
||||
border-radius: 50%;
|
||||
padding: 0;
|
||||
-webkit-transform: scale(0.5);
|
||||
-ms-transform: scale(0.5);
|
||||
transform: scale(0.5);
|
||||
-webkit-transition: all 250ms ease-in-out;
|
||||
transition: all 250ms ease-in-out; }
|
||||
.Section-Features-Nextcloud .indicators .btn_carousel.active {
|
||||
background-color: transparent;
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1); }
|
||||
|
||||
/*# sourceMappingURL=enterprise.css.map */
|
||||
|
|
|
|||
|
|
@ -44,10 +44,10 @@
|
|||
background: #fbfbfb;
|
||||
height: 70px;
|
||||
border-bottom: solid 1px #e4e4e4;
|
||||
border-top: solid 1px #e4e4e4;
|
||||
border-top: solid 1px #e4e4e4;
|
||||
text-transform: uppercase;
|
||||
vertical-align: middle;
|
||||
z-index: 5;
|
||||
z-index: 5;
|
||||
|
||||
.buttons {
|
||||
font-weight: 600;
|
||||
|
|
@ -200,92 +200,77 @@
|
|||
}
|
||||
}
|
||||
|
||||
/* Features section */
|
||||
.Section-Features-Nextcloud {
|
||||
background: -webkit-linear-gradient(#fff 0%, #f6f6f6 150px);
|
||||
background: -o-linear-gradient(#fff 0%, #f6f6f6 150px);
|
||||
background: linear-gradient(#fff 0%, #f6f6f6 150px);
|
||||
overflow: hidden;
|
||||
height: 200vh;
|
||||
position: relative;
|
||||
padding-top: ms(5);
|
||||
padding-bottom: ms(5);
|
||||
@media (max-width: $navbar-breaksize) {
|
||||
padding-top: 60px;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
/* FAQ section */
|
||||
.faq {
|
||||
background: $nextcloud-blue;
|
||||
padding-bottom: 50px;
|
||||
h2{
|
||||
font-size: 60px;
|
||||
}
|
||||
|
||||
.container {
|
||||
background: white;
|
||||
margin-bottom: 90px;
|
||||
padding-left: 0px;
|
||||
padding-right: 0px;
|
||||
.img_carousel {
|
||||
padding-top: 100px;
|
||||
position:relative;
|
||||
@media (max-height: 800px) {
|
||||
padding-top: 60px;
|
||||
}
|
||||
|
||||
.row {
|
||||
padding: 30px;
|
||||
margin: 40px;
|
||||
margin-right: 60px;
|
||||
@media (max-width: $break-small) {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
margin-right: 30px;
|
||||
img {
|
||||
float: right;
|
||||
width: 582px;
|
||||
height: 474px;
|
||||
@media (max-height: 800px) {
|
||||
width: 490px;
|
||||
height: 402px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.indicators {
|
||||
-webkit-transition: all .5s;
|
||||
transition: all .5s;
|
||||
opacity: 1;
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
bottom: 50vh;
|
||||
right: 0;
|
||||
@media (max-width: $break-small) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.btn_carousel{
|
||||
margin-top: 10px;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
color: transparent;
|
||||
border: 1px solid $nextcloud-blue;
|
||||
background-color: $nextcloud-blue;
|
||||
border-radius: 50%;
|
||||
padding: 0;
|
||||
-webkit-transform: scale(.5);
|
||||
-ms-transform: scale(.5);
|
||||
transform: scale(.5);
|
||||
-webkit-transition: all 250ms ease-in-out;
|
||||
transition: all 250ms ease-in-out;
|
||||
}
|
||||
|
||||
.btn_carousel.active{
|
||||
background-color: transparent;
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.faq h3 {
|
||||
font-size: 20px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 1.45;
|
||||
text-align: left;
|
||||
color: #555555;
|
||||
}
|
||||
|
||||
.faq h1 {
|
||||
font-size: 60px;
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 0.88;
|
||||
color: #ffffff;
|
||||
margin-top: 100px;
|
||||
margin-bottom: 80px;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
|
||||
.faq p {
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 1.61;
|
||||
text-align: left;
|
||||
color: #555555;
|
||||
}
|
||||
|
||||
.faq .downarrow a {
|
||||
color: #555555;
|
||||
}
|
||||
|
||||
|
||||
.faq .downarrow a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.faq .line {
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
border: solid 1px #eeeeee;
|
||||
}
|
||||
|
||||
.downarrow {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.downarrow span.icon-arrow-down {
|
||||
background: url(../img/arrow_down.svg) center/contain no-repeat;
|
||||
position: absolute;
|
||||
width: 25px;
|
||||
height: 100%;
|
||||
right: -30px;
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
-webkit-transform: scale(0.5);
|
||||
top: -26px !important; } }
|
||||
.nav {
|
||||
z-index: 1;
|
||||
z-index: 10;
|
||||
padding-top: 20px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
}
|
||||
|
||||
.nav {
|
||||
z-index: 1;
|
||||
z-index: 10;
|
||||
padding-top: 20px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
|
|
|
|||
|
|
@ -14,187 +14,168 @@
|
|||
background-position: bottom 0 right 0; }
|
||||
|
||||
/* Pricing area */
|
||||
.pricing-section {
|
||||
margin-top: 133px; }
|
||||
.pricing-section .btn-primary {
|
||||
text-indent: -20px; }
|
||||
|
||||
.table-column {
|
||||
cursor: default;
|
||||
border-radius: 8px;
|
||||
border: solid 1px #eeeeee;
|
||||
padding: 0px;
|
||||
width: 31%;
|
||||
margin-left: 1%;
|
||||
margin-right: 1%;
|
||||
margin-bottom: 50px; }
|
||||
@media (max-width: 991px) {
|
||||
.table-column {
|
||||
width: 80%;
|
||||
margin: auto;
|
||||
margin-bottom: 60px; } }
|
||||
.table-column .table-header {
|
||||
.plans {
|
||||
margin-top: 133px;
|
||||
/* Tooltips */
|
||||
/* Tooltip text */
|
||||
/* Show the tooltip text when you mouse over the tooltip container */ }
|
||||
.plans .table-column {
|
||||
cursor: default;
|
||||
border-radius: 8px;
|
||||
border: solid 1px #eeeeee;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
width: 100%;
|
||||
border-radius: 7px 7px 0px 0px; }
|
||||
.table-column .table-header h1 {
|
||||
text-align: center;
|
||||
color: #2a2a36;
|
||||
font-size: 22px;
|
||||
font-weight: bold;
|
||||
line-height: 1.36;
|
||||
width: 31%;
|
||||
margin-left: 1%;
|
||||
margin-right: 1%;
|
||||
margin-bottom: 50px; }
|
||||
@media (max-width: 991px) {
|
||||
.plans .table-column {
|
||||
width: 80%;
|
||||
margin: auto;
|
||||
margin-bottom: 60px; } }
|
||||
.plans .table-column .table-header {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
padding-top: 42px;
|
||||
letter-spacing: 0; }
|
||||
.table-column .table-header h2 {
|
||||
width: 100%;
|
||||
border-radius: 7px 7px 0px 0px; }
|
||||
.plans .table-column .table-header h1 {
|
||||
text-align: center;
|
||||
color: #2a2a36;
|
||||
font-size: 22px;
|
||||
font-weight: bold;
|
||||
line-height: 1.36;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
padding-top: 42px;
|
||||
letter-spacing: 0; }
|
||||
.plans .table-column .table-header h2 {
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
text-align: center;
|
||||
color: #555555;
|
||||
line-height: 1.61;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
padding-top: 0px;
|
||||
padding-bottom: 29px; }
|
||||
.plans .table-column .basic {
|
||||
background-color: #f9f9f9; }
|
||||
.plans .table-column .standard {
|
||||
background-color: #c4e1f7; }
|
||||
.plans .table-column .premium {
|
||||
background-color: #178ecd; }
|
||||
.plans .table-column .premium h1 {
|
||||
color: white !important; }
|
||||
.plans .table-column .premium h2 {
|
||||
color: white !important; }
|
||||
.plans .table-column .highlight {
|
||||
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.16); }
|
||||
.plans .table-content {
|
||||
margin: 15px;
|
||||
padding: 0px;
|
||||
margin-left: 30px;
|
||||
margin-right: 30px; }
|
||||
.plans .table-content h1 {
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 2.22;
|
||||
color: #555555;
|
||||
line-height: 1.61;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
padding-top: 0px;
|
||||
padding-bottom: 29px; }
|
||||
.table-column .basic {
|
||||
background-color: #f9f9f9; }
|
||||
.table-column .standard {
|
||||
background-color: #c4e1f7; }
|
||||
.table-column .premium {
|
||||
background-color: #178ecd; }
|
||||
.table-column .premium h1 {
|
||||
color: white !important; }
|
||||
.table-column .premium h2 {
|
||||
color: white !important; }
|
||||
.table-column .highlight {
|
||||
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.16); }
|
||||
|
||||
.table-content {
|
||||
margin: 15px;
|
||||
padding: 0px;
|
||||
margin-left: 30px;
|
||||
margin-right: 30px; }
|
||||
.table-content h1 {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
text-align: left;
|
||||
letter-spacing: 0;
|
||||
margin-top: 25px;
|
||||
margin-bottom: 0px; }
|
||||
.plans .line {
|
||||
width: 100%;
|
||||
border: solid 1px #eeeeee;
|
||||
margin-top: -5px;
|
||||
margin-bottom: 15px; }
|
||||
.plans .list .check {
|
||||
/* font-family: OpenSans; */
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 2.22;
|
||||
color: #555555;
|
||||
text-align: left;
|
||||
letter-spacing: 0;
|
||||
margin-top: 25px;
|
||||
margin-bottom: 0px; }
|
||||
|
||||
.line {
|
||||
width: 100%;
|
||||
border: solid 1px #eeeeee;
|
||||
margin-top: -5px;
|
||||
margin-bottom: 15px; }
|
||||
|
||||
.list .check {
|
||||
/* font-family: OpenSans; */
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 2.5;
|
||||
color: #555555; }
|
||||
|
||||
.list .check {
|
||||
list-style-image: url("../img/enterprise/check.svg");
|
||||
list-style-position: inside; }
|
||||
|
||||
.list .nocheck {
|
||||
/* font-family: OpenSans; */
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 2.5;
|
||||
color: #b1b1b1; }
|
||||
.list .nocheck a {
|
||||
color: #b1b1b1;
|
||||
text-decoration: none; }
|
||||
|
||||
.list .nocheck {
|
||||
list-style-image: url("../img/enterprise/nocheck.svg");
|
||||
list-style-position: inside; }
|
||||
|
||||
.list .optional {
|
||||
/* font-family: OpenSans; */
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 2.5;
|
||||
color: #555555; }
|
||||
|
||||
.list .optional {
|
||||
list-style-image: url("../img/enterprise/optional.svg");
|
||||
list-style-position: inside; }
|
||||
|
||||
.list .price {
|
||||
/* font-family: OpenSans; */
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 2.5;
|
||||
color: #555555; }
|
||||
|
||||
.list .price {
|
||||
list-style-image: url("../img/enterprise/blank.svg");
|
||||
list-style-position: inside; }
|
||||
|
||||
.table-content .btn-lg {
|
||||
margin-top: 30px;
|
||||
margin-bottom: 30px;
|
||||
width: 100%;
|
||||
text-indent: -20px; }
|
||||
|
||||
/* Tooltips */
|
||||
/* Tooltip text */
|
||||
.overinfo .infotext {
|
||||
visibility: hidden;
|
||||
/* width: 200px; */
|
||||
background-color: #555555;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
padding: 5px 0;
|
||||
line-height: 1.4;
|
||||
border-radius: 6px;
|
||||
/* Position the tooltip text */
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
padding: 3px;
|
||||
/* top: 100%; */
|
||||
/* left: 50%; */
|
||||
/* margin-left: -100px; */ }
|
||||
|
||||
/* Show the tooltip text when you mouse over the tooltip container */
|
||||
.overinfo:hover .infotext {
|
||||
visibility: visible; }
|
||||
|
||||
.overinfo .infotext::after {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
bottom: 100%;
|
||||
/* At the top of the tooltip */
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
border-width: 5px;
|
||||
border-style: solid;
|
||||
border-color: transparent transparent #555555 transparent; }
|
||||
|
||||
.overinfo .infotext {
|
||||
opacity: 0;
|
||||
transition: opacity 0.5s; }
|
||||
|
||||
.overinfo:hover .infotext {
|
||||
opacity: 1; }
|
||||
line-height: 2.5;
|
||||
color: #555555; }
|
||||
.plans .list .check {
|
||||
list-style-image: url("../img/enterprise/check.svg");
|
||||
list-style-position: inside; }
|
||||
.plans .list .nocheck {
|
||||
/* font-family: OpenSans; */
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 2.5;
|
||||
color: #b1b1b1; }
|
||||
.plans .list .nocheck a {
|
||||
color: #b1b1b1;
|
||||
text-decoration: none; }
|
||||
.plans .list .nocheck {
|
||||
list-style-image: url("../img/enterprise/nocheck.svg");
|
||||
list-style-position: inside; }
|
||||
.plans .list .optional {
|
||||
/* font-family: OpenSans; */
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 2.5;
|
||||
color: #555555; }
|
||||
.plans .list .optional {
|
||||
list-style-image: url("../img/enterprise/optional.svg");
|
||||
list-style-position: inside; }
|
||||
.plans .list .price {
|
||||
/* font-family: OpenSans; */
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 2.5;
|
||||
color: #555555; }
|
||||
.plans .list .price {
|
||||
list-style-image: url("../img/enterprise/blank.svg");
|
||||
list-style-position: inside; }
|
||||
.plans .table-content .btn-lg {
|
||||
margin-top: 30px;
|
||||
margin-bottom: 30px;
|
||||
width: 100%;
|
||||
text-indent: -20px; }
|
||||
.plans .overinfo .infotext {
|
||||
visibility: hidden;
|
||||
/* width: 200px; */
|
||||
background-color: #555555;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
padding: 5px 0;
|
||||
line-height: 1.4;
|
||||
border-radius: 6px;
|
||||
/* Position the tooltip text */
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
padding: 3px;
|
||||
/* top: 100%; */
|
||||
/* left: 50%; */
|
||||
/* margin-left: -100px; */ }
|
||||
.plans .overinfo:hover .infotext {
|
||||
visibility: visible; }
|
||||
.plans .overinfo .infotext::after {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
bottom: 100%;
|
||||
/* At the top of the tooltip */
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
border-width: 5px;
|
||||
border-style: solid;
|
||||
border-color: transparent transparent #555555 transparent; }
|
||||
.plans .overinfo .infotext {
|
||||
opacity: 0;
|
||||
transition: opacity 0.5s; }
|
||||
.plans .overinfo:hover .infotext {
|
||||
opacity: 1; }
|
||||
|
||||
/* Discount section */
|
||||
.discounts {
|
||||
|
|
@ -240,7 +221,7 @@
|
|||
margin-top: 36px;
|
||||
margin-bottom: 17px; }
|
||||
|
||||
/* Discount section */
|
||||
/* FAQ section */
|
||||
.faq {
|
||||
background: #0082c9;
|
||||
padding-bottom: 50px; }
|
||||
|
|
@ -260,5 +241,50 @@
|
|||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
margin-right: 30px; } }
|
||||
.faq h3 {
|
||||
font-size: 20px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 1.45;
|
||||
text-align: left;
|
||||
color: #555555; }
|
||||
.faq h1 {
|
||||
font-size: 60px;
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 0.88;
|
||||
color: #ffffff;
|
||||
margin-top: 100px;
|
||||
margin-bottom: 80px;
|
||||
text-align: center; }
|
||||
.faq p {
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 1.61;
|
||||
text-align: left;
|
||||
color: #555555; }
|
||||
.faq .downarrow a {
|
||||
color: #555555; }
|
||||
.faq .downarrow a:hover {
|
||||
text-decoration: none; }
|
||||
.faq .downarrow a:active {
|
||||
text-decoration: none; }
|
||||
.faq .line {
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
border: solid 1px #eeeeee; }
|
||||
.faq .downarrow {
|
||||
position: relative; }
|
||||
.faq .downarrow span.icon-arrow-down {
|
||||
background: url(../img/arrow_down.svg) center/contain no-repeat;
|
||||
position: absolute;
|
||||
width: 25px;
|
||||
height: 100%;
|
||||
right: -30px;
|
||||
top: 0px; }
|
||||
|
||||
/*# sourceMappingURL=pricing.css.map */
|
||||
|
|
|
|||
|
|
@ -12,230 +12,226 @@
|
|||
|
||||
/* Pricing area */
|
||||
|
||||
.pricing-section {
|
||||
.plans {
|
||||
margin-top: 133px;
|
||||
|
||||
.btn-primary {
|
||||
text-indent: -20px;
|
||||
}
|
||||
}
|
||||
|
||||
.table-column {
|
||||
cursor: default;
|
||||
border-radius: 8px;
|
||||
border: solid 1px #eeeeee;
|
||||
padding: 0px;
|
||||
width: 31%;
|
||||
margin-left: 1%;
|
||||
margin-right: 1%;
|
||||
margin-bottom: 50px;
|
||||
@media (max-width: $break-big) {
|
||||
width: 80%;
|
||||
margin: auto;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
.table-header {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
width: 100%;
|
||||
border-radius: 7px 7px 0px 0px;
|
||||
.table-column {
|
||||
cursor: default;
|
||||
border-radius: 8px;
|
||||
border: solid 1px #eeeeee;
|
||||
padding: 0px;
|
||||
width: 31%;
|
||||
margin-left: 1%;
|
||||
margin-right: 1%;
|
||||
margin-bottom: 50px;
|
||||
@media (max-width: $break-big) {
|
||||
width: 80%;
|
||||
margin: auto;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
.table-header {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
width: 100%;
|
||||
border-radius: 7px 7px 0px 0px;
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
color: #2a2a36;
|
||||
font-size: 22px;
|
||||
font-weight: bold;
|
||||
line-height: 1.36;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
padding-top: 42px;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
h1 {
|
||||
text-align: center;
|
||||
color: #2a2a36;
|
||||
font-size: 22px;
|
||||
font-weight: bold;
|
||||
line-height: 1.36;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
padding-top: 42px;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
text-align: center;
|
||||
color: #555555;
|
||||
line-height: 1.61;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
padding-top: 0px;
|
||||
padding-bottom: 29px;
|
||||
}
|
||||
}
|
||||
h2 {
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
text-align: center;
|
||||
color: #555555;
|
||||
line-height: 1.61;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
padding-top: 0px;
|
||||
padding-bottom: 29px;
|
||||
}
|
||||
}
|
||||
|
||||
.basic {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
.basic {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
.standard {
|
||||
background-color: #c4e1f7;
|
||||
}
|
||||
.standard {
|
||||
background-color: #c4e1f7;
|
||||
}
|
||||
|
||||
.premium {
|
||||
background-color: #178ecd;
|
||||
.premium {
|
||||
background-color: #178ecd;
|
||||
|
||||
h1 {
|
||||
color: white !important;
|
||||
}
|
||||
h1 {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
h2 {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
|
||||
.highlight {
|
||||
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.16);
|
||||
}
|
||||
}
|
||||
.highlight {
|
||||
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.16);
|
||||
}
|
||||
}
|
||||
|
||||
.table-content {
|
||||
margin: 15px;
|
||||
padding: 0px;
|
||||
margin-left: 30px;
|
||||
margin-right: 30px;
|
||||
.table-content {
|
||||
margin: 15px;
|
||||
padding: 0px;
|
||||
margin-left: 30px;
|
||||
margin-right: 30px;
|
||||
|
||||
h1 {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 2.22;
|
||||
color: #555555;
|
||||
text-align: left;
|
||||
letter-spacing: 0;
|
||||
margin-top: 25px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
}
|
||||
h1 {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 2.22;
|
||||
color: #555555;
|
||||
text-align: left;
|
||||
letter-spacing: 0;
|
||||
margin-top: 25px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.line {
|
||||
width: 100%;
|
||||
border: solid 1px #eeeeee;
|
||||
margin-top: -5px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.list .check {
|
||||
/* font-family: OpenSans; */
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 2.5;
|
||||
color: #555555;
|
||||
}
|
||||
|
||||
.list .check {
|
||||
list-style-image: url("../img/enterprise/check.svg");
|
||||
list-style-position:inside;
|
||||
}
|
||||
|
||||
.list .nocheck {
|
||||
/* font-family: OpenSans; */
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 2.5;
|
||||
color: #b1b1b1;
|
||||
|
||||
a {
|
||||
color: #b1b1b1;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.list .nocheck {
|
||||
list-style-image: url("../img/enterprise/nocheck.svg");
|
||||
list-style-position:inside;
|
||||
}
|
||||
|
||||
|
||||
.list .optional {
|
||||
/* font-family: OpenSans; */
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 2.5;
|
||||
color: #555555;
|
||||
}
|
||||
|
||||
.list .optional {
|
||||
list-style-image: url("../img/enterprise/optional.svg");
|
||||
list-style-position:inside;
|
||||
}
|
||||
|
||||
.list .price {
|
||||
/* font-family: OpenSans; */
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 2.5;
|
||||
color: #555555;
|
||||
}
|
||||
|
||||
.list .price {
|
||||
list-style-image: url("../img/enterprise/blank.svg");
|
||||
list-style-position:inside;
|
||||
}
|
||||
|
||||
|
||||
.table-content .btn-lg {
|
||||
margin-top: 30px;
|
||||
margin-bottom: 30px;
|
||||
.line {
|
||||
width: 100%;
|
||||
text-indent: -20px;
|
||||
}
|
||||
border: solid 1px #eeeeee;
|
||||
margin-top: -5px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
/* Tooltips */
|
||||
.list .check {
|
||||
/* font-family: OpenSans; */
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 2.5;
|
||||
color: #555555;
|
||||
}
|
||||
|
||||
/* Tooltip text */
|
||||
.overinfo .infotext {
|
||||
visibility: hidden;
|
||||
/* width: 200px; */
|
||||
background-color: #555555;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
padding: 5px 0;
|
||||
line-height: 1.4;
|
||||
border-radius: 6px;
|
||||
|
||||
/* Position the tooltip text */
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
padding: 3px;
|
||||
/* top: 100%; */
|
||||
/* left: 50%; */
|
||||
/* margin-left: -100px; */
|
||||
}
|
||||
.list .check {
|
||||
list-style-image: url("../img/enterprise/check.svg");
|
||||
list-style-position:inside;
|
||||
}
|
||||
|
||||
/* Show the tooltip text when you mouse over the tooltip container */
|
||||
.overinfo:hover .infotext {
|
||||
visibility: visible;
|
||||
}
|
||||
.list .nocheck {
|
||||
/* font-family: OpenSans; */
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 2.5;
|
||||
color: #b1b1b1;
|
||||
|
||||
a {
|
||||
color: #b1b1b1;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.overinfo .infotext::after {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
bottom: 100%; /* At the top of the tooltip */
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
border-width: 5px;
|
||||
border-style: solid;
|
||||
border-color: transparent transparent #555555 transparent;
|
||||
}
|
||||
.list .nocheck {
|
||||
list-style-image: url("../img/enterprise/nocheck.svg");
|
||||
list-style-position:inside;
|
||||
}
|
||||
|
||||
.overinfo .infotext {
|
||||
opacity: 0;
|
||||
transition: opacity 0.5s;
|
||||
}
|
||||
|
||||
.overinfo:hover .infotext {
|
||||
opacity: 1;
|
||||
.list .optional {
|
||||
/* font-family: OpenSans; */
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 2.5;
|
||||
color: #555555;
|
||||
}
|
||||
|
||||
.list .optional {
|
||||
list-style-image: url("../img/enterprise/optional.svg");
|
||||
list-style-position:inside;
|
||||
}
|
||||
|
||||
.list .price {
|
||||
/* font-family: OpenSans; */
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 2.5;
|
||||
color: #555555;
|
||||
}
|
||||
|
||||
.list .price {
|
||||
list-style-image: url("../img/enterprise/blank.svg");
|
||||
list-style-position:inside;
|
||||
}
|
||||
|
||||
|
||||
.table-content .btn-lg {
|
||||
margin-top: 30px;
|
||||
margin-bottom: 30px;
|
||||
width: 100%;
|
||||
text-indent: -20px;
|
||||
}
|
||||
|
||||
/* Tooltips */
|
||||
|
||||
/* Tooltip text */
|
||||
.overinfo .infotext {
|
||||
visibility: hidden;
|
||||
/* width: 200px; */
|
||||
background-color: #555555;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
padding: 5px 0;
|
||||
line-height: 1.4;
|
||||
border-radius: 6px;
|
||||
|
||||
/* Position the tooltip text */
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
padding: 3px;
|
||||
/* top: 100%; */
|
||||
/* left: 50%; */
|
||||
/* margin-left: -100px; */
|
||||
}
|
||||
|
||||
/* Show the tooltip text when you mouse over the tooltip container */
|
||||
.overinfo:hover .infotext {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.overinfo .infotext::after {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
bottom: 100%; /* At the top of the tooltip */
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
border-width: 5px;
|
||||
border-style: solid;
|
||||
border-color: transparent transparent #555555 transparent;
|
||||
}
|
||||
|
||||
.overinfo .infotext {
|
||||
opacity: 0;
|
||||
transition: opacity 0.5s;
|
||||
}
|
||||
|
||||
.overinfo:hover .infotext {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/* Discount section */
|
||||
|
|
@ -294,7 +290,7 @@ border-radius: 6px;
|
|||
}
|
||||
}
|
||||
|
||||
/* Discount section */
|
||||
/* FAQ section */
|
||||
.faq {
|
||||
background: $nextcloud-blue;
|
||||
padding-bottom: 50px;
|
||||
|
|
@ -318,4 +314,61 @@ border-radius: 6px;
|
|||
}
|
||||
}
|
||||
}
|
||||
h3 {
|
||||
font-size: 20px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 1.45;
|
||||
text-align: left;
|
||||
color: #555555;
|
||||
}
|
||||
h1 {
|
||||
font-size: 60px;
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 0.88;
|
||||
color: #ffffff;
|
||||
margin-top: 100px;
|
||||
margin-bottom: 80px;
|
||||
text-align: center;
|
||||
}
|
||||
p {
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
line-height: 1.61;
|
||||
text-align: left;
|
||||
color: #555555;
|
||||
}
|
||||
.downarrow a {
|
||||
color: #555555;
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
&:active {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
.line {
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
border: solid 1px #eeeeee;
|
||||
}
|
||||
.downarrow {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.downarrow span.icon-arrow-down {
|
||||
background: url(../img/arrow_down.svg) center/contain no-repeat;
|
||||
position: absolute;
|
||||
width: 25px;
|
||||
height: 100%;
|
||||
right: -30px;
|
||||
top: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 427 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 188 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 159 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 147 KiB |
|
|
@ -4,7 +4,7 @@ $(document).ready(function() {
|
|||
init: function() {
|
||||
|
||||
this.animationOnLoadPage();
|
||||
this.smothScroll();
|
||||
this.smoothScroll();
|
||||
|
||||
enquire.register('screen and (max-width: 480px)', {
|
||||
//match: _.bind(this.resultsBindMobile, this)
|
||||
|
|
@ -26,8 +26,8 @@ $(document).ready(function() {
|
|||
$(this.variables.heroSectionBackgroundSelector).velocity('transition.fadeIn', 1000);
|
||||
},
|
||||
|
||||
smothScroll: function() {
|
||||
$('a[href*="#"]:not([href="#"])').click(function() {
|
||||
smoothScroll: function() {
|
||||
$('a[href*="#"]:not([href="#"]):not([data-toggle="collapse"]').click(function() {
|
||||
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
|
||||
var target = $(this.hash);
|
||||
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
|
||||
|
|
@ -57,4 +57,4 @@ $(document).ready(function() {
|
|||
}
|
||||
}
|
||||
enterprisePage.init();
|
||||
});
|
||||
});
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@
|
|||
<a href="#expertise">expertise</a>
|
||||
<a href="#security">security</a>
|
||||
<a href="#lifecycle">lifecycle</a>
|
||||
<a href="#faq">faq</a>
|
||||
<a href="#capabilities">capabilities</a>
|
||||
<a class="btn btn-primary" href="/pricing">pricing plans</a>
|
||||
<a class="btn btn-primary" href="/buy">get a quote</a>
|
||||
</div>
|
||||
|
|
@ -69,96 +69,136 @@
|
|||
</div>
|
||||
</section>
|
||||
|
||||
<a name="faq"></a>
|
||||
<div class="faq container-fluid">
|
||||
<div class="text-center">
|
||||
<h1 class="revealOnScroll"><?php echo $l->t('Frequently asked questions');?></h1>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 col-sm-12 ">
|
||||
<div class="downarrow revealOnScroll"><a href="#why_pay" data-toggle="collapse"><h3><?php echo $l->t('Why would I pay for open source software?<span class="icon-arrow-down">');?></h3></a></div>
|
||||
<div id="why_pay" class="collapse ">
|
||||
<p><?php echo $l->t('Nextcloud is great out of the box. But installing and running a server in a secure and reliable manner and for hundreds or thousands of users, important for a mission critical environment, is not always easy. You probably want access to an expert if something does not function as expected. We provide not only that but also pro-active support with installation and security issues, we reach out when we do feature planning to ensure your needs are served and we support Nextcloud long after you would otherwise be forced to upgrade for security, performance and stability reasons.');?></p>
|
||||
<p><?php echo $l->t('By offering more in-depth knowledge than anybody else, we give you the confidence you need to be able to rely on Nextcloud.');?></p>
|
||||
</div>
|
||||
<div class="line revealOnScroll"></div>
|
||||
<div class="downarrow revealOnScroll"><a href="#what_I_get" data-toggle="collapse"><h3><?php echo $l->t('What does the subscription give me?<span class="icon-arrow-down">');?></h3></a></div>
|
||||
<div id="what_I_get" class="collapse">
|
||||
<p><?php echo $l->t('Your Nextcloud subscription enables you to successfully deploy and manage your servers. Our open approach gives you direct access to Nextcloud engineers, the latest knowledge and best practices. We provide technical expertise, guidance and collaboration with phone and chat contact. Pro-active security support helps you identify and address vulnerabilities and harden your servers to protect the safety and integrity of your data.');?></p>
|
||||
<p><?php echo $l->t('With the Nextcloud Enterprise subscription you get:');?></p>
|
||||
<ul class="list">
|
||||
<li class="check"><?php echo $l->t('Full lifecycle support with up to 15 years security and stability fixes');?></li>
|
||||
<li class="check"><?php echo $l->t('Technical expertise and help covering project inception to production and user growth');?></li>
|
||||
<li class="check"><?php echo $l->t('Help to scale your Nextcloud installation to large amounts of storage and large numbers of users');?></li>
|
||||
<li class="check"><?php echo $l->t('Security and hardening consulting');?></li>
|
||||
<li class="check"><?php echo $l->t('Influence on the roadmap of the open source project');?></li>
|
||||
<li class="check"><?php echo $l->t('Access to the core Nextcloud engineers');?></li>
|
||||
<li class="check"><?php echo $l->t('Help and advice if you decide to (pay somebody to) develop a custom app or changes');?></li>
|
||||
<li class="check"><?php echo $l->t('Support for branding Nextcloud');?></li>
|
||||
<li class="check"><?php echo $l->t('Optional support for integrated video conferencing and communication features based on spreed.me and WebRTC');?></li>
|
||||
<li class="check"><?php echo $l->t('Optional Online Office capabilities which can handle a wide range of industry-standard file formats');?></li>
|
||||
<li class="check"><?php echo $l->t('Access to consulting for custom capabilities');?></li>
|
||||
</ul></p>
|
||||
<p><?php echo $l->t('Nextcloud consulting goes beyond technical expertise, offering strategic advice for organizations. We analyze your challenges and help you implement a comprehensive, cost-effective and compliance-aware solution which reduces complexity and risks while delivering the highest security and privacy protection.');?></p>
|
||||
</div>
|
||||
<div class="line revealOnScroll"></div>
|
||||
<div class="downarrow revealOnScroll"><a href="#languages" data-toggle="collapse"><h3><?php echo $l->t('In what languages do I get support?<span class="icon-arrow-down">');?></h3></a></div>
|
||||
<div id="languages" class="collapse">
|
||||
<p><?php echo $l->t('We provide support in German and English and other languages through our partners, <a href="#contact">contact us</a> for details.');?></p>
|
||||
</div>
|
||||
<div class="line revealOnScroll"></div>
|
||||
<div class="downarrow revealOnScroll"><a href="#branding" data-toggle="collapse"><h3><?php echo $l->t('What branding support do I get?<span class="icon-arrow-down">');?></h3></a></div>
|
||||
<div id="branding" class="collapse">
|
||||
<p><?php echo $l->t('Every interface through with you interact with your users or customers should be a representation of the brand behind you - a brand that stands out from the competition. Our support team will make sure Nextcloud represents your brand by helping you configure the web interface and providing you with branded clients if needed.');?></p>
|
||||
</div>
|
||||
<div class="line revealOnScroll"></div>
|
||||
<div class="downarrow revealOnScroll"><a href="#migration" data-toggle="collapse"><h3><?php echo $l->t('How difficult is migration from ownCloud?<span class="icon-arrow-down">');?></h3></a></div>
|
||||
<div id="migration" class="collapse">
|
||||
<p><?php echo $l->t('Migration from ownCloud to Nextcloud is easy. Our support team will help you move to Nextcloud and optimally benefit from the added scalability, features, stability, performance and security. See <a href="/migration">our migration page</a> for more details on migration.');?></p>
|
||||
</div>
|
||||
<div class="line revealOnScroll"></div>
|
||||
<div class="downarrow revealOnScroll"><a href="#howbuy" data-toggle="collapse"><h3><?php echo $l->t('How do I buy Nextcloud subscriptions?<span class="icon-arrow-down">');?></h3></a></div>
|
||||
<div id="howbuy" class="collapse">
|
||||
<p><?php echo $l->t('Just <a href="/buy">contact us</a> or one of our partners. Our partners will help you set up Nextcloud and they act as your first point of contact.');?></p>
|
||||
</div>
|
||||
<div class="line revealOnScroll"></div>
|
||||
<div class="downarrow revealOnScroll"><a href="#partner" data-toggle="collapse"><h3><?php echo $l->t('How do I become a Nextcloud partner?<span class="icon-arrow-down">');?></h3></a></div>
|
||||
<div id="partner" class="collapse">
|
||||
<p><?php echo $l->t('We are always looking for competent partners who share our passion for making customers happy! You can join our ecosystem, <a href="/contact">contact us for more information</a>.');?></p>
|
||||
</div>
|
||||
<div class="line revealOnScroll"></div>
|
||||
<div class="downarrow revealOnScroll"><a href="#gpl" data-toggle="collapse"><h3><?php echo $l->t('What does the Open Source License mean?<span class="icon-arrow-down">');?></h3></a></div>
|
||||
<div id="gpl" class="collapse">
|
||||
<p><?php echo $l->t('Nextcloud is licensed under the GNU AGPLv3, one of the most widely used Open Source license. Written with input from lawyers and industry leaders from all over the world, it is a clear, balanced and well understood license, providing users a level of certainty no license from any single company can give. Today it is a widely used and broadly accepted license across various stakeholders, including developers, users, organizations and large enterprises. The AGPLv3 guarantees that all users of the software can use, study, share and improve the software without any legal risks. Further its patent clause ensures all users have a non-exclusive, non-transferable, worldwide, royalty-free license on any patents owned by code contributors now or in the future. On top of this, Nextcloud GmbH guarantees that every customer can use Nextcloud and exercise all rights given by the GNU AGPLv3 without violating any patents or copyright.');?></p>
|
||||
</div>
|
||||
<div class="line revealOnScroll"></div>
|
||||
<div class="downarrow revealOnScroll"><a href="#opencore" data-toggle="collapse"><h3><?php echo $l->t('Would a proprietary license not be better?<span class="icon-arrow-down">');?></h3></a></div>
|
||||
<div id="opencore" class="collapse">
|
||||
<p><?php echo $l->t('No. Components of Nextcloud as well as many Nextcloud apps are under a variety of open source licenses. While they are all compatible with the AGPL, many are not compatible with proprietary licenses and thus would nearly guarantee customers would be in violation of those licenses, creating legal risk.');?></p>
|
||||
</div>
|
||||
<div class="line revealOnScroll"></div>
|
||||
<div class="downarrow revealOnScroll"><a href="#sourcerelease" data-toggle="collapse"><h3><?php echo $l->t('Do I have to release the source code of systems Nextcloud connects to?<span class="icon-arrow-down">');?></h3></a></div>
|
||||
<div id="sourcerelease" class="collapse">
|
||||
<p><?php echo $l->t('No. Nextcloud will communicate with your back-end systems over external APIs. Those systems will not become a derivative work of Nextcloud just because they communicate with it. Therefore you can keep the source code of your back-end systems private and do not have to share it with anyone.');?></p>
|
||||
</div>
|
||||
<div class="line revealOnScroll"></div>
|
||||
<div class="downarrow revealOnScroll"><a href="#logos" data-toggle="collapse"><h3><?php echo $l->t('Are my logos or the company name affected by the AGPL?<span class="icon-arrow-down">');?></h3></a></div>
|
||||
<div id="logos" class="collapse">
|
||||
<p><?php echo $l->t('No. Logos, company names, etc. are protected by trademarks. The GNU AGPLv3 is a copyright license and does not affect any trademarks. If you put your logo on your Nextcloud it is considered merely as data used by Nextcloud and has no effect on licenses or trademarks.');?></p></div>
|
||||
<div class="line revealOnScroll">
|
||||
</div>
|
||||
<div class="downarrow revealOnScroll"><a href="#pubsource" data-toggle="collapse"><h3><?php echo $l->t('Do I need to publish the source code if I use Nextcloud?<span class="icon-arrow-down">');?></h3></a></div>
|
||||
<div id="pubsource" class="collapse">
|
||||
<p><?php echo $l->t('No. As long as you did not make any modifications to the Nextcloud code, existing apps or write your own apps, you do not have to do anything. Note that configuration does not count as modification! If you did make code modifications, then you have to make that code available under the GNU AGPLv3 or a compatible license to the users of the system. The easiest way to do so is to provide a download link. Nextcloud GmbH assists customers with license compliance.');?></p>
|
||||
</div>
|
||||
<div class="line revealOnScroll"></div>
|
||||
<div class="downarrow revealOnScroll"><a href="#sellapp" data-toggle="collapse"><h3><?php echo $l->t('Can I sell my Nextcloud App?<span class="icon-arrow-down">');?></h3></a></div>
|
||||
<div id="sellapp" class="collapse">
|
||||
<p><?php echo $l->t('Yes. Nextcloud is licensed under the GNU AGPLv3. This license only defines the rights you have to give the users of the software, but not how they get the software. You can decide freely if you want to sell the software in an app store or through any other channel, or if you want to make the app publicly available. The only requirement is that you license your app under the AGPLv3 or a compatible license.');?></p>
|
||||
</div>
|
||||
<div class="line revealOnScroll"></div>
|
||||
</div>
|
||||
</div>
|
||||
<a name="capabilities"></a>
|
||||
<section class="Section-Features-Nextcloud" id="pinContainer">
|
||||
<div >
|
||||
<h2 class="text-center section-title revealOnScroll"><?php echo $l->t('Nextcloud Enterprise Capabilities');?></h2>
|
||||
<div class="indicators">
|
||||
<ul class="carousel_dots"></ul>
|
||||
<li class="btn_carousel"></li>
|
||||
<li class="btn_carousel"></li>
|
||||
<li class="btn_carousel"></li>
|
||||
<li class="btn_carousel"></li>
|
||||
</div>
|
||||
<section class="panel-workflow">
|
||||
<div class="container">
|
||||
<div class="row introducing-nc-release">
|
||||
<div class="container">
|
||||
<div class="container col-md-6 ">
|
||||
<img class="img-responsive" src="<?php echo get_template_directory_uri(); ?>/assets/img/enterprise/capabilities-integration.png">
|
||||
</div>
|
||||
<div class="container col-md-6 right-text-grey" style="opacity: 1; padding-top: 50px;">
|
||||
<h5><?php echo $l->t('Deep integration in your infrastructure');?></h5>
|
||||
<p><?php echo $l->t('Nextcloud offers LDAP/Active Directory, SAML and Kerboros authentication. It accesses data on NFS, (s)FTP, WebDAV, Windows Network Drive, Object Stores like SWIFT and many more.');?></p>
|
||||
<p><?php echo $l->t('Nextcloud systems offer logging and monitoring integration for SIEM tools like Splunk and monitoring appslike openNMS or Nagios. API\'s enable further integration, providing access to provisioning, sharing and other capabilities.');?></p>
|
||||
<p>
|
||||
<a class="button button--blue button--arrow button--large" href="<?php echo get_template_directory_uri(); ?>/assets/files/architecture-whitepaper.pdf" role="button"><?php echo $l->t('Architecture Whitepaper');?></a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="panel-monitoring hidden">
|
||||
<div class="container">
|
||||
<div class="row introducing-nc-release">
|
||||
<div class="container">
|
||||
<div class="container col-md-6">
|
||||
<img class="img-responsive" src="<?php echo get_template_directory_uri(); ?>/assets/img/enterprise/capabilities-security.png">
|
||||
</div>
|
||||
<div class="container col-md-6 right-text-grey">
|
||||
<h5><?php echo $l->t('Security features keep your data safe');?></h5>
|
||||
<p><?php echo $l->t('Nextcloud supports two-factor authentication and Server Side Encryption, has brute force protection and features industry-standard security measures like CSP, SSC and password and session management.');?></p>
|
||||
<p><?php echo $l->t('Our development process aligns with industry standards such as ISO/IEC27001-2013 and related standards. Our successful Security Bug Bounty program offers security experts up to USD 5000 for finding and reporting security problems.');?></p>
|
||||
<p>
|
||||
<a class="button button--blue button--arrow button--large" href="/secure" role="button"><?php echo $l->t('Learn more about security');?></a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="panel-authentication hidden">
|
||||
<div class="container">
|
||||
<div class="row introducing-nc-release">
|
||||
<div class="container">
|
||||
<div class="container col-md-6">
|
||||
<img class="img-responsive" src="<?php echo get_template_directory_uri(); ?>/assets/img/enterprise/capabilities-control.png">
|
||||
</div>
|
||||
<div class="container col-md-6 right-text-grey">
|
||||
<h5><?php echo $l->t('IT stays in control');?></h5>
|
||||
<p><?php echo $l->t('Our File Access Control app enables administrators to defining data access rules or triggering actions based on location, group membership, file type, tags and other properties.');?></p>
|
||||
<p><?php echo $l->t('Retention and file deletion can also be managed automatically, ensuring legal requirements can be enforced.');?></p>
|
||||
<p>
|
||||
<a class="button button--blue button--arrow button--large" href="/workflow/" role="button"><?php echo $l->t('Learn more about Workflow');?></a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="panel-authentication hidden">
|
||||
<div class="container">
|
||||
<div class="row introducing-nc-release">
|
||||
<div class="container">
|
||||
<div class="container col-md-6">
|
||||
<img class="img-responsive" src="<?php echo get_template_directory_uri(); ?>/assets/img/enterprise/capabilities-access.png">
|
||||
</div>
|
||||
<div class="container col-md-6 right-text-grey">
|
||||
<h5><?php echo $l->t('Easy access for users');?></h5>
|
||||
<p><?php echo $l->t('Users can access and share their data on Nextcloud through sync clients for Windows, Linux and Mac as well as Android and IOS, providing a smooth experience no matter where data is located.');?></p>
|
||||
<p><?php echo $l->t('Nextcloud capabilities like Full Text Search, Audio/Video chat, Office Document Editing, sharing and more are at their fingertips.');?></p>
|
||||
<p>
|
||||
<a class="button button--blue button--arrow button--large" href="/features" role="button"><?php echo $l->t('Learn more about features');?></a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
// this is needed for the features/capabilities carousel!
|
||||
// Only make the scrolling effect for devices bigger than the 768px in width and 900px in height
|
||||
if ($(window).width() > 768 && $(window).height() >= 900) {
|
||||
var controller = new ScrollMagic.Controller();
|
||||
new ScrollMagic.Scene({triggerElement: '#pinContainer', triggerHook: 'onLeave', duration: 750, offset: -100})
|
||||
.addTo(controller)
|
||||
.setPin('#pinContainer')
|
||||
.on('enter leave', function (e) {
|
||||
$('.indicators').addClass('hidden');
|
||||
})
|
||||
.on('start end', function (e) {
|
||||
$('.indicators').removeClass('hidden');
|
||||
})
|
||||
.on('progress', function (e) {
|
||||
var progressNumber = e.progress.toFixed(4);
|
||||
var currentProgress = Math.round(10 * ((progressNumber / 10) * 3));
|
||||
$('#pinContainer section:lt(' + currentProgress + ')').addClass('hidden');
|
||||
$('#pinContainer section:gt(' + currentProgress + ')').addClass('hidden');
|
||||
$('#pinContainer section:nth(' + currentProgress + ')').removeClass('hidden');
|
||||
$('.indicators .btn_carousel').html('');
|
||||
$('.indicators .btn_carousel').removeClass('active');
|
||||
$('.indicators .btn_carousel:nth(' + currentProgress + ')').addClass('active');
|
||||
|
||||
if (currentProgress > 0) {
|
||||
$('#pinContainer section:nth(' + currentProgress + ') .right-text-grey')
|
||||
.animate({
|
||||
'opacity': 1,
|
||||
'margin-top': '-25px'
|
||||
}, 750);
|
||||
}
|
||||
});
|
||||
} else {
|
||||
$('.indicators').addClass('hidden');
|
||||
$('section:nth(0)').removeClass('hidden')
|
||||
$('#pinContainer section .right-text-grey:nth(0)').css('opacity', '1.0');
|
||||
$('#pinContainer').css('width', 'inherit');
|
||||
$('#pinContainer').css('height', 'inherit');
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -193,6 +193,7 @@
|
|||
|
||||
|
||||
<script>
|
||||
// this is needed for the features/capabilities carousel!
|
||||
// Only make the scrolling effect for devices bigger than the 768px in width and 900px in height
|
||||
if ($(window).width() > 768 && $(window).height() >= 900) {
|
||||
var controller = new ScrollMagic.Controller();
|
||||
|
|
|
|||
|
|
@ -14,13 +14,15 @@
|
|||
<div class="container buttons">
|
||||
<a href="#plans">plans</a>
|
||||
<a href="#discounts">discounts</a>
|
||||
<a href="#faq">faq</a>
|
||||
<a class="btn btn-primary" href="/buy">get a quote</a>
|
||||
<a class="btn btn-primary" href="/enterprise">enterprise offering</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<a name="plans"></a>
|
||||
<div class="container pricing">
|
||||
<div class="container plans">
|
||||
<div class="row">
|
||||
<h1 class="header"><?php echo $l->t('Plans and Pricing');?></h1>
|
||||
<div class="col-md-4 table-column">
|
||||
|
|
@ -179,3 +181,96 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<a name="faq"></a>
|
||||
<div class="faq container-fluid">
|
||||
<div class="text-center">
|
||||
<h1 class="revealOnScroll"><?php echo $l->t('Frequently asked questions');?></h1>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 col-sm-12 ">
|
||||
<div class="downarrow revealOnScroll"><a href="#why_pay" data-toggle="collapse"><h3><?php echo $l->t('Why would I pay for open source software?<span class="icon-arrow-down">');?></h3></a></div>
|
||||
<div id="why_pay" class="collapse ">
|
||||
<p><?php echo $l->t('Nextcloud is great out of the box. But installing and running a server in a secure and reliable manner and for hundreds or thousands of users, important for a mission critical environment, is not always easy. You probably want access to an expert if something does not function as expected. We provide not only that but also pro-active support with installation and security issues, we reach out when we do feature planning to ensure your needs are served and we support Nextcloud long after you would otherwise be forced to upgrade for security, performance and stability reasons.');?></p>
|
||||
<p><?php echo $l->t('By offering more in-depth knowledge than anybody else, we give you the confidence you need to be able to rely on Nextcloud.');?></p>
|
||||
</div>
|
||||
<div class="line revealOnScroll"></div>
|
||||
<div class="downarrow revealOnScroll"><a href="#what_I_get" data-toggle="collapse"><h3><?php echo $l->t('What does the subscription give me?<span class="icon-arrow-down">');?></h3></a></div>
|
||||
<div id="what_I_get" class="collapse">
|
||||
<p><?php echo $l->t('Your Nextcloud subscription enables you to successfully deploy and manage your servers. Our open approach gives you direct access to Nextcloud engineers, the latest knowledge and best practices. We provide technical expertise, guidance and collaboration with phone and chat contact. Pro-active security support helps you identify and address vulnerabilities and harden your servers to protect the safety and integrity of your data.');?></p>
|
||||
<p><?php echo $l->t('With the Nextcloud Enterprise subscription you get:');?></p>
|
||||
<ul class="list">
|
||||
<li class="check"><?php echo $l->t('Full lifecycle support with up to 15 years security and stability fixes');?></li>
|
||||
<li class="check"><?php echo $l->t('Technical expertise and help covering project inception to production and user growth');?></li>
|
||||
<li class="check"><?php echo $l->t('Help to scale your Nextcloud installation to large amounts of storage and large numbers of users');?></li>
|
||||
<li class="check"><?php echo $l->t('Security and hardening consulting');?></li>
|
||||
<li class="check"><?php echo $l->t('Influence on the roadmap of the open source project');?></li>
|
||||
<li class="check"><?php echo $l->t('Access to the core Nextcloud engineers');?></li>
|
||||
<li class="check"><?php echo $l->t('Help and advice if you decide to (pay somebody to) develop a custom app or changes');?></li>
|
||||
<li class="check"><?php echo $l->t('Support for branding Nextcloud');?></li>
|
||||
<li class="check"><?php echo $l->t('Optional support for integrated video conferencing and communication features based on spreed.me and WebRTC');?></li>
|
||||
<li class="check"><?php echo $l->t('Optional Online Office capabilities which can handle a wide range of industry-standard file formats');?></li>
|
||||
<li class="check"><?php echo $l->t('Access to consulting for custom capabilities');?></li>
|
||||
</ul></p>
|
||||
<p><?php echo $l->t('Nextcloud consulting goes beyond technical expertise, offering strategic advice for organizations. We analyze your challenges and help you implement a comprehensive, cost-effective and compliance-aware solution which reduces complexity and risks while delivering the highest security and privacy protection.');?></p>
|
||||
</div>
|
||||
<div class="line revealOnScroll"></div>
|
||||
<div class="downarrow revealOnScroll"><a href="#languages" data-toggle="collapse"><h3><?php echo $l->t('In what languages do I get support?<span class="icon-arrow-down">');?></h3></a></div>
|
||||
<div id="languages" class="collapse">
|
||||
<p><?php echo $l->t('We provide support in German and English and other languages through our partners, <a href="#contact">contact us</a> for details.');?></p>
|
||||
</div>
|
||||
<div class="line revealOnScroll"></div>
|
||||
<div class="downarrow revealOnScroll"><a href="#branding" data-toggle="collapse"><h3><?php echo $l->t('What branding support do I get?<span class="icon-arrow-down">');?></h3></a></div>
|
||||
<div id="branding" class="collapse">
|
||||
<p><?php echo $l->t('Every interface through with you interact with your users or customers should be a representation of the brand behind you - a brand that stands out from the competition. Our support team will make sure Nextcloud represents your brand by helping you configure the web interface and providing you with branded clients if needed.');?></p>
|
||||
</div>
|
||||
<div class="line revealOnScroll"></div>
|
||||
<div class="downarrow revealOnScroll"><a href="#migration" data-toggle="collapse"><h3><?php echo $l->t('How difficult is migration from ownCloud?<span class="icon-arrow-down">');?></h3></a></div>
|
||||
<div id="migration" class="collapse">
|
||||
<p><?php echo $l->t('Migration from ownCloud to Nextcloud is easy. Our support team will help you move to Nextcloud and optimally benefit from the added scalability, features, stability, performance and security. See <a href="/migration">our migration page</a> for more details on migration.');?></p>
|
||||
</div>
|
||||
<div class="line revealOnScroll"></div>
|
||||
<div class="downarrow revealOnScroll"><a href="#howbuy" data-toggle="collapse"><h3><?php echo $l->t('How do I buy Nextcloud subscriptions?<span class="icon-arrow-down">');?></h3></a></div>
|
||||
<div id="howbuy" class="collapse">
|
||||
<p><?php echo $l->t('Just <a href="/buy">contact us</a> or one of our partners. Our partners will help you set up Nextcloud and they act as your first point of contact.');?></p>
|
||||
</div>
|
||||
<div class="line revealOnScroll"></div>
|
||||
<div class="downarrow revealOnScroll"><a href="#partner" data-toggle="collapse"><h3><?php echo $l->t('How do I become a Nextcloud partner?<span class="icon-arrow-down">');?></h3></a></div>
|
||||
<div id="partner" class="collapse">
|
||||
<p><?php echo $l->t('We are always looking for competent partners who share our passion for making customers happy! You can join our ecosystem, <a href="/contact">contact us for more information</a>.');?></p>
|
||||
</div>
|
||||
<div class="line revealOnScroll"></div>
|
||||
<div class="downarrow revealOnScroll"><a href="#gpl" data-toggle="collapse"><h3><?php echo $l->t('What does the Open Source License mean?<span class="icon-arrow-down">');?></h3></a></div>
|
||||
<div id="gpl" class="collapse">
|
||||
<p><?php echo $l->t('Nextcloud is licensed under the GNU AGPLv3, one of the most widely used Open Source license. Written with input from lawyers and industry leaders from all over the world, it is a clear, balanced and well understood license, providing users a level of certainty no license from any single company can give. Today it is a widely used and broadly accepted license across various stakeholders, including developers, users, organizations and large enterprises. The AGPLv3 guarantees that all users of the software can use, study, share and improve the software without any legal risks. Further its patent clause ensures all users have a non-exclusive, non-transferable, worldwide, royalty-free license on any patents owned by code contributors now or in the future. On top of this, Nextcloud GmbH guarantees that every customer can use Nextcloud and exercise all rights given by the GNU AGPLv3 without violating any patents or copyright.');?></p>
|
||||
</div>
|
||||
<div class="line revealOnScroll"></div>
|
||||
<div class="downarrow revealOnScroll"><a href="#opencore" data-toggle="collapse"><h3><?php echo $l->t('Would a proprietary license not be better?<span class="icon-arrow-down">');?></h3></a></div>
|
||||
<div id="opencore" class="collapse">
|
||||
<p><?php echo $l->t('No. Components of Nextcloud as well as many Nextcloud apps are under a variety of open source licenses. While they are all compatible with the AGPL, many are not compatible with proprietary licenses and thus would nearly guarantee customers would be in violation of those licenses, creating legal risk.');?></p>
|
||||
</div>
|
||||
<div class="line revealOnScroll"></div>
|
||||
<div class="downarrow revealOnScroll"><a href="#sourcerelease" data-toggle="collapse"><h3><?php echo $l->t('Do I have to release the source code of systems Nextcloud connects to?<span class="icon-arrow-down">');?></h3></a></div>
|
||||
<div id="sourcerelease" class="collapse">
|
||||
<p><?php echo $l->t('No. Nextcloud will communicate with your back-end systems over external APIs. Those systems will not become a derivative work of Nextcloud just because they communicate with it. Therefore you can keep the source code of your back-end systems private and do not have to share it with anyone.');?></p>
|
||||
</div>
|
||||
<div class="line revealOnScroll"></div>
|
||||
<div class="downarrow revealOnScroll"><a href="#logos" data-toggle="collapse"><h3><?php echo $l->t('Are my logos or the company name affected by the AGPL?<span class="icon-arrow-down">');?></h3></a></div>
|
||||
<div id="logos" class="collapse">
|
||||
<p><?php echo $l->t('No. Logos, company names, etc. are protected by trademarks. The GNU AGPLv3 is a copyright license and does not affect any trademarks. If you put your logo on your Nextcloud it is considered merely as data used by Nextcloud and has no effect on licenses or trademarks.');?></p></div>
|
||||
<div class="line revealOnScroll">
|
||||
</div>
|
||||
<div class="downarrow revealOnScroll"><a href="#pubsource" data-toggle="collapse"><h3><?php echo $l->t('Do I need to publish the source code if I use Nextcloud?<span class="icon-arrow-down">');?></h3></a></div>
|
||||
<div id="pubsource" class="collapse">
|
||||
<p><?php echo $l->t('No. As long as you did not make any modifications to the Nextcloud code, existing apps or write your own apps, you do not have to do anything. Note that configuration does not count as modification! If you did make code modifications, then you have to make that code available under the GNU AGPLv3 or a compatible license to the users of the system. The easiest way to do so is to provide a download link. Nextcloud GmbH assists customers with license compliance.');?></p>
|
||||
</div>
|
||||
<div class="line revealOnScroll"></div>
|
||||
<div class="downarrow revealOnScroll"><a href="#sellapp" data-toggle="collapse"><h3><?php echo $l->t('Can I sell my Nextcloud App?<span class="icon-arrow-down">');?></h3></a></div>
|
||||
<div id="sellapp" class="collapse">
|
||||
<p><?php echo $l->t('Yes. Nextcloud is licensed under the GNU AGPLv3. This license only defines the rights you have to give the users of the software, but not how they get the software. You can decide freely if you want to sell the software in an app store or through any other channel, or if you want to make the app publicly available. The only requirement is that you license your app under the AGPLv3 or a compatible license.');?></p>
|
||||
</div>
|
||||
<div class="line revealOnScroll"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -42,7 +42,8 @@ require get_template_directory().'/strings.php';
|
|||
|
||||
<li class="nav__section"><a class="nav__label"><?php echo $l->t('Enterprise');?></a>
|
||||
<ul class="nav__links">
|
||||
<li class="nav__item"><a href="<?php echo home_url('enterprise') ?>"><?php echo $l->t('Pricing');?></a></li>
|
||||
<li class="nav__item"><a href="<?php echo home_url('enterprise') ?>"><?php echo $l->t('Enterprise');?></a></li>
|
||||
<li class="nav__item"><a href="<?php echo home_url('pricing') ?>"><?php echo $l->t('Pricing');?></a></li>
|
||||
<li class="nav__item"><a href="<?php echo home_url('buy') ?>"><?php echo $l->t('Get an offer');?></a></li>
|
||||
<li class="nav__item"><a href="<?php echo home_url('migration') ?>"><?php echo $l->t('Migration');?></a></li>
|
||||
</ul>
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче