hypertext within the page

This commit is contained in:
Marcel Petráň 2019-04-21 11:30:40 +02:00
parent e8cb601c50
commit 539bdb3059
2 changed files with 15 additions and 10 deletions

View File

@ -59,9 +59,9 @@
</header>
<main>
<section class="home">
<a href="#"><img src="../img/arrow-down.svg" class="arrow-down" alt="arrow down"></a>
<a href="#About-us"> <img src="../img/arrow-down.svg" class="arrow-down" alt="arrow down"></a>
</section>
<section class="about">
<section class="about" id="About-us">
<h1 class="title">O nás</h1>
<article class="about-us-1">
<h3 class="title">Kdo jsme</h3>
@ -140,20 +140,20 @@
</div>
<div class="footer-logo-right-col-grid">
<img src="../img/sin-logo-col.png" alt="Club">
<img src="../img/su-logo-col.svg" alt="Club">
<img src="../img/sin-logo-col.png" alt="Club" class="opacity-decrease" href="#">
<img src="../img/su-logo-col.svg" alt="Club" href="#">
</div>
</section>
<section class="footer-bottom">
<div class="footer-contacts-row-grid">
<div class="footer-heading-col-grid">
<div class="footer-heading-left">
<h1 class="title"> </h1>
<h1 class="title">Kontakty</h1>
</div>
<div class="footer-heading-right-col-grid">
<img src="../img/facebook.png" alt="Social">
<img src="../img/instagram.png" alt="Social">
<img src="../img/twitter.png" alt="Social">
<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">
@ -174,7 +174,7 @@
</div>
</div>
<div class="footer-visit-row-grid">
<h1 class="title"> </h1>
<h1 class="title">Úřední hodiny</h1>
<div class="footer-visit-col-grid">
<p class="article"> </p>
</div>

View File

@ -49,7 +49,7 @@ section.home {
background-position: center;
background-size: 28em;
}
a img.arrow-down{
img.arrow-down{
width: 3.5em;
position: absolute;
top: calc(100vh - 4em);
@ -145,10 +145,15 @@ button{
}
footer{
width: 100%;
background-color: #4A4A4A;
padding: 3em 3em;
color: #FCFCFC !important;
}
img.opacity-decrease{
opacity: .05;
}
/* <--- NAVIGATION ---> */
nav {
position: fixed;