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;700;800&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-white);
padding: 15px 0;
position: sticky;
top: 0;
z-index: 100;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.header-container {
display: flex;
justify-content: space-between;
align-items: center;
}
.logo-images {
position: relative;
width: 200px;
height: 45px;
}
.logo-images img {
position: absolute;
}
.logo-svg-1 { left: 0px; top: 0px; width: 37px; height: 37px; }
.logo-svg-2 { left: 30px; top: 13px; width: 26px; height: 31px; }
.logo-svg-3 { left: 34px; top: 18px; width: 19px; height: 23px; }
.logo-svg-4 { left: 60px; top: 10px; width: 11px; height: 15px; }
.logo-svg-5 { left: 73px; top: 10px; width: 11px; height: 15px; }
.logo-svg-6 { left: 86px; top: 10px; width: 10px; height: 15px; }
.logo-svg-7 { left: 97px; top: 10px; width: 10px; height: 15px; }
.logo-svg-8 { left: 109px; top: 10px; width: 13px; height: 15px; }
.logo-svg-9 { left: 123px; top: 10px; width: 15px; height: 15px; }
.logo-svg-10 { left: 146px; top: 10px; width: 10px; height: 15px; }
.logo-svg-11 { left: 157px; top: 10px; width: 15px; height: 15px; }
.logo-svg-12 { left: 173px; top: 10px; width: 14px; height: 15px; }
.logo-svg-13 { left: 189px; top: 10px; width: 11px; height: 15px; }
.logo-svg-14 { left: 79px; top: 32px; width: 4px; height: 6px; }
.logo-svg-15 { left: 85px; top: 32px; width: 6px; height: 6px; }
.logo-svg-16 { left: 93px; top: 32px; width: 6px; height: 6px; }
.logo-svg-17 { left: 101px; top: 32px; width: 5px; height: 6px; }
.logo-svg-18 { left: 111px; top: 32px; width: 3px; height: 6px; }
.logo-svg-19 { left: 117px; top: 32px; width: 5px; height: 6px; }
.logo-svg-20 { left: 127px; top: 32px; width: 4px; height: 6px; }
.logo-svg-21 { left: 137px; top: 32px; width: 5px; height: 6px; }
.logo-svg-22 { left: 144px; top: 32px; width: 3px; height: 6px; }
.logo-svg-23 { left: 150px; top: 32px; width: 5px; height: 6px; }
.logo-svg-24 { left: 157px; top: 32px; width: 5px; height: 6px; }
.logo-svg-25 { left: 163px; top: 32px; width: 5px; height: 6px; }
.logo-svg-26 { left: 170px; top: 32px; width: 4px; height: 6px; }
.logo-svg-27 { left: 176px; top: 32px; width: 5px; height: 6px; }
.main-nav ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
gap: 48px;
}
.main-nav a {
font-size: 18px;
font-weight: 500;
color: var(--text-dark);
transition: color 0.3s;
}
.main-nav a:hover {
color: var(--primary-color);
}
.btn-repay {
border: 1px solid var(--primary-color);
color: var(--primary-color);
padding: 11px 25px;
border-radius: 28px;
font-size: 16px;
font-weight: 500;
transition: background-color 0.3s, color 0.3s;
}
.btn-repay:hover {
background-color: var(--primary-color);
color: var(--text-white);
}
@media (max-width: 768px) {
.header-container {
flex-direction: column;
gap: 15px;
}
.main-nav ul {
gap: 20px;
}
}
/* CSS for section section:hero */
.hero-section {
padding: 0;
height: 700px;
background-image: url('images/5b7e2804016dc8aa5aafbdd8f84778a89a567577.png');
background-size: cover;
background-position: center;
position: relative;
display: flex;
align-items: flex-end;
}
.hero-section::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.32) 66.67%);
border-radius: 21px; /* This might not be visible depending on the container */
}
.hero-content {
position: relative;
z-index: 2;
width: 100%;
padding: 0 60px;
box-sizing: border-box;
margin-bottom: 64px;
}
.hero-text-box {
background-color: var(--primary-color);
padding: 30px 44px;
border-radius: 6px;
text-align: center;
max-width: 1320px;
margin: 0 auto;
}
.hero-title {
color: var(--text-white);
font-size: 32px;
font-weight: 500;
margin: 0 0 18px 0;
}
.hero-title .highlight {
font-weight: 700;
}
.hero-subtitle {
color: var(--text-white);
font-size: 18px;
font-weight: 500;
line-height: 1.5;
margin: 0;
max-width: 831px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 1024px) {
.hero-section {
height: 600px;
}
.hero-text-box {
padding: 25px 30px;
}
.hero-title {
font-size: 28px;
}
.hero-subtitle {
font-size: 16px;
}
}
@media (max-width: 768px) {
.hero-section {
height: auto;
padding: 150px 0 40px 0;
align-items: center;
}
.hero-content {
padding: 0 20px;
margin-bottom: 0;
}
.hero-text-box {
padding: 20px;
}
.hero-title {
font-size: 24px;
}
.hero-subtitle {
font-size: 14px;
}
}
/* CSS for section section:about */
.about-section {
padding: 80px 0;
background-color: var(--bg-light);
}
.about-section .container {
display: flex;
flex-direction: column;
gap: 80px;
}
.about-card {
display: flex;
align-items: center;
background-color: #000;
border-radius: 24px;
overflow: hidden;
position: relative;
height: 447px;
}
.about-image-container {
flex: 1;
height: 100%;
}
.about-image {
width: 100%;
height: 100%;
object-fit: cover;
}
.about-text-container {
position: absolute;
top: 0;
height: 100%;
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 40px;
box-sizing: border-box;
color: var(--text-white);
background: linear-gradient(90deg, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0) 100%);
}
.about-card.mission-card .about-text-container {
left: auto;
right: 0;
align-items: flex-start;
text-align: left;
background: linear-gradient(270deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}
.about-title {
font-size: 48px;
font-weight: 600;
margin: 0 0 25px 0;
}
.about-description {
font-size: 18px;
line-height: 1.5;
margin: 0;
max-width: 470px;
}
@media (max-width: 1024px) {
.about-card {
flex-direction: column;
height: auto;
}
.about-text-container,
.about-card.mission-card .about-text-container {
position: relative;
width: 100%;
background: rgba(0,0,0,0.7);
text-align: center;
align-items: center;
}
.about-card.mission-card {
flex-direction: column-reverse;
}
.about-title {
font-size: 36px;
}
.about-description {
font-size: 16px;
}
}
/* CSS for section section:features */
#features {
background-color: #FFFFFF;
}
.features-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 32px;
margin-top: 60px;
}
.feature-card {
border-radius: 10px;
overflow: hidden;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
background-color: var(--text-white);
display: flex;
flex-direction: column;
}
.feature-image {
width: 100%;
height: 295px;
object-fit: cover;
}
.feature-content {
padding: 24px;
}
.feature-title {
font-size: 24px;
font-weight: 600;
color: var(--secondary-color);
margin: 0 0 16px 0;
}
.feature-description {
font-size: 16px;
line-height: 1.5;
color: rgba(0, 0, 0, 0.8);
margin: 0;
}
@media (max-width: 768px) {
.features-grid {
grid-template-columns: 1fr;
}
}
/* CSS for section section:process */
.process-section {
background-color: var(--bg-light);
}
.process-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 32px;
}
.process-card {
border: 1px solid #b3b3b3;
border-radius: 20px;
padding: 40px;
text-align: center;
position: relative;
background-color: var(--text-white);
}
.process-number {
position: absolute;
top: 25px;
left: 25px;
width: 34px;
height: 34px;
border-radius: 50%;
background-color: #fff;
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
font-weight: 600;
color: #000;
}
.process-icon-wrapper {
position: relative;
width: 86px;
height: 86px;
margin: 20px auto 30px;
display: flex;
align-items: center;
justify-content: center;
}
.process-icon-wrapper img, .process-icon-wrapper span {
position: absolute;
}
.process-icon-bg { width: 100%; height: 100%; }
.process-icon-main { width: 55%; height: auto; }
.process-icon-detail1 { width: 15%; top: 33%; left: 19%; }
.process-icon-detail2 { width: 28%; bottom: 0; left: 25%; }
.rupee-symbol { color: var(--primary-color); font-size: 20px; font-weight: 400; top: 60%; left: 35%; }
.process-title {
font-size: 24px;
font-weight: 600;
color: #313131;
margin: 0 0 16px 0;
}
.process-description {
font-size: 16px;
line-height: 1.5;
color: #656565;
margin: 0;
}
@media (max-width: 1024px) {
.process-grid {
grid-template-columns: 1fr;
}
}
/* CSS for section section:cta */
.cta-section {
padding: 0;
}
.cta-section .container {
background-color: var(--bg-accent);
border-radius: 10px;
padding: 0;
}
.cta-content {
display: flex;
align-items: center;
justify-content: space-between;
}
.cta-text {
padding: 60px;
flex-basis: 50%;
}
.cta-title {
font-size: 40px;
font-weight: 700;
color: var(--primary-color);
margin: 0 0 24px 0;
}
.cta-description {
font-size: 16px;
line-height: 1.5;
color: #000000;
margin: 0 0 48px 0;
}
.btn-contact {
background-color: var(--secondary-color);
color: var(--text-white);
padding: 16px 40px;
border-radius: 42px;
font-size: 24px;
font-weight: 500;
display: inline-block;
transition: opacity 0.3s;
}
.btn-contact:hover {
opacity: 0.9;
}
.cta-image {
flex-basis: 40%;
align-self: flex-end;
}
.cta-image img {
border-radius: 0 0 10px 0;
}
@media (max-width: 1024px) {
.cta-content {
flex-direction: column;
text-align: center;
}
.cta-text {
padding: 40px;
order: 2;
}
.cta-image {
order: 1;
width: 60%;
margin-top: -50px;
}
}
@media (max-width: 768px) {
.cta-title {
font-size: 32px;
}
.cta-description {
font-size: 14px;
margin-bottom: 30px;
}
.btn-contact {
font-size: 20px;
padding: 12px 30px;
}
}
/* CSS for section section:footer */
.site-footer {
background-color: var(--bg-dark);
color: var(--text-white);
padding: 60px 0;
}
.footer-top {
display: flex;
justify-content: space-between;
gap: 40px;
margin-bottom: 40px;
}
.footer-column {
flex: 1;
}
.footer-heading {
font-size: 24px;
font-weight: 500;
margin: 0 0 24px 0;
}
.footer-column p {
font-size: 16px;
font-weight: 400;
line-height: 1.5;
margin: 0 0 12px 0;
}
.footer-column a {
transition: color 0.3s;
}
.footer-column a:hover {
color: var(--primary-color);
}
.footer-divider {
height: 1px;
background-color: rgba(255, 255, 255, 0.6);
border: none;
}
.footer-middle {
padding: 30px 0;
}
.social-icons {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
}
.social-icon {
display: flex;
align-items: center;
justify-content: center;
width: 54px;
height: 53px;
background-color: var(--text-white);
border-radius: 6px;
transition: transform 0.3s;
}
.social-icon:hover {
transform: translateY(-5px);
}
.social-icon img {
height: 24px;
width: auto;
}
.footer-bottom {
padding-top: 40px;
display: flex;
justify-content: center;
}
.footer-logo {
position: relative;
width: 224px;
height: 50px;
}
.footer-logo img {
position: absolute;
}
.f-logo-1 { left: 0; top: 0; width: 41px; height: 41px; }
.f-logo-2 { left: 34px; top: 15px; width: 29px; height: 35px; }
.f-logo-3 { left: 38px; top: 20px; width: 21px; height: 25px; }
@media (max-width: 768px) {
.footer-top {
flex-direction: column;
text-align: center;
}
.footer-heading {
margin-bottom: 16px;
}
}
</style>
<script src="global.js" defer></script>
</head>
<body>
<header class="site-header">
<div class="container header-container">
<a href="#hero" class="logo">
<!--merged image-->
<div class="logo-images">
<img src="images/794_526.svg" alt="Speedo Loan logo part 1" class="logo-svg-1">
<img src="images/794_531.svg" alt="Speedo Loan logo part 2" class="logo-svg-2">
<img src="images/794_533.svg" alt="Speedo Loan logo part 3" class="logo-svg-3">
<img src="images/794_536.svg" alt="Speedo Loan logo part 4" class="logo-svg-4">
<img src="images/794_540.svg" alt="Speedo Loan logo part 5" class="logo-svg-5">
<img src="images/794_544.svg" alt="Speedo Loan logo part 6" class="logo-svg-6">
<img src="images/794_548.svg" alt="Speedo Loan logo part 7" class="logo-svg-7">
<img src="images/794_552.svg" alt="Speedo Loan logo part 8" class="logo-svg-8">
<img src="images/794_556.svg" alt="Speedo Loan logo part 9" class="logo-svg-9">
<img src="images/794_560.svg" alt="Speedo Loan logo part 10" class="logo-svg-10">
<img src="images/794_564.svg" alt="Speedo Loan logo part 11" class="logo-svg-11">
<img src="images/794_568.svg" alt="Speedo Loan logo part 12" class="logo-svg-12">
<img src="images/794_572.svg" alt="Speedo Loan logo part 13" class="logo-svg-13">
<img src="images/794_576.svg" alt="Speedo Loan logo part 14" class="logo-svg-14">
<img src="images/794_580.svg" alt="Speedo Loan logo part 15" class="logo-svg-15">
<img src="images/794_584.svg" alt="Speedo Loan logo part 16" class="logo-svg-16">
<img src="images/794_588.svg" alt="Speedo Loan logo part 17" class="logo-svg-17">
<img src="images/794_592.svg" alt="Speedo Loan logo part 18" class="logo-svg-18">
<img src="images/794_596.svg" alt="Speedo Loan logo part 19" class="logo-svg-19">
<img src="images/794_600.svg" alt="Speedo Loan logo part 20" class="logo-svg-20">
<img src="images/794_604.svg" alt="Speedo Loan logo part 21" class="logo-svg-21">
<img src="images/794_608.svg" alt="Speedo Loan logo part 22" class="logo-svg-22">
<img src="images/794_612.svg" alt="Speedo Loan logo part 23" class="logo-svg-23">
<img src="images/794_616.svg" alt="Speedo Loan logo part 24" class="logo-svg-24">
<img src="images/794_620.svg" alt="Speedo Loan logo part 25" class="logo-svg-25">
<img src="images/794_624.svg" alt="Speedo Loan logo part 26" class="logo-svg-26">
<img src="images/794_628.svg" alt="Speedo Loan logo part 27" class="logo-svg-27">
</div>
</a>
<nav class="main-nav">
<ul>
<li><a href="#hero">Home</a></li>
<li><a href="#about">About Us</a></li>
<li><a href="#cta">Contact Us</a></li>
</ul>
</nav>
<a href="#" class="btn-repay">Repay Now</a>
</div>
</header>
<section id="hero" class="hero-section">
<div class="hero-content">
<div class="hero-text-box">
<h1 class="hero-title">Welcome to <span class="highlight">Speedo Loan</span></h1>
<p class="hero-subtitle">Speedo Loan, your trusted provider of personal loans for salaried professionals in India, offers financial support for unexpected expenses,medical emergencies, home improvements - all in just a finger tapAs part of an RBI-registered NBFC, we focus on delivering flexible and reliable loan solutions customized as per your needs.!</p>
</div>
</div>
</section>
<section id="about" class="about-section">
<div class="container">
<div class="about-card">
<div class="about-image-container">
<img src="images/4037bcb6d44213b3b937cdda133640f29da18ffe.png" alt="Our Vision" class="about-image">
</div>
<div class="about-text-container vision-text">
<h2 class="about-title">Our Vision</h2>
<p class="about-description">At Speedo Loan, we strive to empower salaried professionalism India by expanding recredit access. We’re committed to enhancing our platform with toolsand personalized loan offers to meet your financial needs.</p>
</div>
</div>
<div class="about-card mission-card">
<div class="about-text-container mission-text">
<h2 class="about-title">Our Mission</h2>
<p class="about-description">At Speedo Loan, we aim to provide fast and reliable personal loans to salaried individuals with minimal paperwork, ensuring a seamless digital experience that empowers you to manage your finances confidently.</p>
</div>
<div class="about-image-container">
<img src="images/dec079f190d7dc2c7b02874662232124f486c7b8.png" alt="Our Mission" class="about-image">
</div>
</div>
</div>
</section>
<section id="features">
<div class="container">
<h2 class="section-title">Why Choose Speedo Loan for <span class="highlight">their Services?</span></h2>
<div class="features-grid">
<div class="feature-card">
<img src="images/c09c3196c3cf97ad51bd75e23fd45f61c0e2c024.png" alt="Family playing" class="feature-image">
<div class="feature-content">
<h3 class="feature-title">Trusted by Thousands</h3>
<p class="feature-description">Speedo Loan is a trusted digital lending partner for thousands of salaried individuals in India, known for the fast, fair, and reliable service.</p>
</div>
</div>
<div class="feature-card">
<img src="images/316977e5cce0cbc589fc9b3821caaba806e17cdb.png" alt="Man using phone" class="feature-image">
<div class="feature-content">
<h3 class="feature-title">Security and Privacy</h3>
<p class="feature-description">At Speedo Loan, your data security is our priority. We use advanced encryption and security measures to protect your information, fully complying with India’s data privacy laws.</p>
</div>
</div>
<div class="feature-card">
<img src="images/36cfb2daeb818db80c349575ab9c01a0451be3bd.png" alt="Customer service representative" class="feature-image">
<div class="feature-content">
<h3 class="feature-title">Customer-Centric Approach</h3>
<p class="feature-description">At Speedo Loan, we prioritize our customers with dedicated support for applications, repayments, and financial advice, ensuring exceptional service at every step.</p>
</div>
</div>
<div class="feature-card">
<img src="images/46a769ba249c4d63e3ad65b169560b814ccf9ff0.png" alt="Happy couple" class="feature-image">
<div class="feature-content">
<h3 class="feature-title">Flexible and Inclusive</h3>
<p class="feature-description">We believe in financial access for all. Our inclusive criteria offer loan options for young professionals and experienced workers alike, accommodating various credit scores, including those with less-than-perfect histories.</p>
</div>
</div>
</div>
</div>
</section>
<section id="process" class="process-section">
<div class="container">
<h2 class="section-title">Our Loan <span class="highlight">Process</span></h2>
<p class="section-subtitle">At Speedo Loan, we have simplified the loan process to make it as easy and straightforward as possible. Here’s how it works:</p>
<div class="process-grid">
<div class="process-card">
<div class="process-number">1.</div>
<!--merged image-->
<div class="process-icon-wrapper">
<img src="images/I425_649_425_510.svg" alt="" class="process-icon-bg">
<img src="images/I425_649_425_512.svg" alt="" class="process-icon-main">
<img src="images/I425_649_425_513.svg" alt="" class="process-icon-detail1">
<img src="images/I425_649_425_514.svg" alt="" class="process-icon-detail2">
</div>
<h3 class="process-title">Online Application</h3>
<p class="process-description">Start by filling out our quick and easy loan application form online.You’ll need to provide some basic personal information, employment details, and the loan amount you wish to apply for.</p>
</div>
<div class="process-card">
<div class="process-number">2.</div>
<!--merged image-->
<div class="process-icon-wrapper">
<img src="images/I425_664_425_566.svg" alt="" class="process-icon-bg">
<img src="images/I425_664_425_567.svg" alt="" class="process-icon-main">
</div>
<h3 class="process-title">Instant Verification</h3>
<p class="process-description">Our advanced technology allows us to verify your documents and creditworthiness immediately. Within minutes, you will receive a preliminary decision on your loan application.</p>
</div>
<div class="process-card">
<div class="process-number">3.</div>
<!--merged image-->
<div class="process-icon-wrapper">
<img src="images/I425_679_425_552.svg" alt="" class="process-icon-bg">
</div>
<h3 class="process-title">Approval and Disbursal</h3>
<p class="process-description">Repaying your loan is as easy as applying. Choose a repayment schedule that suits your budget, and make payments through our website or mobile app. We offer various options, including NACH, bank transfers, UPIs, and online payment gateways.</p>
</div>
<div class="process-card">
<div class="process-number">4.</div>
<!--merged image-->
<div class="process-icon-wrapper">
<img src="images/I425_692_425_534.svg" alt="" class="process-icon-bg">
<img src="images/I425_692_425_537.svg" alt="" class="process-icon-main">
<span class="rupee-symbol">₹</span>
</div>
<h3 class="process-title">Easy Repayment</h3>
<p class="process-description">Repaying your loan is as easy as applying. Choose a repayment schedule that suits your budget, and make payments through our website or mobile app. We offer various options, including NACH, bank transfers, UPIs, and online payment gateways.</p>
</div>
</div>
</div>
</section>
<section id="cta" class="cta-section">
<div class="container">
<div class="cta-content">
<div class="cta-text">
<h2 class="cta-title">Enquire for Loan</h2>
<p class="cta-description">We're here to help you out! Contact us for any queries or concerns about our services. Your feedback is important to us.</p>
<a href="#" class="btn-contact">Contact Us</a>
</div>
<div class="cta-image">
<img src="images/4e58fce89b99416f37c754662e9507e241d4c95f.png" alt="Customer support agent">
</div>
</div>
</div>
</section>
<footer class="site-footer">
<div class="container">
<div class="footer-top">
<div class="footer-column">
<h3 class="footer-heading">REACH US</h3>
<p>Address: 276,m First Floor, Gagan Vihar, Shadra Delhi</p>
</div>
<div class="footer-column">
<h3 class="footer-heading">CONTACT</h3>
<p>Email: info@speedoloan.com</p>
<p>Phone: +91 9099909941</p>
</div>
<div class="footer-column">
<h3 class="footer-heading">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>
<div class="footer-divider"></div>
<div class="footer-middle">
<div class="social-icons">
<a href="#" class="social-icon"><img src="images/420_435.svg" alt="Facebook"></a>
<a href="#" class="social-icon"><img src="images/420_436.svg" alt="LinkedIn"></a>
<a href="#" class="social-icon"><img src="images/420_437.svg" alt="YouTube"></a>
<a href="#" class="social-icon"><img src="images/420_438.svg" alt="Twitter"></a>
<a href="#" class="social-icon"><img src="images/420_440.svg" alt="Instagram"></a>
</div>
</div>
<div class="footer-divider"></div>
<div class="footer-bottom">
<!--merged image-->
<div class="footer-logo">
<img src="images/420_325.svg" alt="Speedo Loan logo part 1" class="f-logo-1">
<img src="images/420_330.svg" alt="Speedo Loan logo part 2" class="f-logo-2">
<img src="images/420_332.svg" alt="Speedo Loan logo part 3" class="f-logo-3">
</div>
</div>
</div>
</footer>
</body>
</html>