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

View File

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