-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
302 lines (291 loc) · 22.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Home - Domain Checker</title>
<meta name="description" content="Our domain checker tool scans for domain availability across multiple TLDs (top-level domains) and provides you with a list of available options. The tool also allows you to check the availability of the domain name in real-time and it also shows the price for each option.">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&display=swap">
</head>
<body>
<nav class="navbar navbar-light navbar-expand-md fixed-top navbar-shrink py-3" id="mainNav">
<div class="container"><a class="navbar-brand d-flex align-items-center" href="/"><span>DomainN Checker</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-1">
<ul class="navbar-nav mx-auto">
<li class="nav-item"><a class="nav-link active" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="pricing.html">Pricing</a></li>
<li class="nav-item"><a class="nav-link" href="contacts.html">Contacts</a></li>
</ul><a class="btn btn-primary shadow" role="button" href="signup.html">Get it now</a>
</div>
</div>
</nav>
<header class="pt-5">
<div class="container pt-4 pt-xl-5">
<div class="row pt-5">
<div class="col-md-8 text-center text-md-start mx-auto">
<div class="text-center">
<h1 class="display-4 fw-bold mb-5">Domain Name<br><span class="underline">Checker</span> Tool</h1>
<p class="fs-5 text-muted mb-5"><span style="color: rgb(55, 65, 81); background-color: rgb(247, 247, 248);">Find the perfect domain name with ease</span><br></p>
<form id="lookup-form" class="lookup-form" method="post">
<div class="row align-items-center">
<div class="form-group col-md-9">
<label for="inputEmail4">Domain/IP Address:</label>
<input type="text" class="form-control" id="domain" name="domain" placeholder="Domain/IP Address:">
</div>
<div class="col">
<button type="button" class="btn btn-primary mt-3 float-left" id="get-lookup"><i class="fa fa-search"></i> WHOIS</button>
</div>
</div>
</form>
</div>
</div>
<div class="row align-items-center">
<div class="form-group col-md-12">
<span id="lookup-dispaly-details"></span>
</div>
</div>
<div class="col-12 col-lg-10 mx-auto">
<div class="text-center position-relative"><img class="img-fluid" src="assets/img/illustrations/meeting.svg" style="width: 800px;"></div>
</div>
</div>
</div>
</header>
<section></section>
<section></section>
<section>
<div class="container py-4 py-xl-5">
<div class="row gy-4 gy-md-0">
<div class="col-md-6 text-center text-md-start d-flex d-sm-flex d-md-flex justify-content-center align-items-center justify-content-md-start align-items-md-center justify-content-xl-center">
<div><img class="rounded img-fluid fit-cover" style="min-height: 300px;" src="assets/img/illustrations/presentation.svg" width="800"></div>
</div>
<div class="col">
<div style="max-width: 450px;">
<h3 class="fw-bold pb-md-4"><span class="underline">Real-time</span> availability check and pricing options</h3>
<p class="text-muted py-4 py-md-0">It also allows you to check the availability of the domain name in real-time. This feature ensures that the domain name you want is still available at the time of your search.</p>
<p class="text-muted py-4 py-md-0"></p>
</div>
<ul>
<li>Pricing options for each available domain</li>
<li>Integration with multiple domain registrars</li>
<li>Regular updates and improvements to the tool</li>
<li>User-friendly and mobile-friendly interface</li>
<li>Multiple language support</li>
</ul>
</div>
</div>
</div>
</section>
<section class="py-5">
<div class="row mb-5">
<div class="col-md-8 col-xl-6 text-center mx-auto">
<h2 class="display-6 fw-bold mb-4">Check out<br>the <span class="underline">amazing price</span></h2>
<p class="text-muted">Affordable and competitive pricing options for finding your perfect domain name</p>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="card border-warning border-2 h-100">
<div class="card-body d-flex flex-column justify-content-between p-4"><span class="badge bg-warning position-absolute top-0 end-0 rounded-bottom-left text-uppercase text-primary">Most Popular</span>
<div>
<h6 class="fw-bold text-muted">Tool only</h6>
<h4 class="display-5 fw-bold mb-4">$10</h4>
<ul class="list-unstyled">
<li class="d-flex mb-2"><span class="bs-icon-xs bs-icon-rounded bs-icon me-2"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-check fs-5 text-primary">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M5 12l5 5l10 -10"></path>
</svg></span><span>All features</span></li>
<li class="d-flex mb-2"><span class="bs-icon-xs bs-icon-rounded bs-icon me-2"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-check fs-5 text-primary">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M5 12l5 5l10 -10"></path>
</svg></span><span>Front-end and Back-end function only</span></li>
<li class="d-flex mb-2"><span class="bs-icon-xs bs-icon-rounded bs-icon me-2"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-check fs-5 text-primary">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M5 12l5 5l10 -10"></path>
</svg></span><span>Integrate to your existing domain/website</span></li>
</ul>
</div><a class="btn btn-warning" role="button" href="#">Get it now</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 h-100">
<div class="card-body d-flex flex-column justify-content-between p-4">
<div class="pb-4">
<h6 class="fw-bold text-muted">Full</h6>
<h4 class="display-5 fw-bold mb-4">$90</h4>
<ul class="list-unstyled">
<li class="d-flex mb-2"><span class="bs-icon-xs bs-icon-rounded bs-icon me-2"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-check fs-5 text-primary">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M5 12l5 5l10 -10"></path>
</svg></span><span>All features</span></li>
<li class="d-flex mb-2"><span class="bs-icon-xs bs-icon-rounded bs-icon me-2"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-check fs-5 text-primary">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M5 12l5 5l10 -10"></path>
</svg></span><span>Full website creation including <br>Front-end and Back-end<br></span></li>
<li class="d-flex mb-2"><span class="bs-icon-xs bs-icon-rounded bs-icon me-2"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-check fs-5 text-primary">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M5 12l5 5l10 -10"></path>
</svg></span><span>Integrate to a new website</span></li>
<li class="d-flex mb-2"><span class="bs-icon-xs bs-icon-rounded bs-icon me-2"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-check fs-5 text-primary">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M5 12l5 5l10 -10"></path>
</svg></span><span>Custom Designs</span></li>
</ul>
</div><a class="btn btn-primary" role="button" href="#"><span style="color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg);">Get it now</span><br></a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="py-4 py-xl-5 mb-5">
<div class="container">
<div class="row mb-2">
<div class="col-md-8 col-xl-6 text-center mx-auto">
<h2 class="display-6 fw-bold mb-5"><span class="pb-3 underline">FAQ<br></span></h2>
<p class="text-muted mb-5">Frequently asked questions about my domain checker tool and its features can be found here. If you still have any questions, please feel free to contact me.</p>
</div>
</div>
<div class="row mb-2">
<div class="col-md-8 mx-auto">
<div class="accordion text-muted" role="tablist" id="accordion-1">
<div class="accordion-item">
<h2 class="accordion-header" role="tab"><button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-1" aria-expanded="true" aria-controls="accordion-1 .item-1">How does your domain checker tool work?</button></h2>
<div class="accordion-collapse collapse show item-1" role="tabpanel" data-bs-parent="#accordion-1">
<div class="accordion-body">
<p>My domain checker tool is a custom-built tool that enables users to search for available domain names across multiple TLDs (top-level domains) and provide them with a list of options. The tool is fully customizable to match your website's design and branding.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" role="tab"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-2" aria-expanded="false" aria-controls="accordion-1 .item-2">Can you integrate the domain checker tool to an existing website?</button></h2>
<div class="accordion-collapse collapse item-2" role="tabpanel" data-bs-parent="#accordion-1">
<div class="accordion-body">
<p class="mb-0">Yes, I can integrate the tool to an existing website, and I will make sure that it seamlessly fits with your website's design and branding.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" role="tab"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-3" aria-expanded="false" aria-controls="accordion-1 .item-3">Can I customize the tool's functionality and settings?</button></h2>
<div class="accordion-collapse collapse item-3" role="tabpanel" data-bs-parent="#accordion-1">
<div class="accordion-body">
<p class="mb-0">Yes, I will provide you with an easy-to-use admin panel, where you can manage and update the tool's functionality and settings.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" role="tab"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-4" aria-expanded="false" aria-controls="accordion-1 .item-4">Will the tool be optimized for speed and user experience?</button></h2>
<div class="accordion-collapse collapse item-4" role="tabpanel" data-bs-parent="#accordion-1">
<div class="accordion-body">
<p class="mb-0">Yes, the tool will be optimized for speed and user experience to ensure a seamless experience for your website visitors.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" role="tab"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-5" aria-expanded="false" aria-controls="accordion-1 .item-5">Are there any ongoing fees for using the tool?</button></h2>
<div class="accordion-collapse collapse item-5" role="tabpanel" data-bs-parent="#accordion-1">
<div class="accordion-body">
<p class="mb-0">No, there are no ongoing fees for using the tool, the price is for the integration and setup, and you will have complete control over the tool's functionality and settings.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" role="tab"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-6" aria-expanded="false" aria-controls="accordion-1 .item-6">Do you offer support after integration?</button></h2>
<div class="accordion-collapse collapse item-6" role="tabpanel" data-bs-parent="#accordion-1">
<div class="accordion-body">
<p class="mb-0">Yes, I will provide you with support after integration to ensure that the tool is working properly and to address any issues that may arise.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="py-4 py-xl-5">
<div class="container">
<div class="text-white bg-primary border rounded border-0 border-primary d-flex flex-column justify-content-between flex-lg-row p-4 p-md-5">
<div class="pb-2 pb-lg-1">
<h2 class="fw-bold text-warning mb-2">Not sure which plan suits you?</h2>
<p class="mb-0">Contact me and I'll help you determine the best plan for your business or personal use.</p>
</div>
<div class="my-2"><a class="btn btn-light fs-5 py-2 px-4" role="button" href="contacts.html">Contact me</a></div>
</div>
</div>
</section>
<footer>
<div class="container py-4 py-lg-5">
<div class="row row-cols-2 row-cols-md-4">
<div class="col-12 col-md-3">
<div class="fw-bold d-flex align-items-center mb-2"><span>Find your perfect domain name with ease</span></div>
<p class="text-muted">Our comprehensive domain checker tool searches for available domain names across multiple TLDs and provides real-time availability and pricing options. Try it now and find the perfect domain name for your brand!</p>
</div>
<div class="col-sm-4 col-md-3 text-lg-start d-flex flex-column">
<h3 class="fs-6 fw-bold">Services</h3>
<ul class="list-unstyled">
<li><a href="#">Web design</a></li>
<li><a href="#">Mobile App Development</a></li>
<li><a href="#">Others</a></li>
</ul>
</div>
<div class="col-sm-4 col-md-3 text-lg-start d-flex flex-column">
<h3 class="fs-6 fw-bold">About</h3>
<ul class="list-unstyled">
<li><a href="#">Why me?</a></li>
<li><a href="#">Terms of Services</a></li>
<li><a href="#">About Me</a></li>
</ul>
</div>
<div class="col-sm-4 col-md-3 text-lg-start d-flex flex-column">
<h3 class="fs-6 fw-bold">Careers</h3>
<ul class="list-unstyled">
<li><a href="#">Fiverr</a></li>
<li><a href="#">Upwork</a></li>
<li><a href="#">Custom Job</a></li>
</ul>
</div>
</div>
<hr>
<div class="text-muted d-flex justify-content-between align-items-center pt-3">
<p class="mb-0">Copyright © 2023 Domain Checker - LEIIKUN</p>
<ul class="list-inline mb-0">
<li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-facebook">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"></path>
</svg></li>
<li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-youtube">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"></path>
</svg></li>
</ul>
</div>
</div>
</footer>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/script.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).on('click', 'button#get-lookup', function(){
jQuery.ajax({
type:'POST',
url:'lookup.php',
data:jQuery("form#lookup-form").serialize(),
dataType:'html',
beforeSend: function () {
jQuery('button#domain').button('loading');
jQuery('span#lookup-dispaly-details').html('<i class="fa fa-spinner" style="font-size:30px;"></i>');
},
complete: function () {
jQuery('button#get-lookup').button('reset');
},
success: function (html) {
jQuery('span#lookup-dispaly-details').html(html);
},
error: function (xhr, ajaxOptions, thrownError) {
console.log(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
}
});
});
</script>
</body>
</html>