OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	11/28/2024 11:03:35 AM	rwxrwxr-x
📁 .vscode	-	09/16/2024 04:14:27 AM	rwxr-xr-x
📄 Health-risks.html	11.68 KB	12/10/2024 06:17:53 AM	rw-r--r--
📁 bu_newgalaxy_server_nov_08_2024	-	11/08/2024 01:02:01 PM	rwxr-xr-x
📄 business_risk.html	10.57 KB	12/10/2024 06:17:52 AM	rw-r--r--
📄 contact.html	5.84 KB	12/10/2024 06:17:51 AM	rw-r--r--
📁 css	-	09/16/2024 04:14:27 AM	rwxr-xr-x
📁 images	-	11/09/2024 10:11:47 AM	rwxr-xr-x
📄 index.html	5.18 KB	12/10/2024 06:17:53 AM	rw-r--r--
📁 js	-	09/16/2024 05:11:52 AM	rwxr-xr-x
📄 life_risk.html	10.37 KB	12/10/2024 06:17:52 AM	rw-r--r--
📄 send_email.php	1.65 KB	12/08/2024 04:49:10 PM	rw-r--r--
📄 test.html	4.15 KB	11/09/2024 10:09:21 AM	rw-r--r--
📄 testimonial.html	8 KB	12/10/2024 06:17:50 AM	rw-r--r--
📄 vehicle-risk.html	17.54 KB	12/10/2024 06:17:51 AM	rw-r--r--
📁 vendor	-	11/22/2024 06:02:08 AM	rwxr-xr-x

Editing: index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Insurance Company</title>
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="css/styles.css">
    <style>
        
        .carousel-item img {
            height: 100vh;
            object-fit: cover;
        }
        .carousel-caption {
            background-color: rgba(0, 0, 0, 0.5);
            position: absolute;
            bottom: 20%;
            left: 20%;
            right: 20%;
            padding: 20px;
            border-radius: 10px;
        }
        .carousel-caption h2 {
            font-size: 2.5rem;
            color: #fff;
            text-align: center;
            font-weight: 700;
        }
        .carousel-caption p {
            font-size: 1.2rem;
            color: #f8f9fa;
            text-align: center;
        }
        .btn-primary {
            background-color: #37528e;
            border: none;
            border-radius: 50px;
            padding: 0.5rem 1.5rem;
        }
        .btn-primary:hover {
            background-color: #37528e;
        }
        .footer {
            background-color: #f8f9fa;
            color: #343a40;
            padding: 1rem 0;
            text-align: center;
        }
        .footer p {
            margin: 0;
        }
        @media screen and (max-width: 768px) {
            .carousel-caption h2 {
                font-size: 2rem;
            }
            .carousel-caption p {
                font-size: 1rem;
            }
        }
        @media screen and (max-width: 540px) {
            .carousel-caption {
                left: 0;
                right: 0;
                bottom: 10%;
            }
            .carousel-caption h2 {
                font-size: 1.5rem;
            }
            .carousel-caption p {
                font-size: 0.9rem;
            }
        }
        .container {
            padding-top: 20px; /* Adjust based on navbar height */
        }
    </style>
        <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.3/dist/umd/popper.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js"></script>
</head>
<body>
    <header id="header">
        <nav class="navbar navbar-expand-lg navbar-light">
            <a class="navbar-brand" href="index.html">
                <img src="images/logo.jpg" alt="Logo" id="logo">
            </a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
                aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div style="z-index: 10; background-color: #fff;" class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav ms-auto">
                    <li class="nav-item"><a class="nav-link" href="life_risk.html">Life Risks</a></li>
                    <li class="nav-item"><a class="nav-link" href="Health-risks.html">Health Risks</a></li>
                    <li class="nav-item"><a class="nav-link" href="business_risk.html">Business Risks</a></li>
                    <li class="nav-item"><a class="nav-link" href="vehicle-risk.html">Motor Vehicle</a></li>
                    <li class="nav-item"><a class="nav-link" href="testimonial.html">Customers</a></li>
                    <li class="nav-item"><a class="nav-link" href="#about">About</a></li>
                    <li class="nav-item"><a class="nav-link" href="#">Blog</a></li>
                    <li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
                </ul>
            </div>
        </nav>
    </header>

<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel" data-interval="5000">
        <ol class="carousel-indicators">
            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
        </ol>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <a href="page1.html">
                    <img src="images/home1-bg.png" class="d-block w-100" alt="Slide 1">
                    <div class="carousel-caption d-none d-md-block">
                        <h2>Welcome to Our Risk Prevention Center</h2>
                        <p>Your Well-being is Our Top Concern. Choose from Our Range of Protection Options</p>
                        <a class="btn btn-primary" href="life_risk.html">Explore Services</a>
                    </div>
                </a>
            </div>
        </div>
    </div>