knop fix
This commit is contained in:
parent
993279b76d
commit
334e398852
3 changed files with 50 additions and 20 deletions
|
@ -164,7 +164,7 @@
|
|||
}
|
||||
|
||||
a:active {
|
||||
color: yellow;
|
||||
color: #8d100e;
|
||||
background-color: #2B3642;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
@ -198,6 +198,7 @@
|
|||
|
||||
.knop{
|
||||
text-align: center;
|
||||
padding: 25px 90px 25px 90px;
|
||||
text-decoration: none;
|
||||
border-radius: 5px;
|
||||
font-size: 20px;
|
||||
|
@ -219,21 +220,49 @@
|
|||
|
||||
#knop a:hover {
|
||||
background-color: #374351;
|
||||
|
||||
}
|
||||
|
||||
#knop a:active {
|
||||
color: yellow;
|
||||
color: #8d100e;
|
||||
background-color: #2B3642;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.knop_contact{
|
||||
padding: 90px 25px 90px 25px;
|
||||
width: 100%;
|
||||
font-size: 18px;
|
||||
#knop_contact{
|
||||
text-align: center;
|
||||
padding: 0px 0px 25px 0px;
|
||||
text-decoration: none;
|
||||
border-radius: 5px;
|
||||
font-size: 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
#knop_contact a:link{
|
||||
color: #D2E0F0;
|
||||
background-color: transparent;
|
||||
text-decoration: none;
|
||||
padding: 25px 25px 25px 25px;
|
||||
}
|
||||
|
||||
#knop_contact a:visited {
|
||||
color: #D2E0F0;
|
||||
background-color: transparent;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#knop_contact a:hover {
|
||||
background-color: #374351;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
#knop_contact a:active {
|
||||
color: #8d100e;
|
||||
background-color: #2B3642;
|
||||
text-decoration: underline;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
/*menu*********/
|
||||
nav{
|
||||
float: right;
|
||||
|
@ -278,8 +307,7 @@
|
|||
|
||||
.footer-links ul li {
|
||||
display: inline-block;
|
||||
padding: 17px 10px 17px 10px;
|
||||
background-color: #2B3642;
|
||||
padding: 15px 17px 15px 17px;
|
||||
text-transform: uppercase;
|
||||
border-radius: 5px;
|
||||
font-size: 20px;
|
||||
|
@ -287,7 +315,6 @@
|
|||
|
||||
.footer-links ul li:hover {
|
||||
display: inline-block;
|
||||
padding: 17px 10px 17px 10px;
|
||||
background-color: #374351;
|
||||
text-transform: uppercase;
|
||||
border-radius: 5px;
|
||||
|
@ -301,9 +328,13 @@
|
|||
|
||||
.footer-links ul li a:hover {
|
||||
text-decoration: none;
|
||||
border-radius: 5px;
|
||||
color: #D2E0F0;
|
||||
}
|
||||
|
||||
|
||||
.footer-links ul li a:active {
|
||||
color: #8d100e;
|
||||
}
|
||||
|
||||
/*uitzonderingen*********************************************************************************************************/
|
||||
|
||||
|
|
0
assets/mrl.js
Normal file
0
assets/mrl.js
Normal file
17
index.html
17
index.html
|
@ -67,14 +67,13 @@
|
|||
</picture>
|
||||
|
||||
<h2>Contactgegevens:</h2>
|
||||
|
||||
<div id="knop">
|
||||
<a href="mailto:info@lermer.nl" class="knop knop_contact">E-mail: Mathijs@lermer.nl</a><br>
|
||||
<br><br><br><br>
|
||||
<a href="https://matrix.to/#/@mathijs:lermer.nl" class="knop knop_contact">[MATRIX]: @mathijs:lermer.nl</a><br>
|
||||
<br><br><br><br>
|
||||
<a href="https://mastodon.lermer.nl/@mathijs" class="knop knop_contact">Mastodon: @mathijs@lermer.nl</a><br>
|
||||
<br><br>
|
||||
<div id="knop_contact">
|
||||
<a href="mailto:info@lermer.nl">E-mail: Mathijs@lermer.nl</a><br>
|
||||
<br><br><br>
|
||||
<a href="https://matrix.to/#/@mathijs:lermer.nl">[MATRIX]: @mathijs:lermer.nl</a><br>
|
||||
<br><br><br>
|
||||
<a href="https://mastodon.lermer.nl/@mathijs">Mastodon: @mathijs@lermer.nl</a><br>
|
||||
<br>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
@ -91,7 +90,7 @@
|
|||
<div class="footer-links">
|
||||
<ul>
|
||||
<li><a href="https://lermer.nl">©LERMER.NL</a></Li>
|
||||
<li><a href="https://git.lermer.nl/Mathijs/lermer.nl">GIT</a></Li>
|
||||
<li><a href="https://git.lermer.nl/Mathijs/lermer.nl"> <i class="fas fa-code-merge"></i></a></Li>
|
||||
</ul>
|
||||
</div>
|
||||
</footer>
|
||||
|
|
Loading…
Reference in a new issue