en/pricing.html at main · GitSite-dev/en · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>GitSite - Offers</title>
    <!-- Links to CSS and the icon -->
    <link rel="stylesheet" type="text/css" href="https://gitsite.dev/css/pricing.css"/>
    <link rel="icon" href="https://gitsite.dev/images/gitsite.png"/>
  </head>
  <body>
    <!-- Top of the page -->
    <div id="top">
      <span class="title">
        <img id="logo" src="https://gitsite.dev/images/gitsite.png"/>
        <a href="https://en.gitsite.dev">GitSite</a>
      </span>
    </div>

    <!-- Middle of the page -->
    <div id="middle">
      <div class="offer standard">
          <h2>Standard</h2>
          <div class="separator"></div>
          <div class="price">0.49<span>$ USD</span> <small>per user/month</small></div>
          <div class="separator"></div>
          <ul>
            <li>Domain gitsite.dev/u/&lt;user&gt;<img class="mark" src="https://gitsite.dev/images/check.png"></img></li>
            <li>1 page of content<img class="mark" src="https://gitsite.dev/images/check.png"></img></li>
            <li>Use of Javascript<img class="mark" src="https://gitsite.dev/images/cross.png"></img></li>
            <li>Folder file tree<img class="mark" src="https://gitsite.dev/images/cross.png"></img></li>
          </ul>
          <a href="https://mail.google.com/mail?to=support@gitsite.dev&su=Request%20to%20add%20a%20site%20with%20the%20Standard%20offer.&tf=cm" target="_blank"><button id="essai">Start hosting</button></a>
      </div>
      <div class="offer advanced">
          <div class="badge">Recommended</div>
          <h2>Advanced</h2>
          <div class="separator"></div>
          <div class="price">0.99<span>$ USD</span> <small>per user/month</small></div>
          <div class="separator"></div>
          <ul>
              <li>Update guaranteed within 48h<img class="mark" src="https://gitsite.dev/images/check.png"></img></li>
              <li>Domain gitsite.dev/u/&lt;user&gt;<img class="mark" src="https://gitsite.dev/images/check.png"></img></li>
              <li>2 pages of content<img class="mark" src="https://gitsite.dev/images/check.png"></img></li>
              <li>Use of Javascript<img class="mark" src="https://gitsite.dev/images/check.png"></img></li>
              <li>Folder file tree<img class="mark" src="https://gitsite.dev/images/check.png"></img></li>
          </ul>
          <a href="https://mail.google.com/mail?to=support@gitsite.dev&su=Request%20to%20add%20a%20site%20with%20the%20Advanced%20offer.&tf=cm" target="_blank"><button>Host your site</button></a>
      </div>
      <div class="offer premium">
          <h2>Premium</h2>
          <div class="separator"></div>
          <div class="price">1.79<span>$ USD</span> <small>per user/month</small></div>
          <div class="separator"></div>
          <ul>
              <li>File name customization<img class="mark" src="https://gitsite.dev/images/check.png"></img></li>
              <li>Update guaranteed within 24h<img class="mark" src="https://gitsite.dev/images/goldcheck.png"></img></li>
              <li>Domain gitsite.dev/&lt;user&gt;<img class="mark" src="https://gitsite.dev/images/goldcheck.png"></img></li>
              <li>Unlimited number of pages<img class="mark" src="https://gitsite.dev/images/goldcheck.png"></img></li>
              <li>Use of Javascript<img class="mark" src="https://gitsite.dev/images/check.png"></img></li>
              <li>Folder file tree<img class="mark" src="https://gitsite.dev/images/check.png"></img></li>
          </ul>
          <a href="https://mail.google.com/mail?to=support@gitsite.dev&su=Request%20to%20add%20a%20site%20with%20the%20Premium%20offer.&tf=cm" target="_blank"><button>Upgrade to the next level</button></a>
      </div>
    </div>

    <!-- Bottom of the page -->
    <div id="bottom">
      <a href="/upgrade">
        <button class="button">
          Change subscription
          <div class="icon">
            <svg height="24" width="24" viewBox="0 0 24 24" xmlns="https://www.w3.org/2000/svg">
              <path d="M16.172 11l-5.364-5.364 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2z" fill="currentColor"></path>
            </svg>
          </div>
        </button>
      </a>
    </div>

    <!-- Load the Js -->
    <script src="https://gitsite.dev/js/pricing.js"></script>
  </body>
</html>