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

second commit jun 10

Browse Source
This commit is contained in:
nkolosnjaj
2024-06-10 16:41:28 +02:00
parent 76e56a25d2
commit 9b86438eb2
23 changed files with 212 additions and 215 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
style/_fifth-part.scss
View File

@@ -1,6 +1,6 @@
.fifth-part {
min-height: 100vh;
background-image: url('/../assets/images/image33.jpg');
background-image: url('../assets/images/image33.jpg');
background-size: cover;
background-attachment: fixed;
position: relative;

2
style/_first-part.scss
View File

@@ -2,7 +2,7 @@
.first-part {
min-height: 65vh;
background-image: url('/../assets/images/image36.jpg');
background-image: url('../assets/images/image36.jpg');
background-size: cover;
color: white;
background-position: center;

8
style/_menu.scss
View File

@@ -52,14 +52,6 @@ span {
height: 50px;
background-color: white;
}
.dropdown-content .navs a{
color: #333333;
}
.dropdown-content .navs a:hover{
color: white;
}
.links{
background-color: #333333;

21
style/_nav.scss
View File

@@ -150,13 +150,13 @@ input::placeholder {
.navs{
padding: 1rem;
color: #333333 !important;
.hor-navs-a{
color: #333333;
}
.hor-navs-a:hover{
color:white;
}
color: #333333 ;
// .hor-navs-a{
// color: #333333;
// }
// .hor-navs-a:hover{
// color:white !important;
// }
}
.navs:hover {
@@ -184,13 +184,6 @@ input::placeholder {
.navs{
padding: 45px 22px !important;
color: #333333 !important;
.hor-navs-a{
color: #333333;
}
.hor-navs-a:hover{
color:white;
}
}

2
style/_seventh-part.scss
View File

@@ -2,7 +2,7 @@
.seventh-part {
min-height: 55vh;
background-image: url('/../assets/images/image44.jpg');
background-image: url('../assets/images/image44.jpg');
background-size: cover;
position: relative;
color: white;

20
style/_sixth-part.scss
View File

@@ -50,8 +50,8 @@
}
padding: 50px 0 100px 0;
.profile-text{
p{
width: 330px;
.profile-text-p{
width: 330px ;
}
margin-bottom: 20px;
}
@@ -59,7 +59,9 @@
}
@media only screen and (min-width:992px) {
.sixth-part{
margin-left: 50px !important;
.headline-card{
h2 {
font-size: 48px !important;
}
@@ -67,11 +69,17 @@
h4{
font-size: 29px !important;
}
.profile-text{
p{
width: 538px;
}
}
}
.profile{
margin-right: 82px;
}
.profile-text{
.profile-text-p{
width: 90% !important;
}
}
}

4
style/_third-part.scss
View File

@@ -1,6 +1,6 @@
.third-part{
min-height: 70vh;
background-image: url('/../assets/images/image40.jpg');
background-image: url('../assets/images/image40.jpg');
background-size: cover;
position: relative;
color: white;
@@ -54,7 +54,7 @@
@media only screen and (min-width: 768px){
.img-container{
background-image: url('/../assets/images/image39.jpg');
background-image: url('../assets/images/image39.jpg');
background-size: cover;
background-position: center;
}

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

@@ -30,6 +30,7 @@
background-color: white;
color: #15c1cb !important;
margin-top: 20px;
border: none;
}
.subscribe:hover {

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

@@ -1,5 +1,5 @@
.fifth-part-au {
background-image: url('/../../assets/images/image30.jpg');
background-image: url('../../assets/images/image30.jpg');
background-size: cover;
position: relative;
color: white;

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

@@ -29,7 +29,7 @@
align-items: start !important;
}
.h4-fourth{
font-family: 'Merriweather', Helvetica, Arial, Lucida, sans-serif;
font-family: Merriweather, Helvetica, Arial, Lucida, sans-serif;
font-size: 26px;
color: #333333 !important;
line-height: 1.3em;

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

@@ -35,7 +35,7 @@
.img-au {
min-height: 22vh;
background-image: url('/../../assets/images/image32.jpg');
background-image: url('../../assets/images/image32.jpg');
background-size: cover;
background-position: center;
}

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

@@ -1,6 +1,6 @@
.third-part-au {
min-height: 100vh;
background-image: url('/../../assets/images/image33.jpg');
background-image: url('../../assets/images/image33.jpg');
background-size: cover;
position: relative;
color: white;

2
style/services/_first-part-s.scss
View File

@@ -1,6 +1,6 @@
.img-services {
min-height: 22vh;
background-image: url('/../../assets/images/image1.jpg');
background-image: url('../../assets/images/image1.jpg');
background-size: cover;
background-position: center;
}

6
style/services/_form-s.scss
View File

@@ -22,3 +22,9 @@
margin-top: 18px;
margin-bottom: 8px;
}
@media only screen and (min-width:992px) {
.p-form-s{
padding: 0 450px !important;
}
}

5
style/services/_third-part-s.scss
View File

@@ -1,5 +1,5 @@
.third-part-s {
background-image: url('/../../assets/images/image10.jpg');
background-image: url('../../assets/images/image10.jpg');
background-size: cover;
position: relative;
color: white;
@@ -20,6 +20,8 @@
word-wrap: break-word;
margin-bottom: 0px;
font-style: normal;
padding: 0 5px;
margin-bottom: 20px;
}
.h2-third {
@@ -78,6 +80,7 @@
.textbox3{
.h1-third{
font-size: 66px;
padding: 0 50px
}
}
}

64
style/style.css
View File

@@ -149,14 +149,8 @@ input::placeholder {
}
.nav-ul-hor .navs {
padding: 1rem;
color: #333333 !important;
}
.nav-ul-hor .navs .hor-navs-a {
color: #333333;
}
.nav-ul-hor .navs .hor-navs-a:hover {
color: white;
}
.nav-ul-hor .navs:hover {
background-color: #15c1c6;
color: white;
@@ -176,13 +170,6 @@ input::placeholder {
}
.navs {
padding: 45px 22px !important;
color: #333333 !important;
}
.navs .hor-navs-a {
color: #333333;
}
.navs .hor-navs-a:hover {
color: white;
}
header {
padding: 0 96px !important;
@@ -256,14 +243,6 @@ span {
background-color: white;
}
.dropdown-content .navs a {
color: #333333;
}
.dropdown-content .navs a:hover {
color: white;
}
.links {
background-color: #333333;
}
@@ -331,7 +310,7 @@ span {
}
.first-part {
min-height: 65vh;
background-image: url("/../assets/images/image36.jpg");
background-image: url("../assets/images/image36.jpg");
background-size: cover;
color: white;
background-position: center;
@@ -528,7 +507,7 @@ span {
}
.third-part {
min-height: 70vh;
background-image: url("/../assets/images/image40.jpg");
background-image: url("../assets/images/image40.jpg");
background-size: cover;
position: relative;
color: white;
@@ -583,7 +562,7 @@ span {
@media only screen and (min-width: 768px) {
.img-container {
background-image: url("/../assets/images/image39.jpg");
background-image: url("../assets/images/image39.jpg");
background-size: cover;
background-position: center;
}
@@ -706,7 +685,7 @@ span {
}
.fifth-part {
min-height: 100vh;
background-image: url("/../assets/images/image33.jpg");
background-image: url("../assets/images/image33.jpg");
background-size: cover;
background-attachment: fixed;
position: relative;
@@ -831,24 +810,30 @@ span {
.sixth-part .profile-text {
margin-bottom: 20px;
}
.sixth-part .profile-text p {
.sixth-part .profile-text .profile-text-p {
width: 330px;
}
}
@media only screen and (min-width: 992px) {
.sixth-part {
margin-left: 50px !important;
}
.sixth-part .headline-card h2 {
font-size: 48px !important;
}
.sixth-part .headline-card h4 {
font-size: 29px !important;
}
.sixth-part .headline-card .profile-text p {
width: 538px;
.profile {
margin-right: 82px;
}
.profile-text .profile-text-p {
width: 90% !important;
}
}
.seventh-part {
min-height: 55vh;
background-image: url("/../assets/images/image44.jpg");
background-image: url("../assets/images/image44.jpg");
background-size: cover;
position: relative;
color: white;
@@ -1095,7 +1080,7 @@ footer .footer-copyright a:hover {
.img-au {
min-height: 22vh;
background-image: url("/../../assets/images/image32.jpg");
background-image: url("../../assets/images/image32.jpg");
background-size: cover;
background-position: center;
}
@@ -1197,7 +1182,7 @@ footer .footer-copyright a:hover {
}
.third-part-au {
min-height: 100vh;
background-image: url("/../../assets/images/image33.jpg");
background-image: url("../../assets/images/image33.jpg");
background-size: cover;
position: relative;
color: white;
@@ -1288,7 +1273,7 @@ footer .footer-copyright a:hover {
align-items: start !important;
}
.fourth-part-au .h4-fourth {
font-family: "Merriweather", Helvetica, Arial, Lucida, sans-serif;
font-family: Merriweather, Helvetica, Arial, Lucida, sans-serif;
font-size: 26px;
color: #333333 !important;
line-height: 1.3em;
@@ -1335,7 +1320,7 @@ footer .footer-copyright a:hover {
}
}
.fifth-part-au {
background-image: url("/../../assets/images/image30.jpg");
background-image: url("../../assets/images/image30.jpg");
background-size: cover;
position: relative;
color: white;
@@ -1490,6 +1475,7 @@ footer .footer-copyright a:hover {
background-color: white;
color: #15c1cb !important;
margin-top: 20px;
border: none;
}
.email-form-au .subscribe:hover {
color: white !important;
@@ -1593,7 +1579,7 @@ footer .footer-copyright a:hover {
}
.img-services {
min-height: 22vh;
background-image: url("/../../assets/images/image1.jpg");
background-image: url("../../assets/images/image1.jpg");
background-size: cover;
background-position: center;
}
@@ -1635,8 +1621,13 @@ footer .footer-copyright a:hover {
margin-bottom: 8px;
}
@media only screen and (min-width: 992px) {
.p-form-s {
padding: 0 450px !important;
}
}
.third-part-s {
background-image: url("/../../assets/images/image10.jpg");
background-image: url("../../assets/images/image10.jpg");
background-size: cover;
position: relative;
color: white;
@@ -1656,6 +1647,8 @@ footer .footer-copyright a:hover {
word-wrap: break-word;
margin-bottom: 0px;
font-style: normal;
padding: 0 5px;
margin-bottom: 20px;
}
.third-part-s .textbox3 .h2-third {
text-align: center;
@@ -1699,6 +1692,7 @@ footer .footer-copyright a:hover {
}
.third-part-s .textbox3 .h1-third {
font-size: 66px;
padding: 0 50px;
}
}
#h2-cases {

2
style/style.css.map
View File

File diff suppressed because one or more lines are too long