API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 23rd, 2019
190
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.34 KB | None | 0 0
raw download clone embed print report
  1. @extends('layouts.app')
  2.  
  3. @section('title', 'Mond branding elements: Signatures')
  4. @section('description', '')
  5. @section('content')
  6. <div class="container-fluid header blank-colored">
  7. <div class="container">
  8. <div class="row padding-top">
  9. <div class="col-md-12">
  10. <h1>Signatures</h1>
  11. <p>Op deze pagina vind je alles wat je nodig hebt voor je Mond e-mailhandtekening.</p>
  12. </div>
  13. </div>
  14. </div>
  15. </div>
  16. <div class="container">
  17. <div class="row">
  18. <div class="col-md-12">
  19. <h2>Installatie</h2>
  20. <p> Afhankelijk van je toestel of e-mailprogramma, vind je onderaan enkele links met stap-voor-stap uitleg.</p>
  21. <p>Mocht het niet lukken om deze in te stellen aan de hand van de instructievideo's, of mocht de handtekening niet goed worden weergegeven, aarzel niet <a href="mailto:hello@suitedpenguins.com">contact op te nemen</a>. Er wordt een moment uitgekozen waarop we je toestel van op afstand overnemen om de handtekening in te stellen.</p></p>
  22. </div>
  23. </div>
  24. <div class="row">
  25.  
  26. <div class="col-md-4">
  27. <h2>Hoe?</h2>
  28. <p>Hier vind je meer uitleg hoe je je HTML handtekening kan installeren:</p>
  29. <ul>
  30. <li><a href="https://www.youtube.com/watch?v=uu0hBvBSoJ8" target="_blank">Op Windows met Outlook 2016</a></li>
  31. <li><a href="https://www.youtube.com/watch?v=MjNgFbEXGSk" target="_blank">Apple Mail on Mac Sierra</a></li>
  32. <li>Staat jouw e-mail client hier niet tussen? <a href="#">Laat het ons weten.</a></li>
  33. </ul>
  34. </div>
  35. <div class="col-md-8">
  36. <h2>Benodigdheden</h2>
  37. <h3>HTML code</h3>
  38. <p>We raden aan deze methode te gebruiken! Hieronder kan je de HTML broncode vinden van de e-mail handtekening. Door deze te geruiken, zou de handtekening er 100% correct moeten uitzien en is er weinig kans op fouten.</p>
  39. <div class="form-group">
  40. <button class="btn btn-border-secondary pull-right" id="copy" style="margin-bottom: 15px;">Code kopiëren naar klembord</button>
  41. </div>
  42. <div class="form-group">
  43. <textarea class="form-control" name="" id="" cols="30" rows="10" style="font-family: 'Courier New'" readonly>
  44. <html>
  45. <!--[if (mso)|(mso 16)]>
  46. <style type="text/css">
  47. a {text-decoration: none; !important}
  48. </style>
  49. <![endif]-->
  50. <body>
  51. <table border="0" style="border: 0; width: 100%;">
  52. <tr>
  53. <td style="width: 125px;">
  54. <!-- Image -->
  55. <a href="https://www.uwmond.be/" target="_blank"><img src="https://uwmond.be/public/img/logo_png_350.png" style="max-width: 125px; margin-right: 50px;"/></a>
  56. </td>
  57. <td style="border-bottom: 3px solid #00b3ee; vertical-align: top;">
  58. <!-- Signature content -->
  59. <h1 style="font-family: Arial, Helvetica, Verdana; font-size: 14px; line-height: 16px; color: #000;">Nathalie Molenschot</h1>
  60. <h2 style="font-family: Arial, Helvetica, Verdana; font-size: 12px; line-height: 7px; color: #7c858e;">Mond Ambassador</h2>
  61. </td>
  62. </tr>
  63. <tr style="vertical-align: top;">
  64. <td>
  65. <!-- Social links -->
  66. <ul style="list-style-type: none; padding: 0; margin-left: 0; margin-top: 10px;">
  67. <li style="float: left; margin-right: 15px; ">
  68. <a href="#" style="border: 0;">
  69. <img width="24" style="border: 0; width: 24px;" src="https://www.uwmond.be/public/signature/linkedin.png" alt="Mond op LinkedIn" title="Mond op LinkedIn">
  70. </a>
  71. </li>
  72. <li style="float: left;">
  73. <a href="#" style="border: 0;">
  74. <img width="24" style="border: 0; width: 24px;" src="https://www.uwmond.be/public/signature/facebook.png" alt="Mond op Facebook" title="Mond op Facebook">
  75. </a>
  76. </li>
  77. </ul>
  78. </td>
  79. <td>
  80. <!-- Signature content -->
  81. <ul style="padding: 0; margin-left: 0; list-style-type: none; margin-top: 10px;">
  82. <li style="margin-bottom: 5px;">
  83. <img width=16 style="border: 0; width: 16px; vertical-align: middle; margin-right: 5px;" src="https://www.uwmond.be/public/signature/phone.png" alt="Bellen naar Mond" title="Bellen naar Mond">
  84. <a style="border: 0; color: #7c858e; text-decoration: none; font-family: Arial, Helvetica, Verdana; font-size: 11px;" href="tel:00320468118300">+32 (0)468 11 83 00</a>
  85. </li>
  86. <li style="margin-bottom: 5px;">
  87. <img width=16 style="border: 0; width: 16px; vertical-align: middle; margin-right: 5px;" src="https://www.uwmond.be/public/signature/link.png" alt="Bezoek de website" title="Bezoek de website">
  88. <a style="border: 0; color: #7c858e; text-decoration: none; font-family: Arial, Helvetica, Verdana; font-size: 11px;" href="https://www.uwmond.be">www.uwmond.be</a>
  89. </li>
  90. <li style="margin-bottom: 5px;">
  91. <img width=16 style="border: 0; width: 16px; vertical-align: middle; margin-right: 5px;" src="https://www.uwmond.be/public/signature/location.png" alt="Onze locatie" title="Onze locatie">
  92. <a style="border: 0; color: #7c858e; text-decoration: none; font-family: Arial, Helvetica, Verdana; font-size: 11px;" href="https://goo.gl/maps/buWSD2qh1yAUiWvi8">Coupure 64F, 9000 Gent</a>
  93. </li>
  94. </ul>
  95. </td>
  96. </tr>
  97. </table>
  98. </body>
  99. </html>
  100. </textarea>
  101.  
  102.  
  103. <h3>Voorbeeld handtekening</h3>
  104. <p>Sommige programma's laten niet toe HTML code te wijzigen of bekijken. Je kan dan de handtekening handmatig kopiëren op de pagina achter deze link.</p>
  105. <p>Indien je e-mail client een HTML-bestand vereist, klik je rechts op onderstaande knop en kies je voor "Doel opslaan als" of "Save target as" om het HTML-bestand op je computer op te slaan.</p>
  106. <a href="#" class="btn btn-border-secondary" target="_blank">Handtekening bekijken / downloaden</a>
  107. </div>
  108. </div>
  109. </div>
  110. <div class="row">
  111. <div class="col-md-4">
  112. </div>
  113. </div>
  114. </div>
  115. @endsection
  116. @push('scripts')
  117. <script>
  118. $("#copy").click(function(){
  119. $("textarea").select();
  120. document.execCommand('copy');
  121. alert('Signature copied, ready to paste!');
  122. });
  123. </script>
  124. @endpush
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!