<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>Czech Translation Navigator</title>
<base target="main">
<style type="text/css">
BODY {background-color: #3366FF; background-position: center: background-repeat: no-repeat; 
}
.example:-webkit-scrollbar {
  display: none;
}
.example {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
} 
H3 {font-family: Helvetica; background-color: transparent; color: #FFFFF0; font-size: large; font-style: italic; text-align: center
}
H4 {font-family: Georgia; background-color: transparent; color: #ccffff; font-size: small; text-align: left
}

ul {
    padding: 0;
    list-style-type: none;
    vertical-align: center;
}

li {
    font-size: 25px;
    color: #FFFFF0;
    width: 7em;
    height: 1.5em;
    text-align: left;
    line-height: 1.5em;
    font-family: Lato thin;
    text-transform: capitalize;
    position: relative;
    transition: 0.5s;
    margin: 0.8em;
}

li::before {
    content: '';
    position: absolute;
    width: 0.4em;
    height: 0.4em;
    background-color: #FFFFF0;
    border-radius: 50%;
    transition: 1s cubic-bezier(0.5, -0.5, 0.25, 1.5);
    top: calc(60% - 0.6em / 2);
}

li::before {left: 0; z-index: -1;}

li:hover {
    color: white;
}

li:hover::before,
li:hover::after {
    width: 100%;
    height: 120%;
    border-radius: 0;
    background-color: #6633FF;
}

li:hover::before {
    top: 0;
}

li:hover::after {
    right: -0.4em;
    filter: brightness(0.8);
}
</style>
</head>
<body>  
<ul>
  <li><a href="Czech_Translation_Home.html" style="text-decoration: none"><H3>Homepage</H3></a></li>
  <li><a href="Czech_Translation_Contact.html" style="text-decoration: none"><H3>Contact&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</H3></a></li>
  <li><a href="Czech_Translation_Qualifications.html" style="text-decoration: none"><H3>Credentials</H3></a></li>
  <li><a href="Czech_Translation_fields.html" style="text-decoration: none"><H3>Know-how&nbsp;&nbsp;</H3></a></li>
  <li><a href="Czech_Translation_Clients.html" style="text-decoration: none"><h3>Testimonials</H3></a></li>
</ul>

<P>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="http://www.ciol.org.uk/member-check/profile/32582/7115" target="_blank" title="CIOL certificate - new window" style="text-decoration: none"><img src="../Images/member-logo-mcil.png" ALT="MCIL"></a></P>

<Pstyle="color: #FFFFF0; text-align: left;"><a href="http://czech-translation.com/English_translation.html" target="_blank" style="text-decoration: none"><H4>Webové stránky v češtině</H4></a></P>
</body>
</html>