sha/archived-slavforest
1
0
Fork 0
mirror of https://github.com/shadoll/slavforest.git synced 2025-10-26 23:18:40 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

dev

Browse Source
This commit is contained in:
sHa
2018-06-15 14:51:35 +03:00
parent 3fc4cfba8c
commit 4e7fdf62fa
2 changed files with 22 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
css/style.css
View File

@@ -245,7 +245,6 @@ tuor:visited {
.about_desc { .about_desc {
display: flex; display: flex;
flex-direction: row;
margin: 2rem 0; margin: 2rem 0;
} }
.about_image{ .about_image{
@@ -476,6 +475,16 @@ div.carousel-inner .item img {
.spotlight .image::after { .spotlight .image::after {
content: '100%'; content: '100%';
} }
.spotlight .content {
width: 100%;
padding: 2em 4em 3em 4em;
}
.spotlight h3 {
text-align: center;
}
.about_desc {
flex-direction: column;
}
} }
@media (min-width: 980px) { @media (min-width: 980px) {
.spotlight:nth-child(odd) { .spotlight:nth-child(odd) {
@@ -494,6 +503,14 @@ div.carousel-inner .item img {
.spotlight .image::after { .spotlight .image::after {
content:'600x600'; content:'600x600';
} }
.spotlight .content {
width: calc(100% - 600px);
max-width: 48em;
padding: 2em 4em 1em 4em;
}
.about_desc {
flex-direction: row;
}
} }
.spotlight:nth-child(odd) { .spotlight:nth-child(odd) {
background-color: rgba(0, 0, 0, 0.225); background-color: rgba(0, 0, 0, 0.225);
@@ -503,10 +520,7 @@ div.carousel-inner .item img {
} }
.spotlight .content { .spotlight .content {
padding: 2em 4em 1em 4em;
order: 2; order: 2;
max-width: 48em;
width: calc(100% - 600px);
} }
.spotlight .image { .spotlight .image {
position: relative; position: relative;

8
index.html
View File

@@ -174,28 +174,28 @@
</div> </div>
<div class="container wow bounceInLeft" data-wow-duration="1s"> <div class="container wow bounceInLeft" data-wow-duration="1s">
<div class="row text-center"> <div class="row text-center">
<div class="col-md-3"> <div class="col-md-3 col-sm-6">
<div class="single_fun_facts"> <div class="single_fun_facts">
<i class="pe-7s-users"></i> <i class="pe-7s-users"></i>
<h2><span class="counter_num">285</span> <span>+</span></h2> <h2><span class="counter_num">285</span> <span>+</span></h2>
<p>Робітинків</p> <p>Робітинків</p>
</div> </div>
</div> </div>
<div class="col-md-3"> <div class="col-md-3 col-sm-6">
<div class="single_fun_facts"> <div class="single_fun_facts">
<i class="pe-7s-smile"></i> <i class="pe-7s-smile"></i>
<h2><span class="counter_num">999</span></h2> <h2><span class="counter_num">999</span></h2>
<p>Посмішок</p> <p>Посмішок</p>
</div> </div>
</div> </div>
<div class="col-md-3"> <div class="col-md-3 col-sm-6">
<div class="single_fun_facts"> <div class="single_fun_facts">
<i class="pe-7s-leaf"></i> <i class="pe-7s-leaf"></i>
<h2><span class="counter_num">365</span></h2> <h2><span class="counter_num">365</span></h2>
<p>Екологія</p> <p>Екологія</p>
</div> </div>
</div> </div>
<div class="col-md-3"> <div class="col-md-3 col-sm-6">
<div class="single_fun_facts"> <div class="single_fun_facts">
<i class="pe-7s-cup"></i> <i class="pe-7s-cup"></i>
<h2><span class="counter_num">10</span> <span>+</span></h2> <h2><span class="counter_num">10</span> <span>+</span></h2>