n.kolosnaj/Globaly-CSS-Practice
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

commit

Browse Source
This commit is contained in:
nkolosnjaj
2024-06-05 16:57:33 +02:00
parent 84194c85fe
commit cadbb9b457
28 changed files with 1332 additions and 174 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
style/about_us/_email-form-au.scss
View File

@@ -1,8 +1,8 @@
.email-form-au{
.email-form-au {
padding: 30px 15px;
background-color: #15c1cb;
.email-title{
.email-title {
font-style: normal;
font-weight: 500;
font-size: 24px;
@@ -12,7 +12,8 @@
text-align: inherit;
color: #ffffff;
}
.email-text{
.email-text {
padding: 0 10px;
text-align: center;
font-style: normal;
@@ -23,7 +24,7 @@
letter-spacing: 0px;
color: #ffffff;
}
.subscribe {
@include button;
background-color: white;
@@ -39,18 +40,47 @@
transition: 0.2s;
}
.input-text{
.input-text {
padding: 18px 20px;
border: none;
background-color: #f6f6f6;
margin: 0 0 20px;
color: #777777 !important;
color: #777777 !important;
width: 93%;
font-family: MerriweatherSans;
}
.input-text::placeholder{
.input-text::placeholder {
color: #31353d !important;
}
}
@media only screen and (min-width:768px) {
.email-form-au {
.email-text {
padding: 0 40px;
}
.input-text {
width: 55%;
}
}
}
@media only screen and (min-width:992px) {
.email-form-au {
.email-title{
font-size: 29px;
}
.email-text {
padding: 0 40px;
}
.input-text {
width: 25%;
}
}
}

23
style/about_us/_fifth-part-au.scss
View File

@@ -44,4 +44,27 @@
color: #15c1cb;
}
}
}
@media only screen and (min-width:768px) {
.fifth-part-au {
padding: 110px 15px;
.textbox5{
.h3-fifth{
padding: 0 50px;
font-size: 37px;
letter-spacing: 0px;
}
.h2-fifth{
margin-top: -10px;
font-size: 71px;
}
}
}
}
@media only screen and (min-width:992px) {
.fifth-part-au{
min-height: 75vh;
}
}

12
style/about_us/_first-part-au.scss
View File

@@ -19,7 +19,7 @@
}
.p-1{
padding: 17px 0 0 0 !important;
padding: 17px 0 0 !important;
margin-bottom: 16px;
font-style: normal;
font-weight: 400;
@@ -43,4 +43,14 @@
}
}
@media only screen and (min-width:992px) {
.fp-row{
margin-top: 60px;
}
.first-part-au{
padding: 0 30px;
}
}

80
style/about_us/_form-about.scss Normal file
View File

@@ -0,0 +1,80 @@
.form-about {
.headline{
.headline-h3{
font-style: normal;
font-weight: 300;
font-size: 26px;
line-height: 1.33333;
font-family: Merriweather, serif;
letter-spacing: 0px;
color: #31353d;
margin-bottom: 0px;
}
.headline-h2{
color: #15c1cb;
font-style: normal;
font-weight: 700;
font-size: 29px;
line-height: 1.36957;
font-family: Merriweather, serif;
letter-spacing: 0px;
margin-bottom: 0px;
padding: 0 50px;
}
}
.input-text{
padding: 18px 20px;
border: none;
background-color: #f6f6f6;
margin: 0 0 20px;
color: #777777 !important;
width: 100%;
font-family: MerriweatherSans;
}
.input-text::placeholder{
color: #31353d !important;
}
.form-container-bot{
position: relative;
width: 382px;
}
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 992px) {
.form-about{
padding-top: 98px;
padding-bottom: 114px;
.headline{
.headline-h3 {
font-size: 36px ;
}
.headline-h2 {
font-size: 48px;
}
}
.view-more{
margin-top: 20px;
}
.form-container-bot{
width: 794px !important;
}
}
}

33
style/about_us/_fourth-part-au.scss
View File

@@ -50,4 +50,37 @@
box-sizing: border-box;
padding-right: 3px;
}
}
@media only screen and (min-width:768px) {
.img-fourth{
width: 330px;
height: 324px;
}
.p-fourth{
padding-right: 0px !important;
}
}
@media only screen and (min-width:992px) {
.card-text4{
width: 380px;
}
.headline {
.headline-h3 {
font-size: 36px;
}
.headline-h2 {
font-size: 48px;
}
}
.img-fourth{
width: 380px;
height: 374px;
}
}

31
style/about_us/_header-au.scss
View File

@@ -12,6 +12,7 @@
letter-spacing: 0.52px;
text-transform: uppercase;
margin-bottom: 0px;
margin-top: 15px;
a{
color: #333333;
@@ -32,13 +33,35 @@
color: #15c1c6;
}
.img {
min-height: 22vh;
background-image: url('/assets/images/image32.jpg');
background-size: cover;
background-position: center;
}
@media only screen and (min-width:768px) {
.breadcrumb{
margin-left: 45px;
padding-top: 15px;
}
.img{
min-height: 40vh;
}
}
@media only screen and (min-width:992px) {
.breadcrumb{
margin-left: 50px;
padding-top: 35px;
padding-bottom: 5px;
}
.img{
min-height: 80vh;
}
header{
box-shadow: 2px 2px 24px rgba(0,0,0,.1);
}
}

43
style/about_us/_second-part-au.scss
View File

@@ -2,8 +2,8 @@
padding: 0 15px;
.headline{
.headline-h3{
.headline {
.headline-h3 {
font-style: normal;
font-weight: 300;
font-size: 26px;
@@ -13,7 +13,8 @@
color: #31353d;
margin-bottom: 0px;
}
.headline-h2{
.headline-h2 {
color: #15c1cb;
font-style: normal;
font-weight: 700;
@@ -33,7 +34,8 @@
}
.second-h2{
.second-h2 {
text-align: center;
border-bottom: 1px solid #e0e0e8;
padding: 5px 0 19px 0;
font-size: 21px;
@@ -45,7 +47,7 @@
}
.p-1 {
.second-p-1 {
padding: 17px 0 0 0 !important;
margin-bottom: 16px;
font-style: normal;
@@ -58,7 +60,36 @@
color: #777777;
text-align: center;
}
.second-img{
.second-img {
margin-bottom: 10px;
}
}
@media only screen and (min-width:992px) {
.second-part-au {
.img-num{
margin-bottom: 18px;
}
.headline {
.headline-h3 {
font-size: 36px;
}
.headline-h2 {
font-size: 48px;
}
}
.second-h2{
width: 100% !important;
}
.text-box-div{
padding: 0 30px !important;
}
}
}

39
style/about_us/_sixth-part-au.scss
View File

@@ -7,7 +7,6 @@
}
.h5-button{
background-color: #15c1cb;
cursor:pointer;
text-align: start;
color: #ffffff !important;
@@ -21,7 +20,7 @@
padding: 0px !important ;
}
.card-header{
background-color: #15c1cb;
background-color: #333333;
text-decoration: none;
color: white;
margin-bottom: 2px;
@@ -39,18 +38,40 @@
}
.A{
color: #15c1cb;
}
.card-q{
.card-header{
background-color: #333333;
transition: background-color 1s ease;
// .card-q{
// .card-header{
// transition: background-color 1s ease;
// }
// .collapsed {
// background-color: #15c1cb;
// }
// }
}
@media only screen and (min-width:768px) {
.card-header{
i{
text-align: center;
font-size: 25px;
color:white;
}
.collapsed {
background-color: #333333;
}
}
}
@media only screen and (min-width:992px) {
.card-q{
margin: 0 330px;
}
}

44
style/about_us/_third-part-au.scss
View File

@@ -1,4 +1,4 @@
.third-part-au{
.third-part-au {
min-height: 100vh;
background-image: url('/assets/images/image33.jpg');
background-size: cover;
@@ -35,3 +35,45 @@
}
}
}
@media only screen and (min-width:768px) {
.third-part-au {
min-height: 25vh;
.numbers-container {
.numbers {
text-align: center;
width: 200px;
line-height: 200px;
}
.num-text {
padding-left: 5px;
padding-right: 5px;
}
}
}
}
@media only screen and (min-width:992px) {
.third-part-au {
min-height: 50vh;
.numbers-container {
margin-top: 50px;
.numbers {
text-align: center;
width: 230px;
line-height: 230px;
}
.num-text {
padding-left: 150px;
padding-right:150px;
}
}
}
}