OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	11/28/2024 11:03:35 AM	rwxrwxr-x
📁 CSS	-	08/26/2024 06:19:06 AM	rwxr-xr-x
📄 Health-risks.html	11.73 KB	08/26/2024 06:19:06 AM	rw-r--r--
📄 about.html	3.68 KB	08/26/2024 06:19:06 AM	rw-r--r--
📄 contect.html	4.27 KB	08/26/2024 06:19:06 AM	rw-r--r--
📄 financial.html	4.22 KB	08/26/2024 06:19:06 AM	rw-r--r--
📁 images	-	08/26/2024 06:22:19 AM	rwxr-xr-x
📄 index.html	18.88 KB	08/26/2024 06:19:06 AM	rw-r--r--
📁 js	-	08/26/2024 06:22:21 AM	rwxr-xr-x
📄 licpage.html	5.61 KB	08/26/2024 06:19:06 AM	rw-r--r--
📄 life_risk.html	8.77 KB	08/26/2024 06:19:06 AM	rw-r--r--
📄 script.js	1.97 KB	08/26/2024 06:19:06 AM	rw-r--r--
📄 styles.css	19.01 KB	08/26/2024 06:19:06 AM	rw-r--r--
📄 testimonial.html	7.37 KB	08/26/2024 06:19:06 AM	rw-r--r--
📄 text.html	4.27 KB	08/26/2024 06:19:06 AM	rw-r--r--
📄 vehicle-risk.html	9.8 KB	08/26/2024 06:19:06 AM	rw-r--r--

Editing: life_risk.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Term Life Insurance</title>
    <link rel="stylesheet" href="CSS/financial.css">
    <link rel="stylesheet" href="CSS/testimonials.css">
    <link rel="stylesheet" href="styles.css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">

.health-header {
            background-color: #007bff;
            color: white;
            padding: 40px 20px;
            text-align: center;
            margin-top: 100px;
            margin-bottom: 40px;
        }

.health-header h1 {
            font-size: 3rem;
            font-weight: 700;
            margin-bottom: 10px;
        }

.health-header p {
            font-size: 1.3rem;
            margin-top: 10px;
        }

.container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

section {
            background-color: white;
            padding: 40px;
            margin-bottom: 30px;
            border-radius: 10px;
            box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
        }

section h2 {
            color: #555;
            font-size: 2rem;
            margin-bottom: 20px;
        }

.row {
            margin-bottom: 20px;
        }

.img-left,
        .img-right,
        .img-centered {
            width: 100%;
            /* Sets the image to take up the full width of its container */
            max-width: 300px;
            /* Restricts the maximum width of the image */
            height: auto;
            /* Maintains the aspect ratio */
        }

.img-left {
            margin-right: 20px;
            margin-bottom: 20px;
            float: left;
        }

.img-right {
            margin-left: 20px;
            margin-bottom: 20px;
            float: right;
        }

.img-centered {
            display: block;
            margin: 20px auto;
            border-radius: 10px;
        }

.feature-box {
            padding: 30px;
            background-color: #f8f9fa;
            border-radius: 10px;
            box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05);
            text-align: center;
        }

.feature-box h3 {
            font-size: 1.5rem;
            margin-bottom: 15px;
            color: #007bff;
        }

.feature-box p {
            font-size: 1rem;
            color: #555;
        }

footer {
            background-color: #007bff;
            color: white;
            padding: 20px;
            text-align: center;
            margin-top: 40px;
        }

footer p {
            margin: 0;
            font-size: 1.2rem;
        }
    </style>
</head>

<body>
    <header id="header">
        <div class="container">
            <div class="header-content">
                <div class="logo">
                    <a href="index.html"><img src="images/logo.jpg" alt="Logo" id="logo"></a>
                </div>
                <nav>
                    <div class="menu-icon" onclick="toggleMenu()">&#9776;</div>
                    <ul id="nav-links">
                        <li><a href="life_risk.html">Life Risks</a></li>
                        <li><a href="Health-risks.html">Health Risks</a></li>
                        <li><a href="vehicle-risk.html">Motor Vehicle</a></li>
                        <li><a href="#business-ins">Customers</a>
                            <ul class="dropdown">
                                <li><a href="testimonial.html">Testimonials</a></li>
                            </ul>
                        </li>
                        <li><a href="#about">About</a></li>
                        <li><a href="#contact">Contact</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </header>

<div class="health-header">
        <h1>Term Life Insurance</h1>
        <p>Secure your family’s financial future with the right insurance plan</p>
    </div>

<div class="container">
        <section>
            <h2>What is Term Life Insurance?</h2>
            <div class="row">
                <div class="col-md-6">
                    <img src="images/Term Life Insurance.png" class="img-left rounded" alt="Term Life Insurance">
                </div>
                <div class="col-md-6">
                    <p>Term life insurance is a straightforward and affordable way to provide financial protection for
                        your loved ones. It offers coverage for a specific period, paying out a death benefit if the
                        insured passes away during this term.</p>
                </div>
            </div>
        </section>

<section>
            <h2>Key Features</h2>
            <div class="row">
                <div class="col-md-4">
                    <div class="feature-box">
                        <h3>Sum Assured (SA)</h3>
                        <img src="images/Sum Assured (SA).png" class="img-centered" alt="Sum Assured">
                        <p>The sum assured should ideally be 10 times your annual income to secure your family's
                            financial future. For example, with an annual income of 20 Lakhs, a sum assured of 2 Crores
                            can help maintain the same standard of living for 10 years.</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="feature-box">
                        <h3>Policy Term (PT)</h3>
                        <img src="images/Policy Term (PT).png" class="img-centered" alt="Policy Term">
                        <p>The policy term can be selected based on your specific needs, typically lasting until
                            retirement (age 60) or even up to age 100 for legacy planning. Coverage is guaranteed from
                            the day the policy starts.</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="feature-box">
                        <h3>Premium Payment Term (PPT)</h3>
                        <img src="images/Return of Premium.png" class="img-centered" alt="Premium Payment">
                        <p>Choose how many years you'd like to pay premiums. Options include paying throughout the term
                            or opting for a shorter period like 5, 10, or 12 years. Shorter terms have higher premiums
                            but free you from payment obligations sooner.</p>
                    </div>
                </div>
            </div>
        </section>

<section>
            <h2>Additional Benefits</h2>
            <div class="row">
                <div class="col-md-6">
                    <div class="feature-box">
                        <h3>Return of Premium</h3>
                        <img src="images/Return of Premium.png" class="img-right rounded" alt="Return of Premium">
                        <p>Some policies offer a return of premiums if no claim is made during the term. For instance,
                            if you pay a premium of 40,000/year for 10 years, you can get back 4 Lakhs minus taxes and
                            expenses.</p>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="feature-box">
                        <h3>Riders</h3>
                        <img src="images/Riders.png" class="img-left rounded" alt="Riders">
                        <p>Enhance your policy with riders for critical illness, accidental death, and more. For
                            example, an accidental death rider could pay out an additional sum if the insured passes
                            away in an accident.</p>
                    </div>
                </div>
            </div>
        </section>
    </div>

</html>