Oleksii
/
Homeworks_Oleksii.L


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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
    <title>Bootstrap</title>
</head>

<body>
    <section class="a">
        <div class="container">
            <div class="row">
                <div class="a1 col-lg-6">A1</div>
                <div class="a2 col-lg-6">A2</div>
            </div>
        </div>
    </section>

    <section class="b">
        <div class="container">
            B
        </div>
    </section>

    <section class="c">
        <div class="container">
            <div class="row">
                <div class="c1 col-sm-6 col-lg-4">C1</div>
                <div class="c2 col-sm-6 col-lg-4">C2</div>
                <div class="c3 col-lg-4">C3</div>
            </div>
        </div>
    </section>

    <section class="d">
        <div class="container">
            <div class="row">
                <div class="d1 col-sm-6 col-lg-3">D1</div>
                <div class="d2 col-sm-6 col-lg-3">D2</div>
                <div class="d3 col-sm-6 col-lg-3">D3</div>
                <div class="d4 col-sm-6 col-lg-3">D4</div>
            </div>
        </div>
    </section>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa"
        crossorigin="anonymous"></script>
</body>

</html>