sincoolka/Project-new-web
7
0
Fork 0
Code Issues Releases Activity

Footer skeleton grids are complete

Browse source
This commit is contained in:
Marcel Petráň 2019-04-23 22:15:51 +02:00
parent 539bdb3059
commit 12240f6c9b
2 changed files with 62 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

28
cs/home.html
View file

@ -148,38 +148,40 @@
<div class="footer-contacts-row-grid"> <div class="footer-contacts-row-grid">
<div class="footer-heading-col-grid"> <div class="footer-heading-col-grid">
<div class="footer-heading-left"> <div class="footer-heading-left">
<h1 class="title">Kontakty</h1> <h1 class="title left">Kontakty</h1>
</div> </div>
<div class="footer-heading-right-col-grid"> <div class="footer-heading-social-col-grid -right">
<img src="../img/facebook.png" alt="Social" href="#"> <img src="../img/facebook.png" alt="Social" href="#">
<img src="../img/instagram.png" alt="Social" href="#"> <img src="../img/instagram.png" alt="Social" href="#">
<img src="../img/twitter.png" alt="Social" href="#"> <img src="../img/twitter.png" alt="Social" href="#">
</div> </div>
</div> </div>
<div class="footer-contacts-col-grid"> <div class="footer-contacts-col-grid">
<p class="article"> </p> <p class="article">Představenstvo:</p>
<p class="article"> </p> <p class="article">predstavenstvo@sin.cvut.cz</p>
</div> </div>
<div class="footer-contacts-col-grid"> <div class="footer-contacts-col-grid">
<p class="article"> </p> <p class="article">Administrátoři:</p>
<p class="article"> </p> <p class="article">admin@sin.cvut.cz</p>
</div> </div>
<div class="footer-contacts-col-grid"> <div class="footer-contacts-col-grid">
<p class="article"> </p> <p class="article">PR oddělení:</p>
<p class="article"> </p> <p class="article">pr@sin.cvut.cz</p>
</div> </div>
<div class="footer-contacts-col-grid"> <div class="footer-contacts-col-grid">
<p class="article"> </p> <p class="article">Ostatní:</p>
<p class="article"> </p> <p class="article">sin@sin.cvut.cz</p>
</div> </div>
</div> </div>
<div class="footer-visit-row-grid"> <div class="footer-visit-row-grid">
<h1 class="title">Úřední hodiny</h1> <h1 class="title left">Úřední hodiny</h1>
<div class="footer-visit-col-grid"> <div class="footer-visit-col-grid">
<p class="article"> </p> <p class="article">Administrátoři:</p>
<p class="article">Po & St 20:00 - 21:00</p>
</div> </div>
<div class="footer-visit-col-grid"> <div class="footer-visit-col-grid">
<p class="article"> </p> <p class="article">Správci posilovny:</p>
<p class="article">Po & St 20:00 - 21:00</p>
</div> </div>
</div> </div>
</section> </section>

48
css/master.css
View file

@ -14,7 +14,7 @@ section.gallery-in, section.home{
margin-right: auto; margin-right: auto;
padding: 3em 5em; padding: 3em 5em;
} }
section.team , section.contact-us, section.about{ section.team, section.contact-us, section.about{
background: #FFF; background: #FFF;
padding: 3em 5em; padding: 3em 5em;
height: auto; height: auto;
@ -149,6 +149,52 @@ footer{
background-color: #4A4A4A; background-color: #4A4A4A;
padding: 3em 3em; padding: 3em 3em;
color: #FCFCFC !important; color: #FCFCFC !important;
display: grid;
grid-template-rows: repeat(2,auto);
}
section.footer-top{
display: grid;
grid-template-columns: repeat(2,auto);
}
footer .footer-buttons-left-row-grid{
display: grid;
grid-template-rows: repeat(5,auto);
}
footer .footer-logo-right-col-grid{
display: grid;
grid-template-rows: repeat(2,auto);
}
section.footer-bottom{
display: grid;
grid-template-rows: repeat(2,auto);
}
footer .footer-contacts-row-grid{
display: grid;
grid-template-rows: repeat(5,auto);
}
footer .footer-heading-col-grid{
display: grid;
grid-template-columns: repeat(2,auto);
}
footer .footer-heading-left{
}
footer .footer-heading-social-col-grid{
display: grid;
grid-template-columns: repeat(3,auto);
}
footer .footer-contacts-col-grid{
display: grid;
grid-template-columns: repeat(2,auto);
}
footer .footer-visit-row-grid{
display: grid;
grid-template-rows: repeat(3,auto);
}
footer .footer-visit-col-grid{
display: grid;
grid-template-columns: repeat(2,auto);
} }
img.opacity-decrease{ img.opacity-decrease{
opacity: .05; opacity: .05;