Repository navigation
Expand file tree
/
Copy pathdemo.html
More file actions
121 lines (118 loc) · 14.4 KB
/
Copy pathdemo.html
File metadata and controls
121 lines (118 loc) · 14.4 KB
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
<!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>Demo - Credit Repair Bot</title>
<meta name="description" content="Credit Repair Bot">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Aldrich&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400i,700,700i">
<link rel="stylesheet" href="assets/css/swiper-icons.css">
<link rel="stylesheet" href="assets/css/animate.min.css">
<link rel="stylesheet" href="assets/css/Banner-Heading-Image-images.css">
<link rel="stylesheet" href="assets/css/Features-Image-icons.css">
<link rel="stylesheet" href="assets/css/hash-multi-step-form.css">
<link rel="stylesheet" href="assets/css/Simple-Slider-swiper-bundle.min.css">
<link rel="stylesheet" href="assets/css/Simple-Slider.css">
<link rel="stylesheet" href="assets/css/Ultimate-Testimonial-Slider.css">
</head>
<body>
<nav class="navbar navbar-light navbar-expand-md sticky-top navbar-shrink py-3" id="mainNav" style="background: rgb(0,53,113);border-bottom-width: 1px;border-bottom-color: rgba(255,255,255,0.1);">
<div class="container"><a class="navbar-brand d-flex align-items-center" href="index.html"><span class="bs-icon-md bs-icon-circle bs-icon-primary shadow d-flex justify-content-center align-items-center me-2 bs-icon" style="background: rgba(16,42,71,0.79);"><img data-bss-hover-animate="pulse" width="50" height="50" src="assets/img/images/LOGO%20ICON.png"></span><span data-bss-hover-animate="pulse" style="color: rgba(255,255,255,0.9);">Credit Repair Bot</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1" style="border-color: var(--bs-link-hover-color);"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-list" style="font-size: 30px;color: var(--bs-gray-500);">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"></path>
</svg></button>
<div class="collapse navbar-collapse" id="navcol-1">
<ul class="navbar-nav mx-auto">
<li class="nav-item"><a class="nav-link" href="index.html" style="color: rgba(255,255,255,0.9);"><span style="font-weight: normal !important;">Home</span></a></li>
<li class="nav-item" style="color: #ffffff;"><a class="nav-link" href="features.html" style="color: #ffffff;">Features</a></li>
<li class="nav-item"><a class="nav-link" href="pricing.html" style="color: #ffffff;"><span style="font-weight: normal !important;">Pricing</span></a></li>
<li class="nav-item" style="color: #ffffff;"><a class="nav-link" style="color: #ffffff;" href="faq.html"><span style="font-weight: normal !important;">FAQ</span></a></li>
<li class="nav-item" style="color: #ffffff;"><a class="nav-link" href="contacts.html" style="color: #ffffff;"><span style="font-weight: normal !important;">Contact Us</span></a></li>
</ul>
<div class="dropdown btn btn-primary shadow-sm" style="background: rgb(12,71,137);margin-right: 10px;"><a class="dropdown-toggle" aria-expanded="false" data-bs-toggle="dropdown" data-bss-hover-animate="flash" href="#" style="color: #ffffff;--bs-primary: #003571;--bs-primary-rgb: 0,53,113;"><span style="font-weight: normal !important;">Get Started</span></a>
<div class="dropdown-menu" style="background: rgba(0,53,113,0.85);margin: 7px 0px 0px;padding-right: -46px;"><a class="dropdown-item" href="personal-form.html" style="color: rgb(255,255,255);background: rgba(255,255,255,0);">Personal</a><a class="dropdown-item" href="business-form.html" style="color: rgb(255,255,255);background: rgba(255,255,255,0);">Business</a></div>
</div>
<div class="dropdown btn btn-primary shadow-sm" style="background: rgb(12,71,137);"><a class="dropdown-toggle" aria-expanded="false" data-bs-toggle="dropdown" data-bss-hover-animate="flash" href="#" style="color: #ffffff;--bs-primary: #003571;--bs-primary-rgb: 0,53,113;"><span style="font-weight: normal !important;">Sign In</span></a>
<div class="dropdown-menu" style="background: rgba(0,53,113,0.85);margin: 7px 0px 0px;padding-right: -46px;"><a class="dropdown-item" href="process.html" style="color: rgb(255,255,255);background: rgba(255,255,255,0);">Personal</a><a class="dropdown-item" href="process.html" style="color: rgb(255,255,255);background: rgba(255,255,255,0);">Business</a><a class="dropdown-item" href="process.html" style="color: rgb(255,255,255);background: rgba(255,255,255,0);">Partners</a></div>
</div>
</div>
</div>
</nav>
<section class="py-4 py-xl-5">
<div class="container d-flex align-items-center min-vh-100" style="margin-top: -45px;">
<div class="row g-0 justify-content-center" style="margin-top: -50px;">
<div class="col-lg-4 offset-lg-1 mx-0 px-0">
<div id="title-container" style="background: url('assets/img/images/home-bg-image-1.png'), rgb(0, 53, 113);margin-top: 15px;"><img class="covid-image" src="assets/img/images/F1.png" style="opacity: 1;transform: rotateY(170deg);">
<h2>Welcome</h2>
<p><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tempus massa lacus, venenatis gravida sem condimentum non. Nam vitae commodo arcu. Phasellus ac orci accumsan ante vehicula aliquam. </strong></p>
</div>
</div>
<div class="col-lg-7 mx-0 px-0">
<div class="progress">
<div class="bg-primary progress-bar progress-bar-striped progress-bar-animated" aria-valuemax="100" aria-valuemin="0" aria-valuenow="50" role="progressbar" style="width: 0%;"></div>
</div>
<div id="qbox-container" style="background: #ffffff;">
<form id="form-wrapper" class="needs-validation" method="post" name="form-wrapper" novalidate="">
<div id="steps-container">
<div class="step">
<h4>Provide us with your personal information</h4>
<div class="mt-1"><label class="form-label form-label form-label form-label form-label form-label form-label form-label form-label form-label">Complete Name:</label><input class="form-control form-control form-control form-control form-control form-control form-control form-control form-control form-control" type="text" id="full_name" name="full_name"></div>
<div class="mt-2"><label class="form-label form-label form-label form-label form-label form-label form-label form-label form-label form-label">Email:</label><input class="form-control form-control form-control form-control form-control form-control form-control form-control form-control form-control" type="email" id="email" name="email"></div>
<div class="mt-2"><label class="form-label form-label form-label form-label form-label form-label form-label form-label form-label form-label">Phone / Mobile Number:</label><input class="form-control form-control form-control form-control form-control form-control form-control form-control form-control form-control" type="text" id="phone" name="phone"></div>
<div class="mt-2"><label class="form-label form-label form-label form-label form-label form-label form-label form-label form-label form-label">Carrier:</label><input class="form-control form-control form-control form-control form-control form-control form-control form-control form-control form-control" type="text" id="Carrier" name="carrier"></div>
</div>
<div class="step">
<div class="mt-1">
<div class="closing-text">
<h4>That's about it!</h4>
<p> Phasellus tempus massa lacus, venenatis gravida sem condimentum non. </p>
</div>
</div>
</div>
<div id="success">
<div class="mt-5"><img src="assets/img/images/light_GIF.gif" style="width: 450px;">
<h4>Thank you for submitting your information to the Credit Repair Bot team.</h4>
<p> We appreciate your trust in our services and we will work diligently to help repair your credit. Our team will process your form and notify you via email and text message once the process is complete. If you have any further questions, please don't hesitate to reach out to us. </p>
</div>
</div>
</div>
<div id="q-box__buttons"><button id="prev-btn" class="btn btn-primary shadow-sm" type="button" style="background: rgb(0, 53, 113);margin-right: 7px;"> Previous</button><button id="next-btn" class="btn btn-primary shadow-sm" type="button" style="background: rgb(0, 53, 113);margin-right: 7px;"> Next</button><a href=""><button id="submit-btn" class="btn btn-primary shadow-sm" type="submit" style="background: rgb(0, 53, 113);margin-right: 7px;"> Done </button></a></div>
</form>
</div>
</div>
</div>
</div>
<div id="preloader-wrapper">
<div id="preloader"></div>
<div class="preloader-section section-left"></div>
<div class="preloader-section section-right"></div>
</div>
</section>
<footer style="background: #003571;color: rgb(255,255,255);">
<div class="container py-4 py-lg-5">
<div class="text-muted d-flex justify-content-between align-items-center pt-3">
<p class="mb-0" style="color: rgb(218,230,252);text-align: center;font-size: 13px;">Copyright © 2023 Credit Repair Bot</p>
<ul class="list-inline text-center 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" style="min-height: 25px;min-width: 25px;max-width: 50px;max-height: 20px;color: var(--bs-white);">
<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-twitter" style="min-height: 25px;min-width: 25px;max-width: 50px;max-height: 20px;color: var(--bs-white);">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"></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-instagram" style="min-height: 25px;min-width: 25px;max-width: 50px;max-height: 20px;color: var(--bs-white);">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"></path>
</svg></li>
</ul>
</div>
</div>
</footer>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="assets/js/bold-and-bright.js"></script>
<script src="assets/js/hash-multi-step-form.js"></script>
<script src="assets/js/Simple-Slider-swiper-bundle.min.js"></script>
<script src="assets/js/Simple-Slider.js"></script>
</body>
</html>