This repository has been archived by the owner on Oct 28, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
315 lines (280 loc) · 13.9 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
<!doctype html>
<html lang="en"><head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Dogegram</title>
<link rel="icon" href="https://assets.dogegram.xyz/favicon.ico">
<meta property="og:description" content="New Cool Social Network, share and stay connected!">
<meta property="og:title" content="Dogegram">
<meta name="description" content="New Cool Social Network, share and stay connected!">
<meta name="theme-color" content="#ffc107">
<!--Inter UI font-->
<link href="https://rsms.me/inter/inter-ui.css" rel="stylesheet">
<!--vendors styles-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css">
<!-- Bootstrap CSS / Color Scheme -->
<link rel="stylesheet" href="css/default.css" id="theme-color">
<style>
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.modal-content {
background-color: #263238;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 80%;
}
/* The Close Button */
.close {
color: #aaaaaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.code {
color:#a9a9a9
}
</style>
</head>
<body data-new-gr-c-s-check-loaded="14.1026.0" data-gr-ext-installed="">
<!--navigation-->
<section class="smart-scroll">
<div class="container-fluid">
<nav class="navbar navbar-expand-md navbar-dark">
<a class="navbar-brand heading-black" href="index.html">
Dogegram
</a>
</nav>
</div>
</section>
<!--hero header-->
<section class="py-7 py-md-0 bg-hero" id="home">
<div class="container">
<div class="row vh-md-100">
<div class="col-md-8 col-sm-10 col-12 mx-auto my-auto text-center">
<h1 class="heading-black text-capitalize">a cool, new social media that respects privacy</h1>
<p class="lead py-3">so are you ready to have fun?</p>
<a href="https://twitter.com/DogegramHQ" class="btn btn-primary d-inline-flex flex-row align-items-center">Coming Soon, Stay Tuned On Twitter<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right ml-2"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
</a>
</div>
</div>
</div>
</section>
<!-- features section -->
<section class="pt-6 pb-7" id="features">
<div class="container">
<div class="row">
<div class="col-md-6 mx-auto text-center">
<h2 class="heading-black">Such Features, Much Wow</h2>
<p class="text-muted lead">We just like Doge a lot, and by lot we mean a lot</p>
</div>
</div>
<div class="row mt-5">
<div class="col-md-10 mx-auto">
<div class="row feature-boxes">
<div class="col-md-6 box">
<div class="icon-box box-primary">
<div class="icon-box-inner">
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit-3"><polygon points="14 2 18 6 7 17 3 17 3 13 14 2"></polygon><line x1="3" y1="22" x2="21" y2="22"></line></svg>
</div>
</div>
<h5>Create once. Share everywhere.</h5>
<p class="text-muted">We sync posts as soon as you hit share, to every follower, whether there are 1 or 100k.</p>
</div>
<div class="col-md-6 box">
<div class="icon-box box-success">
<div class="icon-box-inner">
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-monitor"><rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect><line x1="8" y1="21" x2="16" y2="21"></line><line x1="12" y1="17" x2="12" y2="21"></line></svg>
</div>
</div>
<h5>Realtime notifications</h5>
<p class="text-muted">Did someone just comment on your post for the first time? We just send you the good news as soon as it happens!</p>
</div>
<div class="col-md-6 box">
<div class="icon-box box-danger">
<div class="icon-box-inner">
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-layout"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
</div>
</div>
<h5>Works on any device</h5>
<p class="text-muted">Hmm, did some app prevent you from posting from your browser? Sad, but no problem, we allow you to send posts from any device.</p>
</div>
<div class="col-md-6 box">
<div class="icon-box box-info">
<div class="icon-box-inner">
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-globe"><circle cx="12" cy="12" r="10"></circle><line x1="2" y1="12" x2="22" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg>
</div>
</div>
<h5>Available globally</h5>
<p class="text-muted">Doge is always with you, go anywhere on Earth. You can always connect to us!*</p>
</div>
</div>
</div>
</div>
<div class="row mt-6">
<div style="
width: 100%;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
">
<h2>And It's Free!</h2>
<p class="mb-5">For you and everybody.</p>
<a href="#" class="btn btn-light">Feel Freedom.</a>
</div>
</div>
</div>
</section>
<!--pricing section-->
<section class="py-7 bg-dark section-angle top-right bottom-right" id="pricing">
<div class="container">
<div class="row">
<div class="col-md-6 mx-auto text-center">
<h2 class="text-white heading-black">Really? How do you earn then?</h2>
<p class="text-light lead">We just earn by the same method Facebook, Instagram, Twitter does, by showing ads.<br>Just Not by thinking what ads to show ;)</p>
</div>
</div>
<!--pricing tables-->
<div class="row mt-5">
<div class="col-md-8 col-12 divider top-divider mx-auto pt-5 text-center">
<h3>Currently we don't have many users and advertisers to show ads, if you help us it would be really great and we can keep this running :)</h3>
<p class="mb-4">If you can donate us it would be really great.</p>
<button class="btn btn-primary" id="cryptoBtn">Donate with crypto (DOGEcoin also, ofc)</button>
</div>
</div>
</div>
</section>
<!--faq section-->
<section class="py-7" id="faq">
<div class="container">
<div class="row">
<div class="col-md-6 mx-auto text-center">
<h2>Frequently asked questions</h2>
<p class="text-muted lead">Answers to most common questions.</p>
</div>
</div>
<div class="row mt-5">
<div class="col-md-10 mx-auto">
<div class="row">
<div class="col-md-6 mb-5">
<h6>Can I try it for free?</h6>
<p class="text-muted">Sure, forever.</p>
</div>
<div class="col-md-6 mb-5">
<h6>Do you have hidden fees?</h6>
<p class="text-muted">Nah, we hate those as much as you do.</p>
</div>
<div class="col-md-6 mb-5">
<h6>Will there be ads?</h6>
<p class="text-muted">Yes, we need revenue to keep this platform running so we need to run ads.</p>
</div>
<div class="col-md-6 mb-5">
<h6>How do you target ads?</h6>
<p class="text-muted">We target ads on the basis of user behaviour on our own platform. We would also tell advertisers to put ad scripts to their sites so we know that you don't see one ad many times.</p>
</div>
<div class="col-md-6 mb-5">
<h6>Can I delete my account after I signup?</h6>
<p class="text-muted">Yes, for sure. Its your data after all. Contact us on [email protected] for more details.</p>
</div>
<div class="col-md-6 mb-5">
<h6>How can I contact you?</h6>
<p class="text-muted">Sure, we would love to have a talk. Just throw us an email at [email protected]</p>
</div>
</div>
</div>
</div>
<div class="row mt-4">
<div class="col-md-6 mx-auto text-center">
<h5 class="mb-4">Have more questions?</h5>
<a href="mailto:[email protected]" class="btn btn-primary">Contact us</a>
</div>
</div>
</div>
</section>
<!--news section-->
<!--footer-->
<footer class="py-6">
<div class="container">
<div class="row">
<div class="col-sm-5 mr-auto">
<h5>About Dogegram</h5>
<p class="text-muted">We are on a mission to make a social media platform that dosen't track you</p>
<ul class="list-inline social social-sm">
<li class="list-inline-item">
<a href="https://twitter.com/DogegramHQ"><i class="fa fa-twitter"></i></a>
</li>
</ul>
</div>
</div>
<div class="row mt-5">
<div class="col-12 text-muted text-center small-xl">
© 2021 Dogegram - All Rights Reserved
Privacy Respecting Analytics By <a href="https://www.cloudflare.com/web-analytics">Cloudflare</a>
</div>
</div>
</div>
</footer>
<!--scroll to top-->
<div class="scroll-top">
<i class="fa fa-angle-up" aria-hidden="true"></i>
</div><div id="cryptoModal" class="modal" style="display: none;">
<div class="modal-content">
<span class="close">×</span>
<p>Crypto wallets</p>
<h3>DOGE: <code class="code">DTB8bZk1EAekDjv1LNSKi7u4UheQbkmsM1</code></h3>
<h3>BTC: <code class="code">bc1qn52x8plrfahc2deswj5s7g8xayhcwkxzhvwc53</code></h3>
<h3>ETH: <code class="code">DTB8bZk1EAekDjv1LNSKi7u4UheQbkmsM1</code></h3>
<h3>USDC: <code class="code">DTB8bZk1EAekDjv1LNSKi7u4UheQbkmsM1</code></h3>
<h3>You can send us any crypto if you use Coinbase wallet, our username is <code class="code">@hrichikm</code></h3>
<p>For transperency, our username is public, you can search check our wallets in blockchains.</p>
</div>
</div><script>
var modal = document.getElementById("cryptoModal");
var btn = document.getElementById("cryptoBtn");
var span = document.getElementsByClassName("close")[0];
btn.onclick = function() {
modal.style.display = "block";
}
// When the user clicks on <span> (x), close the modal
span.onclick = function() {
modal.style.display = "none";
}
// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
</script>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/feather-icons/4.7.3/feather.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
<script src="js/scripts.js"></script>
</body><grammarly-desktop-integration data-grammarly-shadow-root="true"></grammarly-desktop-integration></html>