You had code on your home page that was interfering with the login box.
I have cleared the home page the code is below.
You should be able to log in now.
FTH does not support scripts or css, if you place them on your page all we can do is clear them.
<style type="text/css">.container { position: relative; width: 100%; } .image { display: block; width: 100%; height: auto; } .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: #4C031B; } .container:hover .overlay { opacity: 1; } .text { color: white; font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
</style>
<h2></h2>
<div class="container"><img alt="Avatar" class="image" src="/imageuploads/835/IMG_4691.jpg" />
<div class="overlay">
<div class="text">Welcome to Words on Wings</div>
</div>
</div>
<div class="bg"></div>
<style type="text/css">body { font-family: "Lato", sans-serif; transition: background-color .5s; } .sidenav { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #111; overflow-x: hidden; transition: 0.5s; padding-top: 60px; } .sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #818181; display: block; transition: 0.3s; } .sidenav a:hover { color: #f1f1f1; } .sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; } #main { transition: margin-left .5s; padding: 16px; } @media screen and (max-height: 450px) { .sidenav {padding-top: 15px;} .sidenav a {font-size: 18px;} }
</style>
<div class="sidenav" id="mySidenav"><a class="closebtn" href="javascript:void(0)" onclick="closeNav()">×</a> <a href="#">About</a> <a href="#">Services</a> <a href="#">Clients</a> <a href="#">Contact</a></div>
<style type="text/css">body {font-family: "Lato", sans-serif;} .tablink { background-color: #555; color: white; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; font-size: 17px; width: 25%; } .tablink:hover { background-color: #777; } /* Style the tab content */ .tabcontent { color: white; display: none; padding: 50px; text-align: center; } #London {background-color:#0D2656;} #Paris {background-color:#4C031B;} #Tokyo {background-color:#0D2656;} #Oslo {background-color:#4C031B;}
</style>
<p></p>
<div class="tabcontent" id="London">
<h3>Who are we</h3>
<p>Words on Wings (WOW) is a Toastmasters Club Located in Downtown Montreal, Qc, Canada</p>
</div>
<div class="tabcontent" id="Paris">
<h3>Mission</h3>
<p>Help members improve their public speaking and leadership skills.</p>
</div>
<div class="tabcontent" id="Tokyo">
<h3>Where</h3>
<p>Every Friday from 12:15 PM to 1:15 PM at the Head Quarters building of the International Civil Aviation (ICAO). The meetings are held in English.</p>
</div>
<div class="tabcontent" id="Oslo">
<h3>Visit us!</h3>
<p>You will be WOW'd by the friendliness and professionalism of our members, so be our guest and come visit us on Fridays!</p>
</div>
<p><button class="tablink" id="defaultOpen" onclick="openCity('London', this, 'black')">Who</button><button class="tablink" onclick="openCity('Paris', this, 'black')">Mission</button><button class="tablink" onclick="openCity('Tokyo', this, 'black')">Where?</button><button class="tablink" onclick="openCity('Oslo', this, 'black')">Come!</button><script>
function openCity(cityName,elmnt,color) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablink");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].style.backgroundColor = "";
}
document.getElementById(cityName).style.display = "block";
elmnt.style.backgroundColor = color;
}
// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
</script></p>
<style type="text/css">.button { border-radius: 4px; background-color: #3B5898; border: none; color: #FFFFFF; text-align: center; font-size: 28px; padding: 20px; width: 200px; transition: all 0.5s; cursor: pointer; margin: 5px; } .button span { cursor: pointer; display: inline-block; position: relative; transition: 0.5s; } .button span:after { content: '\00bb'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s; } .button:hover span { padding-right: 25px; } .button:hover span:after { opacity: 1; right: 0; }
</style>
<p></p>
<style type="text/css">* {
box-sizing: border-box;
}
body {
background-color: #f1f1f1;
padding: 20px;
font-family: Arial;
}
/* Center website */
.main {
max-width: 1000px;
margin: auto;
}
h1 {
font-size: 50px;
word-break: break-all;
}
.row {
margin: 8px -16px;
}
/* Add padding BETWEEN each column */
.row,
.row > .column {
padding: 8px;
}
/* Create four equal columns that floats next to each other */
.column {
float: left;
width: 25%;
}
/* Clear floats after rows */
.row:after {
content: "";
display: table;
clear: both;
}
/* Content */
.content {
background-color: white;
padding: 10px;
}
/* Responsive layout - makes a two column-layout instead of four columns */
@media (max-width: 900px) {
.column {
width: 50%;
}
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media (max-width: 600px) {
.column {
width: 100%;
}
}
</style>
<div class="main">
<h1>Our Club is..</h1>
<hr />
<p></p>
<!-- Portfolio Gallery Grid -->
<div class="row">
<div class="column">
<div class="content"><img alt="Mountains" src="/imageuploads/835/viviana.jpg" style="width:100%" />
<h3>Consistency</h3>
<p></p>
</div>
</div>
<div class="column">
<div class="content"><img alt="Lights" src="/imageuploads/835/home.page.denis.jpg" style="width:100%" />
<h3>Mentorship</h3>
<p></p>
</div>
</div>
<div class="column">
<div class="content"><img alt="Nature" src="/imageuploads/835/IMG_4754.jpg" style="width:100%" />
<h3>Community</h3>
<p></p>
</div>
</div>
<div class="column">
<div class="content"><img alt="Mountains" src="/imageuploads/835/1502825265_20170224_131808.jpg" style="width:100%" />
<h3>Growth</h3>
<p></p>
</div>
</div>
<!-- END GRID --></div>
<!-- END MAIN --></div>
<p style="text-align: center;"><iframe allowtransparency="true" frameborder="0" height="500" scrolling="no" src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FWords-on-Wings-ICAO-407614329636269%2F&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" style="border:none;overflow:hidden" width="340"></iframe><span style="font-size: 10.5pt;"> </span><span style="font-size: 10.5pt;"> </span></p>
<style type="text/css">*
</style>