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-heading-col-grid">
<div class="footer-heading-left">
<h1 class="title">Kontakty</h1>
<h1 class="title left">Kontakty</h1>
</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/instagram.png" alt="Social" href="#">
<img src="../img/twitter.png" alt="Social" href="#">
</div>
</div>
<div class="footer-contacts-col-grid">
<p class="article"> </p>
<p class="article"> </p>
<p class="article">Představenstvo:</p>
<p class="article">predstavenstvo@sin.cvut.cz</p>
</div>
<div class="footer-contacts-col-grid">
<p class="article"> </p>
<p class="article"> </p>
<p class="article">Administrátoři:</p>
<p class="article">admin@sin.cvut.cz</p>
</div>
<div class="footer-contacts-col-grid">
<p class="article"> </p>
<p class="article"> </p>
<p class="article">PR oddělení:</p>
<p class="article">pr@sin.cvut.cz</p>
</div>
<div class="footer-contacts-col-grid">
<p class="article"> </p>
<p class="article"> </p>
<p class="article">Ostatní:</p>
<p class="article">sin@sin.cvut.cz</p>
</div>
</div>
<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">
<p class="article"> </p>
<p class="article">Administrátoři:</p>
<p class="article">Po & St 20:00 - 21:00</p>
</div>
<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>
</section>

46
css/master.css
View file

@ -149,6 +149,52 @@ footer{
background-color: #4A4A4A;
padding: 3em 3em;
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{
opacity: .05;