* added partners to landing page * fixed helpdesk carousel styling in some viewport sizespull/30/head
Herman Õunapuu
7 years ago
@ -0,0 +1,35 @@ |
||||
- name: Tehnopol |
||||
image: tehnopollogo.png |
||||
url: https://www.tehnopol.ee/ |
||||
additionalText: |
||||
|
||||
|
||||
- name: TTÜ |
||||
image: tty_logo_2.png |
||||
url: https://www.ttu.ee/ |
||||
additionalText: |
||||
|
||||
- name: Skeemipesa |
||||
image: skeemipesa_logo.png |
||||
url: http://www.skeemipesa.ee/ |
||||
additionalText: |
||||
|
||||
|
||||
- name: TTÜ Robotiklubi |
||||
image: robotiklubi_logo.png |
||||
url: https://www.robotiklubi.ee/ |
||||
additionalText: |
||||
|
||||
|
||||
|
||||
- name: TTÜ Infotehnoloogia teaduskond |
||||
image: IT_teaduskond_logo.gif |
||||
url: https://www.ttu.ee/teaduskond/infotehnoloogia-teaduskond/ |
||||
additionalText: |
||||
|
||||
|
||||
- name: Koopia Niini & Rauam |
||||
image: koopia_niini_rauam.png |
||||
url: https://www.koopia.ee/ |
||||
additionalText: Tule köida oma lõputöö SIIN! |
||||
|
||||
@ -1,61 +1,100 @@ |
||||
.home { |
||||
|
||||
@media (max-width : 900px) { |
||||
h1 { |
||||
font-size : 3.6rem; |
||||
} |
||||
} |
||||
|
||||
.logo_container { |
||||
display: flex; |
||||
flex-direction: row; |
||||
flex-wrap: wrap; |
||||
align-items: center; |
||||
justify-content: center; |
||||
text-align: center; |
||||
margin: 4rem 0; |
||||
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; |
||||
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; |
||||
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; |
||||
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; |
||||
fill : #f0941d; |
||||
width : 10rem; |
||||
height : 10rem; |
||||
flex : 1; |
||||
} |
||||
|
||||
div { |
||||
flex: 2; |
||||
flex : 2; |
||||
} |
||||
} |
||||
@media (min-width: 40.0rem) { |
||||
@media (min-width : 40.0rem) { |
||||
.column { |
||||
flex-direction: column; |
||||
justify-content: flex-start; |
||||
align-items: center; |
||||
align-content: flex-start; |
||||
text-align: center; |
||||
flex-direction : column; |
||||
justify-content : flex-start; |
||||
align-items : center; |
||||
align-content : flex-start; |
||||
text-align : center; |
||||
} |
||||
} |
||||
} |
||||
.description { |
||||
margin-top: 1em; |
||||
margin-top : 1em; |
||||
} |
||||
@media (min-width: 40.0rem) { |
||||
@media (min-width : 40.0rem) { |
||||
.description { |
||||
margin-top: 3em; |
||||
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 |
||||
} |
||||
} |
||||
} |
||||
|
||||
} |
||||
|
||||
|
After Width: | Height: | Size: 8.6 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 32 KiB |
|
After Width: | Height: | Size: 6.3 KiB |
|
After Width: | Height: | Size: 3.9 KiB |
|
After Width: | Height: | Size: 34 KiB |