PageRenderTime 44ms CodeModel.GetById 19ms RepoModel.GetById 0ms app.codeStats 0ms

/contact.html

https://gitlab.com/jbeta/abemedia.de
HTML | 87 lines | 86 code | 1 blank | 0 comment | 0 complexity | d441edd3cd0ed88e19e0edd9e23faa3a MD5 | raw file
  1. ---
  2. layout: default
  3. title: Kontakt
  4. slug: contact
  5. ---
  6. <div class="row">
  7. <div class="col-sm-8">
  8. <h1 class="page-header">Kontakt</h1>
  9. <p class="lead">Wenn Sie Fragen haben oder mehr Informationen wünschen, können Sie uns gerne schreiben.</p>
  10. <div id="emailSent" class="alert alert-success hidden">Email send</div>
  11. <form role="form" action="http://getsimpleform.com/messages?form_api_token=ee510e56c0373993fbbab9e006eaab76" method="post">
  12. <div class="row">
  13. <div class="form-group col-sm-6">
  14. <label for="name">Name *</label>
  15. <input type="text" class="form-control" name="name" required>
  16. </div>
  17. <div class="form-group col-sm-6">
  18. <label for="company">Unternehmen</label>
  19. <input type="text" class="form-control" name="company">
  20. </div>
  21. </div>
  22. <div class="row">
  23. <div class="form-group col-sm-6">
  24. <label for="email">Email *</label>
  25. <input type="email" class="form-control" name="email" required>
  26. </div>
  27. <div class="form-group col-sm-6">
  28. <label for="telephone">Telefon</label>
  29. <input type="tel" class="form-control" name="telephone">
  30. </div>
  31. </div>
  32. <div class="form-group">
  33. <label for="message">Nachricht *</label>
  34. <textarea name="message" rows="5" class="form-control" required></textarea>
  35. </div>
  36. <div class="form-group">
  37. <button type="submit" class="btn btn-primary btn-lg">Nachricht Senden</button>
  38. <input type='hidden' name='redirect_to' value='{{ site.url }}{{ page.url }}#sent' />
  39. </div>
  40. </form>
  41. </div>
  42. <div class="col-sm-4">
  43. <address class="box">
  44. <strong>ABE Media</strong><br><br>
  45. <abbr title="Phone"><i class="fa fa-phone-square fa-fw"></i>:</abbr> 0421 7086 9225<br>
  46. <abbr title="Email"><i class="fa fa-envelope fa-fw"></i>:</abbr> <a href="mailto:info@abemedia.de">info@abemedia.de</a>
  47. </address>
  48. <div class="box">
  49. <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fabemedia&amp;colorscheme=light&amp;show_faces=false&amp;header=false&amp;stream=false&amp;show_border=false&amp;appId=189389074581514" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:72px; width:100%; margin:-8px -10px 0;" allowTransparency="true"></iframe>
  50. </div>
  51. </div>
  52. </div>
  53. <script type="text/javascript">
  54. function showSent() {
  55. if(window.location.hash) {
  56. $("#emailSent").removeClass("hidden");
  57. $("form button, form input, form textarea").attr("disabled", true);
  58. }
  59. }
  60. window.onload = showSent;
  61. // zopim chat
  62. window.$zopim || (function(d, s) {
  63. var z = $zopim = function(c) {
  64. z._.push(c)
  65. },
  66. $ = z.s =
  67. d.createElement(s),
  68. e = d.getElementsByTagName(s)[0];
  69. z.set = function(o) {
  70. z.set.
  71. _.push(o)
  72. };
  73. z._ = [];
  74. z.set._ = [];
  75. $.async = !0;
  76. $.setAttribute('charset', 'utf-8');
  77. $.src = '//v2.zopim.com/?14JibENISkzX2WdkicVa9c44GnlgSyGe';
  78. z.t = +new Date;
  79. $.
  80. type = 'text/javascript';
  81. e.parentNode.insertBefore($, e)
  82. })(document, 'script');
  83. $zopim(function() {
  84. $zopim.livechat.button.show();
  85. });
  86. </script>