mirror of
https://github.com/documenso/documenso.git
synced 2025-11-12 15:53:02 +10:00
415 lines
28 KiB
HTML
415 lines
28 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Documenso</title>
|
|
<link href="https://fonts.googleapis.com/css?family=Lato:400,400i|Roboto:500" rel="stylesheet">
|
|
<link rel="stylesheet" href="dist/css/style.css">
|
|
<script src="https://unpkg.com/scrollreveal@4.0.0/dist/scrollreveal.min.js"></script>
|
|
</head>
|
|
|
|
<body class="is-boxed has-animations">
|
|
<div class="body-wrap boxed-container">
|
|
<header class="site-header">
|
|
<div class="container">
|
|
<div class="site-header-inner">
|
|
<div class="brand header-brand">
|
|
<h1 class="m-0">
|
|
<a href="#">
|
|
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
|
|
<title>Documenso</title>
|
|
<defs>
|
|
<linearGradient x1="100%" y1="0%" x2="0%" y2="100%" id="logo-gradient-b">
|
|
<stop stop-color="#39D8C8" offset="0%" />
|
|
<stop stop-color="#BCE4F4" offset="47.211%" />
|
|
<stop stop-color="#838DEA" offset="100%" />
|
|
</linearGradient>
|
|
<path d="M32 16H16v16H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h28a2 2 0 0 1 2 2v14z"
|
|
id="logo-gradient-a" />
|
|
<linearGradient x1="23.065%" y1="25.446%" y2="100%" id="logo-gradient-c">
|
|
<stop stop-color="#1274ED" stop-opacity="0" offset="0%" />
|
|
<stop stop-color="#1274ED" offset="100%" />
|
|
</linearGradient>
|
|
</defs>
|
|
<g fill="none" fill-rule="evenodd">
|
|
<mask id="logo-gradient-d" fill="#fff">
|
|
<use xlink:href="#logo-gradient-a" />
|
|
</mask>
|
|
<use fill="url(#logo-gradient-b)" xlink:href="#logo-gradient-a" />
|
|
<path fill="url(#logo-gradient-c)" mask="url(#logo-gradient-d)"
|
|
d="M-16-16h32v32h-32z" />
|
|
</g>
|
|
</svg>
|
|
</a>
|
|
</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<section class="hero text-center">
|
|
<div class="container-sm">
|
|
<div class="hero-inner">
|
|
<h1 class="hero-title h2-mobile mt-0 is-revealing">Documenso - The DocuSign Open Source
|
|
Alternative</h1>
|
|
<p class="hero-paragraph is-revealing">Documeso aims to be the leading document signing tool.
|
|
Join us in creating a free and open source signing tool for everyone.</p>
|
|
<div class="hero-form newsletter-form field field-grouped is-revealing">
|
|
<div class="control control-expanded">
|
|
<input class="input" type="email" name="email" placeholder="Your best email…">
|
|
</div>
|
|
<div class="control">
|
|
<a class="button button-primary button-block button-shadow" href="#">Get early
|
|
access</a>
|
|
</div>
|
|
</div>
|
|
<div class="hero-browser">
|
|
<div class="bubble-3 is-revealing">
|
|
<svg width="427" height="286" viewBox="0 0 427 286" xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
<defs>
|
|
<path
|
|
d="M213.5 286C331.413 286 427 190.413 427 72.5S304.221 16.45 186.309 16.45C68.396 16.45 0-45.414 0 72.5S95.587 286 213.5 286z"
|
|
id="bubble-3-a" />
|
|
</defs>
|
|
<g fill="none" fill-rule="evenodd">
|
|
<mask id="bubble-3-b" fill="#fff">
|
|
<use xlink:href="#bubble-3-a" />
|
|
</mask>
|
|
<use fill="#4E8FF8" xlink:href="#bubble-3-a" />
|
|
<path
|
|
d="M64.5 129.77c117.913 0 213.5-95.588 213.5-213.5 0-117.914-122.779-56.052-240.691-56.052C-80.604-139.782-149-201.644-149-83.73c0 117.913 95.587 213.5 213.5 213.5z"
|
|
fill="#1274ED" mask="url(#bubble-3-b)" />
|
|
<path
|
|
d="M381.5 501.77c117.913 0 213.5-95.588 213.5-213.5 0-117.914-122.779-56.052-240.691-56.052C236.396 232.218 168 170.356 168 288.27c0 117.913 95.587 213.5 213.5 213.5z"
|
|
fill="#75ABF3" mask="url(#bubble-3-b)" />
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<div class="bubble-4 is-revealing">
|
|
<svg width="230" height="235" viewBox="0 0 230 235" xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
<defs>
|
|
<path
|
|
d="M196.605 234.11C256.252 234.11 216 167.646 216 108 216 48.353 167.647 0 108 0S0 48.353 0 108s136.959 126.11 196.605 126.11z"
|
|
id="bubble-4-a" />
|
|
</defs>
|
|
<g fill="none" fill-rule="evenodd">
|
|
<mask id="bubble-4-b" fill="#fff">
|
|
<use xlink:href="#bubble-4-a" />
|
|
</mask>
|
|
<use fill="#7CE8DD" xlink:href="#bubble-4-a" />
|
|
<circle fill="#3BDDCC" mask="url(#bubble-4-b)" cx="30" cy="108" r="108" />
|
|
<circle fill="#B1F1EA" opacity=".7" mask="url(#bubble-4-b)" cx="265" cy="88"
|
|
r="108" />
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<div class="hero-browser-inner is-revealing">
|
|
<svg width="800" height="450" viewBox="0 0 800 450" xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
<defs>
|
|
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="browser-a">
|
|
<stop stop-color="#F6F8FA" stop-opacity=".48" offset="0%" />
|
|
<stop stop-color="#F6F8FA" offset="100%" />
|
|
</linearGradient>
|
|
<linearGradient x1="50%" y1="100%" x2="50%" y2="0%" id="browser-b">
|
|
<stop stop-color="#F6F8FA" stop-opacity=".48" offset="0%" />
|
|
<stop stop-color="#F6F8FA" offset="100%" />
|
|
</linearGradient>
|
|
<linearGradient x1="100%" y1="-12.816%" x2="0%" y2="-12.816%" id="browser-c">
|
|
<stop stop-color="#F6F8FA" stop-opacity="0" offset="0%" />
|
|
<stop stop-color="#E3E7EB" offset="50.045%" />
|
|
<stop stop-color="#F6F8FA" stop-opacity="0" offset="100%" />
|
|
</linearGradient>
|
|
<filter x="-500%" y="-500%" width="1000%" height="1000%"
|
|
filterUnits="objectBoundingBox" id="dropshadow-1">
|
|
<feOffset dy="16" in="SourceAlpha" result="shadowOffsetOuter" />
|
|
<feGaussianBlur stdDeviation="24" in="shadowOffsetOuter"
|
|
result="shadowBlurOuter" />
|
|
<feColorMatrix values="0 0 0 0 0.12 0 0 0 0 0.17 0 0 0 0 0.21 0 0 0 0.2 0"
|
|
in="shadowBlurOuter" />
|
|
</filter>
|
|
</defs>
|
|
<g fill="none" fill-rule="evenodd">
|
|
<rect width="800" height="450" rx="4" fill="#FFF"
|
|
style="mix-blend-mode:multiply;filter:url(#dropshadow-1)" />
|
|
<rect width="800" height="450" rx="4" fill="#FFF" />
|
|
<g fill="url(#browser-a)" transform="translate(47 67)">
|
|
<path
|
|
d="M146 0h122v122H146zM0 0h122v122H0zM292 0h122v122H292zM438 0h122v122H438zM584 0h122v122H584z" />
|
|
</g>
|
|
<g transform="translate(47 239)" fill="url(#browser-b)">
|
|
<path
|
|
d="M146 0h122v122H146zM0 0h122v122H0zM292 0h122v122H292zM438 0h122v122H438zM584 0h122v122H584z" />
|
|
</g>
|
|
<path fill="url(#browser-c)" d="M0 146h706v2H0z" transform="translate(47 67)" />
|
|
<g transform="translate(0 12)">
|
|
<circle fill="#FF6D8B" cx="36" cy="4" r="4" />
|
|
<circle fill="#FFCB4F" cx="52" cy="4" r="4" />
|
|
<circle fill="#7CE8DD" cx="68" cy="4" r="4" />
|
|
<path fill="url(#browser-c)" d="M0 20h800v2H0z" />
|
|
<path fill="#E3E7EB" d="M742 2h24v4h-24z" />
|
|
</g>
|
|
<g>
|
|
<path fill="#F6F8FA" d="M47 385h706v32H47z" />
|
|
<path fill="#E3E7EB" d="M356 399h88v4h-88z" />
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<div class="bubble-1 is-revealing">
|
|
<svg width="61" height="52" viewBox="0 0 61 52" xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
<defs>
|
|
<path
|
|
d="M32 43.992c17.673 0 28.05 17.673 28.05 0S49.674 0 32 0C14.327 0 0 14.327 0 32c0 17.673 14.327 11.992 32 11.992z"
|
|
id="bubble-1-a" />
|
|
</defs>
|
|
<g fill="none" fill-rule="evenodd">
|
|
<mask id="bubble-1-b" fill="#fff">
|
|
<use xlink:href="#bubble-1-a" />
|
|
</mask>
|
|
<use fill="#FF6D8B" xlink:href="#bubble-1-a" />
|
|
<path
|
|
d="M2 43.992c17.673 0 28.05 17.673 28.05 0S19.674 0 2 0c-17.673 0-32 14.327-32 32 0 17.673 14.327 11.992 32 11.992z"
|
|
fill="#FF4F73" mask="url(#bubble-1-b)" />
|
|
<path
|
|
d="M74 30.992c17.673 0 28.05 17.673 28.05 0S91.674-13 74-13C56.327-13 42 1.327 42 19c0 17.673 14.327 11.992 32 11.992z"
|
|
fill-opacity=".8" fill="#FFA3B5" mask="url(#bubble-1-b)" />
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<div class="bubble-2 is-revealing">
|
|
<svg width="179" height="126" viewBox="0 0 179 126" xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
<defs>
|
|
<path
|
|
d="M104.697 125.661c41.034 0 74.298-33.264 74.298-74.298s-43.231-7.425-84.265-7.425S0-28.44 0 12.593c0 41.034 63.663 113.068 104.697 113.068z"
|
|
id="bubble-2-a" />
|
|
</defs>
|
|
<g fill="none" fill-rule="evenodd">
|
|
<mask id="bubble-2-b" fill="#fff">
|
|
<use xlink:href="#bubble-2-a" />
|
|
</mask>
|
|
<use fill="#838DEA" xlink:href="#bubble-2-a" />
|
|
<path
|
|
d="M202.697 211.661c41.034 0 74.298-33.264 74.298-74.298s-43.231-7.425-84.265-7.425S98 57.56 98 98.593c0 41.034 63.663 113.068 104.697 113.068z"
|
|
fill="#626CD5" mask="url(#bubble-2-b)" />
|
|
<path
|
|
d="M43.697 56.661c41.034 0 74.298-33.264 74.298-74.298s-43.231-7.425-84.265-7.425S-61-97.44-61-56.407C-61-15.373 2.663 56.661 43.697 56.661z"
|
|
fill="#B1B6F1" opacity=".64" mask="url(#bubble-2-b)" />
|
|
</g>
|
|
</svg>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="features section text-center">
|
|
<div class="container">
|
|
<div class="features-inner section-inner has-bottom-divider">
|
|
<div class="features-wrap">
|
|
<div class="feature is-revealing">
|
|
<div class="feature-inner">
|
|
<div class="feature-icon">
|
|
<svg width="80" height="80" xmlns="http://www.w3.org/2000/svg">
|
|
<g fill="none" fill-rule="evenodd">
|
|
<path
|
|
d="M48.066 61.627c6.628 0 10.087-16.79 10.087-23.418 0-6.627-5.025-9.209-11.652-9.209C39.874 29 24 42.507 24 49.135c0 6.627 17.439 12.492 24.066 12.492z"
|
|
fill-opacity=".24" fill="#A0A6EE" />
|
|
<path d="M26 54l28-28" stroke="#838DEA" stroke-width="2"
|
|
stroke-linecap="square" />
|
|
<path d="M26 46l20-20M26 38l12-12M26 30l4-4M34 54l20-20M42 54l12-12"
|
|
stroke="#767DE1" stroke-width="2" stroke-linecap="square" />
|
|
<path d="M50 54l4-4" stroke="#838DEA" stroke-width="2"
|
|
stroke-linecap="square" />
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<h3 class="feature-title">Truly Open Source</h3>
|
|
<p class="text-sm">Where text is visible, people tend to focus on the textual
|
|
content rather than upon overall presentation.</p>
|
|
</div>
|
|
</div>
|
|
<div class="feature is-revealing">
|
|
<div class="feature-inner">
|
|
<div class="feature-icon">
|
|
<svg width="80" height="80" xmlns="http://www.w3.org/2000/svg">
|
|
<g fill="none" fill-rule="evenodd">
|
|
<path
|
|
d="M48.066 61.627c6.628 0 10.087-16.79 10.087-23.418 0-6.627-5.025-9.209-11.652-9.209C39.874 29 24 42.507 24 49.135c0 6.627 17.439 12.492 24.066 12.492z"
|
|
fill-opacity=".24" fill="#75ABF3" />
|
|
<path d="M34 52V35M40 52V42M46 52V35M52 52V42M28 52V28" stroke="#4D8EF7"
|
|
stroke-width="2" stroke-linecap="square" />
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<h3 class="feature-title">Self-Hosted</h3>
|
|
<p class="text-sm">Where text is visible, people tend to focus on the textual
|
|
content rather than upon overall presentation.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="features-wrap">
|
|
<div class="feature is-revealing">
|
|
<div class="feature-inner">
|
|
<div class="feature-icon">
|
|
<svg width="80" height="80" xmlns="http://www.w3.org/2000/svg">
|
|
<g fill="none" fill-rule="evenodd">
|
|
<path
|
|
d="M48.066 61.627c6.628 0 10.087-16.79 10.087-23.418 0-6.627-5.025-9.209-11.652-9.209C39.874 29 24 42.507 24 49.135c0 6.627 17.439 12.492 24.066 12.492z"
|
|
fill-opacity=".32" fill="#FF97AC" />
|
|
<path stroke="#FF6D8B" stroke-width="2" stroke-linecap="square"
|
|
d="M49 45h6V25H35v6M43 55h2v-2M25 53v2h2M27 35h-2v2" />
|
|
<path stroke="#FF6D8B" stroke-width="2" stroke-linecap="square"
|
|
d="M43 35h2v2M39 55h-2M33 55h-2M39 35h-2M33 35h-2M45 49v-2M25 49v-2M25 43v-2M45 43v-2" />
|
|
</g>
|
|
</svg>
|
|
|
|
</div>
|
|
<h3 class="feature-title">Slick</h3>
|
|
<p class="text-sm">Where text is visible, people tend to focus on the textual
|
|
content rather than upon overall presentation.</p>
|
|
</div>
|
|
</div>
|
|
<div class="feature is-revealing">
|
|
<div class="feature-inner">
|
|
<div class="feature-icon">
|
|
<svg width="80" height="80" xmlns="http://www.w3.org/2000/svg">
|
|
<g transform="translate(24 25)" fill="none" fill-rule="evenodd">
|
|
<path
|
|
d="M24.066 36.627c6.628 0 10.087-16.79 10.087-23.418C34.153 6.582 29.128 4 22.501 4 15.874 4 0 17.507 0 24.135c0 6.627 17.439 12.492 24.066 12.492z"
|
|
fill-opacity=".32" fill="#A0EEE5" />
|
|
<circle stroke="#39D8C8" stroke-width="2" stroke-linecap="square" cx="5"
|
|
cy="4" r="4" />
|
|
<path stroke="#39D8C8" stroke-width="2" stroke-linecap="square"
|
|
d="M23 22h8v8h-8zM11 10l9 9" />
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<h3 class="feature-title">Paperless</h3>
|
|
<p class="text-sm">Where text is visible, people tend to focus on the textual
|
|
content rather than upon overall presentation.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="newsletter section">
|
|
<div class="container-sm">
|
|
<div class="newsletter-inner section-inner">
|
|
<div class="newsletter-header text-center is-revealing">
|
|
<h2 class="section-title mt-0">Stay in the know</h2>
|
|
<p class="section-paragraph">Lorem ipsum is common placeholder text used to demonstrate the
|
|
graphic elements of a document or visual presentation</p>
|
|
</div>
|
|
<div class="footer-form newsletter-form field field-grouped is-revealing">
|
|
<div class="control control-expanded">
|
|
<input class="input" type="email" name="email" placeholder="Your best email…">
|
|
</div>
|
|
<div class="control">
|
|
<a class="button button-primary button-block button-shadow" href="#">Get early
|
|
access</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="site-footer text-light">
|
|
<div class="container">
|
|
<div class="site-footer-inner">
|
|
<div class="brand footer-brand">
|
|
<a href="#">
|
|
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
|
|
<title>Documenso</title>
|
|
<defs>
|
|
<path d="M32 16H16v16H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h28a2 2 0 0 1 2 2v14z"
|
|
id="logo-gradient-footer-a" />
|
|
<linearGradient x1="50%" y1="50%" y2="100%" id="logo-gradient-footer-b">
|
|
<stop stop-color="#FFF" stop-opacity="0" offset="0%" />
|
|
<stop stop-color="#FFF" offset="100%" />
|
|
</linearGradient>
|
|
</defs>
|
|
<g fill="none" fill-rule="evenodd">
|
|
<mask id="logo-gradient-footer-c" fill="#fff">
|
|
<use xlink:href="#logo-gradient-footer-a" />
|
|
</mask>
|
|
<use fill-opacity=".32" fill="#FFF" xlink:href="#logo-gradient-footer-a" />
|
|
<path fill="url(#logo-gradient-footer-b)" mask="url(#logo-gradient-footer-c)"
|
|
d="M-16-16h32v32h-32z" />
|
|
</g>
|
|
</svg>
|
|
|
|
</a>
|
|
</div>
|
|
<ul class="footer-links list-reset">
|
|
<li>
|
|
<a href="#">Contact</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">About us</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">FAQ's</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Support</a>
|
|
</li>
|
|
</ul>
|
|
<ul class="footer-social-links list-reset">
|
|
<li>
|
|
<a href="#">
|
|
<span class="screen-reader-text">Facebook</span>
|
|
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
|
|
<path
|
|
d="M6.023 16L6 9H3V6h3V4c0-2.7 1.672-4 4.08-4 1.153 0 2.144.086 2.433.124v2.821h-1.67c-1.31 0-1.563.623-1.563 1.536V6H13l-1 3H9.28v7H6.023z"
|
|
fill="#FFFFFF" />
|
|
</svg>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<span class="screen-reader-text">Twitter</span>
|
|
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
|
|
<path
|
|
d="M16 3c-.6.3-1.2.4-1.9.5.7-.4 1.2-1 1.4-1.8-.6.4-1.3.6-2.1.8-.6-.6-1.5-1-2.4-1-1.7 0-3.2 1.5-3.2 3.3 0 .3 0 .5.1.7-2.7-.1-5.2-1.4-6.8-3.4-.3.5-.4 1-.4 1.7 0 1.1.6 2.1 1.5 2.7-.5 0-1-.2-1.5-.4C.7 7.7 1.8 9 3.3 9.3c-.3.1-.6.1-.9.1-.2 0-.4 0-.6-.1.4 1.3 1.6 2.3 3.1 2.3-1.1.9-2.5 1.4-4.1 1.4H0c1.5.9 3.2 1.5 5 1.5 6 0 9.3-5 9.3-9.3v-.4C15 4.3 15.6 3.7 16 3z"
|
|
fill="#FFFFFF" />
|
|
</svg>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<span class="screen-reader-text">Google</span>
|
|
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
|
|
<path
|
|
d="M7.9 7v2.4H12c-.2 1-1.2 3-4 3-2.4 0-4.3-2-4.3-4.4 0-2.4 2-4.4 4.3-4.4 1.4 0 2.3.6 2.8 1.1l1.9-1.8C11.5 1.7 9.9 1 8 1 4.1 1 1 4.1 1 8s3.1 7 7 7c4 0 6.7-2.8 6.7-6.8 0-.5 0-.8-.1-1.2H7.9z"
|
|
fill="#FFFFFF" />
|
|
</svg>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<div class="footer-copyright">© 2022 Venturo UG. All rights reserved.<br>
|
|
Questions:
|
|
hi@documenso.com</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
|
|
<script src="dist/js/main.min.js"></script>
|
|
</body>
|
|
<script
|
|
id="mcjs">!function (c, h, i, m, p) { m = c.createElement(h), p = c.getElementsByTagName(h)[0], m.async = 1, m.src = i, p.parentNode.insertBefore(m, p) }(document, "script", "https://chimpstatic.com/mcjs-connected/js/users/a0d317776c8dce588e5cdee19/74d7846c89d1766ae50d2c721.js");</script>
|
|
|
|
</html> |