{"id":1912,"date":"2024-09-27T19:23:25","date_gmt":"2024-09-27T19:23:25","guid":{"rendered":"https:\/\/skywebhosting.nl\/?page_id=1912"},"modified":"2025-01-18T02:10:54","modified_gmt":"2025-01-18T02:10:54","slug":"contract-agreement","status":"publish","type":"page","link":"https:\/\/skywebhosting.nl\/index.php\/contract-agreement\/","title":{"rendered":"Contract Agreement"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n \r\n Contract for Hosting and Domain Services<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\r\n <script src=\"https:\/\/cdn.rawgit.com\/szimek\/signature_pad\/master\/dist\/signature_pad.js\"><\/script>\r\n <style>\r\n body {\r\n font-family: 'Roboto', sans-serif;\r\n background-color: #f0f4f8;\r\n color: #333;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .container {\r\n max-width: 900px;\r\n margin: 40px auto;\r\n padding: 20px;\r\n background-color: #fff;\r\n border-radius: 12px;\r\n box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n h1, h2 {\r\n text-align: center;\r\n color: #1e88e5;\r\n }\r\n\r\n h1 {\r\n font-size: 2.5em;\r\n margin-bottom: 20px;\r\n }\r\n\r\n p, strong {\r\n line-height: 1.6;\r\n color: #666;\r\n }\r\n\r\n .section-title {\r\n font-size: 1.3em;\r\n margin: 20px 0;\r\n color: #1565c0;\r\n border-bottom: 2px solid #1e88e5;\r\n }\r\n\r\n .content {\r\n margin-bottom: 20px;\r\n padding: 15px;\r\n border-left: 4px solid #1e88e5;\r\n background-color: #f9f9f9;\r\n }\r\n\r\n .signature-box {\r\n border: 2px solid #ddd;\r\n padding: 20px;\r\n margin-top: 30px;\r\n }\r\n\r\n canvas {\r\n border: 1px solid #ccc;\r\n width: 100%;\r\n height: 150px;\r\n }\r\n\r\n .email-section {\r\n margin-top: 30px;\r\n text-align: center;\r\n }\r\n\r\n .email-section input {\r\n padding: 10px;\r\n margin-right: 5px;\r\n font-size: 1em;\r\n border: 1px solid #ddd;\r\n border-radius: 5px;\r\n }\r\n\r\n .email-section button {\r\n background-color: #1e88e5;\r\n color: white;\r\n border: none;\r\n padding: 10px 20px;\r\n cursor: pointer;\r\n border-radius: 5px;\r\n }\r\n\r\n .email-section button:hover {\r\n background-color: #1565c0;\r\n }\r\n\r\n .pdf-button {\r\n display: block;\r\n margin: 20px auto;\r\n padding: 10px 20px;\r\n background-color: #1e88e5;\r\n color: white;\r\n border: none;\r\n cursor: pointer;\r\n border-radius: 5px;\r\n text-align: center;\r\n }\r\n\r\n .pdf-button:hover {\r\n background-color: #1565c0;\r\n }\r\n\r\n .footer {\r\n text-align: center;\r\n font-size: 0.9em;\r\n margin-top: 40px;\r\n color: #999;\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div class=\"container\">\r\n <h1>Contract for Hosting and Domain Services<\/h1>\r\n <p><strong>Contract Date:<\/strong> [Insert Date]<\/p>\r\n <p><strong>Contract Number:<\/strong> [Insert Contract Number]<\/p>\r\n\r\n <!-- Content Sections -->\r\n <div class=\"content\">\r\n <h2 class=\"section-title\">Introduction<\/h2>\r\n <p>This contract outlines the terms and conditions...<\/p>\r\n <\/div>\r\n <!-- More sections as necessary -->\r\n\r\n <!-- Signature Section -->\r\n <div class=\"signature-box\">\r\n <h2>Signatures<\/h2>\r\n <p><strong>Client Signature:<\/strong><\/p>\r\n <canvas id=\"client-signature\"><\/canvas>\r\n <button id=\"clear-client\">Clear Signature<\/button>\r\n\r\n <p><strong>Provider Signature:<\/strong><\/p>\r\n <canvas id=\"provider-signature\"><\/canvas>\r\n <button id=\"clear-provider\">Clear Signature<\/button>\r\n <button id=\"generate-provider\">Generate Provider Signature<\/button>\r\n <\/div>\r\n\r\n <!-- Email Section -->\r\n <div class=\"email-section\">\r\n <p>Enter your email to receive this contract:<\/p>\r\n <input type=\"email\" placeholder=\"Your email address\" aria-label=\"Email\">\r\n <button>Send Contract<\/button>\r\n <\/div>\r\n\r\n <!-- Download PDF Button -->\r\n <button class=\"pdf-button\" id=\"pdf-button\">Download PDF<\/button>\r\n\r\n <div class=\"footer\">\r\n <p>© 2024 SkyWebHosting<\/p>\r\n <p>KVK Registration: [Insert KVK Number]<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n const { jsPDF } = window.jspdf;\r\n\r\n \/\/ Signature Pad Setup\r\n const clientCanvas = document.getElementById('client-signature');\r\n const clientPad = new SignaturePad(clientCanvas);\r\n\r\n const providerCanvas = document.getElementById('provider-signature');\r\n const providerPad = new SignaturePad(providerCanvas);\r\n\r\n \/\/ Buttons\r\n document.getElementById('clear-client').onclick = () => clientPad.clear();\r\n document.getElementById('clear-provider').onclick = () => providerPad.clear();\r\n document.getElementById('generate-provider').onclick = () => {\r\n const ctx = providerCanvas.getContext('2d');\r\n ctx.fillStyle = '#333';\r\n ctx.font = 'italic 24px Arial';\r\n ctx.fillText('SkyWebHosting', 20, 50);\r\n };\r\n\r\n \/\/ PDF Button\r\n document.getElementById('pdf-button').onclick = () => {\r\n const pdf = new jsPDF();\r\n pdf.html(document.querySelector('.container'), {\r\n callback: () => pdf.save('Contract.pdf'),\r\n x: 10,\r\n y: 10\r\n });\r\n };\r\n <\/script>\r\n<\/body>\r\n\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b6b8840 elementor-widget elementor-widget-spacer\" data-id=\"b6b8840\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contract for Hosting and Domain Services Contract for Hosting and Domain Services Contract Date: [Insert Date] Contract Number: [Insert Contract Number] Introduction This contract outlines the terms and conditions… Signatures Client Signature: Clear Signature Provider Signature: Clear Signature Generate Provider Signature Enter your email to receive this contract: Send Contract Download PDF © 2024 SkyWebHosting […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1912","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/skywebhosting.nl\/index.php\/wp-json\/wp\/v2\/pages\/1912","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skywebhosting.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skywebhosting.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skywebhosting.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/skywebhosting.nl\/index.php\/wp-json\/wp\/v2\/comments?post=1912"}],"version-history":[{"count":0,"href":"https:\/\/skywebhosting.nl\/index.php\/wp-json\/wp\/v2\/pages\/1912\/revisions"}],"wp:attachment":[{"href":"https:\/\/skywebhosting.nl\/index.php\/wp-json\/wp\/v2\/media?parent=1912"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}