EVOLUTION-NINJA

Edit File: index.php

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Smart Finance</title>

<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="<?php echo base_url('public/assets/css/landingPage.css'); ?>">

<div class="top-section">
    <img src="<?php echo base_url('public/assets/images/final smart.svg')?>" alt="Logo">
  </div>

<div class="navbar-container">
    <div class="navbar">
      
      <button class="menu-toggle" onclick="toggleMenu()">☰</button>

<a href="#home">Home</a>
      <a href="#about">About</a>
      <a href="#gallery">Gallery</a>
      <a href="#contact">Contact</a>
      
      <a href="<?php echo base_url('login');?>" class="login-button" >Login</a>
    </div>
  </div>

<div class="background-image"  style=" background-image: url('public/assets/images/bg.png');">
    <div class="background-text">
      <h2 >Turning your</h2>
      <h2 >Dreams into Reality</h2>
    </div>
  </div>

<div class="background-h3">
    <h3>Savings Plan Overview</h3>
  </div>

<div class="paragraph-container">
    <p>
      Our Savings Plan is tailored to support young people and families looking to build a secure future. 
      We are committed to offering affordable and easy-to-access savings solutions that empower everyone to grow 
      their wealth for what lies ahead. Take the first step today and start investing in your future with us.
    </p>
  </div>

<img src=" <?php echo base_url('public/assets/images/underline.png')?>" alt="Underline" class="underline-image">

<img src="<?php echo base_url('public/assets/images/vehicle.png')?>" alt="Vehicle" class="left-image">
        
        
        <div class="right-content">
          <h4 style="color: #111B2F;">Vehicle Scheme</h4>
          <p style="color: #454545; font-size: 16px;width:80%;">Our Vehicle Scheme provides the perfect opportunity for bike enthusiasts to own their dream bike with a plan tailored to your needs. Start your journey today with the ride you've always wanted.</p>
          <button style="width: 152px; height: 40px; background: linear-gradient(90deg, #0C7800, #1BC208); color: white; border: none; border-radius: 36px; font-size: 16px; cursor: pointer; transition: transform 0.3s;" 
          onmouseover="this.style.transform='scale(1.1)'" 
          onmouseout="this.style.transform='scale(1)'">
      Know More
  </button>
        </div>
      </div>
      <img src="<?php echo base_url('public/assets/images/underline.png')?>" alt="Underline" class="underline-image">
      <div class="gold-scheme-container">
        <div class="gold-scheme-content">
          
          <div class="gold-scheme-text">
            <h4>Gold Scheme</h4>
            <p >Our Gold Scheme offers a secure way to invest in precious gold, allowing you to build wealth and enjoy the benefits of this timeless asset. Start your journey to financial security today.</p>
            <button style="width: 152px; height: 40px; background: linear-gradient(90deg, #0C7800, #1BC208); color: white; border: none; border-radius: 36px; font-size: 16px; cursor: pointer; transition: transform 0.3s;" 
            onmouseover="this.style.transform='scale(1.1)'" 
            onmouseout="this.style.transform='scale(1)'">
        Know More
    </button>
          </div>
        
          
          <div class="gold-scheme-image">
         
            <img src="<?php echo base_url('public/assets/images/gold1.png')?>" alt="Gold Scheme Image">
          </div>
        </div>
      </div>
    
      </div>
      <img src="<?php echo base_url('public/assets/images/underline.png')?>" alt="Underline" class="underline-image">
      <div class="image-left-right-container">

<img src="<?php echo base_url('public/assets/images/home.png')?>" alt="Vehicle" class="left-image" >
        
        
        <div class="right-content" >
          <h4 style="color: #111B2F;">Home Scheme</h4>
          <p style="color: #454545; font-size: 16px;width:80%;">With our House Scheme, you can take the first step towards homeownership with ease and confidence. Let us help you find the perfect home for your family.</p>
          <button style="width: 152px; height: 40px; background: linear-gradient(90deg, #0C7800, #1BC208); color: white; border: none; border-radius: 36px; font-size: 16px; cursor: pointer; transition: transform 0.3s;" 
        onmouseover="this.style.transform='scale(1.1)'" 
        onmouseout="this.style.transform='scale(1)'"  >
    Know More
</button>
        </div>
      </div>
    
    
</body>
</html>
<img src="<?php echo base_url('public/assets/images/underline.png')?>" alt="Underline" class="underline-image" id="about">

<div class="about-us">
  <h3>About Us</h3>
  <img src="<?php echo base_url('public/assets/images/underline.png')?>" alt="Underline" class="underline-image1">

</div>

<div class="about-us-paragraph">
  <p>
    We believe that saving and investing should be simple and tailored to your needs. Our flexible payment options and personalized savings plans are designed to help you reach your financial goals without the stress. Whether you’re starting your savings journey or looking to grow your investments, we offer solutions that work for you and fit your budget. Our team is here to provide expert support every step of the way, ensuring you have the guidance and confidence to succeed. Trust us to be your partner in achieving your financial future.
  </p>
</div>
 
 <div class="boxes-container">
    
  
  <div class="box" style="background-color: #FFF5DF;">
    <div class="box-content">
      <img src="<?php echo base_url('public/assets/images/job 1.png')?>" alt="Image" class="box-image">
      <div>
        <strong>Empower</strong>
        <p>Empower youth employment</p>
      </div>
    </div>
  </div>

<div class="box" style="background-color:#F3F7FF ;">
    <div class="box-content">
      <img src="<?php echo base_url('public/assets/images/job 2.png')?>" alt="Image" class="box-image">
      <div>
        <strong>Deliver Quality</strong>
        <p>Deliver quality products</p>
      </div>
    </div>
  </div>

<div class="box" style="background-color: #EEF9FE;">
    <div class="box-content">
      <img src="<?php echo base_url('public/assets/images/job 3.png')?>" alt="Image" class="box-image">
      <div>
        <strong>Expand retail</strong>
        <p>Run new shops</p>
      </div>
    </div>
  </div>

</div>
 <div class="boxes-container">
    
  
  <div class="box" style="background-color: #F4EDFC;
;">
    <div class="box-content">
      <img src="<?php echo base_url('public/assets/images/job 4.png')?>" alt="Image" class="box-image">
      <div>
        <strong>Help Fulfill Dreams</strong>
        <p>Facilitate homeownership</p>
      </div>
    </div>
  </div>

<div class="box" style="background-color:#EEFFE0 ;">
    <div class="box-content">
      <img src="<?php echo base_url('public/assets/images/job 5.png')?>" alt="Image" class="box-image">
      <div>
        <strong>Enhance Urban Growth</strong>
        <p>Grow infrasrtucture</p>
      </div>
    </div>
  </div>

<div class="box" style="background-color: #FFE4E4;">
    <div class="box-content">
      <img src="<?php echo base_url('public/assets/images/job 6.png')?>" alt="Image" class="box-image">
      <div>
        <strong>National Expansion</strong>
        <p>Broaden state presence</p>
      </div>
    </div>
  </div>

</div>

<div class="lucky-winner-section">
  <h3 style="text-align: center;">Lucky Winner</h3>
  <img src="<?php echo base_url('public/assets/images/underline.png')?>" alt="Underline" class="underline-image1">
  <p style="text-align: center;">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
</div>

<div class="container">
  <div class="main-img">
    <img src="<?php echo base_url('public/assets/images/download 1.png')?>" alt="Main Image">
  </div>
  <div class="side-img">
    <img src="<?php echo base_url('public/assets/images/image (2).png')?>" alt="Top Side Image" >
    <img src="<?php echo base_url('public/assets/images/image (3).png')?>" alt="Bottom Side Image" >
  </div>
</div>
<div  id="gallery" >
    
</div>

<div class="gallery-section">
  <h3>Gallery</h3>
  <img src="<?php echo base_url('public/assets/images/underline.png')?>" alt="Underline" class="underline-image1"    style=" margin-top: -7px !important;">

<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
  
  <div class="gallery-images">
    <img src="<?php echo base_url('public/assets/images/image (4).png')?>" alt="Gallery Image 1">
    <img src="<?php echo base_url('public/assets/images/image (5).png')?>" alt="Gallery Image 2">
    <img src="<?php echo base_url('public/assets/images/image (4).png')?>" alt="Gallery Image 3">
  </div>
  <div class="gallery-images">
    <img src="<?php echo base_url('public/assets/images/image (5).png')?>" alt="Gallery Image 1">
    <img src="<?php echo base_url('public/assets/images/image (4).png')?>" alt="Gallery Image 2">
    <img src="<?php echo base_url('public/assets/images/image (5).png')?>" alt="Gallery Image 3">
  </div>
</div>
<footer class="footer">
  <div class="footer-content">
    <div class="footer-logo">
      <img src="<?php echo base_url('public/assets/images/final smart.svg')?>" alt="Logo" />
    </div>
    <div class="green-line"></div>
    <div class="address">
      <p class="address-name">Address:</p>
      <p>#656/D, 16th Main, 5th Cross, Saraswathipuram,<br>Mysore, Karnataka-570009.</p>
    </div>
    <div class="contact-info"  id="contact">
      <p class="email">Email: <a href="mailto:support@smartfinance.com"><br>support@smartfinance.com</a></p>
      <p class="phone">Phone: <br>+91 9660000606</p>
    </div>
    <div class="follow-us">
      <p>Follow Us:</p>
      <div class="social-icons">
        <a href="https://facebook.com" target="_blank">
          <img src="<?php echo base_url('public/assets/images/Facebook - Negative.png')?>" alt="Facebook" />
        </a>
        <a href="https://twitter.com" target="_blank">
          <img src="<?php echo base_url('public/assets/images/Vector@2x.png')?>" alt="Twitter" />
        </a>
        <a href="https://instagram.com" target="_blank">
          <img src="<?php echo base_url('public/assets/images/Instagram - Negative.png')?>" alt="Instagram" />
        </a>
        <a href="https://linkedin.com" target="_blank">
          <img src="<?php echo base_url('public/assets/images/LinkedIn - Negative.png')?>" alt="LinkedIn" />
        </a>
        <a href="https://google.com" target="_blank">
          <img src="<?php echo base_url('public/assets/images/Google - Negative.png')?>/" alt="Google" />
        </a>
      </div>
    </div>
  </div>
  <div class="footer-underline"></div> 
  
  <pp style="text-align: center; color: white;">Copyright 2025 © Smart Finance  |  Developed By: <a href="https://jayblues.com" style="text-decoration: none; font-size: 16px;color:blue;">JayBlues Technologies</a></p>
  
</footer>

<script>
    function toggleMenu() {
      const navbar = document.querySelector('.navbar');
      navbar.classList.toggle('show');
    }
  </script>
  
  <script>
    window.addEventListener("scroll", function() {
    let navbar = document.querySelector(".navbar");
    let navbarOffset = 137; // The initial position of the navbar

if (window.scrollY >= navbarOffset) {
        navbar.classList.add("fixed-navbar");
    } else {
        navbar.classList.remove("fixed-navbar");
    }
});

</script>
</body>
</html>