homepage: update width of tablet images to 70% on small screens - add space and margin in text for >= medium screens
This commit is contained in:
parent
02aa92c7b0
commit
a1025c37f6
|
@ -95,7 +95,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="uk-inline uk-width-expand uk-height-1-1">
|
<div class="uk-inline uk-width-expand uk-height-1-1 uk-margin-large-left">
|
||||||
<div class="uk-width-3-4@l">
|
<div class="uk-width-3-4@l">
|
||||||
<div uk-parallax="target: #js-sticky-parallax-images-all; y: 55vh, 40vh;">
|
<div uk-parallax="target: #js-sticky-parallax-images-all; y: 55vh, 40vh;">
|
||||||
<ng-container *ngTemplateOutlet="scrolling_text; context: {position_class: 'uk-position-center-left'}"></ng-container>
|
<ng-container *ngTemplateOutlet="scrolling_text; context: {position_class: 'uk-position-center-left'}"></ng-container>
|
||||||
|
@ -108,15 +108,15 @@
|
||||||
<div class="uk-flex uk-flex-column uk-flex-middle">
|
<div class="uk-flex uk-flex-column uk-flex-middle">
|
||||||
<div class="connect-dark-logo-background uk-inline uk-width-1-1" style="height: 40vh;">
|
<div class="connect-dark-logo-background uk-inline uk-width-1-1" style="height: 40vh;">
|
||||||
<img class="uk-position-center uk-position-z-index" src="assets/connect-assets/home/tablet.png" alt="ipad" loading="lazy"
|
<img class="uk-position-center uk-position-z-index" src="assets/connect-assets/home/tablet.png" alt="ipad" loading="lazy"
|
||||||
uk-parallax="target: #js-sticky-parallax-images-all;">
|
uk-parallax="target: #js-sticky-parallax-images-all;" style="width: 70%;">
|
||||||
<img class="uk-position-center" src="assets/connect-assets/home/1.png" alt="ipad" loading="lazy"
|
<img class="uk-position-center" src="assets/connect-assets/home/1.png" alt="ipad" loading="lazy"
|
||||||
uk-parallax="target: #js-sticky-parallax-images-all; start: 100vh; end: 100% + 100vh - 160vh; opacity: 1,1 99%,0; easing:0">
|
uk-parallax="target: #js-sticky-parallax-images-all; start: 100vh; end: 100% + 100vh - 160vh; opacity: 1,1 99%,0; easing:0" style="width: 70%;">
|
||||||
<img class="uk-position-center" src="assets/connect-assets/home/2.png" alt="ipad" loading="lazy"
|
<img class="uk-position-center" src="assets/connect-assets/home/2.png" alt="ipad" loading="lazy"
|
||||||
uk-parallax="target: #js-sticky-parallax-images-all; start: 150vh; end: 100% + 100vh - 210vh; opacity: 0,1 20%,1 99%,0; easing:0">
|
uk-parallax="target: #js-sticky-parallax-images-all; start: 150vh; end: 100% + 100vh - 210vh; opacity: 0,1 20%,1 99%,0; easing:0" style="width: 70%;">
|
||||||
<img class="uk-position-center" src="assets/connect-assets/home/3.png" alt="ipad" loading="lazy"
|
<img class="uk-position-center" src="assets/connect-assets/home/3.png" alt="ipad" loading="lazy"
|
||||||
uk-parallax="target: #js-sticky-parallax-images-all; start: 200vh; end: 100% + 100vh - 260vh; opacity: 0,1 20%,1 99%,0; easing:0">
|
uk-parallax="target: #js-sticky-parallax-images-all; start: 200vh; end: 100% + 100vh - 260vh; opacity: 0,1 20%,1 99%,0; easing:0" style="width: 70%;">
|
||||||
<img class="uk-position-center" src="assets/connect-assets/home/4.png" alt="ipad" loading="lazy"
|
<img class="uk-position-center" src="assets/connect-assets/home/4.png" alt="ipad" loading="lazy"
|
||||||
uk-parallax="target: #js-sticky-parallax-images-all; start: 250vh; end: 100% + 100vh - 310vh; opacity: 0,1 20%,1; easing:0">
|
uk-parallax="target: #js-sticky-parallax-images-all; start: 250vh; end: 100% + 100vh - 310vh; opacity: 0,1 20%,1; easing:0" style="width: 70%;">
|
||||||
</div>
|
</div>
|
||||||
<div class="uk-inline uk-width-2-3">
|
<div class="uk-inline uk-width-2-3">
|
||||||
<ng-container *ngTemplateOutlet="scrolling_text; context: {position_class: 'uk-position-top-center'}"></ng-container>
|
<ng-container *ngTemplateOutlet="scrolling_text; context: {position_class: 'uk-position-top-center'}"></ng-container>
|
||||||
|
|
|
@ -1 +1 @@
|
||||||
Subproject commit 3c1623d12c2ae6a9a244ee34b3b22ede23f6680c
|
Subproject commit 9ac7ed93d4420cf904609b1fbfbe341cc4ae8836
|
|
@ -1 +1 @@
|
||||||
Subproject commit 14655ae3aa7a50162ef218428a0ccdee35c1aa7b
|
Subproject commit 2de3f625b772a264acb0579126b2bfce42778d0c
|
|
@ -1 +1 @@
|
||||||
Subproject commit cb006f41395304e085d4ac012c7a031e46458f59
|
Subproject commit 8bb758b340d05b50b65da48863ff7ed69fdc122b
|
Loading…
Reference in New Issue