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 -->
<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>
<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>
@@ -176,41 +176,41 @@
</div>
</div>
<!-- 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="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"
style="border: none;">
<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
researches and helped to implement a crucial business strategy
</p>
</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"
style="border: none;">
<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
averted the Great Recession slip with our timely help.</p>
</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"
style="border: none;">
<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
then returned great year-by-year growth…</p>
</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"
style="border: none;">
<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.
We, together with the US govt helped to diverge the fiscal disaster.
</p>
@@ -220,16 +220,16 @@
<div class="text-box d-flex justify-content-center flex-column align-items-center"
style="border: none;">
<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
action a comprehensive investment planning for.</p>
</div>
</div>
<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"
style="border: none;">
style="border: none; margin-bottom: 0px;">
<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
being purchased by Yahoo Inc., and continues to be such to this day…</p>
</div>
@@ -240,8 +240,8 @@
</div>
<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">
<h4>Latest news</h4>
<div class="headline-card d-flex flex-column align-items-center justify-content-center mb-4 pb-3">
<h4 id="h4-cases-headline">Latest news</h4>
<h2>the most recent info</h2>
</div>
<div class="row mx-md-3 mx-lg-5">
@@ -291,7 +291,7 @@
<!-- 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">
<h3 class="headline-h3 mx-3" style="text-align: center;">Request</h3>
<h2 class="headline-h2">a free consultation</h2>

8
contacts.html
View File

@@ -166,7 +166,7 @@
<!-- Address -->
<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>
<h2 class="headline-h2">Contacts</h2>
</div>
@@ -182,17 +182,17 @@
<!-- form-au -->
<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">
<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 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 e-mail">
<textarea rows="5" class="input-text">your message</textarea>
</div>
<input class="view-more" type="submit" value="send">
<input class="view-more mt-4" type="submit" value="send">
</div>
<div class="google-map" >

12
news.html
View File

@@ -354,19 +354,19 @@
<!-- 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>
<div class="custom-post-container d-flex d-lg-flex flex-lg-column clearfix ">
<div class="custom-post d-lg-flex flex-lg-row">
<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 d-md-flex flex-md-row mb-md-5">
<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>
<a class="date-a" href="#"> 26.06.2016</a>
</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="">
<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>
<a class="date-a" href="#"> 17.05.2016</a>
</div>

6
services.html
View File

@@ -176,7 +176,7 @@
<h2 class="headline-h2">Smart Move</h2>
</div>
<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"
style="border: none;">
<img class="img-num" src="assets/images/num1.webp">
@@ -188,7 +188,7 @@
</p>
</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"
style="border: none;">
<img class="img-num" src="assets/images/num2.webp">
@@ -202,7 +202,7 @@
low-risk operations and estimates.</p>
</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"
style="border: none;">
<img class="img-num" src="assets/images/num3.webp">

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

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

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

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

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

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

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

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

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

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

19
style/style.css
View File

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

2
style/style.css.map
View File

File diff suppressed because one or more lines are too long