Skip to content

Commit bd46ff8

Browse files
author
SPRINX0\prochazka
committed
editions info
1 parent fccb3c6 commit bd46ff8

File tree

2 files changed

+158
-1
lines changed

2 files changed

+158
-1
lines changed

‎content/_index.md‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,12 @@
22
title: DbGate Community
33
headTitle: DbGate | Open Source SQL+noSQL Database Client
44
subtitle: The Smartest SQL+noSQL Database Client
5-
callouts: home_callouts
5+
# callouts: home_callouts
66
download_button: true
77
---
88

9+
{{< editions >}}
10+
911
{{< carousel >}}
1012

1113

‎layouts/shortcodes/editions.html‎

Lines changed: 155 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,155 @@
1+
<div class="columns is-centered is-multiline mb-6">
2+
<!-- Community Edition -->
3+
<div class="column is-4">
4+
<div class="card has-text-centered">
5+
<div class="card-content">
6+
<div class="content">
7+
<h3 class="title is-4 has-text-primary">
8+
<i class="fas fa-users mr-2"></i>
9+
Community
10+
</h3>
11+
<p class="subtitle is-6 has-text-grey">Free & Open Source</p>
12+
13+
<div class="price-tag mb-4">
14+
<span class="title is-2 has-text-primary">Free</span>
15+
</div>
16+
17+
<ul class="has-text-left">
18+
<li><i class="fas fa-check has-text-success mr-2"></i>Database management</li>
19+
<li><i class="fas fa-check has-text-success mr-2"></i>Query editor</li>
20+
<li><i class="fas fa-check has-text-success mr-2"></i>Data grid</li>
21+
<li><i class="fas fa-check has-text-success mr-2"></i>Schema browser</li>
22+
<li><i class="fas fa-check has-text-success mr-2"></i>Import/Export</li>
23+
<li><i class="fas fa-check has-text-success mr-2"></i>Multiple connections</li>
24+
<li><i class="fas fa-check has-text-success mr-2"></i>Desktop and docker versions</li>
25+
</ul>
26+
</div>
27+
</div>
28+
<footer class="card-footer">
29+
<div class="card-footer-item">
30+
<a href="/download" class="button is-primary is-fullwidth">
31+
<span class="icon">
32+
<i class="fas fa-download"></i>
33+
</span>
34+
<span>Download</span>
35+
</a>
36+
</div>
37+
</footer>
38+
</div>
39+
</div>
40+
41+
<!-- Premium Edition -->
42+
<div class="column is-4">
43+
<div class="card has-text-centered is-highlighted">
44+
<div class="card-header">
45+
<div class="card-header-title is-centered">
46+
<span class="tag is-warning is-medium">Most Popular</span>
47+
</div>
48+
</div>
49+
<div class="card-content">
50+
<div class="content">
51+
<h3 class="title is-4 has-text-warning">
52+
<i class="fas fa-star mr-2"></i>
53+
Premium
54+
</h3>
55+
<p class="subtitle is-6 has-text-grey">For Individual Users</p>
56+
57+
<div class="price-tag mb-4">
58+
<span class="title is-2 has-text-warning">$12</span>
59+
<span class="subtitle is-6">/month</span>
60+
</div>
61+
62+
<ul class="has-text-left">
63+
<li><i class="fas fa-check has-text-success mr-2"></i>Desktop application</li>
64+
<li><i class="fas fa-check has-text-success mr-2"></i>Query designer</li>
65+
<li><i class="fas fa-check has-text-success mr-2"></i>Charts</li>
66+
<li><i class="fas fa-check has-text-success mr-2"></i>Unlimited DbGate cloud storage</li>
67+
<li><i class="fas fa-check has-text-success mr-2"></i>Database backup and restore</li>
68+
<li><i class="fas fa-check has-text-success mr-2"></i>Premium support</li>
69+
</ul>
70+
</div>
71+
</div>
72+
<footer class="card-footer">
73+
<div class="card-footer-item">
74+
<a href="https://dbgate.io/" class="button is-warning is-fullwidth">
75+
<span class="icon">
76+
<i class="fas fa-crown"></i>
77+
</span>
78+
<span>Get Premium</span>
79+
</a>
80+
</div>
81+
</footer>
82+
</div>
83+
</div>
84+
85+
<!-- Team Premium Edition -->
86+
<div class="column is-4">
87+
<div class="card has-text-centered">
88+
<div class="card-content">
89+
<div class="content">
90+
<h3 class="title is-4 has-text-info">
91+
<i class="fas fa-building mr-2"></i>
92+
Team Premium
93+
</h3>
94+
<p class="subtitle is-6 has-text-grey">For Teams & Organizations</p>
95+
96+
<div class="price-tag mb-4">
97+
<span class="title is-2 has-text-info">$15</span>
98+
<span class="subtitle is-6">/user/month</span>
99+
</div>
100+
101+
<ul class="has-text-left">
102+
<li><i class="fas fa-check has-text-success mr-2"></i>Everything in Premium</li>
103+
<li><i class="fas fa-check has-text-success mr-2"></i>Web version (docker)</li>
104+
<li><i class="fas fa-check has-text-success mr-2"></i>Administration interface</li>
105+
<li><i class="fas fa-check has-text-success mr-2"></i>Team collaboration</li>
106+
<li><i class="fas fa-check has-text-success mr-2"></i>Shared connections</li>
107+
<li><i class="fas fa-check has-text-success mr-2"></i>User management</li>
108+
<li><i class="fas fa-check has-text-success mr-2"></i>Role based permissions</li>
109+
<li><i class="fas fa-check has-text-success mr-2"></i>Priority support</li>
110+
</ul>
111+
</div>
112+
</div>
113+
<footer class="card-footer">
114+
<div class="card-footer-item">
115+
<a href="https://dbgate.io/editions/team-premium" class="button is-info is-fullwidth">
116+
<span class="icon">
117+
<i class="fas fa-users-cog"></i>
118+
</span>
119+
<span>Get Team Premium</span>
120+
</a>
121+
</div>
122+
</footer>
123+
</div>
124+
</div>
125+
</div>
126+
127+
<style>
128+
.is-highlighted {
129+
transform: scale(1.05);
130+
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
131+
}
132+
133+
.price-tag {
134+
padding: 1rem 0;
135+
border-bottom: 1px solid #f5f5f5;
136+
}
137+
138+
.card {
139+
height: 100%;
140+
transition: transform 0.2s ease-in-out;
141+
}
142+
143+
.card:hover {
144+
transform: translateY(-5px);
145+
}
146+
147+
.card ul {
148+
list-style: none;
149+
padding: 0;
150+
}
151+
152+
.card ul li {
153+
padding: 0.25rem 0;
154+
}
155+
</style>

0 commit comments

Comments
 (0)