ToposText

<!DOCTYPE html> <html dir="ltr" lang="en-US"> <head>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-73073339-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-73073339-1'); </script> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="author" content="SemiColonWeb" /> <link rel="shortcut icon" type="image/png" href="images/icons/favicon.png" /> <link rel="shortcut icon" type="image/png" href="images/icons/favicon.png" />  <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,900|Caveat+Brush" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="css/bootstrap.css" type="text/css" /> <link rel="stylesheet" href="style.css" type="text/css" /> <link rel="stylesheet" href="css/swiper.css" type="text/css" /> <link rel="stylesheet" href="css/dark.css" type="text/css" /> <link rel="stylesheet" href="css/font-icons.css" type="text/css" /> <link rel="stylesheet" href="css/animate.css" type="text/css" /> <link rel="stylesheet" href="css/magnific-popup.css" type="text/css" />  <link rel="stylesheet" href="css/colors.php?color=C6C09C" type="text/css" />   <link rel="stylesheet" href="demos/nonprofit/nonprofit.css" type="text/css" />  <link rel="stylesheet" href="css/custom.css" type="text/css" /> <link rel="stylesheet" href="css/responsive.css" type="text/css" /> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.5.1/dist/leaflet.css" integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ==" crossorigin="" /> <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js" integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" crossorigin=""></script> <link rel="stylesheet" href="leaflet/MarkerCluster.css" /> <link rel="stylesheet" href="leaflet/MarkerCluster.Default.css" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.4.1/leaflet.markercluster-src.js"></script> <script src='https://www.google.com/recaptcha/api.js'></script> <style type="text/css"> #error_message { background: #F3A6A6; } #success_message { text-align: center; background: #b2bb85; box-shadow: none; transition: 0.2s; font-size: 14px; outline: none !important; padding: 10px 11px 9px 11px; width: 30%; margin: auto; } .ajax_response { padding: 10px 20px; border: 0; display: inline-block; margin-top: 20px; cursor: pointer; display: none; color: #000; } </style> <meta name='viewport' content='initial-scale=1, viewport-fit=cover'>  <title>ToposText</title> </head> <body class="stretched">  <div id="wrapper" class="clearfix">  <header id="header" class="clearfix static-sticky"> <link rel="shortcut icon" type="image/png" href="https://topostext.org/images/icons/favicon.png" /> <link rel="shortcut icon" type="image/png" href="https://topostext.org/images/icons/favicon.png" /> <div id="header-wrap"> <div class="container clearfix"> <div id="primary-menu-trigger"><i class="icon-reorder"></i></div>  <div id="logo"> <a href="https://topostext.org" class="logo-big standard-logo" data-dark-logo="https://topostext.org/images/logo1_2.png"> <img src="https://topostext.org/images/logo1_2.png" alt="Topostext"> </a> <a href="https://topostext.org" class="logo-small" data-dark-logo="images/lg1.png"> <img class="logo-small" src="https://topostext.org/images/lg1.png" alt="Topostext"> </a>  </div>  <nav id="primary-menu" class="d-lg-flex d-xl-flex justify-content-xl-between justify-content-lg-between fnone with-arrows"> <ul class="align-self-start"> <li><span class="menu-bg col-auto align-self-start d-flex"></span></li> <li ><a href="https://topostext.org"> <div>Home</div> </a></li> <li ><a href="#"> <div>About TT</div> </a> <ul> <li><a href="https://topostext.org/who-we-are"> <div>Who we are</div> </a></li> <li><a href="https://topostext.org/the-project"> <div>The Project</div> </a></li> </ul> </li> <li ><a href="https://topostext.org/the-places"> <div>Places</div> </a></li> <li ><a href="https://topostext.org/texts"> <div>Ancient Texts</div> </a></li> <li ><a href="https://topostext.org/the-people"> <div>People</div> </a></li> <li><a href="#"> <div>Tools</div> </a> <ul> <li><a href="https://topostext.org/search-tool"> <div>Search Tool</div> </a></li> <li><a href="https://topostext.org/TT-downloads"> <div>Downloads</div> </a></li> </ul> </li> <li><a href="https://topostext.org/contact-us"> <div>Contact us</div> </a></li> </ul> </nav> </div> </div> </header>  <section id="content"> <div class="content-wrap" id="page-content"> <div class="container clearfix"> <div class="row justify-content-center"> <div class="col-md-7 center"> <div class="heading-block nobottomborder mb-4"> <h2 class="mb-4 nott">Contact us</h2> </div> <div class="svg-line bottommargin-sm clearfix"> <img src="demos/nonprofit/images/divider-1.svg" alt="svg divider" height="20"> </div> </div> </div> </div> <section class="container"> <div class="row"> <div class="col-md-9"> <header style="height:18px;"> </header> <hr> <section> <header class="no-border"> <h3>Contact Form</h3> </header> <form id="contact-form" name="contact_form" role="form" method="post" action="contact_topos.php" class="background-color-white"> <div class="row"> <div class="col-sm-3"> <div class="form-group"> <select name="checkbox" id="checkbox"> <option value="Mr">Mr</option> <option value="Mrs">Mrs</option> </select> </div> </div> <div class="col-sm-3"> <div class="form-group"> <input type="text" class="form-control" id="company-first-name" placeholder="First*" name="first_name" required=""> </div> </div> <div class="col-sm-3"> <div class="form-group"> <input type="text" class="form-control" id="company-middle-name" placeholder="Middle" name="middle_name"> </div> </div> <div class="col-sm-3"> <div class="form-group"> <input type="text" class="form-control" id="company-last-name" placeholder="Last*" name="last_name" required=""> </div> </div>  </div> <div class="row">  <div class="col-md-6 col-sm-6"> <div class="form-group"> <label for="company-form-email">Email*</label> <input type="email" class="form-control" id="form-email" name="form_email" required=""> </div>  </div> <div class="col-md-6 col-sm-6"> <div class="form-group"> <label for="company-form-email">Website</label> <input type="text" class="form-control" id="form-website" placeholder="http://" name="form_website"> </div> </div> </div> <div class="row"> <div class="col-md-6 col-sm-6"> <div class="form-group"> <label for="company-form-email">Company</label> <input type="text" class="form-control" id="form-company" name="form_company"> </div>  </div> <div class="col-md-6 col-sm-6"> <div class="form-group"> <label for="company-form-email">Message Subject</label> <input type="text" class="form-control" id="form-subject" name="form_subject"> </div>  </div> </div> <div class="form-group"> <label for="company-form-message">Message*</label> <textarea class="form-control" id="form-message" name="form_message" rows="3" required=""></textarea> </div> <div class="form-group"> </div> <div class="g-recaptcha" data-sitekey="6Lccf2sUAAAAAEQQSBhQJrlzEmSYX6vCeJ22id7p"></div><br /> <div class="form-group"> <button type="submit" id="submit" class="btn btn-default icon">Send a Message<i class="fa fa-angle-right"></i></button> </div> <hr /> <center><img src="assets/img/circle.gif" id="loading-img" style="display:none;" width="60" /></center> <p style="color:#C69C6E;display:none;" id="no-required-label"><strong>Please fill the required fields</strong></p>  <div class="alert alert-success" id="success-message" style="display:none;"> The email was succesfully sent</div> <div class="alert alert-danger" id="failure-message" style="display:none;"> A problem has occured. Please check the fields and try again.</div> <div class="alert alert-danger" id="captcha-message" style="display:none;"> You have not filled captcha. Please try again.</div> </form>  </section> </div> <div class="col-md-3"> <aside id="sidebar"> <section> <header>  </header> <div class="item-horizontal small"> <div class="wrapper"> <div class="image"> <a href="http://www.laskaridisfoundation.org/"> <img style="margin-bottom:20px;" src="images/contactus_laskaridis.jpg" alt=""> </a> </div> <div class="info"> <a href="http://www.laskaridisfoundation.org/""> <h3>Aikaterini Laskaridis Foundation </h3> </a> <a href=" mailto:info@laskaridisfoundation.org"> <img src="images/e-mail2.png" width="20px" height="20px"> </a> </div> </div> </div> <div class="item-horizontal small"> <div class="wrapper"> <div class="image"> <a href="mailto:mailto:brady@topostext.org"> <img style="margin-bottom:20px;" src="images/contactus_Brady.jpg" alt=""> </a> </div> <div class="info"> <a href="mailto:mailto:topostext@gmail.com""> <h3>Brady Kiesling</h3> </a> <a href=" mailto:mailto:topostext@gmail.com"> <img src="images/e-mail2.png" width="20px" height="20px"> </a> </div> </div> </div> <div class="item-horizontal small"> <div class="wrapper"> <div class="image"> <a href="http://www.laskaridisfoundation.org/"> <img style="margin-bottom:20px;" src="images/contactus_pavla.jpg" alt=""> </a> </div> <div class="info"> <a href="https://pavla.gr""> <h3>Pavla S.A.</h3> </a> <a href=" mailto:mailto:info@pavla.gr"> <img src="images/e-mail2.png" width="20px" height="20px"> </a> </div> </div> </div> </section> </aside>  </div>  </div> </section> </div>  </div> </section>  <footer id="footer" style="background-color: #002D40;"> <div class="container">  </div>  <div id="copyrights" class="bgcolor"> <div class="container clearfix"> <div class="row justify-content-between align-items-center"> <div class="col-md-6"> ToposText Web Version 3.0<br> <div class="copyright-links"> Copyrights © 2019 All Rights Reserved. Developed by <a href="https://pavla.gr" target="_blank">Pavla SA</a> </div> </div> <div class="col-md-6 d-md-flex flex-md-column align-items-md-end mt-4 mt-md-0"> <div class="copyrights-menu copyright-links clearfix"> <a href="texts">Ancient Texts</a>/<a href="https://topostext.org/the-places">Places</a>/<a href="https://topostext.org/the-people">People</a>/<a href="https://topostext.org/contact-us">Contact</a> </div> </div> </div> </div> </div> </footer> </div> </div>  <div id="gotoTop" class="icon-angle-up"></div>  <script src="js/jquery.js"></script> <script src="js/plugins.js"></script>  <script src="js/functions.js"></script> <script> $("#contact-form").submit(function(e) { var ref = $(this).find("[required]"); var missingrequired = false; $("#no-required-label").hide(); $(ref).each(function(){ if ( $(this).val() == '' ) { //alert("Required field should not be blank."); $("#no-required-label").show(); $(this).focus(); missingrequired = true; e.preventDefault(); return false; } }); $("#success-message").hide(); $("#failure-message").hide(); $("#captcha-message").hide(); if (!missingrequired){ e.preventDefault(); $.ajax({ type: "POST", url: "contact_topos.php", data: $("#contact-form").serialize(), success: function(responseData, textStatus, jqXHR){ //console.log(responseData+"asdfas"); $("#loading-img").hide(); if (responseData == true){ $("#success-message").show(); $("#failure-message").hide(); $("#captcha-message").hide(); }else if (responseData==="captcha"){ $("#captcha-message").show(); $("#success-message").hide(); $("#failure-message").hide(); }else{ $("#failure-message").show(); $("#success-message").hide(); $("#captcha-message").hide(); } grecaptcha.reset(); } }); } }) </script> </body> </html>

CINXE.COM

ToposText