Guest User

Untitled

a guest
Nov 17th, 2014
264
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.87 KB | None | 0 0
  1. <div id="contact-container">
  2. <div id="contact-center">
  3. <div id="title-contact"></div>
  4.  
  5. <div id="contact-box">
  6. <div id="contact-box-email">
  7. <input type="text" name="email-address" id="email-address" maxlength="75"/>
  8. </div>
  9.  
  10. <div id="contact-box-subject">
  11. <input type="text" name="email-subject" id="email-subject" maxlength="150"/>
  12. </div>
  13.  
  14. <div id="contact-box-message">
  15. <textarea name="email-message" id="email-message"></textarea>
  16. </div>
  17. </div>
  18.  
  19. <div id="contact-button">
  20. <input type="image" src="image/contact-button.png" value="submit" id="send-email" name="send-email"/>
  21. </div>
  22. </div>
  23.  
  24. <div id="social-container">
  25. <div id="social-top"></div>
  26. <div id="social-middle">
  27. <div id="social-facebook" class="social-icon">
  28. <a href="https://www.facebook.com/martin.niklaus.3" target="_blank">
  29. <img src="image/social-facebook.png"/>
  30. </a>
  31. </div>
  32.  
  33. <div id="social-twitter" class="social-icon">
  34. <a href="https://twitter.com/Ohelert" target="_blank">
  35. <img src="image/social-twitter.png"/>
  36. </a>
  37. </div>
  38.  
  39. <div id="social-dribbble" class="social-icon">
  40. <a href="http://ohelert.deviantart.com" target="_blank">
  41. <img src="image/social-dribbble.png"/>
  42. </a>
  43. </div>
  44.  
  45. <div id="social-print" class="social-icon">
  46. <a href="print/rleonardi-resume.pdf" target="_blank">
  47. <img src="image/social-print.png"/>
  48. </a>
  49. </div>
  50. </div>
  51. <div id="social-bottom"></div>
  52. </div>
  53.  
  54. <div class="contact-confirmation-container">
  55. <div class="contact-confirmation">
  56. <div class="contact-confirmation-rectangle"></div>
  57. <div class="contact-confirmation-triangle"></div>
  58. <div class="contact-confirmation-title-b">ERROR</div>
  59. <div class="contact-confirmation-text-b">Please enter a valid email address!</div>
  60. </div>
  61. </div>
  62.  
  63. <div class="contact-confirmation-container">
  64. <div class="contact-confirmation">
  65. <div class="contact-confirmation-rectangle"></div>
  66. <div class="contact-confirmation-triangle"></div>
  67. <div class="contact-confirmation-title-b">FEHLER</div>
  68. <div class="contact-confirmation-text-b">Bitte geben Sie eine gültige e-mail Adresse ein!</div>
  69. </div>
  70. </div>
  71.  
  72. <div class="contact-confirmation-container">
  73. <div class="contact-confirmation">
  74. <div class="contact-confirmation-rectangle"></div>
  75. <div class="contact-confirmation-triangle"></div>
  76. <div class="contact-confirmation-title-b">FEHLER</div>
  77. <div class="contact-confirmation-text-b">Bitte füllen Sie alle Felder aus!</div>
  78. </div>
  79. </div>
  80.  
  81. <div class="contact-confirmation-container">
  82. <div class="contact-confirmation">
  83. <div class="contact-confirmation-rectangle"></div>
  84. <div class="contact-confirmation-triangle"></div>
  85. <div class="contact-confirmation-text-d">SENDEN...</div>
  86. </div>
  87. </div>
  88.  
  89. <div class="contact-confirmation-container">
  90. <div class="contact-confirmation">
  91. <div class="contact-confirmation-rectangle"></div>
  92. <div class="contact-confirmation-triangle"></div>
  93. <div class="contact-confirmation-title-b">FEHLER</div>
  94. <div class="contact-confirmation-text-c">Etwas hat nicht funktioniert. Bitte versuchen Sie es nochmals!</div>
  95. </div>
  96. </div>
  97.  
  98. <div class="contact-confirmation-container">
  99. <div class="contact-confirmation">
  100. <div class="contact-confirmation-rectangle"></div>
  101. <div class="contact-confirmation-triangle"></div>
  102. <div class="contact-confirmation-title-a">VIELEN DANK</div>
  103. <div class="contact-confirmation-text-a">Ihre Nachricht wurde verschickt. Ich werde mich schnellstmöglich bei Ihnen melden.</div>
  104. </div>
  105. </div>
  106.  
  107. <div id="contact-cloud-top"></div>
  108. <div id="contact-cloud-bottom"></div>
  109. <div id="contact-cloud-middle">
  110. <div id="contact-cloud-seal-top"></div>
  111. <div id="contact-cloud-seal-bottom"></div>
  112. </div>
  113. </div>
  114.  
  115. <!--<div id="detect-container">
  116. <div id="detect-name-1" class="detect-name">container height</div>
  117. <div id="detect-value-1" class="detect-value"></div>
  118. <div id="detect-name-2" class="detect-name">layer vertical 3 height</div>
  119. <div id="detect-value-2" class="detect-value"></div>
  120. <br />
  121. </div>-->
  122.  
  123. </div>
  124. </div>
  125.  
  126. <script type="text/javascript" src="script/email.js"></script>
  127. <script type="text/javascript" src="script/main.js"></script>
  128.  
  129. </body>
  130. </html>
Advertisement
Add Comment
Please, Sign In to add comment