Welcome to Our Website

Explore our amazing features and offerings. We provide the best services tailored to your needs. Our team is dedicated to ensuring your satisfaction.

Lorem ipsum dolor sit amet consectetur, adipisicing elit. ad sint iusto, quis voluptatum nulla accusamus numquam! Necessitatibus sit voluptate minima, quod at recusandae est id aliquam ratione laudantium vel voluptatem et incidunt perferendis dolorum excepturi eligendi vitae aliquid odio, nemo, quaerat repudiandae neque iste numquam! Reiciendis, nobis amet, inventore qui eveniet ab error perferendis quia culpa harum, laboriosam sequi temporeeum debitis voluptatum unde animi!.

Join us today and be part of something incredible. We are committed to excellence and innovation!

CSS Code

Below is the CSS code:

                    /* Container */
                            .container {
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                            gap: 20px;
                            max-width: 1200px;
                            margin: 0 auto;
                            background: white;
                            padding: 20px;
                            border-radius: 10px;
                            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
                            }

                            /* Text Content */
                            .text-content {
                            flex: 1;
                            }

                            .text-content h1 {
                            font-size: 2.5rem;
                            color: #007BFF;
                            margin-bottom: 20px;
                            }

                            .text-content p {
                            margin-bottom: 15px;
                            font-size: 1.1rem;
                            }

                            .text-content .cta-button {
                            padding: 10px 20px;
                            background-color: #007BFF;
                            color: white;
                            border: none;
                            border-radius: 5px;
                            font-size: 1rem;
                            cursor: pointer;
                            transition: background-color 0.3s ease;
                            }

                            .text-content .cta-button:hover {
                            background-color: #0056b3;
                            }

                            /* Image Content */
                            .image-content {
                            flex: 1;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            }

                            .image-content img {
                            max-width: 100%;
                            height: auto;
                            border-radius: 10px;
                            }

                            /* Responsive Design */
                            @media (max-width: 768px) {
                            .container {
                                flex-direction: column;
                                text-align: center;
                            }

                            .text-content {
                                margin-bottom: 20px;
                            }

                            .text-content h1 {
                                font-size: 2rem;
                            }

                            .text-content p {
                                font-size: 1rem;
                            }
                            }