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

commit jun 11

Browse Source
This commit is contained in:
nkolosnjaj
2024-06-11 10:40:26 +02:00
parent 9b86438eb2
commit 2edc80f4ab
11 changed files with 61 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
cases.html
View File

@@ -166,7 +166,7 @@
<!-- third part --> <!-- third part -->
<div class="third-part-s d-flex flex-column justify-content-center align-items-center py-md-0" > <div class="third-part-s d-flex flex-column justify-content-center align-items-center py-md-0" >
<div class="textbox3 mx-4 mx-lg-0 pb-3" id="textbox3-cases" > <div class="textbox3 mx-3 mx-lg-0 pb-3" id="textbox3-cases" >
<h1 class="h1-third mb-4">Case studies</h1> <h1 class="h1-third mb-4">Case studies</h1>
<h2 class="h2-third" id="h2-cases">Any company’s level of expertise, trustworthiness or <h2 class="h2-third" id="h2-cases">Any company’s level of expertise, trustworthiness or
popularity can be easily checked when it comes to proven cases…</h2> popularity can be easily checked when it comes to proven cases…</h2>
@@ -176,41 +176,41 @@
</div> </div>
</div> </div>
<!-- companies --> <!-- companies -->
<div class="second-part-au d-flex align-items-center justify-content-center flex-column my-5 mx-md-5 px-md-3"> <div class="second-part-au d-flex align-items-center justify-content-center flex-column my-5 mx-md-5 px-md-3 px-lg-4">
<div class="row"> <div class="row">
<div class="text-box-div col-md-4 px-md-3 px-lg-0 "> <div class="text-box-div col-md-4 px-lg-0 px-md-3">
<div class="text-box d-flex justify-content-center flex-column align-items-center" <div class="text-box d-flex justify-content-center flex-column align-items-center"
style="border: none;"> style="border: none;">
<img class="img-num" src="assets/images/logo01-1.webp"> <img class="img-num" src="assets/images/logo01-1.webp">
<h2 class="second-h2" style="width: 100%; color: #15c1c6; cursor:pointer;">Horgan Motors</h2> <h2 class="second-h2 mt-md-3" style="width: 100%; color: #15c1c6; cursor:pointer;">Horgan Motors</h2>
<p class="second-p-1">While working with Horgan automotive company, we conducted few vital market <p class="second-p-1">While working with Horgan automotive company, we conducted few vital market
researches and helped to implement a crucial business strategy researches and helped to implement a crucial business strategy
</p> </p>
</div> </div>
</div> </div>
<div class="text-box-div col-md-4 px-md-3 px-lg-0"> <div class="text-box-div col-md-4 px-lg-0 px-md-3">
<div class="text-box d-flex justify-content-center flex-column align-items-center" <div class="text-box d-flex justify-content-center flex-column align-items-center"
style="border: none;"> style="border: none;">
<img class="img-num" src="assets/images/logo02-1.webp"> <img class="img-num" src="assets/images/logo02-1.webp">
<h2 class="second-h2" style="width: 100%; color: #15c1c6; cursor:pointer">Truick</h2> <h2 class="second-h2 mt-md-3" style="width: 100%; color: #15c1c6; cursor:pointer">Truick</h2>
<p class="second-p-1">This legendary car brand used our Interim management tips back in 2008, and <p class="second-p-1">This legendary car brand used our Interim management tips back in 2008, and
averted the Great Recession slip with our timely help.</p> averted the Great Recession slip with our timely help.</p>
</div> </div>
</div> </div>
<div class="text-box-div col-md-4 px-md-3 px-lg-0 "> <div class="text-box-div col-md-4 px-lg-0 px-md-3">
<div class="text-box d-flex justify-content-center flex-column align-items-center" <div class="text-box d-flex justify-content-center flex-column align-items-center"
style="border: none;"> style="border: none;">
<img class="img-num" src="assets/images/logo03-1.webp"> <img class="img-num" src="assets/images/logo03-1.webp">
<h2 class="second-h2" style="width: 100%; color: #15c1c6; cursor:pointer">Halmart</h2> <h2 class="second-h2 mt-md-3" style="width: 100%; color: #15c1c6; cursor:pointer">Halmart</h2>
<p class="second-p-1">An all-american chain, that recovered after drop in sales in 2008 and since <p class="second-p-1">An all-american chain, that recovered after drop in sales in 2008 and since
then returned great year-by-year growth…</p> then returned great year-by-year growth…</p>
</div> </div>
</div> </div>
<div class="text-box-div col-md-4 px-md-3 px-lg-0 "> <div class="text-box-div col-md-4 px-lg-0 px-md-3 ">
<div class="text-box d-flex justify-content-center flex-column align-items-center" <div class="text-box d-flex justify-content-center flex-column align-items-center"
style="border: none;"> style="border: none;">
<img class="img-num" src="assets/images/logo04-1.webp"> <img class="img-num" src="assets/images/logo04-1.webp">
<h2 class="second-h2" style="width: 100%; color: #15c1c6; cursor:pointer;">PM</h2> <h2 class="second-h2 mt-md-3" style="width: 100%; color: #15c1c6; cursor:pointer;">PM</h2>
<p class="second-p-1">General Motors suffered a severe setback in sales and overall market value. <p class="second-p-1">General Motors suffered a severe setback in sales and overall market value.
We, together with the US govt helped to diverge the fiscal disaster. We, together with the US govt helped to diverge the fiscal disaster.
</p> </p>
@@ -220,16 +220,16 @@
<div class="text-box d-flex justify-content-center flex-column align-items-center" <div class="text-box d-flex justify-content-center flex-column align-items-center"
style="border: none;"> style="border: none;">
<img class="img-num" src="assets/images/logo05-1.webp"> <img class="img-num" src="assets/images/logo05-1.webp">
<h2 class="second-h2" style="width: 100%; color: #15c1c6; cursor:pointer">Ielpp</h2> <h2 class="second-h2 mt-md-3" style="width: 100%; color: #15c1c6; cursor:pointer">Ielpp</h2>
<p class="second-p-1">An online service unlike any other, which we helped to sketch out and put to <p class="second-p-1">An online service unlike any other, which we helped to sketch out and put to
action a comprehensive investment planning for.</p> action a comprehensive investment planning for.</p>
</div> </div>
</div> </div>
<div class="text-box-div col-md-4 px-md-3 px-lg-0 "> <div class="text-box-div col-md-4 px-md-3 px-lg-0 ">
<div class="text-box d-flex justify-content-center flex-column align-items-center" <div class="text-box d-flex justify-content-center flex-column align-items-center"
style="border: none;"> style="border: none; margin-bottom: 0px;">
<img class="img-num" src="assets/images/logo06-1.webp"> <img class="img-num" src="assets/images/logo06-1.webp">
<h2 class="second-h2" style="width: 100%; color: #15c1c6; cursor:pointer">Wumblr</h2> <h2 class="second-h2 mt-md-3" style="width: 100%; color: #15c1c6; cursor:pointer">Wumblr</h2>
<p class="second-p-1">Wumblr’s office in New York hired our consulting experts both before and after <p class="second-p-1">Wumblr’s office in New York hired our consulting experts both before and after
being purchased by Yahoo Inc., and continues to be such to this day…</p> being purchased by Yahoo Inc., and continues to be such to this day…</p>
</div> </div>
@@ -240,8 +240,8 @@
</div> </div>
<div class="fourth-part clearfix d-flex flex-column align-items-center justify-content-center mx-3 my-2 mb-5"> <div class="fourth-part clearfix d-flex flex-column align-items-center justify-content-center mx-3 my-2 mb-5">
<div class="headline-card d-flex flex-column align-items-center justify-content-center my-4 pb-3"> <div class="headline-card d-flex flex-column align-items-center justify-content-center mb-4 pb-3">
<h4>Latest news</h4> <h4 id="h4-cases-headline">Latest news</h4>
<h2>the most recent info</h2> <h2>the most recent info</h2>
</div> </div>
<div class="row mx-md-3 mx-lg-5"> <div class="row mx-md-3 mx-lg-5">
@@ -291,7 +291,7 @@
<!-- form-s --> <!-- form-s -->
<div class="form-about d-flex flex-column align-items-center justify-content-center my-md-5 mt-lg-5 mb-5 mb-lg-0"> <div class="form-about d-flex flex-column align-items-center justify-content-center my-md-5 mb-5 pt-lg-0 my-lg-0">
<div class="headline d-flex align-items-center justify-content-center flex-column"> <div class="headline d-flex align-items-center justify-content-center flex-column">
<h3 class="headline-h3 mx-3" style="text-align: center;">Request</h3> <h3 class="headline-h3 mx-3" style="text-align: center;">Request</h3>
<h2 class="headline-h2">a free consultation</h2> <h2 class="headline-h2">a free consultation</h2>

8
contacts.html
View File

@@ -166,7 +166,7 @@
<!-- Address --> <!-- Address -->
<section> <section>
<div class="headline d-flex align-items-center justify-content-center flex-column mt-5"> <div class="headline d-flex align-items-center justify-content-center flex-column mt-5 pt-lg-5">
<h3 class="headline-h3 mx-3" style="text-align: center;">Primary</h3> <h3 class="headline-h3 mx-3" style="text-align: center;">Primary</h3>
<h2 class="headline-h2">Contacts</h2> <h2 class="headline-h2">Contacts</h2>
</div> </div>
@@ -182,17 +182,17 @@
<!-- form-au --> <!-- form-au -->
<div <div
class="form-about d-flex flex-column align-items-center justify-content-center my-5 my-md-5 mt-lg-5 mb-5 mb-lg-0"> class="form-about d-flex flex-column align-items-center justify-content-center my-5 my-md-5 mt-lg-4 mb-5 mb-lg-0">
<div class="headline d-flex align-items-center justify-content-center flex-column"> <div class="headline d-flex align-items-center justify-content-center flex-column">
<h3 class="headline-h3 mx-3" style="text-align: center;">We review and accept business requests</h3> <h3 class="headline-h3 mx-3" style="text-align: center;">We review and accept business requests</h3>
<h2 class="headline-h2">Contact us now:</h2> <h2 class="headline-h2 mb-3">Contact us now:</h2>
</div> </div>
<div class="form-container-bot d-flex flex-column align-items-start justify-content-center"> <div class="form-container-bot d-flex flex-column align-items-start justify-content-center">
<input class="input-text" type="text" placeholder="your name"> <input class="input-text" type="text" placeholder="your name">
<input class="input-text" type="text" placeholder="your e-mail"> <input class="input-text" type="text" placeholder="your e-mail">
<textarea rows="5" class="input-text">your message</textarea> <textarea rows="5" class="input-text">your message</textarea>
</div> </div>
<input class="view-more" type="submit" value="send"> <input class="view-more mt-4" type="submit" value="send">
</div> </div>
<div class="google-map" > <div class="google-map" >

12
news.html
View File

@@ -354,19 +354,19 @@
<!-- Recent posts --> <!-- Recent posts -->
<div class="recent-posts mt-3 pt-5 "> <div class="recent-posts mt-5 pt-5 ">
<h5 class="recent-title">Recent Posts</h5> <h5 class="recent-title">Recent Posts</h5>
<div class="custom-post-container d-flex d-lg-flex flex-lg-column clearfix "> <div class="custom-post-container d-flex d-lg-flex flex-md-column flex-lg-column clearfix ">
<div class="custom-post d-lg-flex flex-lg-row"> <div class="custom-post d-lg-flex flex-lg-row d-md-flex flex-md-row mb-md-5">
<img src="assets/images/image41-130x136.jpg" alt=""> <img src="assets/images/image41-130x136.jpg" alt="">
<div class="custom-post-text"> <div class="custom-post-text mt-3 mt-md-0 ml-md-3 ">
<h4 class="recent-subtitle" >How long before the exit you must be planning it?</h4> <h4 class="recent-subtitle" >How long before the exit you must be planning it?</h4>
<a class="date-a" href="#"> 26.06.2016</a> <a class="date-a" href="#"> 26.06.2016</a>
</div> </div>
</div> </div>
<div class="custom-post d-lg-flex flex-lg-row" > <div class="custom-post d-lg-flex flex-lg-row d-md-flex flex-md-row mb-md-5" >
<img src="assets/images/fakeimg.png" alt=""> <img src="assets/images/fakeimg.png" alt="">
<div class="custom-post-text"> <div class="custom-post-text mt-3 mt-md-0 ml-md-3">
<h4 class="recent-subtitle" >Gallery Format</h4> <h4 class="recent-subtitle" >Gallery Format</h4>
<a class="date-a" href="#"> 17.05.2016</a> <a class="date-a" href="#"> 17.05.2016</a>
</div> </div>

6
services.html
View File

@@ -176,7 +176,7 @@
<h2 class="headline-h2">Smart Move</h2> <h2 class="headline-h2">Smart Move</h2>
</div> </div>
<div class="row"> <div class="row">
<div class="text-box-div col-md-4 px-md-3 px-lg-0 "> <div class="text-box-div col-md-4 px-lg-0 ">
<div class="text-box d-flex justify-content-center flex-column align-items-center" <div class="text-box d-flex justify-content-center flex-column align-items-center"
style="border: none;"> style="border: none;">
<img class="img-num" src="assets/images/num1.webp"> <img class="img-num" src="assets/images/num1.webp">
@@ -188,7 +188,7 @@
</p> </p>
</div> </div>
</div> </div>
<div class="text-box-div col-md-4 px-md-3 px-lg-0"> <div class="text-box-div col-md-4 px-lg-0">
<div class="text-box d-flex justify-content-center flex-column align-items-center" <div class="text-box d-flex justify-content-center flex-column align-items-center"
style="border: none;"> style="border: none;">
<img class="img-num" src="assets/images/num2.webp"> <img class="img-num" src="assets/images/num2.webp">
@@ -202,7 +202,7 @@
low-risk operations and estimates.</p> low-risk operations and estimates.</p>
</div> </div>
</div> </div>
<div class="text-box-div col-md-4 px-md-3 px-lg-0 "> <div class="text-box-div col-md-4 px-lg-0 ">
<div class="text-box d-flex justify-content-center flex-column align-items-center" <div class="text-box d-flex justify-content-center flex-column align-items-center"
style="border: none;"> style="border: none;">
<img class="img-num" src="assets/images/num3.webp"> <img class="img-num" src="assets/images/num3.webp">

6
style/cases/_cases-style.scss
View File

@@ -23,7 +23,11 @@
} }
#p-cases{ #p-cases{
padding: 0 450px; padding: 0 440px;
}
#h4-cases-headline{
font-size: 36px;
} }
} }

9
style/news/_custom-post.scss
View File

@@ -32,10 +32,9 @@
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
font-family: Merriweather, serif; font-family: Merriweather, serif;
padding-top: 20px;
line-height: 1.38462; line-height: 1.38462;
letter-spacing: 0px; letter-spacing: 0px;
cursor: pointer; cursor: pointer;
} }
.recent-subtitle:hover { .recent-subtitle:hover {
@@ -70,6 +69,10 @@
text-align: center; text-align: center;
} }
.custom-post-text{
margin-top: 20px;
}
} }
@media only screen and (min-width:768px) { @media only screen and (min-width:768px) {
@@ -86,10 +89,8 @@
.custom-post{ .custom-post{
margin-bottom: 45px; margin-bottom: 45px;
.custom-post-text{ .custom-post-text{
margin-left: 20px;
.recent-subtitle{ .recent-subtitle{
padding-top: 0px !important; padding-top: 0px !important;
} }
} }
} }

3
style/news/_news-first.scss
View File

@@ -197,7 +197,6 @@
@media only screen and (min-width:992px) { @media only screen and (min-width:992px) {
.news-first-part { .news-first-part {
// margin-top: 34px !important;
margin: 34px 0px 0px 60px; margin: 34px 0px 0px 60px;
.news-card { .news-card {
@@ -225,7 +224,7 @@
.img-text-container { .img-text-container {
position: absolute; position: absolute;
top: 30px; top: 30px;
right: 55%; right: 53%;
} }
.news-img { .news-img {

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

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

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

@@ -82,6 +82,7 @@
font-size: 66px; font-size: 66px;
padding: 0 50px padding: 0 50px
} }
} }
} }
} }

19
style/style.css
View File

@@ -1621,6 +1621,11 @@ footer .footer-copyright a:hover {
margin-bottom: 8px; margin-bottom: 8px;
} }
@media only screen and (min-width: 768px) {
.p-form-s {
padding: 0 12px !important;
}
}
@media only screen and (min-width: 992px) { @media only screen and (min-width: 992px) {
.p-form-s { .p-form-s {
padding: 0 450px !important; padding: 0 450px !important;
@@ -1716,7 +1721,10 @@ footer .footer-copyright a:hover {
padding: 0 150px; padding: 0 150px;
} }
#p-cases { #p-cases {
padding: 0 450px; padding: 0 440px;
}
#h4-cases-headline {
font-size: 36px;
} }
} }
.news-first-part .news-card { .news-first-part .news-card {
@@ -1907,7 +1915,7 @@ footer .footer-copyright a:hover {
.news-first-part .news-card .news-img-container .img-text-container { .news-first-part .news-card .news-img-container .img-text-container {
position: absolute; position: absolute;
top: 30px; top: 30px;
right: 55%; right: 53%;
} }
.news-first-part .news-card .news-img-container .news-img { .news-first-part .news-card .news-img-container .news-img {
min-width: 629px; min-width: 629px;
@@ -2072,7 +2080,6 @@ footer .footer-copyright a:hover {
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
font-family: Merriweather, serif; font-family: Merriweather, serif;
padding-top: 20px;
line-height: 1.38462; line-height: 1.38462;
letter-spacing: 0px; letter-spacing: 0px;
cursor: pointer; cursor: pointer;
@@ -2105,6 +2112,9 @@ footer .footer-copyright a:hover {
color: #333333; color: #333333;
text-align: center; text-align: center;
} }
.recent-posts .custom-post-text {
margin-top: 20px;
}
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {
.recent-posts { .recent-posts {
@@ -2116,9 +2126,6 @@ footer .footer-copyright a:hover {
.recent-posts .custom-post { .recent-posts .custom-post {
margin-bottom: 45px; margin-bottom: 45px;
} }
.recent-posts .custom-post .custom-post-text {
margin-left: 20px;
}
.recent-posts .custom-post .custom-post-text .recent-subtitle { .recent-posts .custom-post .custom-post-text .recent-subtitle {
padding-top: 0px !important; padding-top: 0px !important;
} }

2
style/style.css.map
View File

File diff suppressed because one or more lines are too long