[javascript] headertool

Viewer

copydownloadembedprintName: headertool
  1. var variable = '' + 
  2. '<!DOCTYPE html>' + 
  3. '<html>' + 
  4. '<head>' + 
  5. '       <meta charset="utf-8">' + 
  6. '       <meta http-equiv="X-UA-Compatible" content="IE=edge">' + 
  7. '       <title></title>' + 
  8. '       <link rel="stylesheet" href="">' + 
  9. '       <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />' + 
  10. '       <style>' + 
  11. '               .notification {' + 
  12. '  background-color: #000;' + 
  13. '  color: white;' + 
  14. '  padding: 10px;' + 
  15. '  display: flex;' + 
  16. '  flex-wrap: wrap;' + 
  17. '  align-content: flex-start;' + 
  18. '  justify-content: flex-start;' + 
  19. '  align-items: flex-start;' + 
  20. '  gap: 10px;' + 
  21. '}' + 
  22. '.timing {' + 
  23. '  display: flex;' + 
  24. '  flex-wrap: wrap;' + 
  25. '  align-content: flex-start;' + 
  26. '  justify-content: flex-start;' + 
  27. '  align-items: flex-start;' + 
  28. '  margin-right: auto;' + 
  29. '}' + 
  30. '.navigationgrid {' + 
  31. '  display: flex;' + 
  32. '  flex-wrap: wrap;' + 
  33. '  align-content: flex-start;' + 
  34. '  justify-content: flex-start;' + 
  35. '  align-items: flex-start;' + 
  36. '  margin-left: auto;' + 
  37. '  gap: 20px;' + 
  38. '}' + 
  39. '       </style>' + 
  40. '</head>' + 
  41. '<body>' + 
  42. '<div class="notification">' + 
  43. '<div class="timing">' + 
  44. 'MON - FRI: 6 AM - 9 PM • SAT - SUN: 7 AM - 7 PM' + 
  45. '</div>' + 
  46. '<div class="navigationgrid">' + 
  47. '<a class=""><span><i class=\'fas fa-map-marker-alt\'></i></span>' + 
  48. '285 Nicoll Street, New Haven, CT 06511' + 
  49. '</a>' + 
  50. '<a><span><i class=\'fas fa-phone-square-alt\'></i></span> 203-936-9446</a>' + 
  51. '</div>' + 
  52. '</div>' + 
  53. '' + 
  54. '' + 
  55. '' + 
  56. '' + 
  57. '</body>' + 
  58. '</html>' + 
  59. '';

Editor

You can edit this paste and save as new:


File Description
  • headertool
  • Paste Code
  • 02 May-2024
  • 1.69 Kb
You can Share it: