如何制作这个背景

问题描述 投票:0回答:2

我正在 Bootstrap 5 中编写一个网站,但我不知道如何正确制作这个背景(https://postimg.cc/xJymRpVf)。有人可以帮我吗?

这是我的部分的代码。

<section class="py-5">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-9 col-12 py-5">
                    <h2 class="fw-bold text-blue">Přidejte se mezi úspěšné franšízové sítě
                    </h2>
                    <p class="mt-4">Čekáte, až si Vás franšízanti sami najdou? Máme bohaté zkušenosti s akvizicí
                        franšízantl pro úspěšné sítě a rozvíjíme také jejich obchodní strategii.</p>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-lg-9 col-12 mb-3">
                    <p class="h4 fw-bold text-blue">Síť tradičního holičství na 15 místech</p>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-lg-9 col-12">
                    <div class="row">
                        <div class="col-lg-6 col-12">
                            <img src="img/barber.jpg" class="img-fluid">
                        </div>
                        <div class="col-lg-6 col-12">
                            <div
                                class="card radius-bottom bg-primary p-4 text-white h-100 d-flex justify-content-center">
                                <p class="h5 fw-bold">Royal Barber & Shop</p>
                                <ul class="small">
                                    <li>Tvoříme obchodní strategii</li>
                                    <li>Hledáme motivované franšízanty</li>
                                    <li>Spuštěné on-line kampaně k propagaci</li>
                                </ul>
                                <p class="fw-bold">15 poboček, 1 000 zákazníků</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 text-center mt-5">
                        <a href="#" class="btn btn-lg bg-success rounded-pill text-white fw-bold px-5">Pojďme
                            spolupracovat</a>
                    </div>
                </div>
            </div>
        </div>
    </section>

我不知道如何正确地做到这一点:/

css twitter-bootstrap background background-image bootstrap-5
2个回答
0
投票

这是一个图像 如果您可以访问包含背景图像的网站,您可以从检查中获取它作为 URL


0
投票

不幸的是,这是一个图形设计,我必须编码

© www.soinside.com 2019 - 2024. All rights reserved.