Your IP : 216.73.216.93
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Generated Page</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Speedo Loan</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Inter:wght@400;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="global.css">
<style id="sections-styles">
/* CSS for section section:header */
.site-header {
background-color: var(--text-light);
padding-top: 18px;
padding-bottom: 18px;
position: relative;
z-index: 100;
}
.header-container {
display: flex;
justify-content: space-between;
align-items: center;
}
.logo-images {
position: relative;
width: 200px;
height: 45px;
}
.logo-images img {
position: absolute;
max-width: 100%;
height: auto;
}
.logo-img-1 { top: 0.38%; left: 0%; width: 18.52%; height: 82.95%; }
.logo-img-2 { top: 29.43%; left: 15.07%; width: 13.04%; height: 71.99%; }
.logo-img-3 { top: 40.01%; left: 17.0%; width: 9.25%; height: 51.28%; }
.logo-img-4 { top: 23.02%; left: 29.85%; width: 5.64%; height: 33.72%; }
.logo-img-5 { top: 23.22%; left: 36.47%; width: 5.48%; height: 33.08%; }
.logo-img-6 { top: 23.22%; left: 42.8%; width: 4.79%; height: 33.08%; }
.logo-img-7 { top: 23.22%; left: 48.58%; width: 4.79%; height: 33.08%; }
.logo-img-8 { top: 23.4%; left: 54.35%; width: 6.48%; height: 32.82%; }
.logo-img-9 { top: 22.98%; left: 61.67%; width: 7.52%; height: 33.8%; }
.logo-img-10 { top: 23.4%; left: 72.84%; width: 4.82%; height: 32.82%; }
.logo-img-11 { top: 22.98%; left: 78.55%; width: 7.52%; height: 33.8%; }
.logo-img-12 { top: 23.12%; left: 86.68%; width: 7.18%; height: 33.18%; }
.logo-img-13 { top: 23.4%; left: 94.37%; width: 5.63%; height: 32.82%; }
.logo-img-14 { top: 72.2%; left: 39.65%; width: 2.0%; height: 13.62%; }
.logo-img-15 { top: 72.01%; left: 42.66%; width: 3.12%; height: 14.01%; }
.logo-img-16 { top: 72.06%; left: 46.68%; width: 2.98%; height: 13.77%; }
.logo-img-17 { top: 72.2%; left: 50.52%; width: 2.33%; height: 13.62%; }
.logo-img-18 { top: 72.13%; left: 55.63%; width: 1.73%; height: 13.69%; }
.logo-img-19 { top: 72.2%; left: 58.4%; width: 2.33%; height: 13.62%; }
.logo-img-20 { top: 72.02%; left: 63.31%; width: 2.17%; height: 13.96%; }
.logo-img-21 { top: 72.2%; left: 68.35%; width: 2.74%; height: 13.62%; }
.logo-img-22 { top: 72.13%; left: 72.15%; width: 1.73%; height: 13.69%; }
.logo-img-23 { top: 72.2%; left: 74.9%; width: 2.33%; height: 13.62%; }
.logo-img-24 { top: 72.2%; left: 78.32%; width: 2.32%; height: 13.82%; }
.logo-img-25 { top: 72.06%; left: 81.65%; width: 2.36%; height: 13.77%; }
.logo-img-26 { top: 72.11%; left: 85.07%; width: 1.98%; height: 13.72%; }
.logo-img-27 { top: 72.01%; left: 88.05%; width: 2.34%; height: 14.0%; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; }
.main-nav ul {
display: flex;
gap: 48px;
}
.main-nav a {
font-size: 18px;
font-weight: 500;
color: #2a2c2b;
}
.repay-button {
display: none; /* This button is not in the header in the final design */
}
@media (max-width: 768px) {
.main-nav { display: none; } /* Simple responsive solution: hide nav on mobile */
.header-container { justify-content: center; }
}
/* CSS for section section:hero */
#section-hero {
background-color: var(--primary-color);
padding-top: 60px;
padding-bottom: 60px;
position: relative;
overflow: hidden;
}
.hero-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.hero-bg img {
position: absolute;
}
.bg-shape-1 { top: 115px; left: -144px; width: 487px; height: 487px; }
.bg-shape-2 { top: 4.5px; left: 97px; width: 600px; height: 446px; }
.bg-shape-3 { top: 4px; left: 878px; width: 473px; height: 459px; }
.hero-container {
position: relative;
z-index: 2;
display: flex;
align-items: center;
gap: 20px;
}
.hero-image-container {
flex: 1;
}
.hero-image {
max-width: 100%;
height: auto;
}
.hero-form-container {
flex: 1;
display: flex;
justify-content: flex-end;
}
.loan-form {
background-color: var(--text-light);
border-radius: 32px;
padding: 40px;
width: 100%;
max-width: 473px;
box-shadow: 0px 4px 4.3px 0px rgba(0, 0, 0, 0.25), 0px -2px 6px 0px rgba(0, 0, 0, 0.25);
text-align: center;
}
.loan-form h2 {
color: var(--primary-color);
font-size: 28px;
font-weight: 600;
margin-bottom: 20px;
}
.loan-form p {
color: #404040;
font-family: 'Inter', sans-serif;
font-size: 16px;
margin-bottom: 30px;
}
.input-group {
display: flex;
border: 1px solid #cccccc;
border-radius: 10px;
margin-bottom: 30px;
}
.country-code {
padding: 12px 20px;
font-size: 18px;
color: var(--text-body);
border-right: 1px solid #cccccc;
}
.input-group input {
border: none;
background: transparent;
padding: 12px 20px;
font-size: 18px;
width: 100%;
}
.input-group input:focus {
outline: none;
}
.checkbox-group {
display: flex;
align-items: flex-start;
gap: 10px;
text-align: left;
margin-bottom: 30px;
}
.checkbox-group input {
margin-top: 4px;
accent-color: var(--primary-color);
}
.checkbox-group label {
font-family: 'Inter', sans-serif;
font-size: 12px;
color: rgba(10, 10, 10, 0.8);
line-height: 1.5;
}
.checkbox-group a {
color: var(--primary-color);
font-weight: 600;
}
.btn-submit {
background-color: var(--primary-color);
color: var(--text-light);
border: none;
border-radius: 65px;
padding: 12px;
width: 100%;
font-size: 16px;
font-weight: 600;
cursor: pointer;
}
@media (max-width: 992px) {
.hero-container {
flex-direction: column;
}
.hero-form-container {
justify-content: center;
}
.hero-image-container {
display: none; /* Hide image on smaller screens for simplicity */
}
}
/* CSS for section section:features */
#section-features {
padding: 100px 0;
}
.features-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
align-items: center;
}
.feature-card {
background-color: var(--text-light);
border: 1px solid var(--primary-color);
border-radius: 26px;
padding: 40px 20px;
text-align: center;
box-shadow: 0px 2px 15.8px 0px rgba(0, 0, 0, 0.1);
height: 100%;
}
.feature-card.featured {
background-color: var(--primary-color);
color: var(--text-light);
transform: scale(1.1);
z-index: 5;
}
.feature-card.featured p {
color: var(--text-light);
}
.feature-icon-wrapper {
position: relative;
width: 120px;
height: 120px;
margin: 0 auto 30px;
display: flex;
align-items: center;
justify-content: center;
}
.feature-icon-wrapper img {
position: absolute;
}
.icon-bg { width: 97px; height: 97px; }
.icon-fg { width: 68px; height: 68px; }
.icon-bg-featured { width: 120px; height: 120px; }
.icon-fg-debt-1 { top: 45px; left: 20px; width: 30px; }
.icon-fg-debt-2 { top: 39px; left: 42px; width: 36px; }
.feature-card h3 {
font-size: 28px;
font-weight: 600;
margin-bottom: 20px;
color: #000000;
}
.feature-card.featured h3 {
color: var(--text-light);
}
.feature-card p {
font-size: 15px;
font-weight: 500;
line-height: 1.5;
color: var(--text-body);
}
@media (max-width: 992px) {
.features-grid {
grid-template-columns: 1fr;
gap: 50px;
}
.feature-card.featured {
transform: none;
}
}
/* CSS for section section:risks */
#section-risks {
background-color: var(--bg-light-gray);
padding: 100px 0;
}
.risks-header {
text-align: center;
margin-bottom: 60px;
}
.risks-header h2 {
font-size: 50px;
font-weight: 700;
color: var(--text-dark);
margin-bottom: 10px;
}
.risks-header p {
font-size: 40px;
font-weight: 600;
}
.risks-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.risk-card {
background-color: var(--text-light);
border-radius: 14px;
padding: 30px;
box-shadow: 0px 1px 3.7px 0px rgba(0, 0, 0, 0.25);
display: flex;
gap: 20px;
align-items: flex-start;
}
.risk-icon-wrapper {
flex-shrink: 0;
width: 63px;
height: 63px;
position: relative;
}
.risk-icon-wrapper img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.risk-content h4 {
font-size: 24px;
font-weight: 500;
color: var(--text-body);
margin-bottom: 15px;
}
.risk-content p {
font-size: 16px;
line-height: 1.5;
}
@media (max-width: 992px) {
.risks-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.risks-header h2 { font-size: 36px; }
.risks-header p { font-size: 28px; }
}
/* CSS for section section:rates */
#section-rates {
background-color: #fff7f2;
padding: 100px 0;
}
.section-title {
text-align: center;
margin-bottom: 50px;
}
.section-title h2 {
font-size: 40px;
font-weight: 600;
color: var(--text-body);
display: inline-block;
}
.section-title hr {
border: none;
border-top: 3px solid #000;
width: 107px;
margin: 8px auto 0;
}
.rates-list {
display: flex;
flex-direction: column;
gap: 1px;
background-color: #bebebe;
border: 1px solid #bebebe;
}
.rate-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 25px 40px;
background-color: #fff7f2;
}
.rate-item p {
font-size: 20px;
font-weight: 500;
}
.rate-value {
background-color: #ffffff;
border: 1px solid var(--border-light);
border-radius: 8px;
padding: 15px 30px;
font-family: 'Inter', sans-serif;
font-weight: 600;
font-size: 16px;
color: var(--primary-color);
min-width: 260px;
text-align: center;
}
.representative-example-section {
margin-top: 80px;
}
.section-title-center {
text-align: center;
font-size: 36px;
font-weight: 700;
color: var(--text-body);
margin-bottom: 40px;
}
.example-table {
overflow-x: auto;
}
.example-table table {
width: 100%;
border-collapse: collapse;
text-align: center;
}
.example-table th, .example-table td {
padding: 18px 10px;
font-size: 16px;
white-space: nowrap;
}
.example-table thead {
background-color: #ff8027;
color: #000000;
font-weight: 500;
}
.example-table tbody {
background-color: #eeeeee;
color: var(--text-body);
font-weight: 500;
}
@media (max-width: 992px) {
.rate-item {
flex-direction: column;
gap: 15px;
text-align: center;
}
}
@media (max-width: 768px) {
.section-title h2 { font-size: 32px; }
.section-title-center { font-size: 28px; }
.rate-item p { font-size: 18px; }
}
/* CSS for section section:terms */
#section-terms {
background-color: var(--primary-color-light);
padding: 80px 0;
}
.terms-content {
max-width: 690px;
margin: 0 auto;
text-align: center;
}
.terms-content h2 {
font-size: 36px;
font-weight: 600;
color: #000000;
margin-bottom: 34px;
}
.terms-intro {
color: #fc6800;
font-size: 20px;
font-weight: 500;
margin-bottom: 34px;
}
.terms-body {
font-size: 16px;
line-height: 1.6;
margin-bottom: 34px;
}
.read-more {
color: #fc6800;
font-size: 16px;
display: inline-flex;
align-items: center;
gap: 6px;
}
/* CSS for section section:footer */
.site-footer {
background-color: var(--bg-dark-gray);
color: var(--text-light);
padding: 80px 0;
text-align: center;
}
.footer-top {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
margin-bottom: 40px;
}
.footer-col h3 {
font-size: 24px;
font-weight: 500;
margin-bottom: 24px;
}
.footer-col p {
font-size: 16px;
font-weight: 400;
line-height: 1.7;
}
.footer-col a:hover {
text-decoration: underline;
}
.footer-divider {
border: none;
height: 1px;
background-color: rgba(255, 255, 255, 0.6);
margin: 40px 0;
}
.footer-social {
padding: 20px 0;
}
.rating-stars {
display: flex;
justify-content: center;
gap: 68px;
}
.rating-stars img {
height: 25px;
}
.footer-bottom {
padding-top: 20px;
}
.footer-logo {
display: inline-block;
}
.footer-logo-images {
position: relative;
width: 224px;
height: 50px;
}
@media (max-width: 768px) {
.footer-top {
grid-template-columns: 1fr;
text-align: center;
}
.rating-stars {
gap: 20px;
flex-wrap: wrap;
}
}
</style>
<script src="global.js" defer></script>
</head>
<body>
<section id="section-header">
<header class="site-header">
<div class="container header-container">
<a href="#" class="logo">
<!--merged image-->
<div class="logo-images">
<img src="images/794_645.svg" alt="logo shape" class="logo-img-1">
<img src="images/794_650.svg" alt="logo shape" class="logo-img-2">
<img src="images/794_652.svg" alt="logo shape" class="logo-img-3">
<img src="images/794_655.svg" alt="logo shape" class="logo-img-4">
<img src="images/794_659.svg" alt="logo shape" class="logo-img-5">
<img src="images/794_663.svg" alt="logo shape" class="logo-img-6">
<img src="images/794_667.svg" alt="logo shape" class="logo-img-7">
<img src="images/794_671.svg" alt="logo shape" class="logo-img-8">
<img src="images/794_675.svg" alt="logo shape" class="logo-img-9">
<img src="images/794_679.svg" alt="logo shape" class="logo-img-10">
<img src="images/794_683.svg" alt="logo shape" class="logo-img-11">
<img src="images/794_687.svg" alt="logo shape" class="logo-img-12">
<img src="images/794_691.svg" alt="logo shape" class="logo-img-13">
<img src="images/794_695.svg" alt="logo shape" class="logo-img-14">
<img src="images/794_699.svg" alt="logo shape" class="logo-img-15">
<img src="images/794_703.svg" alt="logo shape" class="logo-img-16">
<img src="images/794_707.svg" alt="logo shape" class="logo-img-17">
<img src="images/794_711.svg" alt="logo shape" class="logo-img-18">
<img src="images/794_715.svg" alt="logo shape" class="logo-img-19">
<img src="images/794_719.svg" alt="logo shape" class="logo-img-20">
<img src="images/794_723.svg" alt="logo shape" class="logo-img-21">
<img src="images/794_727.svg" alt="logo shape" class="logo-img-22">
<img src="images/794_731.svg" alt="logo shape" class="logo-img-23">
<img src="images/794_735.svg" alt="logo shape" class="logo-img-24">
<img src="images/794_739.svg" alt="logo shape" class="logo-img-25">
<img src="images/794_743.svg" alt="logo shape" class="logo-img-26">
<img src="images/794_747.svg" alt="logo shape" class="logo-img-27">
</div>
<span class="sr-only">Speedo Loan</span>
</a>
<nav class="main-nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#section-risks">About Us</a></li>
<li><a href="#section-footer">Contact Us</a></li>
</ul>
</nav>
<a href="#" class="repay-button">Repay Now</a>
</div>
</header>
</section>
<section id="section-hero">
<div class="hero-bg">
<img src="images/320_528.svg" alt="background shape" class="bg-shape-1">
<img src="images/351_477.svg" alt="background shape" class="bg-shape-2">
<img src="images/351_478.svg" alt="background shape" class="bg-shape-3">
</div>
<div class="container hero-container">
<div class="hero-image-container">
<img src="images/2006abd5d499acf8de404c35b7260ad1645e463b.png" alt="Man using a phone while sitting in a chair" class="hero-image">
</div>
<div class="hero-form-container">
<form class="loan-form">
<h2>Apply for a Personal Loan</h2>
<p>Enter your 10 digit mobile number to get started</p>
<div class="input-group">
<span class="country-code">+91</span>
<input type="tel" placeholder="Your mobile number">
</div>
<div class="checkbox-group">
<input type="checkbox" id="auth-check">
<label for="auth-check">By selecting this checkbox, I authorize the receipt of digital communication <a href="#">read more.</a></label>
</div>
<button type="submit" class="btn-submit">Get OTP</button>
</form>
</div>
</div>
</section>
<section id="section-features">
<div class="container">
<div class="features-grid">
<div class="feature-card">
<!--merged image-->
<div class="feature-icon-wrapper">
<img src="images/I420_1033_420_956.svg" alt="" class="icon-bg">
<img src="images/I420_1033_420_958.svg" alt="Instant Loan Icon" class="icon-fg">
</div>
<h3>Instant Loan</h3>
<p>We offer instant loan to help you tackle unexpected financial needs swiftly and efficient.</p>
</div>
<div class="feature-card featured">
<!--merged image-->
<div class="feature-icon-wrapper">
<img src="images/I420_1033_420_934.svg" alt="" class="icon-bg-featured">
<img src="images/I420_1033_420_935.svg" alt="Short Loan Icon" class="icon-fg">
</div>
<h3>Short loan</h3>
<p>Discover the convenience of short loan at Speedoloan, designed to meet your immediate financial needs with ease</p>
</div>
<div class="feature-card">
<!--merged image-->
<div class="feature-icon-wrapper">
<img src="images/I420_1033_420_944.svg" alt="" class="icon-bg">
<img src="images/I420_1033_420_946.svg" alt="Debt Consolidation Icon" class="icon-fg-debt-1">
<img src="images/I420_1033_420_947.svg" alt="" class="icon-fg-debt-2">
</div>
<h3>Debt Consolidation</h3>
<p>Take control of your finances with our debt consolidation service. Consolidate multiple debts into one manageable payment</p>
</div>
</div>
</div>
</section>
<section id="section-risks">
<div class="container">
<div class="risks-header">
<h2>RISKS</h2>
<p class="text-orange">A disclaimer before you Apply+</p>
</div>
<div class="risks-grid">
<div class="risk-card">
<!--merged image-->
<div class="risk-icon-wrapper">
<img src="images/I420_1136_632_484.svg" alt="Residents only icon" class="risk-icon-1">
</div>
<div class="risk-content">
<h4>Residents only</h4>
<p>We greatly value the trust of our Indian customers and are committed to providing services that prioritize your unique requirements.</p>
</div>
</div>
<div class="risk-card">
<!--merged image-->
<div class="risk-icon-wrapper">
<img src="images/I420_1144_632_505.svg" alt="Salary loans icon" class="risk-icon-2">
</div>
<div class="risk-content">
<h4>Salary loans</h4>
<p>This is short term loan service only for salaried individuals with a salary above INR 35000/-.</p>
</div>
</div>
<div class="risk-card">
<!--merged image-->
<div class="risk-icon-wrapper">
<img src="images/I420_1152_632_581.svg" alt="High interest rate icon" class="risk-icon-3">
</div>
<div class="risk-content">
<h4>Relatively high interest rate</h4>
<p>The rates are somewhat higher as compared to long-term loans like automobile loans from banks.</p>
</div>
</div>
</div>
</div>
</section>
<section id="section-rates">
<div class="container">
<div class="rates-fees-section">
<div class="section-title">
<h2>Rates and <span class="text-orange">Fees</span></h2>
<hr/>
</div>
<div class="rates-list">
<div class="rate-item">
<p>Monthly Interest Rate:</p>
<div class="rate-value">2.9166%</div>
</div>
<div class="rate-item">
<p>Offered Annual Percentage Rate (APR):</p>
<div class="rate-value">35% (Fixed)</div>
</div>
<div class="rate-item">
<p>Tenure/Repayment Period:</p>
<div class="rate-value">INR 10,000 - 5,00,000</div>
</div>
<div class="rate-item">
<p>Minimum-Maximum Loan Amount:</p>
<div class="rate-value">INR 10,000 - 5,00,000</div>
</div>
<div class="rate-item">
<p>Processing Fee:</p>
<div class="rate-value">2%</div>
</div>
<div class="rate-item">
<p>GST on Processing Fee (Exclusive):</p>
<div class="rate-value">18%</div>
</div>
</div>
</div>
<div class="representative-example-section">
<h2 class="section-title-center">Representative Example</h2>
<div class="example-table">
<table>
<thead>
<tr>
<th>Loan Amount</th>
<th>APR</th>
<th>Tenure</th>
<th>Processing Fess</th>
<th>GST on Processing Fee</th>
<th>Amount Disbursed</th>
<th>EMI</th>
<th>Total Repayment Amount</th>
<th>Total Interest</th>
</tr>
</thead>
<tbody>
<tr>
<td>₹ 50,000</td>
<td>35%</td>
<td>12 Months</td>
<td>₹ 1,000</td>
<td>₹180</td>
<td>₹48,820</td>
<td>₹4,998</td>
<td>₹59,978</td>
<td>₹9,978</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
<section id="section-terms">
<div class="container">
<div class="terms-content">
<h2>Terms and <span class="text-orange">Conditions</span></h2>
<p class="terms-intro">Welcome to the Speedoloan website,</p>
<p class="terms-body">operated by Agrim Private Limited (we, us, our). By accessing or using our website(Site) and services (Services) you agree to be bound by the following terms and conditions.</p>
<a href="#" class="read-more">
read more
<img src="images/334_171.svg" alt="arrow down">
</a>
</div>
</div>
</section>
<section id="section-footer">
<footer class="site-footer">
<div class="container">
<div class="footer-top">
<div class="footer-col">
<h3>REACH US</h3>
<p>Address: 276,m First Floor, Gagan Vihar, Shadra Delhi</p>
</div>
<div class="footer-col">
<h3>CONTACT</h3>
<p>Email: info@speedoloan.com</p>
<p>Phone: +91 9099909941</p>
</div>
<div class="footer-col">
<h3>QUICK LINKS</h3>
<p><a href="#">Terms & Condition</a> | <a href="#">Privacy Policy</a></p>
<p>| <a href="#">Cancellation & Refund Policy</a> | <a href="#">FAQs</a> |</p>
</div>
</div>
<hr class="footer-divider">
<div class="footer-social">
<div class="rating-stars">
<img src="images/420_574.svg" alt="star">
<img src="images/420_575.svg" alt="star">
<img src="images/420_576.svg" alt="star">
<img src="images/420_577.svg" alt="star">
<img src="images/420_579.svg" alt="star">
</div>
</div>
<hr class="footer-divider">
<div class="footer-bottom">
<a href="#" class="footer-logo">
<!--merged image-->
<div class="footer-logo-images">
<img src="images/420_464.svg" alt="logo part" style="position: absolute; top: 0.03%; left: 0%; width: 18.34%; height: 81.84%;">
<img src="images/420_469.svg" alt="logo part" style="position: absolute; top: 29.02%; left: 15.07%; width: 13.04%; height: 70.99%;">
<img src="images/420_471.svg" alt="logo part" style="position: absolute; top: 39.21%; left: 16.99%; width: 9.25%; height: 50.54%;">
<img src="images/420_474.svg" alt="logo part" style="position: absolute; top: 22.7%; left: 29.85%; width: 5.63%; height: 33.23%;">
<img src="images/420_478.svg" alt="logo part" style="position: absolute; top: 22.89%; left: 35.58%; width: 5.48%; height: 32.63%;">
<img src="images/420_482.svg" alt="logo part" style="position: absolute; top: 22.89%; left: 41.9%; width: 4.79%; height: 32.63%;">
<img src="images/420_486.svg" alt="logo part" style="position: absolute; top: 22.89%; left: 47.69%; width: 4.79%; height: 32.63%;">
<img src="images/420_490.svg" alt="logo part" style="position: absolute; top: 23.16%; left: 53.45%; width: 6.48%; height: 32.36%;">
<img src="images/420_494.svg" alt="logo part" style="position: absolute; top: 22.65%; left: 60.78%; width: 7.51%; height: 33.33%;">
<img src="images/420_498.svg" alt="logo part" style="position: absolute; top: 23.16%; left: 71.94%; width: 4.82%; height: 32.36%;">
<img src="images/420_502.svg" alt="logo part" style="position: absolute; top: 22.65%; left: 77.66%; width: 7.51%; height: 33.33%;">
<img src="images/420_506.svg" alt="logo part" style="position: absolute; top: 22.79%; left: 85.79%; width: 7.18%; height: 32.72%;">
<img src="images/420_510.svg" alt="logo part" style="position: absolute; top: 23.16%; left: 93.48%; width: 5.63%; height: 32.36%;">
</div>
<span class="sr-only">Speedo Loan</span>
</a>
</div>
</div>
</footer>
</section>
</body>
</html>