[javascript] headertool
Viewer
- var variable = '' +
- '<!DOCTYPE html>' +
- '<html>' +
- '<head>' +
- ' <meta charset="utf-8">' +
- ' <meta http-equiv="X-UA-Compatible" content="IE=edge">' +
- ' <title></title>' +
- ' <link rel="stylesheet" href="">' +
- ' <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" />' +
- ' <style>' +
- ' .notification {' +
- ' background-color: #000;' +
- ' color: white;' +
- ' padding: 10px;' +
- ' display: flex;' +
- ' flex-wrap: wrap;' +
- ' align-content: flex-start;' +
- ' justify-content: flex-start;' +
- ' align-items: flex-start;' +
- ' gap: 10px;' +
- '}' +
- '.timing {' +
- ' display: flex;' +
- ' flex-wrap: wrap;' +
- ' align-content: flex-start;' +
- ' justify-content: flex-start;' +
- ' align-items: flex-start;' +
- ' margin-right: auto;' +
- '}' +
- '.navigationgrid {' +
- ' display: flex;' +
- ' flex-wrap: wrap;' +
- ' align-content: flex-start;' +
- ' justify-content: flex-start;' +
- ' align-items: flex-start;' +
- ' margin-left: auto;' +
- ' gap: 20px;' +
- '}' +
- ' </style>' +
- '</head>' +
- '<body>' +
- '<div class="notification">' +
- '<div class="timing">' +
- 'MON - FRI: 6 AM - 9 PM • SAT - SUN: 7 AM - 7 PM' +
- '</div>' +
- '<div class="navigationgrid">' +
- '<a class=""><span><i class=\'fas fa-map-marker-alt\'></i></span>' +
- '285 Nicoll Street, New Haven, CT 06511' +
- '</a>' +
- '<a><span><i class=\'fas fa-phone-square-alt\'></i></span> 203-936-9446</a>' +
- '</div>' +
- '</div>' +
- '' +
- '' +
- '' +
- '' +
- '</body>' +
- '</html>' +
- '';
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:
Latest Code Pastes