public css commit
This commit is contained in:
parent
ac17156cd0
commit
7456ccabad
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,63 @@
|
|||
.medium-toolbar-arrow-under:after {
|
||||
border-color: #242424 transparent transparent transparent;
|
||||
top: 50px; }
|
||||
|
||||
.medium-toolbar-arrow-over:before {
|
||||
border-color: transparent transparent #242424 transparent;
|
||||
top: -8px; }
|
||||
|
||||
.medium-editor-toolbar {
|
||||
background-color: #242424;
|
||||
background: -webkit-linear-gradient(top, #242424, rgba(36, 36, 36, 0.75));
|
||||
background: linear-gradient(to bottom, #242424, rgba(36, 36, 36, 0.75));
|
||||
border: 1px solid #000;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 0 3px #000; }
|
||||
.medium-editor-toolbar li button {
|
||||
background-color: #242424;
|
||||
background: -webkit-linear-gradient(top, #242424, rgba(36, 36, 36, 0.89));
|
||||
background: linear-gradient(to bottom, #242424, rgba(36, 36, 36, 0.89));
|
||||
border: 0;
|
||||
border-right: 1px solid #000;
|
||||
border-left: 1px solid #333;
|
||||
border-left: 1px solid rgba(255, 255, 255, 0.1);
|
||||
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
|
||||
color: #fff;
|
||||
height: 50px;
|
||||
min-width: 50px;
|
||||
-webkit-transition: background-color .2s ease-in;
|
||||
transition: background-color .2s ease-in; }
|
||||
.medium-editor-toolbar li button:hover {
|
||||
background-color: #000;
|
||||
color: yellow; }
|
||||
.medium-editor-toolbar li .medium-editor-button-first {
|
||||
border-bottom-left-radius: 5px;
|
||||
border-top-left-radius: 5px; }
|
||||
.medium-editor-toolbar li .medium-editor-button-last {
|
||||
border-bottom-right-radius: 5px;
|
||||
border-top-right-radius: 5px; }
|
||||
.medium-editor-toolbar li .medium-editor-button-active {
|
||||
background-color: #000;
|
||||
background: -webkit-linear-gradient(top, #242424, rgba(0, 0, 0, 0.89));
|
||||
background: linear-gradient(to bottom, #242424, rgba(0, 0, 0, 0.89));
|
||||
color: #fff; }
|
||||
|
||||
.medium-editor-toolbar-form {
|
||||
background: #242424;
|
||||
border-radius: 5px;
|
||||
color: #999; }
|
||||
.medium-editor-toolbar-form .medium-editor-toolbar-input {
|
||||
background: #242424;
|
||||
box-sizing: border-box;
|
||||
color: #ccc;
|
||||
height: 50px; }
|
||||
.medium-editor-toolbar-form a {
|
||||
color: #fff; }
|
||||
|
||||
.medium-editor-toolbar-anchor-preview {
|
||||
background: #242424;
|
||||
border-radius: 5px;
|
||||
color: #fff; }
|
||||
|
||||
.medium-editor-placeholder:after {
|
||||
color: #b3b3b1; }
|
||||
|
|
@ -0,0 +1,122 @@
|
|||
*:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: Helvetica, Arial, sans-serif;
|
||||
font-size: 22px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.top-bar {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: auto;
|
||||
z-index: 10;
|
||||
padding: 10px;
|
||||
background-color: #000;
|
||||
background-color: rgba(0, 0, 0, .8);
|
||||
box-shadow: 0 0 4px #000;
|
||||
box-sizing: border-box;
|
||||
color: #ccc;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 60px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
margin-bottom: 40px;
|
||||
padding-bottom: 40px;
|
||||
letter-spacing: -2px;
|
||||
border-bottom: 1px solid #dbdbdb;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 32px;
|
||||
line-height: 42px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 26px;
|
||||
line-height: 32px;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 24px;
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
a {
|
||||
color:black;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color:green;
|
||||
}
|
||||
|
||||
pre {
|
||||
font-family: 'Menlo', monospace;
|
||||
font-size: 15px;
|
||||
background-color: #f0f0f0;
|
||||
padding: 15px;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 5px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
|
||||
blockquote {
|
||||
display: block;
|
||||
padding-left: 20px;
|
||||
border-left: 6px solid #df0d32;
|
||||
margin-left: -15px;
|
||||
padding-left: 15px;
|
||||
font-style: italic;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
#container {
|
||||
width: 960px;
|
||||
margin: 30px auto;
|
||||
}
|
||||
|
||||
#all-demos {
|
||||
text-align: center;
|
||||
border-bottom: 1px solid #dbdbdb;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
.editable,
|
||||
.secondEditable
|
||||
{
|
||||
outline: none;
|
||||
margin: 0 0 20px 0;
|
||||
padding: 0 0 20px 0;
|
||||
border-bottom: 1px solid #dbdbdb;
|
||||
}
|
||||
|
||||
#columns {
|
||||
width: 90%;
|
||||
margin: 30px auto;
|
||||
}
|
||||
|
||||
.column-container {
|
||||
|
||||
}
|
||||
|
||||
.column {
|
||||
vertical-align: top;
|
||||
display: inline-block;
|
||||
width: 30%;
|
||||
margin: 10px 1%;
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,230 @@
|
|||
@-webkit-keyframes medium-editor-image-loading {
|
||||
0% {
|
||||
-webkit-transform: scale(0);
|
||||
transform: scale(0); }
|
||||
100% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1); } }
|
||||
|
||||
@keyframes medium-editor-image-loading {
|
||||
0% {
|
||||
-webkit-transform: scale(0);
|
||||
transform: scale(0); }
|
||||
100% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1); } }
|
||||
|
||||
@-webkit-keyframes medium-editor-pop-upwards {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
|
||||
transform: matrix(0.97, 0, 0, 1, 0, 12); }
|
||||
20% {
|
||||
opacity: .7;
|
||||
-webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
|
||||
transform: matrix(0.99, 0, 0, 1, 0, 2); }
|
||||
40% {
|
||||
opacity: 1;
|
||||
-webkit-transform: matrix(1, 0, 0, 1, 0, -1);
|
||||
transform: matrix(1, 0, 0, 1, 0, -1); }
|
||||
100% {
|
||||
-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
|
||||
transform: matrix(1, 0, 0, 1, 0, 0); } }
|
||||
|
||||
@keyframes medium-editor-pop-upwards {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
|
||||
transform: matrix(0.97, 0, 0, 1, 0, 12); }
|
||||
20% {
|
||||
opacity: .7;
|
||||
-webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
|
||||
transform: matrix(0.99, 0, 0, 1, 0, 2); }
|
||||
40% {
|
||||
opacity: 1;
|
||||
-webkit-transform: matrix(1, 0, 0, 1, 0, -1);
|
||||
transform: matrix(1, 0, 0, 1, 0, -1); }
|
||||
100% {
|
||||
-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
|
||||
transform: matrix(1, 0, 0, 1, 0, 0); } }
|
||||
|
||||
.medium-editor-anchor-preview {
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 16px;
|
||||
left: 0;
|
||||
line-height: 1.4;
|
||||
max-width: 280px;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
top: 0;
|
||||
word-break: break-all;
|
||||
word-wrap: break-word;
|
||||
visibility: hidden;
|
||||
z-index: 2000; }
|
||||
.medium-editor-anchor-preview a {
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
margin: 5px 5px 10px; }
|
||||
|
||||
.medium-editor-anchor-preview-active {
|
||||
visibility: visible; }
|
||||
|
||||
.medium-editor-dragover {
|
||||
background: #ddd; }
|
||||
|
||||
.medium-editor-image-loading {
|
||||
-webkit-animation: medium-editor-image-loading 1s infinite ease-in-out;
|
||||
animation: medium-editor-image-loading 1s infinite ease-in-out;
|
||||
background-color: #333;
|
||||
border-radius: 100%;
|
||||
display: inline-block;
|
||||
height: 40px;
|
||||
width: 40px; }
|
||||
|
||||
.medium-editor-placeholder {
|
||||
position: relative; }
|
||||
.medium-editor-placeholder:after {
|
||||
content: attr(data-placeholder) !important;
|
||||
font-style: italic;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
white-space: pre;
|
||||
padding: inherit;
|
||||
margin: inherit; }
|
||||
|
||||
.medium-editor-placeholder-relative {
|
||||
position: relative; }
|
||||
.medium-editor-placeholder-relative:after {
|
||||
content: attr(data-placeholder) !important;
|
||||
font-style: italic;
|
||||
position: relative;
|
||||
white-space: pre;
|
||||
padding: inherit;
|
||||
margin: inherit; }
|
||||
|
||||
.medium-toolbar-arrow-under:after, .medium-toolbar-arrow-over:before {
|
||||
border-style: solid;
|
||||
content: '';
|
||||
display: block;
|
||||
height: 0;
|
||||
left: 50%;
|
||||
margin-left: -8px;
|
||||
position: absolute;
|
||||
width: 0; }
|
||||
|
||||
.medium-toolbar-arrow-under:after {
|
||||
border-width: 8px 8px 0 8px; }
|
||||
|
||||
.medium-toolbar-arrow-over:before {
|
||||
border-width: 0 8px 8px 8px;
|
||||
top: -8px; }
|
||||
|
||||
.medium-editor-toolbar {
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 16px;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
visibility: hidden;
|
||||
z-index: 2000; }
|
||||
.medium-editor-toolbar ul {
|
||||
margin: 0;
|
||||
padding: 0; }
|
||||
.medium-editor-toolbar li {
|
||||
float: left;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0; }
|
||||
.medium-editor-toolbar li button {
|
||||
box-sizing: border-box;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
line-height: 1.33;
|
||||
margin: 0;
|
||||
padding: 15px;
|
||||
text-decoration: none; }
|
||||
.medium-editor-toolbar li button:focus {
|
||||
outline: none; }
|
||||
.medium-editor-toolbar li .medium-editor-action-underline {
|
||||
text-decoration: underline; }
|
||||
.medium-editor-toolbar li .medium-editor-action-pre {
|
||||
font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
|
||||
font-size: 12px;
|
||||
font-weight: 100;
|
||||
padding: 15px 0; }
|
||||
|
||||
.medium-editor-toolbar-active {
|
||||
visibility: visible; }
|
||||
|
||||
.medium-editor-sticky-toolbar {
|
||||
position: fixed;
|
||||
top: 1px; }
|
||||
|
||||
.medium-editor-relative-toolbar {
|
||||
position: relative; }
|
||||
|
||||
.medium-editor-toolbar-active.medium-editor-stalker-toolbar {
|
||||
-webkit-animation: medium-editor-pop-upwards 160ms forwards linear;
|
||||
animation: medium-editor-pop-upwards 160ms forwards linear; }
|
||||
|
||||
.medium-editor-action-bold {
|
||||
font-weight: bolder; }
|
||||
|
||||
.medium-editor-action-italic {
|
||||
font-style: italic; }
|
||||
|
||||
.medium-editor-toolbar-form {
|
||||
display: none; }
|
||||
.medium-editor-toolbar-form input,
|
||||
.medium-editor-toolbar-form a {
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
|
||||
.medium-editor-toolbar-form .medium-editor-toolbar-form-row {
|
||||
line-height: 14px;
|
||||
margin-left: 5px;
|
||||
padding-bottom: 5px; }
|
||||
.medium-editor-toolbar-form .medium-editor-toolbar-input,
|
||||
.medium-editor-toolbar-form label {
|
||||
border: none;
|
||||
box-sizing: border-box;
|
||||
font-size: 14px;
|
||||
margin: 0;
|
||||
padding: 6px;
|
||||
width: 316px;
|
||||
display: inline-block; }
|
||||
.medium-editor-toolbar-form .medium-editor-toolbar-input:focus,
|
||||
.medium-editor-toolbar-form label:focus {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
outline: 0; }
|
||||
.medium-editor-toolbar-form a {
|
||||
display: inline-block;
|
||||
font-size: 24px;
|
||||
font-weight: bolder;
|
||||
margin: 0 10px;
|
||||
text-decoration: none; }
|
||||
|
||||
.medium-editor-toolbar-form-active {
|
||||
display: block; }
|
||||
|
||||
.medium-editor-toolbar-actions:after {
|
||||
clear: both;
|
||||
content: "";
|
||||
display: table; }
|
||||
|
||||
.medium-editor-element {
|
||||
word-wrap: break-word;
|
||||
min-height: 30px; }
|
||||
.medium-editor-element img {
|
||||
max-width: 100%; }
|
||||
.medium-editor-element sub {
|
||||
vertical-align: sub; }
|
||||
.medium-editor-element sup {
|
||||
vertical-align: super; }
|
||||
|
||||
.medium-editor-hidden {
|
||||
display: none; }
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1 @@
|
|||
@font-face{font-family:'Allura';font-style:normal;font-weight:400;src:local('Allura'),local('Allura-Regular'),url(../fonts/aloura.woff2) format('woff2')}@FONT-FACE{font-family:asap;src:url(../fonts/google_asap/Asap-Regular.ttf)}@FONT-FACE{font-family:asap-bold-italic;src:url(../fonts/google_asap/Asap-BoldItalic.ttf)}@FONT-FACE{font-family:asap-italic;src:url(../fonts/google_asap/Asap-Italic.ttf)}@FONT-FACE{font-family:asap-bold;src:url(../fonts/google_asap/Asap-Bold.ttf)}
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1,533 @@
|
|||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
body,html{
|
||||
font-family:sans-serif;
|
||||
}
|
||||
.primary-row{
|
||||
font-size: 13px;
|
||||
}
|
||||
.fs-6 {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
.fs-5 {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
.fs-4 {
|
||||
font-size: 18px !important;
|
||||
}
|
||||
.bg_primary {
|
||||
background: #2a98f0 !important;
|
||||
}
|
||||
.bg_darkblue {
|
||||
background: #0163bb;
|
||||
}
|
||||
.text_primary {
|
||||
color: #0163bb;
|
||||
}
|
||||
.speciality-card{
|
||||
border:1px solid #C6C6C6;
|
||||
}
|
||||
|
||||
#section-1{
|
||||
background-image: url("../images/Background.svg");
|
||||
background-size: cover;
|
||||
}
|
||||
#demo-form{
|
||||
border: 2px solid #00A4F4 !important;
|
||||
position: relative;
|
||||
top: 100px;
|
||||
}
|
||||
#demo-form{
|
||||
border-radius: 25px;
|
||||
}
|
||||
#section-1 span {
|
||||
font-weight: 700;
|
||||
font-size: 34px;
|
||||
font-family:sans-serif;
|
||||
}
|
||||
|
||||
#section-1 .header {
|
||||
font-weight: 700;
|
||||
font-size: 32px;
|
||||
line-height: 39px;
|
||||
font-family:sans-serif;
|
||||
}
|
||||
|
||||
#section-1 .sub-header {
|
||||
font-size: 20px;
|
||||
font-family: sans-serif;
|
||||
color: #383838;
|
||||
}
|
||||
|
||||
#section-1 .form-title {
|
||||
font-size: 28px;
|
||||
font-weight: 700;
|
||||
color: #0069ab;
|
||||
}
|
||||
#section-1 .FormSection {
|
||||
width: 45%;
|
||||
position: absolute;
|
||||
top: 20%;
|
||||
margin-left: 3rem;
|
||||
}
|
||||
|
||||
#section-2 .form-title {
|
||||
font-size: 28px;
|
||||
font-weight: 700;
|
||||
color: #0069ab;
|
||||
}
|
||||
|
||||
.speciality-card:hover {
|
||||
max-height: 300px; /* Expanded height */
|
||||
transition: all 1.2s ease-in-out;
|
||||
}
|
||||
|
||||
.card-expandable {
|
||||
display: none;
|
||||
padding: 1px 10px;
|
||||
background-color: #0163bb;
|
||||
color: white;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.speciality-card:hover .card-expandable {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.speciality-card:hover .card-content {
|
||||
background-color: #0163bb;
|
||||
color: white; /* Change to your desired color */
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.speciality-card:hover .card-content img {
|
||||
background-color: #fcfeff;
|
||||
border-radius: 2px;
|
||||
margin-bottom: 0.7rem;
|
||||
}
|
||||
|
||||
.card {
|
||||
height: 14rem;
|
||||
margin-bottom: 15px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.card:hover {
|
||||
background-color: aliceblue;
|
||||
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
|
||||
transition: all 0.5s ease-in-out;
|
||||
}
|
||||
|
||||
.speciality-card {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
transition: max-height 0.3s ease;
|
||||
max-height: 60px; /* Default height */
|
||||
cursor: pointer;
|
||||
border:1px solid #C6C6C6;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.form-title {
|
||||
font-size: 28px;
|
||||
font-weight: 700;
|
||||
color: #0069ab;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#section-5 .form-title {
|
||||
font-size: 28px;
|
||||
font-weight: 700;
|
||||
color: #0069ab;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
font-family:sans-serif;
|
||||
}
|
||||
|
||||
#section-6 .header {
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
color: #3D3D3D;
|
||||
}
|
||||
|
||||
#section-6 .blue-header {
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
color: #0163bb;
|
||||
}
|
||||
|
||||
#section-6 .sub-header {
|
||||
font-size: 22px;
|
||||
font-weight: 400;
|
||||
color: #3D3D3D;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
.feature-circle {
|
||||
position: absolute;
|
||||
top: 70%;
|
||||
left: 49%;
|
||||
transform: translate(-60%, -60%);
|
||||
width: 235px; /* Adjust the size as per your design */
|
||||
height: 100px; /* Make sure the width and height are equal for a circle */
|
||||
border-radius: 50%;
|
||||
z-index: 0; /* Place the circle behind the text */
|
||||
}
|
||||
|
||||
.sticky-button {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
right: 15px;
|
||||
transform: translateY(-50%) rotate(-90deg);
|
||||
transform-origin: right;
|
||||
z-index: 1000;
|
||||
transition: opacity 0.3s ease-in-out;
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
background: #00A4F4;
|
||||
border-radius: 13px 13px 0px 0px;
|
||||
}
|
||||
.sticky-button.visible {
|
||||
opacity: 1;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
|
||||
#background2 {
|
||||
background-image: url('../images/Background.svg');
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
#background-blue {
|
||||
background-image: url("../images/bg-blue.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.background {
|
||||
background-image: url("../images/Background.svg");
|
||||
height: 100vh;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.product-link {
|
||||
color: #7f7f7f;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.product-link:hover{
|
||||
color: #0163bb;
|
||||
}
|
||||
|
||||
|
||||
#konectar-main .carousel-item {
|
||||
padding-right: 0 !important;
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
#konectar-main .konectar-header-block-item-img img {
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
margin-right: 6px;
|
||||
}
|
||||
label[for="formGroupExampleInput"]{
|
||||
color:#888888;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
label[for="floatingInput"]{
|
||||
color: #919191;
|
||||
font-size:1.2em;
|
||||
}
|
||||
.form-floating{
|
||||
padding-top:8px;
|
||||
}
|
||||
.form-floating>.form-control{
|
||||
height: auto;
|
||||
}
|
||||
.form-floating>.form-control{
|
||||
padding:1rem 1rem;
|
||||
line-height: 0px;
|
||||
}
|
||||
#demo-form .form-control{
|
||||
border-radius: 0.75rem;
|
||||
}
|
||||
#demo-form button{
|
||||
height: 50px;
|
||||
border-radius: 12px;
|
||||
border: 1px solid #00A4F4;
|
||||
font-family: sans-serif;
|
||||
font-size: 20px;
|
||||
}
|
||||
#section-3 .specialities-listing .list-group li{
|
||||
font-size:16px;
|
||||
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
|
||||
border-radius: 12px;
|
||||
border: 1px solid #C6C6C6;
|
||||
padding-top: 0px;
|
||||
}
|
||||
#section-3{
|
||||
background-image: url("../images/Background-2.svg");
|
||||
background-size: contain;
|
||||
/* background-position: 100% 100%;
|
||||
background-size: cover; */
|
||||
}
|
||||
.content-box{
|
||||
clip-path: polygon(0 0, 85% 0, 100% 15%, 100% 100%, 15% 100%, 0 85%);
|
||||
border-radius: 15px;
|
||||
border: 3px solid #CED0D1;
|
||||
}
|
||||
#section-5 .card{
|
||||
border-radius: 16px;
|
||||
border:2px solid #00000020;
|
||||
}
|
||||
#section-5 .card .main-text{
|
||||
color:#0069AB;
|
||||
font-weight:bold;
|
||||
}
|
||||
#section-5 .card .sub-text{
|
||||
color: #2285C3;
|
||||
}
|
||||
#section-3 .text-content{
|
||||
color: #0069C8;
|
||||
}
|
||||
#section-3 .subtext-content{
|
||||
color: #606060;
|
||||
}
|
||||
/* Ensure the popup appears on top of all content */
|
||||
.popup {
|
||||
display: none; /* Hidden by default */
|
||||
position: fixed; /* Stays fixed on the viewport */
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.7); /* Semi-transparent background */
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
z-index: 9999; /* High z-index to stay on top */
|
||||
}
|
||||
|
||||
.popup-content {
|
||||
position: relative;
|
||||
width: 90%;
|
||||
max-width: 700px;
|
||||
background: #fff;
|
||||
padding: 20px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.close {
|
||||
position: absolute;
|
||||
top: -1px;
|
||||
right: 11px;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
color: #606060;
|
||||
}
|
||||
/* Fixed background content class */
|
||||
.fixed-background {
|
||||
overflow: hidden; /* Disable scrolling */
|
||||
position: fixed; /* Fix the position */
|
||||
width: 100%; /* Ensure full width */
|
||||
}
|
||||
#demo-form label.error {
|
||||
padding: 9px 3px;
|
||||
}
|
||||
.form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) {
|
||||
padding-top:1rem;
|
||||
padding-bottom:0.85rem;
|
||||
}
|
||||
.main-text{
|
||||
font-size: 16px;
|
||||
}
|
||||
.sub-text{
|
||||
font-size: 14px;
|
||||
}
|
||||
iframe{
|
||||
width:650px;
|
||||
height:355px;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.FormSection {
|
||||
width: 100%;
|
||||
position: static;
|
||||
top: 0%;
|
||||
margin-left: 0rem;
|
||||
}
|
||||
}
|
||||
@media (min-width: 769px) and (max-width: 1024px){
|
||||
#section-1 span {
|
||||
font-weight: 700;
|
||||
font-size: 22px;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
#section-1 .konectar-logo{
|
||||
width: 125px;
|
||||
}
|
||||
#section-1 .header{
|
||||
font-size: 22px;
|
||||
}
|
||||
#section-1 .sub-header{
|
||||
font-size: 18px;
|
||||
}
|
||||
#section-1 .form-title {
|
||||
font-size: 20px;
|
||||
}
|
||||
label[for="formGroupExampleInput"]{
|
||||
color:#888888;
|
||||
font-size: 12px;
|
||||
}
|
||||
label[for="floatingInput"]{
|
||||
color: #919191;
|
||||
font-size:0.85em;
|
||||
}
|
||||
#demo-form button{
|
||||
height: 50px;
|
||||
border-radius: 12px;
|
||||
border: 1px solid #00A4F4;
|
||||
font-family: sans-serif;
|
||||
font-size: 15px;
|
||||
}
|
||||
#demo-form label.error {
|
||||
color: red;
|
||||
top: 0;
|
||||
font-size: 8px;
|
||||
font-weight: 500;
|
||||
}
|
||||
#demo-form{
|
||||
width: 90%;
|
||||
}
|
||||
#section-2 .form-title {
|
||||
font-size: 22px;
|
||||
}
|
||||
#section-3 {
|
||||
background-size: cover;
|
||||
background-position: 308px 6px;
|
||||
}
|
||||
.main-text{
|
||||
font-size: 12px;
|
||||
}
|
||||
.sub-text{
|
||||
font-size: 12px;
|
||||
}
|
||||
#section-5 .card-body {
|
||||
flex: 1 1 auto;
|
||||
padding: 0.75rem 0.75rem;
|
||||
}
|
||||
#section-5 .card{
|
||||
height: 15rem;
|
||||
}
|
||||
}
|
||||
@media (max-width:1024px) and (min-width:767px) and (orientation:portrait) {
|
||||
#section-1 span {
|
||||
font-weight: 700;
|
||||
font-size: 22px;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
#section-1 .konectar-logo{
|
||||
width: 125px;
|
||||
}
|
||||
#section-1 .header{
|
||||
font-size: 22px;
|
||||
}
|
||||
#section-1 .sub-header{
|
||||
font-size: 18px;
|
||||
}
|
||||
#section-1 .form-title {
|
||||
font-size: 20px;
|
||||
}
|
||||
#section-2 .form-title {
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: #0069ab;
|
||||
margin-top: 60px;
|
||||
}
|
||||
label[for="formGroupExampleInput"]{
|
||||
color:#888888;
|
||||
font-size: 12px;
|
||||
}
|
||||
label[for="floatingInput"]{
|
||||
color: #919191;
|
||||
font-size:0.85em;
|
||||
}
|
||||
#demo-form button{
|
||||
height: 50px;
|
||||
border-radius: 12px;
|
||||
font-size: 15px;
|
||||
width: 154px !important;
|
||||
padding: 2px 6px;
|
||||
}
|
||||
#demo-form label.error {
|
||||
font-size: 8px;
|
||||
font-weight: 500;
|
||||
}
|
||||
#demo-form{
|
||||
width: 116%;
|
||||
}
|
||||
#section-5 .card {
|
||||
height: 17rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 769px) and (max-width: 991.98px) {
|
||||
.FormSection {
|
||||
width: 80%;
|
||||
top: 51%;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:768px) and (orientation:portrait){
|
||||
#section-1 span {
|
||||
font-weight: 700;
|
||||
font-size: 19px;
|
||||
}
|
||||
.konectar-logo{
|
||||
width: 128px;
|
||||
}
|
||||
#section-1 .header {
|
||||
font-size: 23px;
|
||||
line-height: 39px;
|
||||
}
|
||||
#section-1 .sub-header {
|
||||
font-size: 17px;
|
||||
}
|
||||
.form-title {
|
||||
font-size: 25px;
|
||||
}
|
||||
.feature-circle {
|
||||
top: 39%;
|
||||
left: 61%;
|
||||
width: 214px;
|
||||
height: 94px;
|
||||
}
|
||||
|
||||
#section-3 {
|
||||
background-image: url("../images/Background-2.svg");
|
||||
background-size: contain;
|
||||
background-repeat: repeat;
|
||||
}
|
||||
iframe {
|
||||
width: 352px;
|
||||
height: 355px;
|
||||
}
|
||||
.main-text {
|
||||
font-size: 18px;
|
||||
}
|
||||
.sub-text {
|
||||
font-size: 16px;
|
||||
}
|
||||
#demo-form {
|
||||
border: 2px solid #00A4F4 !important;
|
||||
position: relative;
|
||||
top: -9px;
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1 @@
|
|||
.campaign2-section1{height:auto;background:url(../public/assets/images/new-campaign/camp2_section_background.png);background-size:100vw 85vh;background-repeat:no-repeat}.campaign2-section1 .content-section{margin-top:0vw}.campaign2-section1 .main-text{background:#0063bb;width:fit-content;border-radius:.5vw}.campaign2-section1 .main-text p{font-size:1.45vw;color:#fbffff;font-weight:700;font-family:sans-serif,asap}.campaign2-section1 .sub-text p{font-size:1.2vw;font-family:sans-serif,asap}.campaign2-section1 .konectar-logo{padding-top:14vw}.campaign2-section1 .social-video-section{padding-top:9vw}.campaign2-section1 .social-video-content{font-size:1.3vw;font-family:sans-serif,asap;color:#040404}.campaign2-section2{background-color:#3b63ab}.campaign2-section2 .header-text h2{color:#fff;font-weight:700;text-shadow:-4px -2px 2px #1e1c1c;font-family:sans-serif,asap}.campaign2-section2 ul{font-size:1.5vw}.campaign2-section2 ul li span,.campaign2-section2 ul li p{font-size:1.2vw;font-family:sans-serif,asap}.campaign2-section3 .konectar-success-content p{font-size:1.5vw;font-family:sans-serif,asap;color:#090f0d}.campaign2-section3 .btn-get-demo{background-color:#f48124;border-radius:10px;color:#fff!important;display:inline-block;font-family:sans-serif;font-size:1.5vw;font-weight:700;padding:6px 8px;text-align:center;cursor:pointer;text-decoration:none;box-shadow:rgb(0 0 0 / .54) 0 3px 8px;border:none}.booster-img{position:absolute;right:0vw;bottom:8vw}.campaign2-form-container{border:1px solid #f3ab715e;border-radius:15px;width:27vw;box-shadow:rgb(99 99 99 / 27%) 3px 2px 8px 0;background:#a5a7cf}#message{padding-bottom:7vw}#getDemoForm label span{font-size:1.25vw}.campaign2-form-header-text{color:#f7f3fc;font-weight:600;font-family:sans-serif}.campaign2-form-container input[type="text"]::-webkit-input-placeholder{color:#c6c5c3}.form-control{line-height:1.85!important}label.error{font-size:12px}.maintitle{font-size:24px;text-align:center}.subtitle{font-size:16px;text-align:center;}.campaign2-form-container .get-submit-btn:hover{transition:.6s ease;font-size:19px;box-shadow:rgb(0 0 0 / .54) 0 3px 8px}.campaign2-section3 .btn-get-demo:hover{transition:.6s ease;font-size:1.6vw;box-shadow:rgb(0 0 0 / .54) 0 3px 8px}@media screen and (max-width:767px){.campaign2-section1 .main-text p{font-size:2.3vw;color:#fbffff;font-weight:700;font-family:sans-serif,asap}.campaign2-section1{background-size:contain!important}.campaign2-section1 .content-section{margin-top:10vw}.campaign2-section1 .konectar-logo{padding-top:16vw}.campaign2-section1 .konectar-logo img{width:70%!important}.campaign2-form-header-text{color:#f7f3fc}.campaign2-form-container{width:auto}.social-video-section iframe{width:100%}.campaign2-section1 .social-video-section{padding-top:8.5vw}.campaign2-section1 .social-video-content{font-size:4vw}.campaign2-section2 ul li span,.campaign2-section2 ul li p{font-size:2.95vw}.campaign2-section3 .konectar-success-content p{font-size:2.95vw}.booster-img img{width:100%!important}.campaign2-section3 .btn-get-demo{font-size:2.5vw;padding:6px 10px}.campaign2-section1 .sub-text p{font-size:2.5vw}.booster-img{position:absolute;right:0vw;bottom:35vw}.maintitle{color:#f96731;text-align:center}.subtitle{text-align:center;color:#f96731}.social-widgets{padding-bottom:16vw}}@media (max-width:992px) and (orientation:landscape){.campaign2-section1{height:auto;background:url(../public/assets/images/new-campaign/camp2_section_background.png);background-size:100vw 119vh;background-repeat:no-repeat}label.error{font-size:9px}.campaign2-form-header-text{font-size:1.5vw}}@media (max-width:1024px) and (min-width:767px) and (orientation:portrait){.campaign2-section1{background-size:100vw 45vh}#message{padding-bottom:4vw}.form-control{line-height:0.5px!important}.campaign2-form-header-text{font-size:2.5vw}.maintitle{font-size:20px!important}.subtitle{font-size:15px}.booster-img{position:absolute;bottom:22vw}.social-video-section iframe{width:310px!important;height:250px!important}.social-widgets{padding-bottom:10vw!important}.campaign2-section2 ul li span,.campaign2-section2 ul li p{font-size:1.75vw;font-family:sans-serif,asap}.campaign-header a{font-size:1.75vw}.form-control{line-height:1.85!important;font-size:1vw}label.error{font-size:9px}.campaign2-form-header-text{font-size:1.7vw}#getDemoForm label span{font-size:1.5vw}}@media (max-width:1024px) and (min-width:767px) and (orientation:landscape){.booster-img{position:absolute;right:0vw;bottom:14vw}.social-video-section iframe{width:375px!important}.form-control{line-height:1.85!important;font-size:1vw}}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,91 @@
|
|||
@import "bootstrap/functions";
|
||||
@import "bootstrap/variables";
|
||||
@import "bootstrap/mixins";
|
||||
@import "bootstrap/root";
|
||||
@import "bootstrap/reboot";
|
||||
@import "bootstrap/type";
|
||||
@import "bootstrap/images";
|
||||
@import "bootstrap/code";
|
||||
@import "bootstrap/grid";
|
||||
@import "bootstrap/tables";
|
||||
@import "bootstrap/forms";
|
||||
@import "bootstrap/buttons";
|
||||
@import "bootstrap/transitions";
|
||||
@import "bootstrap/dropdown";
|
||||
@import "bootstrap/button-group";
|
||||
@import "bootstrap/input-group";
|
||||
@import "bootstrap/custom-forms";
|
||||
@import "bootstrap/nav";
|
||||
@import "bootstrap/navbar";
|
||||
@import "bootstrap/card";
|
||||
@import "bootstrap/breadcrumb";
|
||||
@import "bootstrap/pagination";
|
||||
@import "bootstrap/badge";
|
||||
@import "bootstrap/jumbotron";
|
||||
@import "bootstrap/alert";
|
||||
@import "bootstrap/progress";
|
||||
@import "bootstrap/media";
|
||||
@import "bootstrap/list-group";
|
||||
@import "bootstrap/close";
|
||||
@import "bootstrap/modal";
|
||||
@import "bootstrap/tooltip";
|
||||
@import "bootstrap/popover";
|
||||
@import "bootstrap/carousel";
|
||||
@import "bootstrap/utilities";
|
||||
@import "bootstrap/print";
|
||||
|
||||
#topbar {
|
||||
background-color: #2b9af3;
|
||||
transition: 0.5s ease;
|
||||
|
||||
color: #fff;
|
||||
font-size:10px;
|
||||
}
|
||||
.home_btn{
|
||||
padding: 3px 15px;
|
||||
border: 1px solid;
|
||||
color: #fff;
|
||||
}
|
||||
.phone_num{
|
||||
font-size: 16px !important;
|
||||
cursor: text !important;
|
||||
}
|
||||
#header {
|
||||
background: #fff;
|
||||
transition: 0.5s ease;
|
||||
z-index: 997;
|
||||
box-shadow: 0 0 8px rgb(0 0 0 / 27%);
|
||||
}
|
||||
.getDemoBtnMenu{
|
||||
background-color: #f96731;
|
||||
/* border: 1px solid #f96731; */
|
||||
border-radius: 3px;
|
||||
color: #fff !important;
|
||||
display: inline-block !important;
|
||||
font-family: asap,sans-serif;
|
||||
font-size: 15px;
|
||||
font-weight: bold !important;
|
||||
/* height: 33px; */
|
||||
line-height:29px;
|
||||
margin-right: 0 !important;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 3px;
|
||||
padding-right: 25px;
|
||||
padding-left: 25px;
|
||||
}
|
||||
.getDemoBtnMenu:HOVER {
|
||||
border: 1px solid #f96731;
|
||||
background-color: #ffffff;
|
||||
color: #f96731 !important;
|
||||
text-decoration: none;
|
||||
|
||||
}
|
||||
.oncology_tagline{
|
||||
font-size: 12.5px;
|
||||
color: black;
|
||||
margin-left: -1px;
|
||||
text-decoration: none;
|
||||
font-family: asap;
|
||||
line-height: 1.42857143;
|
||||
|
||||
}
|
||||
|
|
@ -0,0 +1,332 @@
|
|||
/**
|
||||
* Aissel Website Konectar CSS
|
||||
* Author: Developer
|
||||
* License: https://aissel.com/
|
||||
*/
|
||||
header#konectar-header {
|
||||
position: relative;
|
||||
background: #fff;
|
||||
transition: all 0.5s;
|
||||
z-index: 997;
|
||||
min-height: 57px;
|
||||
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
#header-container {
|
||||
padding-right: 24px;
|
||||
padding-left: 24px;
|
||||
}
|
||||
#konectar-header .logo {
|
||||
font-size: 30px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 1;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.8px;
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
|
||||
.konectar-header-band {
|
||||
background: rgba(0, 0, 0, 0) url(../images/konectar/oncology/konectar_oncology_laptop.jpg) no-repeat scroll;
|
||||
/* background-repeat: no-repeat; */
|
||||
background-size: cover;
|
||||
/* background-attachment: fixed; */
|
||||
min-height: 500px;
|
||||
}
|
||||
.konectar-header-block{
|
||||
margin-top:75px;
|
||||
}
|
||||
.konectar-header-block-text{
|
||||
font-size: 17px;
|
||||
line-height: 26px;
|
||||
}
|
||||
.konectar-header-block-img{
|
||||
vertical-align: top;
|
||||
margin-top: 2px;
|
||||
}
|
||||
.konectar-header-block-list{
|
||||
font-size: 12px;
|
||||
}
|
||||
.wt-backgorund{
|
||||
background-color: #fdfdfd;
|
||||
padding: 4% 3%;
|
||||
border-radius: 10px 0 0 10px;
|
||||
}
|
||||
#konectar-specialities{
|
||||
background-image: url("../images/konectar/images/20_cns_specialties_bg_new.jpg");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
padding: 20px;
|
||||
}
|
||||
#konectar-specialities li{
|
||||
font-size: 20px;
|
||||
padding-bottom:18px;
|
||||
}
|
||||
#konectar-specialities li a{
|
||||
color:#000;
|
||||
}
|
||||
#konectar-brochure{
|
||||
height:350px;
|
||||
width:100%;
|
||||
background-image: url("../images/konectar/oncology/band_three_bg.jpg");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.konectar-experts-header{
|
||||
font-size: 28px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.konectar-experts-title{
|
||||
font-size: 19px;
|
||||
color: black;
|
||||
line-height: 28px;
|
||||
}
|
||||
.konectar-experts-title img{
|
||||
vertical-align: top;
|
||||
margin-top:4px;
|
||||
}
|
||||
.konectar-experts-text{
|
||||
font-size: 14px;
|
||||
line-height: 32px;
|
||||
font-style: italic;
|
||||
}
|
||||
#konectar-social-band{
|
||||
background-image: url('../images/konectar/oncology/konectar_social_band.jpg');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
#konectar-social-band{
|
||||
font-size:16px;
|
||||
}
|
||||
#konectar-social-band .konectar-social-band-img{
|
||||
width:100%;
|
||||
}
|
||||
.konectar-analytics-title{
|
||||
font-size: 30px;
|
||||
line-height: 40px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.konectar-analytics-text{
|
||||
color: #000000;
|
||||
font-family: asap,sans-serif;
|
||||
font-size: 20px;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
}
|
||||
.konectar-analytics-text span{
|
||||
font-size: 20px !important;
|
||||
}
|
||||
#konectar-analytics{
|
||||
background-image: url('../images/konectar/images/payments_analytics_bg.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
#konectar-analytics .content-block .content-block-item .band-image-block img{
|
||||
width: 200px;
|
||||
height: 190px;
|
||||
}
|
||||
|
||||
#konectar-discover{
|
||||
background-image: url('../images/konectar/oncology/oncoDiscoverBg.jpg');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.konectar-discover-header{
|
||||
font-size: 30px;
|
||||
line-height: 40px;
|
||||
}
|
||||
.konectar-discover-header span{
|
||||
font-size: 30px;
|
||||
}
|
||||
.konectar-discover-title{
|
||||
color: #1c252e;
|
||||
font-family: asap-bold;
|
||||
font-size: 22px;
|
||||
line-height: 26px;
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
.konectar-discover-description{
|
||||
color: #7f7f7f;
|
||||
font-family: asap,sans-serif;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
line-height: 19px;
|
||||
text-align: center;
|
||||
}
|
||||
#konectar-kol-management{
|
||||
background-image: url('../images/konectar/oncology/whyKonectarBg.jpg');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
color:#fff !important;
|
||||
}
|
||||
#konectar-kol-management p{
|
||||
line-height: 25px;
|
||||
color: white;
|
||||
}
|
||||
#konectar-kol-management .konectar-kol-management-header img{
|
||||
width: 150px;
|
||||
height: 27px;
|
||||
}
|
||||
#konectar-kol-management .konectar-kol-management-block img{
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
}
|
||||
.konectar-kol-management-text img{
|
||||
vertical-align: top;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
#carousel-slider > .carousel-desktop > .carousel-item{
|
||||
display: flex;
|
||||
position: initial;
|
||||
float: none;
|
||||
margin-right: 0px;
|
||||
width: 50%;
|
||||
}
|
||||
#carousel-slider .carousel-nav-button{
|
||||
display: none;
|
||||
}
|
||||
@media (max-width: 767.98px){
|
||||
.wt-backgorund{
|
||||
padding: 15px;
|
||||
}
|
||||
.konectar-header-band{
|
||||
background:#fff !important;
|
||||
min-height: 100% !important;
|
||||
}
|
||||
.konectar-header-banner {
|
||||
display:block !important;
|
||||
background: rgba(0, 0, 0, 0) url(../images/mobile/homepage/band1_image.png) no-repeat scroll;
|
||||
background-size: cover;
|
||||
width:100%;
|
||||
height: 230px;
|
||||
}
|
||||
.konectar-header-block{
|
||||
margin-top:0px !important;
|
||||
}
|
||||
#konectar-specialities li {
|
||||
font-size: 12px;
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
.konectar-specialities-list > div{
|
||||
justify-content: start !important;
|
||||
}
|
||||
.konectar-specialities-list > div > ul{
|
||||
padding-left: 0rem !important;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#konectar-specialities{
|
||||
background: #fff;
|
||||
}
|
||||
#konectar-brochure{
|
||||
background: #f2f7fa;
|
||||
height: 100%;
|
||||
}
|
||||
.konectar-brochure-image img{
|
||||
width:80%;
|
||||
}
|
||||
.konectar-experts-header {
|
||||
font-size: 18px;
|
||||
}
|
||||
.konectar-experts-title {
|
||||
font-size: 14px;
|
||||
line-height: 24px;
|
||||
}
|
||||
.konectar-experts-title img {
|
||||
vertical-align: top;
|
||||
margin-top: 1px;
|
||||
}
|
||||
.konectar-experts-text {
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
}
|
||||
#konectar-social-band {
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
}
|
||||
.konectar-social-band-img{
|
||||
margin: auto;
|
||||
padding-top:9px;
|
||||
}
|
||||
.konectar-analytics-title {
|
||||
font-size: 18px;
|
||||
line-height: 26px;
|
||||
}
|
||||
.konectar-analytics-text{
|
||||
font-size: 14px;
|
||||
}
|
||||
.konectar-analytics-text span {
|
||||
font-size: 17px !important;
|
||||
}
|
||||
#konectar-analytics .content-block .content-block-item .band-image-block img{
|
||||
width: 90px;
|
||||
height: 90px;
|
||||
margin: auto;
|
||||
}
|
||||
#konectar-analytics .band-title-block .band-title{
|
||||
font-size: 16px;
|
||||
}
|
||||
#konectar-analytics .band-title-block, .band-content {
|
||||
font-size: 14px;
|
||||
text-align: left !important;
|
||||
}
|
||||
#konectar-discover .konectar-discover-header {
|
||||
font-size: 14px;
|
||||
line-height: 26px;
|
||||
}
|
||||
#konectar-discover .konectar-discover-header span {
|
||||
font-size: 16px;
|
||||
}
|
||||
.find-influencers img{
|
||||
width:100px;
|
||||
height: 100px;
|
||||
margin: auto;
|
||||
}
|
||||
.konectar-discover-title{
|
||||
text-align: left !important;
|
||||
font-size: 16px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.konectar-discover-description{
|
||||
text-align: left !important;
|
||||
font-size: 13px;
|
||||
}
|
||||
.konectar-kol-management-text img{
|
||||
margin-top: 1px;
|
||||
}
|
||||
#konectar-kol-management .band-image-block img{
|
||||
margin:auto;
|
||||
}
|
||||
|
||||
|
||||
#carousel-slider .konectar-header-block-list{
|
||||
border-radius:5px;
|
||||
}
|
||||
#carousel-slider .carousel-inner .carousel-item{
|
||||
background: #f4f4f4;
|
||||
height: 90px;
|
||||
padding:0px;
|
||||
text-align: center;
|
||||
}
|
||||
.carousel-control-next-icon, .carousel-control-prev-icon{
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
}
|
||||
|
||||
#carousel-slider .konectar-header-block-item-img{
|
||||
display:none !important;
|
||||
}
|
||||
|
||||
#carousel-slider .konectar-header-block-item-text label{
|
||||
padding: 10px;
|
||||
font-size: 18px
|
||||
}
|
||||
|
||||
#carousel-slider .konectar-header-block-item-text p{
|
||||
background: #e4e4e4;
|
||||
padding: 10px;
|
||||
font-size: 14px;
|
||||
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1 @@
|
|||
body{padding-top:40px;padding-bottom:40px;background-color:#eee}.form-signin{max-width:330px;padding:15px;margin:0 auto}.form-signin .checkbox,.form-signin .form-signin-heading{margin-bottom:10px}.form-signin .checkbox{font-weight:400}.form-signin .form-control{position:relative;height:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:10px;font-size:16px}.form-signin .form-control:focus{z-index:2}.form-signin input[type=email]{margin-bottom:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0}.form-signin input[type=password]{margin-bottom:10px;border-top-left-radius:0;border-top-right-radius:0}
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,842 @@
|
|||
/**
|
||||
* Aissel Website General CSS
|
||||
* Author: Developer
|
||||
* License: https://aissel.com/
|
||||
*/
|
||||
/**** ### General ### ****/
|
||||
body {
|
||||
font-family: asap,sans-serif;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #3b8af2;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#header-container{
|
||||
padding-right: 24px;
|
||||
padding-left: 24px;
|
||||
}
|
||||
.orange_color, .orange-color {
|
||||
color: #f96731 !important;
|
||||
}
|
||||
.blue-color {
|
||||
color: #0071BC;
|
||||
}
|
||||
/*--------------------------------------------------------------
|
||||
# Buttons
|
||||
--------------------------------------------------------------*/
|
||||
.button{
|
||||
border-radius: 3px;
|
||||
font-family: asap,sans-serif;
|
||||
font-size: 15px;
|
||||
font-weight: 700;
|
||||
padding: 6px 27px;
|
||||
display: inline-block;
|
||||
}
|
||||
.button-12{
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.bg-button{
|
||||
font-weight: 400;
|
||||
font-size: 24px;
|
||||
}
|
||||
.rounded-border{
|
||||
border-radius: 15px;
|
||||
}
|
||||
.button-arrow {
|
||||
position: relative;
|
||||
right: -18px;
|
||||
}
|
||||
.blue-button{
|
||||
color: #fff;
|
||||
background-color: #005e8c;
|
||||
border: 1px solid #005e8c;
|
||||
}
|
||||
.blue-button:hover{
|
||||
border: 1px solid #005e8c;
|
||||
background-color: transparent;
|
||||
color: #005e8c;
|
||||
text-decoration: none;
|
||||
}
|
||||
.orange-button{
|
||||
color: #ffffff;
|
||||
background-color: #f96731;
|
||||
border: 1px solid #f96731;
|
||||
|
||||
}
|
||||
.orange-button:hover{
|
||||
border: 1px solid #f96731;
|
||||
background-color: #ffffff;
|
||||
color: #f96731;
|
||||
text-decoration: none;
|
||||
}
|
||||
.orange-arrow{
|
||||
position: relative;
|
||||
right: -20px;
|
||||
padding: 0px 5px;
|
||||
background: red;
|
||||
border-radius: 25px;
|
||||
top: 0px;
|
||||
}
|
||||
/*--------------------------------------------------------------
|
||||
# Top Bar
|
||||
--------------------------------------------------------------*/
|
||||
#topbar {
|
||||
background: #106eea;
|
||||
height: 36px;
|
||||
transition: all 0.5s;
|
||||
color: #fff;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#topbar a{
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
font-family: asap,sans-serif;
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
line-height: 14px;
|
||||
margin: 0 10px;
|
||||
outline: 0 none;
|
||||
text-align: left;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.phone_num {
|
||||
font-size: 18px !important;
|
||||
margin-right: 80px;
|
||||
cursor: text !important;
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Header
|
||||
--------------------------------------------------------------*/
|
||||
#header {
|
||||
position:relative;
|
||||
background: #fff;
|
||||
transition: all 0.5s;
|
||||
z-index: 997;
|
||||
min-height: 57px;
|
||||
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.fixed-top{
|
||||
position:fixed !important;
|
||||
}
|
||||
#header.fixed-top {
|
||||
min-height: 57px;
|
||||
}
|
||||
|
||||
#header .logo {
|
||||
font-size: 30px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 1;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.8px;
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
|
||||
#header .logo a {
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
#header .logo a span {
|
||||
color: #106eea;
|
||||
}
|
||||
|
||||
#header .logo img {
|
||||
max-height: 60px;
|
||||
padding: 2%;
|
||||
}
|
||||
|
||||
.scrolled-offset {
|
||||
margin-top: 57px;
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Navigation Menu
|
||||
--------------------------------------------------------------*/
|
||||
/**
|
||||
* Desktop Navigation
|
||||
*/
|
||||
.primary-navbar {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.primary-navbar ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
list-style: none;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.primary-navbar li {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.primary-navbar > ul > li {
|
||||
white-space: nowrap;
|
||||
padding: 9px 20px 10px 0px;
|
||||
}
|
||||
|
||||
.primary-navbar a, .primary-navbar a:focus {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
color: #7f7f7f;
|
||||
white-space: nowrap;
|
||||
transition: 0.3s;
|
||||
position: relative;
|
||||
padding: 0 3px;
|
||||
}
|
||||
|
||||
.primary-navbar a i, .primary-navbar a:focus i {
|
||||
font-size: 12px;
|
||||
line-height: 0;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.primary-navbar > ul > li > a:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
bottom: -6px;
|
||||
left: 0;
|
||||
background-color: #106eea;
|
||||
visibility: hidden;
|
||||
width: 0px;
|
||||
transition: all 0.3s ease-in-out 0s;
|
||||
}
|
||||
|
||||
.primary-navbar a:hover:before, .primary-navbar li:hover > a:before, .primary-navbar .active:before {
|
||||
visibility: hidden;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.primary-navbar a:hover, .primary-navbar .active, .primary-navbar .active:focus, .primary-navbar li:hover > a {
|
||||
color: #106eea;
|
||||
}
|
||||
|
||||
.primary-navbar .dropdown ul {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 28px;
|
||||
top: calc(100% + 30px);
|
||||
margin: 0;
|
||||
padding: 10px 0;
|
||||
z-index: 99;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
background: #fff;
|
||||
box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.primary-navbar .dropdown ul li {
|
||||
min-width: 200px;
|
||||
}
|
||||
|
||||
.primary-navbar .dropdown ul a {
|
||||
padding: 10px 20px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.primary-navbar .dropdown ul a i {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.primary-navbar .dropdown ul a:hover, .primary-navbar .dropdown ul .active:hover, .primary-navbar .dropdown ul li:hover > a {
|
||||
color: #106eea;
|
||||
}
|
||||
|
||||
.primary-navbar .dropdown:hover > ul {
|
||||
opacity: 1;
|
||||
top: 100%;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.primary-navbar .dropdown .dropdown ul {
|
||||
top: 0;
|
||||
left: calc(100% - 30px);
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.primary-navbar .dropdown .dropdown:hover > ul {
|
||||
opacity: 1;
|
||||
top: 0;
|
||||
left: 100%;
|
||||
visibility: visible;
|
||||
}
|
||||
/*secondary Menu */
|
||||
#secondary-navbar {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#secondary-navbar ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
list-style: none;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#secondary-navbar li {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#secondary-navbar > ul > li {
|
||||
white-space: nowrap;
|
||||
padding: 0px 10px 6px 0px;
|
||||
}
|
||||
|
||||
#secondary-navbar a, #secondary-navbar a:focus {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 0 3px;
|
||||
font-size: 13px;
|
||||
font-weight: normal;
|
||||
color: #7f7f7f;
|
||||
white-space: nowrap;
|
||||
transition: 0.3s;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#secondary-navbar a i, #secondary-navbar a:focus i {
|
||||
font-size: 12px;
|
||||
line-height: 0;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
#secondary-navbar > ul > li > a:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
bottom: -2px;
|
||||
left: 0;
|
||||
background-color: #106eea;
|
||||
visibility: hidden;
|
||||
width: 0px;
|
||||
transition: all 0.3s ease-in-out 0s;
|
||||
}
|
||||
|
||||
#secondary-navbar a:hover:before, #secondary-navbar li:hover > a:before, #secondary-navbar .active:before {
|
||||
visibility: visible;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#secondary-navbar a:hover, #secondary-navbar .active, #secondary-navbar .active:focus, #secondary-navbar li:hover > a {
|
||||
color: #106eea;
|
||||
}
|
||||
#secondary-navbar .dropdown .dropdown-menu {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 6px;
|
||||
top: calc(100% + 30px);
|
||||
margin: 0;
|
||||
padding: 6px 6px;
|
||||
z-index: 99;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
background: #fff;
|
||||
box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
#secondary-navbar .dropdown:hover > .dropdown-menu {
|
||||
opacity: 1;
|
||||
top: 100%;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
#secondary-navbar .dropdown .dropdown .dropdown-menu {
|
||||
top: 0;
|
||||
left: calc(100% - 30px);
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
#secondary-navbar .dropdown .dropdown:hover > .dropdown-menu {
|
||||
opacity: 1;
|
||||
top: 0;
|
||||
left: 100%;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
#secondary-navbar .dropdown div > ul{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
#secondary-navbar .dropdown div > ul li {
|
||||
min-width: 200px;
|
||||
}
|
||||
|
||||
#secondary-navbar .dropdown div > ul a {
|
||||
padding: 6px 15px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
#secondary-navbar .dropdown div > ul a i {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
#secondary-navbar .dropdown div > ul a:hover, #secondary-navbar .dropdown div > ul .active:hover, #secondary-navbar .dropdown div > ul li:hover > a {
|
||||
color: #106eea;
|
||||
}
|
||||
#secondary-navbar .item-last{
|
||||
padding-right:18px !important;
|
||||
}
|
||||
#product-subheader{
|
||||
padding-bottom:12px !important;
|
||||
}
|
||||
.get-demo-btn{
|
||||
background-color: #f96731;
|
||||
border: 1px solid #f96731;
|
||||
border-radius: 3px;
|
||||
color: #fff !important;
|
||||
display: inline-block !important;
|
||||
font-family: asap,sans-serif;
|
||||
font-size: 15px;
|
||||
font-weight: bold !important;
|
||||
height: 33px;
|
||||
line-height: 25px !important;
|
||||
margin-right: 0 !important;
|
||||
padding: 2px 20px !important;
|
||||
}
|
||||
@media (max-width: 1366px) {
|
||||
.navbar .dropdown .dropdown ul {
|
||||
left: -90%;
|
||||
}
|
||||
.navbar .dropdown .dropdown:hover > ul {
|
||||
left: -100%;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Mobile Navigation
|
||||
*/
|
||||
.mobile-nav-toggle {
|
||||
color: #222222;
|
||||
font-size: 28px;
|
||||
cursor: pointer;
|
||||
display: none;
|
||||
line-height: 0;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.mobile-nav-toggle.bi-x {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.mobile-nav-toggle {
|
||||
display: block;
|
||||
}
|
||||
.navbar ul {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-mobile {
|
||||
position: fixed;
|
||||
overflow: hidden;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
background: rgba(9, 9, 9, 0.9);
|
||||
transition: 0.3s;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.navbar-mobile .mobile-nav-toggle {
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
right: 15px;
|
||||
}
|
||||
|
||||
.navbar-mobile ul {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 55px;
|
||||
right: 15px;
|
||||
bottom: 15px;
|
||||
left: 15px;
|
||||
padding: 10px 0;
|
||||
background-color: #fff;
|
||||
overflow-y: auto;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.navbar-mobile a {
|
||||
padding: 10px 20px;
|
||||
font-size: 15px;
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
.navbar-mobile > ul > li {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.navbar-mobile a:hover:before, .navbar-mobile li:hover > a:before, .navbar-mobile .active:before {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
|
||||
color: #106eea;
|
||||
}
|
||||
|
||||
.navbar-mobile .getstarted {
|
||||
margin: 15px;
|
||||
}
|
||||
|
||||
.navbar-mobile .dropdown ul {
|
||||
position: static;
|
||||
display: none;
|
||||
margin: 10px 20px;
|
||||
padding: 10px 0;
|
||||
z-index: 99;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
background: #fff;
|
||||
box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
|
||||
}
|
||||
|
||||
.navbar-mobile .dropdown ul li {
|
||||
min-width: 200px;
|
||||
}
|
||||
|
||||
.navbar-mobile .dropdown ul a {
|
||||
padding: 10px 20px;
|
||||
}
|
||||
|
||||
.navbar-mobile .dropdown ul a i {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {
|
||||
color: #106eea;
|
||||
}
|
||||
|
||||
.navbar-mobile .dropdown > .dropdown-active {
|
||||
display: block;
|
||||
}
|
||||
/*--------------------------------------------------------------
|
||||
# Konectar Instances Band
|
||||
--------------------------------------------------------------*/
|
||||
#konectar-instance-list{
|
||||
|
||||
}
|
||||
#konectar-instance-list .konectar-instance-icon img{
|
||||
|
||||
}
|
||||
|
||||
#konectar-instance-list .konectar-instance-title a span, #konectar-instance-list .konectar-instance-title a:hover{
|
||||
color: #fff !important;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
}
|
||||
.home_page_header_text {
|
||||
font-size: 18px;
|
||||
}
|
||||
/*--------------------------------------------------------------
|
||||
# discover-band
|
||||
--------------------------------------------------------------*/
|
||||
.band-image-block{
|
||||
|
||||
}
|
||||
.band-title-block{
|
||||
text-align: center;
|
||||
}
|
||||
.band-title-block .band-title{
|
||||
color: #1c252e;
|
||||
font-family: asap-bold;
|
||||
font-size: 22px;
|
||||
line-height: 26px;
|
||||
}
|
||||
.band-title-block .band-content{
|
||||
color: #7f7f7f;
|
||||
font-family: asap,sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 19px;
|
||||
}
|
||||
.divider{
|
||||
position:absolute;
|
||||
|
||||
}
|
||||
.main-title{
|
||||
padding-top: 12px;
|
||||
margin-top:0px !important;
|
||||
font-size: 40px;
|
||||
line-height: 1.42857143;
|
||||
color: #333;
|
||||
font-family: asap;
|
||||
}
|
||||
#konectar-sub-product {
|
||||
background-image: url(../images/homepage/konectar_soc_virutual.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
height: auto;
|
||||
}
|
||||
.ksp-virtual-engage, .ksp-social{
|
||||
font-size: 16px;
|
||||
}
|
||||
.label-bold {
|
||||
font-family: asap-bold-italic;
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
font-size: 16px;
|
||||
line-height: 22px;
|
||||
}
|
||||
.specialities-title {
|
||||
padding-top: 10px;
|
||||
font-size: 40px;
|
||||
line-height: 1.42857143;
|
||||
color: #333;
|
||||
font-family: asap;
|
||||
}
|
||||
.specialities-listing .list-group li{
|
||||
font-size: 20px;
|
||||
padding-top: 5px;
|
||||
}
|
||||
/*--------------------------------------------------------------
|
||||
# Product Page
|
||||
--------------------------------------------------------------*/
|
||||
#products .band-one {
|
||||
background: rgba(0, 0, 0, 0) url("../images/products/p2.jpg") no-repeat scroll 0 0 / cover;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
/* background-attachment:fixed; */
|
||||
min-height: 450px;
|
||||
}
|
||||
#products .band-one-text{
|
||||
font-family: asap-italic;
|
||||
font-size: 30px;
|
||||
font-weight: 400;
|
||||
line-height: 41px;
|
||||
color: #fff;
|
||||
padding:9% 4%;
|
||||
margin: 3% 0%;
|
||||
}
|
||||
#products .bold-text{
|
||||
font-family: asap-bold-italic;
|
||||
font-size: 36px !important ;
|
||||
}
|
||||
#products .band-two, #products .band-four, #products .band-six, #products .band-nine{
|
||||
background-color: #1c252e;
|
||||
}
|
||||
#products .band-image-block{
|
||||
|
||||
}
|
||||
#products .band-title-block{
|
||||
text-align: center;
|
||||
}
|
||||
#products .band-title-block .band-title{
|
||||
color: #ffffff;
|
||||
font-family: asap-bold;
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
}
|
||||
#products .band-title-block .band-content{
|
||||
color: #98a3ad;
|
||||
font-family: asap,sans-serif;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
font-size: 14px;
|
||||
}
|
||||
#products .band-three .content-title{
|
||||
color: #1c252e;
|
||||
font-size: 34px;
|
||||
font-family: asap-bold;
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
#products .band-three .content-description{
|
||||
color: #7f7f7f;
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
font-family: asap,sans-serif;
|
||||
}
|
||||
#products .band-five .content-title{
|
||||
color: #1c252e;
|
||||
font-size: 34px;
|
||||
line-height: 41px;
|
||||
font-family: asap-bold;
|
||||
}
|
||||
|
||||
#products .band-five .content-description{
|
||||
color: #7f7f7f;
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
font-family: asap,sans-serif;
|
||||
}
|
||||
#products .band-seven{
|
||||
background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.6) 100%), url("../images/products/integrated.jpg");
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
height: 450px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#products .profile-healthcare-text{
|
||||
color: #000000;
|
||||
font-family: asap-bold-italic;
|
||||
font-size: 23px;
|
||||
line-height: 28px;
|
||||
|
||||
}
|
||||
#products .band-eight .content-title{
|
||||
color: #1c252e;
|
||||
font-family: asap-bold;
|
||||
font-size: 24px;
|
||||
line-height: 29px;
|
||||
}
|
||||
#products .band-eight .content-description{
|
||||
color: #7f7f7f;
|
||||
font-family: asap,sans-serif;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
line-height: 19px;
|
||||
}
|
||||
#products .brochure-download-btn{
|
||||
font-size: 14px;
|
||||
color:blue;
|
||||
}
|
||||
#products .brochure-download-btn img{
|
||||
width: 15px;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
#band-ten{
|
||||
height: 250px;
|
||||
background-color: #f7f2ef;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #fff;
|
||||
}
|
||||
#products .band-ten-text{
|
||||
color: #1c252e;
|
||||
font-family: asap-bold-italic;
|
||||
font-size: 30px;
|
||||
line-height: 36px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
/*--------------------------------------------------------------
|
||||
# footer
|
||||
--------------------------------------------------------------*/
|
||||
footer{
|
||||
background-image: url("../images/optimized_images/footer.webp");
|
||||
bottom: 0%;
|
||||
height: auto !important;
|
||||
|
||||
|
||||
}
|
||||
footer .container-fluid .row{
|
||||
margin-left:0px;
|
||||
margin-right:0px;
|
||||
padding-right: 0px;
|
||||
}
|
||||
.footerLinksSection ul li{
|
||||
padding-bottom: 15px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.footerLinksSection ul li a{
|
||||
color: #60717c;
|
||||
}
|
||||
.footerLinks label{
|
||||
color: white;
|
||||
font-size: 14px;
|
||||
font-family: asap;
|
||||
font-weight: bold;
|
||||
}
|
||||
.footerLinks a{
|
||||
color: #60717c;
|
||||
font-size:14px;
|
||||
font-family: asap;
|
||||
}
|
||||
.footerLinksSection .support_email_id{
|
||||
padding-left:5px;
|
||||
}
|
||||
.footerLinksSection .footer_phone{
|
||||
padding-left:3px;
|
||||
color: #60717c;
|
||||
}
|
||||
.copy_right_text{
|
||||
background-color: transparent;
|
||||
color: #c8c8c8;
|
||||
font-size: 9px;
|
||||
font-weight: 400;
|
||||
line-height: 12px;
|
||||
text-align: center;
|
||||
}
|
||||
.copyright{
|
||||
|
||||
background-color: #3f444d;
|
||||
border-color: rgba(0, 0, 0, 0);
|
||||
border-style: none;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Animation
|
||||
--------------------------------------------------------------*/
|
||||
@keyframes fadeInUp {
|
||||
from {
|
||||
transform: translate3d(0,40px,0)
|
||||
}
|
||||
|
||||
to {
|
||||
transform: translate3d(0,0,0);
|
||||
opacity: 1
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadeInUp {
|
||||
from {
|
||||
transform: translate3d(0,40px,0)
|
||||
}
|
||||
|
||||
to {
|
||||
transform: translate3d(0,0,0);
|
||||
opacity: 1
|
||||
}
|
||||
}
|
||||
|
||||
.animated {
|
||||
animation-duration: 2s;
|
||||
animation-fill-mode: both;
|
||||
-webkit-animation-duration: 2s;
|
||||
-webkit-animation-fill-mode: both
|
||||
}
|
||||
|
||||
.animatedFadeInUp {
|
||||
opacity: 0
|
||||
}
|
||||
|
||||
.fadeInUp {
|
||||
opacity: 0;
|
||||
animation-name: fadeInUp;
|
||||
-webkit-animation-name: fadeInUp;
|
||||
}
|
||||
|
||||
@media screen and (max-width:768px) {
|
||||
.footerLinks .logo{
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,234 @@
|
|||
.tabulator-titlebar {
|
||||
display: none;
|
||||
background: #fff none repeat scroll 0 0;
|
||||
font-weight: bold;
|
||||
font-size: 11px !important;
|
||||
font-weight: 700;
|
||||
padding: 7px 10px;
|
||||
position: relative;
|
||||
border-bottom: 4px solid #f6f6f6;
|
||||
border-top: 3px solid #555;
|
||||
border-top-right-radius: 2px;
|
||||
border-top-left-radius: 2px;
|
||||
/* border-top: 0px none; */
|
||||
color: #066a9e;
|
||||
min-height: 36px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter {
|
||||
margin-top: 6px;
|
||||
}
|
||||
.customGridWrapper {
|
||||
/* box-shadow: 0px 0px 2px #888888 !important; */
|
||||
background: #fff;
|
||||
}
|
||||
.tabulator {
|
||||
border: none ! important;
|
||||
}
|
||||
.tabulator-header-filter input[type="search"], .tabulator-header-filter textarea{
|
||||
height: 26px !important;
|
||||
padding: 5px 0px 5px 8px!important;
|
||||
border: 0px solid #f4f8f9 !important;
|
||||
background: #eeeeee8f !important;
|
||||
border-radius: .12rem !important;
|
||||
box-sizing: border-box;
|
||||
width: 100% !important;
|
||||
font-weight: normal;
|
||||
color: #555;
|
||||
}
|
||||
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea {
|
||||
height: 26px !important;
|
||||
overflow: hidden;
|
||||
}
|
||||
#tabulator_rec_per_page{
|
||||
padding:2px;
|
||||
margin:0px 5px;
|
||||
}
|
||||
.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
|
||||
border-top: 2px solid #f5f5f5;
|
||||
}
|
||||
.tabulator-col-title {
|
||||
text-align: center;
|
||||
color: #0066cc;
|
||||
font-size: 12px;
|
||||
}
|
||||
.tabulator .tabulator-header .tabulator-col {
|
||||
background: #fff;
|
||||
}
|
||||
.tabulator .tabulator-header .tabulator-col {
|
||||
border-right: 3px solid #eff4f7;
|
||||
}
|
||||
.tabulator-row{
|
||||
border-bottom: 0px;
|
||||
}
|
||||
.tabulator-row .tabulator-cell {
|
||||
border-right: 3px solid #eff4f7;
|
||||
border-bottom: 2px solid #eff4f7;
|
||||
}
|
||||
.tabulator-row.tabulator-group span{
|
||||
font-weight: normal;
|
||||
font-size: 11px;
|
||||
}
|
||||
.tabulator .tabulator-footer .tabulator-page.active{
|
||||
border-color: #0066cc;
|
||||
background-color: #fff;
|
||||
color:#0066cc;
|
||||
}
|
||||
|
||||
.tabulator-row.tabulator-row-even {
|
||||
background-color: #fff;
|
||||
}
|
||||
.tabulator-row.tabulator-selected.tabulator-row-even.tabulator-selected{
|
||||
background-color: #e5f2fd !important;
|
||||
}
|
||||
.tabulator-row.tabulator-group {
|
||||
font-size: 12px;
|
||||
background: #fff;
|
||||
font-weight: bold;
|
||||
color:#212529;
|
||||
border-bottom: 2px solid #eff4f7;
|
||||
border-top: 0px;
|
||||
}
|
||||
.custom_record_count {
|
||||
display: inline;
|
||||
float: left;
|
||||
/* display: none; */
|
||||
margin-top: 4px;
|
||||
}
|
||||
.collapse-tab-grid {
|
||||
display: inline;
|
||||
float: right;
|
||||
}
|
||||
.collapse-tab-grid-collapse-in {
|
||||
background: url(../../images/double-arrowmarks-up_down.png) repeat scroll 1px -4px transparent !important;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
position: fixed;
|
||||
right: 3px;
|
||||
display: none;
|
||||
}
|
||||
.collapse-tab-grid-collapse-out {
|
||||
background: url(../../images/double-arrowmarks-up_down.png) repeat scroll 1px 20px transparent !important;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
position: fixed;
|
||||
right: 3px;
|
||||
display: none;
|
||||
}
|
||||
.custom_record_per_page {
|
||||
display: inline-block;
|
||||
}
|
||||
.customGridWrapper.tabulator .tabulator-footer{
|
||||
color: #78909c;
|
||||
font-weight: normal;
|
||||
font-size: 11px;
|
||||
background-color: #fff;
|
||||
border-top: 0px;
|
||||
/* border-right: 2px solid #eff4f7; */
|
||||
}
|
||||
.tabulator .tabulator-header{
|
||||
padding: 0px 0px 0px 0px;
|
||||
background-color: #fff;
|
||||
border-bottom: 2px solid #eff4f7;
|
||||
border-left: 2px solid #eff4f7;
|
||||
color: #78909c;
|
||||
}
|
||||
.tabulator .tabulator-tableHolder .tabulator-table {
|
||||
color: #212529;
|
||||
}
|
||||
.tabulator .tabulator-header .tabulator-col .tabulator-col-content,
|
||||
.tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover,
|
||||
.tabulator .tabulator-header .tabulator-col.tabulator-sortable,
|
||||
.tabulator .tabulator-header .tabulator-col {
|
||||
background-color: #fff;
|
||||
}
|
||||
.tabulator .tabulator-tableHolder {
|
||||
background-color: #fff;
|
||||
border-left: 2px solid #eff4f7;
|
||||
border-right: 2px solid #eff4f7;
|
||||
}
|
||||
.tabulator .tabulator-footer .custom_togle_column_link{
|
||||
float:left;
|
||||
margin:0px 10px;
|
||||
color: #78909c;
|
||||
text-decoration:none;
|
||||
}
|
||||
.tabulator .tabulator-footer .custom_togle_column_link:hover{
|
||||
background-color:#D3DFED !important;
|
||||
}
|
||||
.tabulator-col-title{
|
||||
text-transform: capitalize;
|
||||
}
|
||||
.grid-header{
|
||||
background: #fff;
|
||||
border-top-left-radius: 0px;
|
||||
border-top-right-radius: 0px;
|
||||
border-top: 3px solid #0066cc;
|
||||
padding-left:0px;
|
||||
}
|
||||
.grid-header-text{
|
||||
padding: .75rem 1.25rem;
|
||||
font-weight: bold;
|
||||
color: #0066cc;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.grid-header-text span {
|
||||
font-size: 11px;
|
||||
font-weight: normal;
|
||||
}
|
||||
.grid-wrapper {
|
||||
box-shadow: 0px 0px 4px #a7a7a7;
|
||||
}
|
||||
.gridActionIcon{
|
||||
display:table-cell;
|
||||
}
|
||||
|
||||
.grid_new_btn{
|
||||
cursor: pointer;
|
||||
text-transform: none;
|
||||
color:#2ea664;
|
||||
}
|
||||
.grid_new_btn:hover{
|
||||
text-decoration: underline !important;
|
||||
color:#2ea664;
|
||||
}
|
||||
.grid_new_btn::before {
|
||||
background: url(../../images/Pluse.svg) no-repeat scroll;
|
||||
background-position: 0 -1px !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 18px auto !important;
|
||||
content: "";
|
||||
display: block;
|
||||
float: left;
|
||||
height: 20px;
|
||||
margin-right: 3px;
|
||||
padding-bottom: 8px;
|
||||
width: 20px;
|
||||
}
|
||||
.icon-container {
|
||||
display: inline-block;
|
||||
margin: 0px 2px;
|
||||
}
|
||||
.gridDeleteIcon{
|
||||
margin-left: 0px !important;
|
||||
}
|
||||
.tabulator .tabulator-footer .tabulator-page-size{
|
||||
padding: 3px 5px;
|
||||
border: 1px solid #dee2e6;
|
||||
background: #f0f2f7;
|
||||
}
|
||||
.tabulator .tabulator-footer .tabulator-page {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
margin-left: 5px;
|
||||
padding: 4px 10px;
|
||||
border: 1px solid #dee2e6;
|
||||
border-radius: 4px;
|
||||
background: rgba(255, 255, 255, 0.2)
|
||||
}
|
||||
.tabulator .tabulator-header .tabulator-frozen {
|
||||
z-index: 10 !important;
|
||||
}
|
||||
#ranking-grid-table .tabulator-row-even{
|
||||
background: #fbfbfb;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,151 @@
|
|||
var TableExtension = MediumEditor.extensions.anchor.extend({
|
||||
name: 'table',
|
||||
action: 'createTable',
|
||||
aria: 'table',
|
||||
tagNames: ['table'],
|
||||
contentDefault: '<b>T</b>',
|
||||
contentFA: '<i class="fa fa-table"></i>',
|
||||
|
||||
doFormSave: function () {
|
||||
var columnCount = this.getColumnsInput().value,
|
||||
rowCount = this.getRowsInput().value,
|
||||
table = this.createTable(columnCount, rowCount);
|
||||
|
||||
// Restore Medium Editor's selection before pasting HTML
|
||||
this.base.restoreSelection();
|
||||
|
||||
// Paste newly created table.
|
||||
this.base.pasteHTML(table.innerHTML);
|
||||
|
||||
// Update toolbar -> hide this form
|
||||
this.base.checkSelection();
|
||||
},
|
||||
|
||||
createTable: function (cols, rows) {
|
||||
var doc = this.base.options.ownerDocument,
|
||||
table = doc.createElement('table'),
|
||||
header = doc.createElement('thead'),
|
||||
headerRow = doc.createElement('tr'),
|
||||
body = doc.createElement('tbody'),
|
||||
wrap = doc.createElement('div'),
|
||||
h, r, c, headerCol, bodyRow, bodyCol;
|
||||
|
||||
for (h = 1; h <= cols; h++) {
|
||||
headerCol = doc.createElement('th');
|
||||
headerCol.innerHTML = '...';
|
||||
headerRow.appendChild(headerCol);
|
||||
}
|
||||
|
||||
header.appendChild(headerRow);
|
||||
|
||||
for (r = 1; r <= rows; r++) {
|
||||
bodyRow = doc.createElement('tr');
|
||||
for (c = 1; c <= cols; c++) {
|
||||
bodyCol = doc.createElement('td');
|
||||
bodyCol.innerHTML = '...';
|
||||
bodyRow.appendChild(bodyCol);
|
||||
}
|
||||
body.appendChild(bodyRow);
|
||||
}
|
||||
|
||||
table.appendChild(header);
|
||||
table.appendChild(body);
|
||||
wrap.appendChild(table);
|
||||
|
||||
return wrap;
|
||||
},
|
||||
|
||||
// Called when the button the toolbar is clicked
|
||||
// Overrides DefaultButton.handleClick
|
||||
handleClick: function (evt) {
|
||||
evt.preventDefault();
|
||||
evt.stopPropagation();
|
||||
|
||||
if (!this.isDisplayed()) {
|
||||
this.showForm();
|
||||
}
|
||||
|
||||
return false;
|
||||
},
|
||||
|
||||
hideForm: function () {
|
||||
this.getColumnsInput().value = '';
|
||||
this.getRowsInput().value = '';
|
||||
this.getForm().style.display = 'none';
|
||||
},
|
||||
|
||||
showForm: function () {
|
||||
var colsInput = this.getColumnsInput(),
|
||||
rowsInput = this.getRowsInput();
|
||||
|
||||
this.base.saveSelection();
|
||||
this.hideToolbarDefaultActions();
|
||||
this.getForm().style.display = 'block';
|
||||
this.setToolbarPosition();
|
||||
|
||||
colsInput.focus();
|
||||
},
|
||||
|
||||
createForm: function () {
|
||||
var doc = this.base.options.ownerDocument,
|
||||
form = doc.createElement('div'),
|
||||
close = doc.createElement('a'),
|
||||
save = doc.createElement('a'),
|
||||
columnInput = doc.createElement('input'),
|
||||
rowInput = doc.createElement('input');
|
||||
|
||||
form.className = 'medium-editor-toolbar-form';
|
||||
form.id = 'medium-editor-toolbar-form-table-' + this.base.id;
|
||||
|
||||
// Handle clicks on the form itself
|
||||
this.base.on(form, 'click', this.handleFormClick.bind(this));
|
||||
|
||||
// Add columns textbox
|
||||
columnInput.setAttribute('type', 'text');
|
||||
columnInput.className = 'medium-editor-toolbar-input medium-editor-toolbar-input-columns';
|
||||
columnInput.setAttribute('placeholder', 'Column Count');
|
||||
form.appendChild(columnInput);
|
||||
|
||||
// Add rows textbox
|
||||
rowInput.setAttribute('type', 'text');
|
||||
rowInput.className = 'medium-editor-toolbar-input medium-editor-toolbar-input-rows';
|
||||
rowInput.setAttribute('placeholder', 'Row Count');
|
||||
form.appendChild(rowInput);
|
||||
|
||||
// Handle typing in the textboxes
|
||||
this.base.on(columnInput, 'keyup', this.handleTextboxKeyup.bind(this));
|
||||
this.base.on(rowInput, 'keyup', this.handleTextboxKeyup.bind(this));
|
||||
|
||||
// Add save buton
|
||||
save.setAttribute('href', '#');
|
||||
save.className = 'medium-editor-toolbar-save';
|
||||
save.innerHTML = this.base.options.buttonLabels === 'fontawesome' ?
|
||||
'<i class="fa fa-check"></i>' :
|
||||
'✓';
|
||||
form.appendChild(save);
|
||||
|
||||
// Handle save button clicks (capture)
|
||||
this.base.on(save, 'click', this.handleSaveClick.bind(this), true);
|
||||
|
||||
// Add close button
|
||||
close.setAttribute('href', '#');
|
||||
close.className = 'medium-editor-toolbar-close';
|
||||
close.innerHTML = this.base.options.buttonLabels === 'fontawesome' ?
|
||||
'<i class="fa fa-times"></i>' :
|
||||
'×';
|
||||
form.appendChild(close);
|
||||
|
||||
// Handle close button clicks
|
||||
this.base.on(close, 'click', this.handleCloseClick.bind(this));
|
||||
|
||||
return form;
|
||||
},
|
||||
|
||||
getColumnsInput: function () {
|
||||
return this.getForm().querySelector('input.medium-editor-toolbar-input-columns');
|
||||
},
|
||||
|
||||
getRowsInput: function () {
|
||||
return this.getForm().querySelector('input.medium-editor-toolbar-input-rows');
|
||||
}
|
||||
})
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1 @@
|
|||
!function(e,i,t,n){var s="imageslider",l={slideItems:".is-item",slideContainer:".is-container",slideDistance:1,slideDuration:1,slideEasing:"linear",resizable:!1,reverse:!1,pause:!1};function d(t,n){var d=this;d.element=t,d.settings=e.extend({},l,n),d._defaults=l,d._name=s,e(i).on("load",function(){d.init()})}function a(i,t){i.width();var n=0;return t.each(function(){n+=e(this).width()}),n}d.prototype.init=function(){var t=this;t.$element=e(t.element),t.$slideContainer=t.$element.find(t.settings.slideContainer),t.$slideItems=t.$element.find(t.settings.slideItems),t.elementW=t.$element.width(),t.slideContainerW=a(t.$slideContainer,t.$slideItems),t.slideItemsLength=t.$slideItems.length,t.$slideContainer.width(t.slideContainerW),t.$element.css("overflow","hidden"),t.settings.resizable&&e(i).on("resize",function(){t.resizeContainer()}),t.settings.pause&&t.$slideContainer.hover(function(){t.stopSlide()},function(){t.startSlide()}),t.resizeContainer()},d.prototype.startSlide=function(){var e=this,i=e.$slideContainer.find(e.settings.slideItems).eq(0),t=e.$slideContainer.find(e.settings.slideItems).eq(e.slideItemsLength-1),n=i.width(),s=t.width();if(i.is(":animated"))return!1;if(e.settings.reverse){if(parseInt(i.css("margin-left"),10)>=0)return t.prependTo(e.$slideContainer).css("margin-left",-s),e.startSlide(),!1;i.animate({marginLeft:parseInt(i.css("margin-left"),10)+e.settings.slideDistance},e.settings.slideDuration,e.settings.slideEasing,function(){e.startSlide()})}else i.animate({marginLeft:parseInt(i.css("margin-left"),10)-e.settings.slideDistance},e.settings.slideDuration,e.settings.slideEasing,function(){Math.abs(parseInt(i.css("margin-left"),10))>n&&i.appendTo(e.$slideContainer).css("margin-left",0),e.startSlide()})},d.prototype.stopSlide=function(){this.$slideItems.stop()},d.prototype.resizeContainer=function(){var i=this,t=i.$element.width(),n=i.slideContainerW;i.stopSlide(),function i(t,n,s,l){n.each(function(){if(l>2*s)return!1;var i=e(this).clone().css("margin-left",0);i.appendTo(t),l+=i.width()})}(i.$slideContainer,i.$slideItems,t,n),i.$slideItems=i.$element.find(i.settings.slideItems),i.slideContainerW=a(i.$slideContainer,i.$slideItems),i.elementW=t,i.$slideContainer.width(i.slideContainerW),i.slideItemsLength=i.$slideItems.length,i.startSlide()},e.fn[s]=function(i){return this.each(function(){e.data(this,"plugin_"+s)||e.data(this,"plugin_"+s,new d(this,i))}),this}}(jQuery,window,document,void 0);
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,150 @@
|
|||
|
||||
const element2 = document.getElementById('website_url');
|
||||
const url_key = element2.dataset.key;
|
||||
const brochure_request_url = `${url_key}/send_mail/brochure_request`;
|
||||
const element3 = document.getElementById('instance_name');
|
||||
const instance = element3.dataset.key;
|
||||
|
||||
|
||||
|
||||
function submitBrochureForm(form_type,konectar_instance){
|
||||
if(!$(`#requestBr${form_type}`).validate({
|
||||
rules: {
|
||||
full_name: {
|
||||
required: true,
|
||||
minlength: 2,
|
||||
maxlength: 250
|
||||
},
|
||||
business_email: {
|
||||
required: true,
|
||||
email: true
|
||||
}
|
||||
},
|
||||
messages: {
|
||||
full_name: {
|
||||
required: "Please enter your name",
|
||||
minlength: "Your name must consist of at least 2 characters",
|
||||
maxlength: "Your name must consist of maximum 250 characters"
|
||||
},
|
||||
business_email: "Please enter a valid email address"
|
||||
}
|
||||
}).form()){
|
||||
return false;
|
||||
}else{
|
||||
var data = {};//$("#requestBr1").serialize();
|
||||
data["full_name"] = $(`#full_name${form_type}`).val();
|
||||
data["business_email"] = $(`#business_email${form_type}`).val();
|
||||
data["brochure_request_type"] = $(`#brochure_request_type${form_type}`).val();
|
||||
data['requested_type']=konectar_instance;
|
||||
// document.write(data["full_name"],data["business_email"],data["brochure_request_type"],data['requested_type']);
|
||||
$.ajax({
|
||||
url: brochure_request_url,
|
||||
type:"post",
|
||||
dataType:"json",
|
||||
data: data,
|
||||
beforeSend: function() {
|
||||
$('#requestFormSubmit').val('Requesting');
|
||||
},
|
||||
success: function(retData){
|
||||
if(retData.status = 'true'){
|
||||
$(`#requestBr${form_type}`).hide();
|
||||
$(".messageDiv").html('<p class="brocure_message">Thank you!</p><p class="brocure_message">We will email you shortly.</p>');
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function form_content(form_type,instance)
|
||||
{
|
||||
return `
|
||||
<div class="messageDiv"></div>
|
||||
<form class="brochureForm" method="post" id="requestBr${form_type}" role="form" data-toggle="validator">
|
||||
<input type="hidden" id="brochure_request_type${form_type}" name="brochure_request_type" value='${form_type}'>
|
||||
<div class="requestForm">
|
||||
<input type="text" id="full_name${form_type}" name="full_name" class="form-control required" placeholder="Full name*">
|
||||
</div>
|
||||
|
||||
<div class="requestForm">
|
||||
<input type="email" id="business_email${form_type}" name="business_email" class="form-control required" placeholder="Business email*">
|
||||
</div>
|
||||
|
||||
<div class="requestForm">
|
||||
<input type="button" onclick="submitBrochureForm(${form_type},'${instance}');return false;" class="form-control blue-button gAnalytics_requestBrochure_submitBtn" id="requestFormSubmit" value="Request">
|
||||
</div>
|
||||
</form>
|
||||
`;
|
||||
}
|
||||
|
||||
$(document).ready(function(e) {
|
||||
window.innerWidth >= 768 && window.innerWidth <= 991 ? (e("#reqstForm1").webuiPopover({
|
||||
dismissible: !1,
|
||||
closeable: !0,
|
||||
title: "",
|
||||
type: "html",
|
||||
cache: !1,
|
||||
// url: base_url + "/konectar/get_form/1/" + method,
|
||||
content: form_content('1',instance),
|
||||
placement: "left",
|
||||
width: "250px",
|
||||
height: "172px"
|
||||
}), e("#reqstForm2").webuiPopover({
|
||||
dismissible: !1,
|
||||
closeable: !0,
|
||||
title: "",
|
||||
type: "html",
|
||||
cache: !1,
|
||||
content: form_content('2',instance),
|
||||
placement: "left",
|
||||
width: "250px",
|
||||
height: "172px"
|
||||
}), e("#reqstForm3").webuiPopover({
|
||||
dismissible: !1,
|
||||
closeable: !0,
|
||||
title: "",
|
||||
type: "html",
|
||||
cache: !1,
|
||||
content: form_content('3',instance),
|
||||
placement: "left",
|
||||
width: "250px",
|
||||
height: "172px"
|
||||
})) : (e("#reqstForm1").webuiPopover({
|
||||
dismissible: !1,
|
||||
closeable: !0,
|
||||
title: "",
|
||||
type: "html",
|
||||
cache: !1,
|
||||
content: form_content('1',instance),
|
||||
placement: "top",
|
||||
width: "250px",
|
||||
height: "172px"
|
||||
}), e("#reqstForm2").webuiPopover({
|
||||
dismissible: !1,
|
||||
closeable: !0,
|
||||
title: "",
|
||||
type: "html",
|
||||
cache: !1,
|
||||
content: form_content('2',instance),
|
||||
placement: "top",
|
||||
width: "250px",
|
||||
height: "172px"
|
||||
}), e("#reqstForm3").webuiPopover({
|
||||
dismissible: !1,
|
||||
closeable: !0,
|
||||
title: "",
|
||||
type: "html",
|
||||
cache: !1,
|
||||
content: form_content('3',instance),
|
||||
placement: "top",
|
||||
width: "250px",
|
||||
height: "172px"
|
||||
})), e(window).scroll(function() {
|
||||
e(".hideme").each(function(t) {
|
||||
var s = e(this).offset().top + e(this).outerHeight();
|
||||
e(window).scrollTop() + e(window).height() > s && e(this).addClass("showme animated fadeInUp")
|
||||
})
|
||||
})
|
||||
})
|
||||
,
|
||||
767 > $(window).width() ? ($("#carousel-slider").addClass("carousel carousel-dark slide").attr("data-bs-ride", "carousel"), $("#carousel-slider-inner").removeClass("carousel-desktop"), $(".carousel-nav-button").show()) : ($("#carousel-slider").removeClass("carousel carousel-dark slide").attr("data-bs-ride", ""), $("#carousel-slider-inner").addClass("carousel-desktop"), $(".carousel-nav-button").hide());
|
||||
|
|
@ -0,0 +1 @@
|
|||
!function () { "use strict"; let e = (e, t = !1) => (e = e.trim(), t) ? [...document.querySelectorAll(e)] : document.querySelector(e), t = (t, s, l, o = !1) => { let i = e(s, o); i && (o ? i.forEach(e => e.addEventListener(t, l)) : i.addEventListener(t, l)) }, s = (e, t) => { e.addEventListener("scroll", t) }, l = e("#navbar .scrollto", !0), o = () => { let t = window.scrollY + 200; l.forEach(s => { if (!s.hash) return; let l = e(s.hash); l && (t >= l.offsetTop && t <= l.offsetTop + l.offsetHeight ? s.classList.add("active") : s.classList.remove("active")) }) }; window.addEventListener("load", o), s(document, o); let i = t => { let s = e("#header"), l = s.offsetHeight; s.classList.contains("header-scrolled") || (l -= 16); let o = e(t).offsetTop; window.scrollTo({ top: o - l, behavior: "smooth" }) }, a = e("#header"); if (a) { let r = a.offsetTop, n = a.nextElementSibling, c = () => { r - window.scrollY <= 0 ? (a.classList.add("fixed-top"), n.classList.add("scrolled-offset")) : (a.classList.remove("fixed-top"), n.classList.remove("scrolled-offset")) }; window.addEventListener("load", c), s(document, c) } let f = e(".back-to-top"); if (f) { let d = () => { window.scrollY > 100 ? f.classList.add("active") : f.classList.remove("active") }; window.addEventListener("load", d), s(document, d) } t("click", ".mobile-nav-toggle", function (t) { e("#navbar").classList.toggle("navbar-mobile"), this.classList.toggle("bi-list"), this.classList.toggle("bi-x") }), t("click", ".navbar .dropdown > a", function (t) { e("#navbar").classList.contains("navbar-mobile") && (t.preventDefault(), this.nextElementSibling.classList.toggle("dropdown-active")) }, !0), t("click", ".scrollto", function (t) { if (e(this.hash)) { t.preventDefault(); let s = e("#navbar"); if (s.classList.contains("navbar-mobile")) { s.classList.remove("navbar-mobile"); let l = e(".mobile-nav-toggle"); l.classList.toggle("bi-list"), l.classList.toggle("bi-x") } i(this.hash) } }, !0), window.addEventListener("load", () => { window.location.hash && e(window.location.hash) && i(window.location.hash) }); let v = e("#preloader"); v && window.addEventListener("load", () => { v.remove() }); let h = e(".skills-content"); h && new Waypoint({ element: h, offset: "80%", handler: function (t) { e(".progress .progress-bar", !0).forEach(e => { e.style.width = e.getAttribute("aria-valuenow") + "%" }) } }), window.addEventListener("load", () => { let s = e(".portfolio-container"); if (s) { let l = new Isotope(s, { itemSelector: ".portfolio-item" }), o = e("#portfolio-flters li", !0); t("click", "#portfolio-flters li", function (e) { e.preventDefault(), o.forEach(function (e) { e.classList.remove("filter-active") }), this.classList.add("filter-active"), l.arrange({ filter: this.getAttribute("data-filter") }), l.on("arrangeComplete", function () { AOS.refresh() }) }, !0) } }) }();
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
Loading…
Reference in New Issue