-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·318 lines (282 loc) · 15.7 KB
/
index.html
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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<meta name="robots" content="index, follow">
<link rel="shortcut icon" type="image/png" href="favicon.png">
<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css?3232">
<link rel="stylesheet" type="text/css" href="style.css?7183">
<link rel="stylesheet" type="text/css" href="./css/animate.min.css?2145">
<link rel="stylesheet" type="text/css" href="./css/all.min.css">
<title>Home</title>
<!-- Analytics -->
<!-- Analytics END -->
</head>
<body>
<!-- Preloader -->
<div id="page-loading-blocs-notifaction" class="page-preloader"></div>
<!-- Preloader END -->
<!-- Main container -->
<div class="page-container">
<!-- hero -->
<div class="bloc bloc-fill-screen primary-gradient-bg bgc-4580 l-bloc" id="hero">
<div class="container fill-bloc-top-edge">
<div class="row">
<div class="col-12">
<nav class="navbar row navbar-expand-md navbar-dark" role="navigation">
<div class="container-fluid">
<a class="navbar-brand ltc-4279 link-style" href="./"><picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/AI%20Image.webp"><img src="img/lazyload-ph.png" data-src="img/AI%20Image.png" alt="logo" class="me-2 lazyload" width="70" height="40"></picture></a>
<button id="nav-toggle" type="button" class="ui-navbar-toggler navbar-toggler border-0 p-0 ms-auto me-md-0" aria-expanded="false" aria-label="Toggle navigation" data-bs-toggle="collapse" data-bs-target=".navbar-33797">
<span class="navbar-toggler-icon"><svg height="32" viewBox="0 0 32 32" width="32"><path class="svg-menu-icon " d="m2 9h28m-28 7h28m-28 7h28"></path></svg></span>
</button>
<div class="collapse navbar-collapse navbar-16305 navbar-33797">
<ul class="site-navigation nav navbar-nav ms-auto">
<li class="nav-item">
<a href="./" class="nav-link ltc-4279">Home</a>
</li>
<li class="nav-item">
<a href="./team/" class="nav-link ltc-4279">Contribute</a>
</li>
<li class="nav-item">
<a href="./contact/" class="nav-link ltc-4279">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="offset-lg-1 col-lg-10">
<h1 class="text-center hero-heading tc-4279 mb-4 h1-style">
Elevate Your Social Presence with Seamless Management and Innovation<br>
</h1>
<h3 class="float-none text-center hero-sub-heading tc-426">
<strong>Domper</strong>: Redefining Social Media Success, One Post at a Time<br>
</h3>
</div>
</div>
</div>
<div class="container fill-bloc-bottom-edge">
<div class="row">
<div class="col-12 col-lg-10 offset-lg-1">
<div class="text-center">
<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/Domper.webp"><img src="img/lazyload-ph.png" data-src="img/Domper.png" class="img-fluid mx-auto d-block app-offset-bottom hero-img lazyload" alt="app screenshot-short" width="946" height="586"></picture>
</div>
</div>
</div>
</div>
</div>
<!-- hero END -->
<!-- feature -->
<div class="bloc full-width-bloc tc-502 bgc-4279 l-bloc" id="feature">
<div class="container bloc-md-sm bloc-lg-md bloc-md">
<div class="row g-0">
<div class="col-lg-6 order-md-1 order-1 order-lg-0 offset-lg-0 offset-md-0 col-md-11 order-sm-1 offset-sm-0 col-sm-11 offset-0 col-11">
<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/2nd%20prototype.webp"><img src="img/lazyload-ph.png" data-src="img/2nd%20prototype.jpg" class="img-fluid mx-auto d-block rounded-right custom-shadow lazyload" alt="app screenshot" width="1120" height="700"></picture>
</div>
<div class="align-self-center offset-md-1 col-md-10 col-lg-4 col-sm-10 offset-sm-1 col-10 offset-1 order-md-0 text-center text-lg-start feature-col">
<img src="img/lazyload-ph.png" data-src="img/cms-icon.svg" class="img-fluid float-lg-none feature-icon lazyload" alt="cms icon" width="50" height="50">
<h2 class="feature-heading tc-458 mt-3 mb-4">
Website Features
</h2>
<p class="p-style">
<br>Discover Domper, your social media ally for seamless management. With an intuitive dashboard, schedule posts across platforms effortlessly. Gain insights with robust analytics, guiding strategic growth. Embrace the future with AI integration on the horizon. Domper fosters collaboration in a secure environment, complemented by mobile responsiveness and stellar customer support. Join us in shaping a dynamic community where your social presence is empowered and celebrated. Welcome to Domper – Elevate Your Social Presence.<br>
</p><a href="./pricing/" class="btn btn-lg float-md-none btn-c-7096">Get Started</a>
</div>
</div>
</div>
</div>
<!-- feature END -->
<!-- feature-2 -->
<div class="bloc full-width-bloc tc-502 bgc-3202 l-bloc" id="feature-2">
<div class="container bloc-md-sm bloc-lg-md bloc-md">
<div class="row g-0">
<div class="col-md-12 col-lg-6 order-lg-1 offset-lg-1 order-md-1 offset-md-1 order-sm-1 offset-sm-1 order-1 offset-1">
<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/Domper.webp"><img src="img/lazyload-ph.png" data-src="img/Domper.png" class="img-fluid mx-auto d-block rounded-left custom-shadow lazyload" alt="app screenshot" width="1120" height="694"></picture>
</div>
<div class="align-self-center offset-md-1 col-md-10 col-lg-4 col-sm-10 offset-sm-1 col-10 offset-1 order-md-0 text-center text-lg-start feature-col">
<img src="img/lazyload-ph.png" data-src="img/cms-icon.svg" class="img-fluid float-lg-none feature-icon lazyload" alt="cms icon" width="50" height="50">
<h2 class="feature-heading tc-458 mt-3 mb-4">
Domper Features
</h2>
<p>
Unleash your creativity with our educational resources, ensuring you stay ahead in the ever-evolving social landscape. Domper is not just a tool; it's your space to connect, learn, and flourish. With a commitment to innovation and a community-centric approach, Domper is poised to redefine your social media journey. Step into a world where every post is a milestone, every connection a triumph. Domper – where your story meets the world. Elevate your social presence with us.<br>
</p><a href="./pricing/" class="btn btn-lg float-md-none btn-c-7096">Get Started</a>
</div>
</div>
</div>
</div>
<!-- feature-2 END -->
<!-- feature-cards -->
<div class="bloc bgc-4279 l-bloc" id="feature-cards">
<div class="container bloc-lg bloc-xl-lg bloc-lg-sm">
<div class="row">
<div class="col-md-6 col-lg-4 col-sm-6">
<div class="card border-0 feature-card bgc-3202">
<div class="card-body">
<img src="img/lazyload-ph.png" data-src="img/cms-icon.svg" class="img-fluid mx-auto d-block feature-icon feature-icon-center lazyload" alt="cms icon" width="50" height="50">
<h4 class="text-center tc-458 mt-3 mb-3">
Multi-Platform Posting<br>
</h4>
<p class="text-center">
Seamlessly post content across various social media platforms, streamlining your content distribution process.<br>
</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 col-sm-6">
<div class="card border-0 feature-card bgc-3202">
<div class="card-body">
<img src="img/lazyload-ph.png" data-src="img/cms-icon.svg" class="img-fluid mx-auto d-block feature-icon feature-icon-center lazyload" alt="cms icon" width="50" height="50">
<h4 class="text-center tc-458 mt-3 mb-3">
Content Scheduling<br>
</h4>
<p class="text-center">
Plan and schedule your posts in advance, ensuring a consistent and timely presence on all your social channels.<br>
</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 col-sm-6">
<div class="card border-0 feature-card bgc-3202">
<div class="card-body">
<img src="img/lazyload-ph.png" data-src="img/cms-icon.svg" class="img-fluid mx-auto d-block feature-icon feature-icon-center lazyload" alt="cms icon" width="50" height="50">
<h4 class="text-center tc-458 mt-3 mb-3">
Robust Analytics Dashboard<br>
</h4>
<p class="text-center p-feature-cards-style">
Gain valuable insights into post performance, audience engagement, and metrics,data-driven decision-making.<br>
</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 col-sm-6">
<div class="card border-0 feature-card bgc-3202">
<div class="card-body">
<img src="img/lazyload-ph.png" data-src="img/cms-icon.svg" class="img-fluid mx-auto d-block feature-icon feature-icon-center lazyload" alt="cms icon" width="50" height="50">
<h4 class="text-center tc-458 mt-3 mb-3">
AI Integration (Future Plans)<br>
</h4>
<p class="text-center">
Stay ahead of the curve with upcoming AI features, promising advanced capabilities for content optimization and strategy enhancement.<br>
</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 col-sm-6">
<div class="card bgc-3202 border-0 feature-card">
<div class="card-body">
<img src="img/lazyload-ph.png" data-src="img/cms-icon.svg" class="img-fluid mx-auto d-block feature-icon feature-icon-center lazyload" alt="cms icon" width="50" height="50">
<h4 class="text-center tc-458 mt-3 mb-3">
Educational Resources Hub<br>
</h4>
<p class="text-center">
Access a wealth of tutorials, guides, and webinars to enhance your social media strategies and stay informed about industry trends.<br>
</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 offset-sm-0 col-sm-6">
<div class="card border-0 feature-card bgc-3202">
<div class="card-body">
<img src="img/lazyload-ph.png" data-src="img/cms-icon.svg" class="img-fluid mx-auto d-block feature-icon feature-icon-center lazyload" alt="cms icon" width="50" height="50">
<h4 class="text-center tc-458 mt-3 mb-3">
Secure Collaboration Space<br>
</h4>
<p class="text-center">
Collaborate with other creators in a secure environment, fostering a community where insights are shared, and collaboration thrives<br>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- feature-cards END -->
<!-- call-to -->
<div class="bloc tc-426 none bgc-4279 l-bloc" id="call-to">
<div class="container bloc-xl-lg bloc-md-sm bloc-lg-md bloc-md">
<div class="row">
<div class="col">
<div class="cta-card primary-gradient-bg custom-shadow">
<div class="row g-0">
<div class="col-lg-5 col-md-12 text-center text-lg-start feature-col">
<h2 class="feature-heading tc-4279 mt-md-0 mt-lg-0 mt-3 mb-4 h2-style">
Empower Your Social Presence: Join Domper Today!<br>
</h2>
<p class="text-md-center text-center float-lg-none text-lg-start sub-heading tc-426">
Take charge of your social media journey with Domper! Elevate your content strategy, connect with creators. Join now and unleash the power of seamless multi-platform posting, and a collaborative community. Domper is where your social story begins<br>
</p><a href="./pricing/" class="btn white-btn btn-lg float-lg-none btn-c-4279">Get Started</a>
</div>
<div class="col-md-12 offset-lg-0 col-lg-7 d-sm-block d-none">
<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/2nd%20prototype.webp"><img src="img/lazyload-ph.png" data-src="img/2nd%20prototype.jpg" class="img-fluid float-lg-none cta-card-img lazyload" alt="App Screenshot" width="595" height="372"></picture>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- call-to END -->
<!-- ScrollToTop Button -->
<button aria-label="Scroll to top button" class="bloc-button btn btn-d scrollToTop" onclick="scrollToTarget('1',this)"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 32 32"><path class="scroll-to-top-btn-icon" d="M30,22.656l-14-13-14,13"/></svg></button>
<!-- ScrollToTop Button END-->
<footer>
<!-- footer -->
<div class="bloc tc-426 bgc-458 d-bloc" id="footer">
<div class="container bloc-md-sm bloc-lg-md bloc-md">
<div class="row">
<div class="col-lg-3 col-sm-12 col-md-12 mb-3">
<h4 class="text-sm-start text-start tc-4279 mb-4">
Domper
</h4>
<p class="text-sm-start float-none text-start tc-426">
Elevate Your Social Presence with Seamless Management and Innovation<br>
</p>
</div>
<div class="col-sm-6 col-lg-2 offset-lg-1 col-md-3 mb-3">
<h4 class="text-sm-start text-start tc-4279 mb-4">
About
</h4><a href="./team/" class="a-btn a-block">Contribute</a><a href="./pricing/" class="a-btn a-block">Pricing</a>
</div>
<div class="col-md-3 col-sm-6 col-lg-2 mb-3">
<h4 class="text-sm-start text-start tc-4279 mb-4">
Support
</h4><a href="./pricing/" class="a-btn a-block">Knowledge Base</a><a href="./contact/" class="a-btn a-block">Contact</a><a href="./faq/" class="a-btn a-block">FAQ</a>
</div>
<div class="col-md-3 col-sm-6 col-lg-2 mb-3">
<h4 class="text-sm-start text-start tc-4279 mb-4">
Community
</h4><a href="./" class="a-btn a-block">Forum</a><a href="./faq/" class="a-btn a-block">Newsletter</a>
</div>
<div class="col-md-3 col-sm-6 col-lg-2">
<h4 class="text-sm-start text-start tc-4279 mb-4">
Subscribe
</h4>
<div><div class="social-link-bric">
<a href="https://twitter.com/Domper" class="twitter-link" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="31" height="31" fill="var(--swatch-var-4279)" viewBox="0 0 24 24" style="margin-left: 5px; margin-right: 5px;"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-.139 9.237c.209 4.617-3.234 9.765-9.33 9.765-1.854 0-3.579-.543-5.032-1.475 1.742.205 3.48-.278 4.86-1.359-1.437-.027-2.649-.976-3.066-2.28.515.098 1.021.069 1.482-.056-1.579-.317-2.668-1.739-2.633-3.26.442.246.949.394 1.486.411-1.461-.977-1.875-2.907-1.016-4.383 1.619 1.986 4.038 3.293 6.766 3.43-.479-2.053 1.08-4.03 3.199-4.03.943 0 1.797.398 2.395 1.037.748-.147 1.451-.42 2.086-.796-.246.767-.766 1.41-1.443 1.816.664-.08 1.297-.256 1.885-.517-.439.656-.996 1.234-1.639 1.697z"></path></svg></a>
<a href="https://www.linkedin.com/company/domper-ai/?viewAsMember=true" class="linkedin-link" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="31" height="31" fill="var(--swatch-var-4279)" viewBox="0 0 24 24" style="margin-left: 5px; margin-right: 5px;"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"></path></svg></a>
<script src="https://platform.linkedin.com/badges/js/profile.js" async defer type="text/javascript"></script>
<div class="badge-base LI-profile-badge" data-locale="en_US" data-size="medium" data-theme="dark" data-type="HORIZONTAL" data-vanity="sai-praveen-26b186253" data-version="v1"><a class="badge-base__link LI-simple-link" href="https://in.linkedin.com/in/sai-praveen-26b186253?trk=profile-badge">Sai Praveen</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- footer END -->
</footer>
</div>
<!-- Main container END -->
<!-- Additional JS -->
<script src="./js/bootstrap.bundle.min.js?4131"></script>
<script src="./js/blocs.min.js?8113"></script>
<script src="./js/lazysizes.min.js" defer></script><!-- Additional JS END -->
</body>
</html>