lapikud/lapikud.github.io
2
0
Fork 1
mirror of https://github.com/Lapikud/lapikud.github.io.git synced 2026-03-21 12:37:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Landing page view, helpdesk carousel fixes

Browse Source 
* added partners to landing page
* fixed helpdesk carousel styling in some viewport sizes
This commit is contained in:
Herman Õunapuu
2018-08-26 19:42:54 +03:00
parent 66fb3ca306
commit 84e45e01cb
12 changed files with 215 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
_sass/helpdesk.scss
View File

@@ -56,6 +56,20 @@
height : 60vh;
max-height : 300px;
}
.siema {
.carousel-image-container {
display : flex;
justify-content : center;
align-items : center;
img {
max-height : 300px;
width : 100%;
height : auto;
object-fit : scale-down;
}
}
}
}
#pricing {

139
_sass/home.scss
View File

@@ -1,61 +1,100 @@
.home {
.logo_container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center;
text-align: center;
margin: 4rem 0;
.logo {
max-width: 60rem;
width: 100%;
padding: 0 1rem;
}
@media (max-width : 900px) {
h1 {
font-size : 3.6rem;
}
}
.lg-icon-container {
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;
margin: 0;
margin-top: 4rem;
.column {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
align-content: flex-start;
text-align: left;
.logo_container {
display : flex;
flex-direction : row;
flex-wrap : wrap;
align-items : center;
justify-content : center;
text-align : center;
margin : 4rem 0;
.lg-icon {
fill: #f0941d;
width: 10rem;
height: 10rem;
flex: 1;
}
div {
flex: 2;
}
}
@media (min-width: 40.0rem) {
.column {
flex-direction: column;
justify-content: flex-start;
align-items: center;
align-content: flex-start;
text-align: center;
}
}
.logo {
max-width : 60rem;
width : 100%;
padding : 0 1rem;
}
}
.lg-icon-container {
justify-content : flex-start;
align-content : flex-start;
align-items : flex-start;
margin : 0;
margin-top : 4rem;
.column {
display : flex;
flex-direction : row;
justify-content : center;
align-items : center;
align-content : flex-start;
text-align : left;
.lg-icon {
fill : #f0941d;
width : 10rem;
height : 10rem;
flex : 1;
}
div {
flex : 2;
}
}
@media (min-width : 40.0rem) {
.column {
flex-direction : column;
justify-content : flex-start;
align-items : center;
align-content : flex-start;
text-align : center;
}
}
}
.description {
margin-top : 1em;
}
@media (min-width : 40.0rem) {
.description {
margin-top: 1em;
margin-top : 3em;
}
@media (min-width: 40.0rem) {
.description {
margin-top: 3em;
}
.partners {
#partners-container {
display : flex;
flex-wrap : wrap;
justify-content : space-evenly;
align-items : center;
a {
color : #1e1e1e;
img {
max-width : 300px;
max-height : 150px;
width : 100%;
height : auto;
object-fit : scale-down;
margin : 1rem auto;
}
h4 {
text-align : center;
}
}
}
@media (max-width : 900px) {
#partners-container {
flex-direction : column
}
}
}
}