Add banner in html smoothly

Aug 6th, 2022
Icon decoration
0
forms filled out
Icon decoration
0
forms signed
Icon decoration
0
forms sent
Service screenshot
01. Upload a document from your computer or cloud storage.
Service screenshot
02. Add text, images, drawings, shapes, and more.
Service screenshot
03. Sign your document online in a few clicks.
Service screenshot
04. Send, export, fax, download, or print out your document.

How to add banner in html quicker

Form edit decoration

When you edit files in various formats day-to-day, the universality of the document solution matters a lot. If your tools work with only a few of the popular formats, you might find yourself switching between application windows to add banner in html and handle other document formats. If you wish to remove the hassle of document editing, get a platform that can easily manage any extension.

With DocHub, you do not need to focus on anything but actual document editing. You will not need to juggle programs to work with various formats. It will help you edit your html as easily as any other extension. Create html documents, modify, and share them in a single online editing platform that saves you time and improves your productivity. All you have to do is sign up a free account at DocHub, which takes just a few minutes.

Take these steps to add banner in html in no time

  1. Open the DocHub website and sign up by clicking on the Create free account button.
  2. Enter your email and make up a password to register your new account or connect your personal details via your Gmail account.
  3. Go to the Dashboard and add the html you have to edit. Do it by uploading your document or linking it from the cloud or wherever you have it stored.
  4. Open the document in editing mode and make all adjustments using the upper toolbar.
  5. When done editing, use the most convenient method to save your file: download it, keep it in your account, or send it straight to your recipient through DocHub.

You will not need to become an editing multitasker with DocHub. Its feature set is enough for speedy document editing, regardless of the format you need to revise. Begin with registering a free account and discover how easy document management may be with a tool designed particularly to meet your needs.

PDF editing simplified with DocHub

Seamless PDF editing
Editing a PDF is as simple as working in a Word document. You can add text, drawings, highlights, and redact or annotate your document without affecting its quality. No rasterized text or removed fields. Use an online PDF editor to get your perfect document in minutes.
Smooth teamwork
Collaborate on documents with your team using a desktop or mobile device. Let others view, edit, comment on, and sign your documents online. You can also make your form public and share its URL anywhere.
Automatic saving
Every change you make in a document is automatically saved to the cloud and synchronized across all devices in real-time. No need to send new versions of a document or worry about losing information.
Google integrations
DocHub integrates with Google Workspace so you can import, edit, and sign your documents directly from your Gmail, Google Drive, and Dropbox. When finished, export documents to Google Drive or import your Google Address Book and share the document with your contacts.
Powerful PDF tools on your mobile device
Keep your work flowing even when you're away from your computer. DocHub works on mobile just as easily as it does on desktop. Edit, annotate, and sign documents from the convenience of your smartphone or tablet. No need to install the app.
Secure document sharing and storage
Instantly share, email, and fax documents in a secure and compliant way. Set a password, place your documents in encrypted folders, and enable recipient authentication to control who accesses your documents. When completed, keep your documents secure in the cloud.

Drive efficiency with the DocHub add-on for Google Workspace

Access documents and edit, sign, and share them straight from your favorite Google Apps.
Install now

How to add banner html

4.5 out of 5
2 votes

hi and welcome back to this channel and in todays video im going to show you how to design this web dedocHub okay we are having this fixed banner okay a fixed um navigation bar and then parallax effect here uh you can see that the image is fixed so when i scroll down um the text area is the only thing moving and then the navigation bar is also sticky not moving when scrolling down so im going to show you how to design this using html and css so thats what we are going to do right now so im going to write the first tag which is going to be a div tag and im going to call give it a class of box area like this and then im gonna add another tag which is going to be a header tag and inside this header tag i will add another div tag and give it a class of wrapper i will add another div tag with a class i will say logo okay and in here im simply going to add a link so if you had a logo okay a picture you could add and leave it an image tag here but as for me im simply going to add

video background

Got questions about how to make a banner in html?

Here are some common questions from our customers that may provide you with the answer you need. If you can’t find the answer to your how to add a banner in html-related question, please don’t hesitate to rich out to us.
Contact us
Add a banner On your computer, open your website in the new Google Sites. At the top right, click Settings. Announcement banner. Turn on Show banner.
Add a banner On your computer, open your website in the new Google Sites. At the top right, click Settings. Announcement banner. Turn on Show banner.
Create A Div Element Make A Div Full Screen Add Background Image Adjust Background Image Size Position Background Image Create A Container Div Element Create a div or any block-level HTML element with the class…
The
element represents a container for introductory content or a set of navigational links. A
element typically contains: one or more heading elements (

-

) logo or icon.
A banner landmark identifies site-oriented content at the beginning of each page within a website. Site-oriented content typically includes things such as the logo or identity of the site sponsor, and site-specific search tool. A banner usually appears at the top of the page and typically spans the full width.
Basic HTML Tags Head Tag. The head tag contains all the elements describing the document. Title Tag. The title tag specifies the HTML page title, which is shown in the browser's title bar. Body Tag. The body tag <body> is where you insert your web page's content. Paragraph Tag. ... Heading Tag.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="0"> <div class="accordion__panel-status"></div> How do I make a banner header in HTML? </h3> <div class="accordion__panel-body" role="tabpanel">CSS Div Height Full Screen CSS Div Height Full Screen. CSS Center A Div To The Screen. CSS Background Image Full Screen. CSS Fixed Sticky Header new CSS Header / Banner. CSS Form Registration Form. Flexbox Responsive Multi-Column Layout. CSS Responsive Registration Form.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="0"> <div class="accordion__panel-status"></div> How do you add a banner? </h3> <div class="accordion__panel-body" role="tabpanel">Add a banner On your computer, open your website in the new Google Sites. At the top right, click Settings. Announcement banner. Turn on Show banner.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="0"> <div class="accordion__panel-status"></div> How to add text in HTML? </h3> <div class="accordion__panel-body" role="tabpanel">The <ins> tag in HTML is used to specify a block of inserted text. The <ins> tag is typically used to mark a range of text that has been added to the document. The inserted text is rendered as underlined text by the web browsers although this property can be changed using CSS text-decoration property.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="0"> <div class="accordion__panel-status"></div> How do I add a banner to my website in HTML? </h3> <div class="accordion__panel-body" role="tabpanel">Declare the same custom class attribute from the HTML <div> element, in this case banner , then add the property background-image . Within the background-image , call the URL function. This function takes in relative URLs, data URIs, and absolute URLs. Finally, add the image URL to the function.</div> </div> </div> </div> </div> </section> <section class="page-section page-section--customers-reviews"> <div class="page-section__inner"> <h2 class="section-title">See why our customers choose DocHub</h2> <div class="user-reviews"> <div class="user-reviews__item"> <div class="user-review"> <div class="user-review__header"> <div class="rating"> <div class="rating__stars"> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-half-filled"></div> </div> </div> <div class="user-review__platform-logo"></div> </div> <div class="user-review__body"> <div class="user-review__title">Great solution for PDF docs with very little pre-knowledge required.</div> <div class="user-review__message">"Simplicity, familiarity with the menu and user-friendly. It's easy to navigate, make changes and edit whatever you may need. Because it's used alongside Google, the document is always saved, so you don't have to worry about it."</div> <div class="user-review__author"> <div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/33/images/_pages/functionality/icons/photo-pam@2x.png" alt="" loading="lazy"></div> <div class="user-review__author-name"><b>Pam Driscoll F</b><br>Teacher</div> </div> </div> </div> </div> <div class="user-reviews__item"> <div class="user-review"> <div class="user-review__header"> <div class="rating"> <div class="rating__stars"> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-half-filled"></div> </div> </div> <div class="user-review__platform-logo"></div> </div> <div class="user-review__body"> <div class="user-review__title">A Valuable Document Signer for Small Businesses.</div> <div class="user-review__message">"I love that DocHub is incredibly affordable and customizable. It truly does everything I need it to do, without a large price tag like some of its more well known competitors. I am able to send secure documents directly to me clients emails and via in real time when they are viewing and making alterations to a document."</div> <div class="user-review__author"> <div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/33/images/_pages/functionality/icons/photo-jiovany@2x.png" alt="" loading="lazy"></div> <div class="user-review__author-name"><b>Jiovany A</b><br>Small-Business</div> </div> </div> </div> </div> <div class="user-reviews__item"> <div class="user-review"> <div class="user-review__header"> <div class="rating"> <div class="rating__stars"> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-half-filled"></div> </div> </div> <div class="user-review__platform-logo"> </div> </div> <div class="user-review__body"> <div class="user-review__title">I can create refillable copies for the templates that I select and then I can publish those.</div> <div class="user-review__message">"I like to work and organize my work in the appropriate way to meet and even exceed the demands that are made daily in the office, so I enjoy working with PDF files, I think they are more professional and versatile, they allow..."</div> <div class="user-review__author"> <div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/33/images/_pages/functionality/icons/photo-victoria@2x.png" alt="" loading="lazy"></div> <div class="user-review__author-name"><b>Victoria G</b><br>Small-Business</div> </div> </div> </div> </div> </div> </div> </section> <section class="page-section page-section--c2a-get-form"> <div class="page-section__inner"> <div class="section-title-preamble">be ready to get more</div> <h4 class="section-title">Edit and sign PDF <span class="section-title__accent">for free</span></h4> <a class="button" href="https://dochub.com/sign-up" data-metric-ab-tower="dh_lp_sign_up_buttons_in_lp" >Get started now</a> </div> </section> <section class="page-section page-section--related-searches"> <div class="page-section__inner"> <h3 class="section-title">Related Searches</h3> <div class="tags-group"> <span class="tag">html banner w3schools</span> <span class="tag">simple html banner code</span> <span class="tag">how to make a top banner in html</span> <span class="tag">banner in html css</span> <span class="tag">hero banner html</span> <span class="tag">responsive banner html css</span> <span class="tag">html5 banner code example</span> <span class="tag">html banner template</span> </div> </div> </section> <img src="https://www.pdffiller.com/funnel.php?source=functionality_dochub" alt=""/> <div class="page__footer"> <section class="page-section page-section--functions-menus"> <div class="page-section__inner"> <h2 class="section-title">Try more PDF tools</h2> <div class="functions-menus"> <div class="functions-menus__column"> <div class="functions-menu-title">Edit & Annotate</div> <div class="functions-menu"> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--edit-pdf" href="https://www.dochub.com/en/main-features/edit-and-annotate-pdfs">Edit PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--add-fields" href="https://www.dochub.com/en/main-features/add-fillable-fields">Add Fillable Fields</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--create-pdf" href="https://www.dochub.com/en/main-features/create-a-new-pdf-document">Create PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--insert-merge" href="https://www.dochub.com/en/main-features/insert-and-merge-pdf">Insert and Merge</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--page-numbers" href="https://www.dochub.com/en/main-features/number-and-label-pages-on-a-pdf">Add Page Numbers</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--rotate-pages" href="https://www.dochub.com/en/main-features/rotate-pages-in-a-pdf">Rotate Pages</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--delete-pages" href="https://www.dochub.com/en/main-features/delete-pages-from-a-pdf">Delete Pages</a></div> </div> </div> <div class="functions-menus__column"> <div class="functions-menu-title">Convert</div> <div class="functions-menu"> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--word-to-pdf" href="https://www.dochub.com/en/main-features/convert-word-to-pdf">Word to PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--txt-to-pdf" href="https://www.dochub.com/en/main-features/convert-txt-to-pdf">TXT to PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--html-to-pdf" href="https://www.dochub.com/en/main-features/convert-html-to-pdf">HTML to PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--csv-to-pdf" href="https://www.dochub.com/en/main-features/convert-csv-to-pdf">CSV to PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--ppt-to-pdf" href="https://www.dochub.com/en/main-features/convert-ppt-to-pdf">PPT to PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--rtf-to-pdf" href="https://www.dochub.com/en/main-features/convert-rtf-to-pdf">RTF to PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--jpg-to-pdf" href="https://www.dochub.com/en/main-features/convert-jpgjpeg-to-pdf">JPG/JPEG to PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--png-to-pdf" href="https://www.dochub.com/en/main-features/convert-png-to-pdf">PNG to PDF</a></div> </div> </div> <div class="functions-menus__column"> <div class="functions-menu-title">Collaborate & Share</div> <div class="functions-menu"> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--add-comments" href="https://www.dochub.com/en/main-features/add-comments-on-a-pdf">Add Comments</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--share-link" href="https://www.dochub.com/en/main-features/send-pdf-via-shareable-link">Share via Link</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--share-email" href="https://www.dochub.com/en/main-features/send-pdf-as-attachment">Share via Email</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--fax" href="https://www.dochub.com/en/main-features/send-pdf-via-fax">Fax</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--pdf-status" href="https://www.dochub.com/en/main-features/track-pdf-document-status">PDF Status</a></div> </div> </div> <div class="functions-menus__column"> <div class="functions-menu-title">Sign & Send</div> <div class="functions-menu"> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--sign-pdf" href="https://www.dochub.com/en/main-features/sign-a-document">Sign a PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--send-for-sign" href="https://www.dochub.com/en/main-features/send-out-documents-to-be-signed">Send for Signing</a></div> </div> </div> <div class="functions-menus__column"> <div class="functions-menu-title">Protect PDF</div> <div class="functions-menu"> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--protect-pdf" href="https://www.dochub.com/en/main-features/password-protect-document">Set PDF password</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--readable-pdf" href="https://www.dochub.com/en/main-features/readable-document">Readable PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--certify-pdf" href="https://www.dochub.com/en/main-features/certify-document">Certify PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--pdf-audit" href="https://www.dochub.com/en/main-features/document-audit">PDF Audit Trail</a></div> </div> </div> <div class="functions-menus__column"> <div class="functions-menu-title">Others</div> <div class="functions-menu"> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--search-pdf" href="https://www.dochub.com/en/main-features/search-for-documents">Search for PDF</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--export" href="https://www.dochub.com/en/main-features/export-pdf">Export</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--download-pdf" href="https://www.dochub.com/en/main-features/download-pdf">Download</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--flatten-fields" href="https://www.dochub.com/en/main-features/flatten-fields-on-a-pdf">Flatten Fields</a></div> <div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--print" href="https://www.dochub.com/en/main-features/print-out-pdf">Print out</a></div> </div> </div> </div> <div class="section-decoration-shadow-1"></div> <div class="section-decoration-shadow-2"></div> <div class="section-decoration-shadow-3"></div> </div> </section> <div class="page-section page-section--footer"> <div class="page-section__inner"> <div class="footer-section"> <div class="logo"><img class="logo__image" src="https://cdn.mrkhub.com/dochub-frontend/33/images/logos/dochub-reverse.svg" alt="DocHub logo" width="104" height="24" loading="lazy"></div> <div class="footer-section footer-section--only-tablet"><a class="footer-contact-email" href="mailto:support@dochub.com">support@dochub.com</a> <div class="footer-contact-address">17 Station St., Ste 3 Brookline, MA 02445</div> <div class="socials-list lazy-background"> <div class="socials-list__item"><a class="socials-link socials-link--twitter" href="https://twitter.com/dochub">Follow Us</a></div> </div> </div> <div class="footer-section app-buttons app-buttons--desktop"> <a class="app-buttons__google-play" href="https://dochub.onelink.me/taut?af_xp=custom&pid=web_footer" target="_blank"> <img class="google-play" src="https://cdn.mrkhub.com/dochub-frontend/33/images/_modules/section-footer/google-play-transparent.svg" alt="Google Play" width="135" height="40" loading="lazy"> </a> <a class="app-buttons__app-store" href="https://dochub.onelink.me/J95I?af_xp=custom&pid=web_footer" target="_blank"> <img class="app-store" src="https://cdn.mrkhub.com/dochub-frontend/33/images/_modules/section-footer/app-store-transparent.svg" alt="App Store" width="120" height="40" loading="lazy"> </a> </div> <div class="copyright-caption">© 2024 DocHub, LLC</div> </div> <div class="footer-section"> <div class="footer-section-title">Products</div> <div class="footer-menu"> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/pdf-editor">PDF Editor</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/pdf-forms">Forms & Templates</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/sign-documents">Sign Documents</a></div> <div class="footer-menu__item"><a class="footer-menu__link" target="_blank" href="https://dochub.statuspage.io/">Server Status</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/pricing">Pricing</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/fillable-form">Forms Library</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/en/main-features">Features</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/en/functionality">Functions</a></div> </div> </div> <div class="footer-section"> <div class="footer-section-title">Company</div> <div class="footer-menu"> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/site/about">About</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/site/terms-of-services">Terms</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/site/privacy-notice">Privacy Notice</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/site/legal">Legal</a></div> <div class="footer-menu__item"><a class="footer-menu__link" target="_blank" href="https://dochub.com/helpdesk">Support</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/release-notes">Release Notes</a></div> </div> </div> <div class="footer-section"> <div class="footer-section-title">Resources</div> <div class="footer-menu"> <div class="footer-menu__item"><a class="footer-menu__link" target="_blank" href="https://www.pdffiller.com/">pdfFiller</a></div> <div class="footer-menu__item"><a class="footer-menu__link" target="_blank" href="https://www.uslegalforms.com/">US Legal Forms</a></div> <div class="footer-menu__item"><a class="footer-menu__link" target="_blank" href="https://www.signnow.com/">Electronic Signature</a></div> <div class="footer-menu__item"><a class="footer-menu__link" target="_blank" href="https://www.airslate.com ">No-code document workflows</a></div> <div class="footer-menu__item"><a class="footer-menu__link" target="_blank" href="https://www.dochub.com/en/mobile-app">DocHub Mobile App</a></div> </div> </div> <div class="footer-section"> <div class="footer-section-title">What's New</div> <div class="text-label text-label text-label--new">New</div> <div class="release-note-caption">DocHub v5.1.1 Released! Many updates and improvements!</div> </div> <div class="footer-section footer-section--only-desktop"> <div class="footer-section-title footer-section-title--mobile-only">Contact us</div> <a class="footer-contact-email" href="mailto:support@dochub.com">support@dochub.com</a> <div class="footer-contact-address">17 Station St., Ste 3 Brookline, MA 02445</div> <div class="socials-list lazy-background"> <div class="socials-list__item"> <a class="socials-link socials-link--twitter" target="_blank" href="https://twitter.com/dochub">Follow Us</a> </div> </div> </div> <div class="footer-section app-buttons app-buttons--mobile"> <a class="app-buttons__google-play" href="https://dochub.onelink.me/taut?af_xp=custom&pid=web_footer" target="_blank"> <img class="google-play" src="https://cdn.mrkhub.com/dochub-frontend/33/images/_modules/section-footer/google-play-transparent.svg" alt="Google Play" width="135" height="40" loading="lazy"> </a> <a class="app-buttons__app-store" href="https://dochub.onelink.me/J95I?af_xp=custom&pid=web_footer" target="_blank"> <img class="app-store" src="https://cdn.mrkhub.com/dochub-frontend/33/images/_modules/section-footer/app-store-transparent.svg" alt="App Store" width="120" height="40" loading="lazy"> </a> </div> </div> <div class="page-section__inner page-section__inner--footer-mobile-only"> <div class="logo"><img class="logo__image" src="https://cdn.mrkhub.com/dochub-frontend/33/images/logos/dochub-reverse.svg" alt="DocHub logo" width="104" height="24" loading="lazy"></div> <div class="copyright-caption">© 2024 DocHub, LLC</div> </div> </div> </div> <div class="popup-cookie popup-cookie__v2 popup-cookie--top"> <div class="popup-cookie__close js-popup-close"></div> <div class="popup-cookie__row"> <div class="popup-cookie__column popup-cookie__column--description"> <div class="popup-text">This site uses cookies to enhance site navigation and personalize your experience. By using this site you agree to our use of cookies as described in our <a href="https://dochub.com/site/privacy-notice" title="Cookie Privacy Notice" target="_blank">Privacy Notice</a>. You can modify your selections by visiting our <a href="https://dochub.com/site/cookies" title="Cookie Advertising Notice" target="_blank">Cookie and Advertising Notice</a>.<span class="popup-readmore popup-readmore--more">... <span class="link">Read more...</span></span><span class="popup-readmore popup-readmore--less link">Read less</span></div> </div> <div class="popup-cookie__column popup-cookie__column--action"><span class="button button__bordered js-popup-accept" tabindex="0">Accept</span></div> </div> </div> <script src="https://cdn.mrkhub.com/dochub-frontend/33/javascripts/functionality-page.js"></script> <script src="https://static-ak.pdffiller.com/frontend/babel-polyfill.min.js"></script> <script src="https://static-ak.pdffiller.com/frontend/react16-vendors.min.js"></script> <script src="https://static-ak.pdffiller.com/frontend/webpack/Uploader.js"></script> <script> window.user = { 'internalEmail' : '', 'isLogged' : false, 'isPaid' : false, 'email' : '', }; window.allConstants.UPLOADER_DOCHUB_UPLOAD_DZ_BUTTON_TEXT = 'Select a document'; var sendStat = function() { return true; }; var isUserPaid = function() { return window.user && window.user.isPaid !== undefined ? { isPaid: window.user.isPaid } : {isPaid: false}; }; var getUserEmail = function() { return window.user && window.user.internalEmail !== undefined ? { internalEmail: window.user.internalEmail, } : {internalEmail: ''}; }; var isUserLogged = function() { return window.user && window.user.isLogged !== undefined ? { isLogged: window.user.isLogged } : { isLogged: false }; }; var runTemplateSuggestion = function() { console.log('runTemplateSuggestion'); return true; }; var openEditor = function(res) { if (res.type === 'SUCCESS' || res.type === 'GO_TO_EDITOR') { setExternalGuestId('https://www.pdffiller.com/api_v3/abTest/setExternalGuestId', getRedirectLink, res.uploadData); fetch('https://www.pdffiller.com/api_v3/uploader/info', { method: 'post', headers: { 'Content-Type': 'application/json', 'User-Agent': navigator.userAgent, 'userid': res.uploadData.auth.userId, 'token': res.uploadData.auth.token, 'appkey': res.uploadData.auth.appKey }, body: JSON.stringify({ 'origin': 'https://www.dochub.com', 'projectId': res.uploadData.docList[0].id, 'guestId': '482c28c5dd.1716118872' }) }) .then(response => response.json()) .then(response => { if (response.data && response.result === true) { document.cookie = 'api_js=' + response.data.api_js + "; path=/; max-age=3600"; window.sendMetric({ abTower: 'dh_pdffiler_editor_before_redirect', dataDog: 'dh_pdffiler_editor_before_redirect', }, 'https://www.dochub.com/api/send-metrics'); window.location.href = response.data.redirect_url; } else { console.log("Can't make redirect on editor"); } }); } return true; }; window.sendMetric = (metrics = {}, route = '/api/send-metrics') => { let ajax = new XMLHttpRequest(); ajax.open('POST', route, true); ajax.setRequestHeader('Content-Type', 'application/json'); ajax.setRequestHeader('X-CSRF-TOKEN', document.querySelector('meta[name="csrf-token"]').content); ajax.send(JSON.stringify(metrics)); }; var setExternalGuestId = function (url, callback, uploadData) { var ajax = new XMLHttpRequest(); var body = { 'guestId': '482c28c5dd.1716118872' }; ajax.open('POST', url, true); ajax.setRequestHeader('userid', uploadData.auth.userId); ajax.setRequestHeader('token', uploadData.auth.token); ajax.setRequestHeader('appkey', uploadData.auth.appKey); ajax.setRequestHeader('Content-Type', 'application/json'); ajax.send(JSON.stringify(body)); }; function sendAbTestEvent() { window.sendMetric({ abTower: 'dh_pdffiler_editor_start_uploading', dataDog: 'dh_pdffiler_editor_start_uploading', }, 'https://www.dochub.com/api/send-metrics'); } var getRedirectLink = function (response) { response = JSON.parse(response); if (response.result) { document.cookie = 'api_js=' + response.data.api_js + "; path=/; max-age=3600"; window.location.href = response.data.redirect_url } }; initUploader({ localePrefix: 'DOCHUB_', app: 'DOCHUB_MAIN_FEATURES', modes: { microSites: true }, features: ["@UPLOADER\/UPLOAD"], api: { base: 'https://www.pdffiller.com', ws: { host: 'wss://mm-websocket.pdffiller.com', port: '443', }, }, auth: { appKey: 'klwlq3h4jfi8.apps.dochub.v1.0' }, multiple: 1, callbacks: { end: openEditor, request: runTemplateSuggestion }, hooks: { data: { modalOpen: [getUserEmail, isUserLogged, isUserPaid] }, actions: { startUploading: [sendAbTestEvent] }, stat: sendStat, }, }); </script> <script defer src="https://cdn.mrkhub.com/sks/js/sks_track.js"></script> <link media="all" href="https://cdn.mrkhub.com/dochub-frontend/33/stylesheets/functionality-page.css" rel="stylesheet"> </body> </html> <script>(function(){if (!document.body) return;var js = "window['__CF$cv$params']={r:'8863d9aa98a410e6',t:'MTcxNjExOTIyNi4yMzUwMDA='};_cpo=document.createElement('script');_cpo.nonce='',_cpo.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js',document.getElementsByTagName('head')[0].appendChild(_cpo);";var _0xh = document.createElement('iframe');_0xh.height = 1;_0xh.width = 1;_0xh.style.position = 'absolute';_0xh.style.top = 0;_0xh.style.left = 0;_0xh.style.border = 'none';_0xh.style.visibility = 'hidden';document.body.appendChild(_0xh);function handler() {var _0xi = _0xh.contentDocument || _0xh.contentWindow.document;if (_0xi) {var _0xj = _0xi.createElement('script');_0xj.innerHTML = js;_0xi.getElementsByTagName('head')[0].appendChild(_0xj);}}if (document.readyState !== 'loading') {handler();} else if (window.addEventListener) {document.addEventListener('DOMContentLoaded', handler);} else {var prev = document.onreadystatechange || function () {};document.onreadystatechange = function (e) {prev(e);if (document.readyState !== 'loading') {document.onreadystatechange = prev;handler();}};}})();</script>