Untitled

<!DOCTYPE html>
<html lang="bg">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ДЗИ</title>

        <style>
            body{
                width: 900px;
                background-color: #BFBFBF;
                text-align: center;
                font-family: "Arial Narrow", "sans-serif" ;
            }
            #blok1{
                padding: 10px;
                height: 300px;
                display: flex;
            }
            #blok2{
                width: 45%;
                justify-content: center;
            }
            #blok3{
                width: 45%;
                justify-content: center;
            }
            #blok4{
                padding: 10px;
                background-color: #f2f2f2;
            }
            #blok5{
                padding: 10px;
                height: 300px;
                display: flex;
            }
            #blok6{
                width: 45%;
                justify-content: center;
            }
            #blok7{
                width: 45%;
                justify-content: center;
            }
            .snimki{
                width: 45%;
                border-radius: 100%;
                border-color: #fff ;
                border: solid;
                border-width: 5px;

            }
        </style>
</head>
<body>
    <div id="blok1" class="mainBlok">
        <div id="blok2" class="podBlok">
            <img src="img_1.jpg" class="snimki">
            <h3>БЪЛГАРСКИ ЕЗИК И ЛИТЕРАТУРА</h3>
        </div>
        <div id="blok3" class="podBlok">
            <img src="Img_2.jpg" class="snimki">
            <h3>БИОЛОГИЯ</h3>
        </div>
    </div>
    <div id="blok4" class="mainBlok">
        <h1>ПОДГОТВИ СЕ ЗА МАТУРИТЕ УСПЕШНО!</h1>
    </div>
    <div id="blok5" class="mainBlok">
        <div id="blok6" class="podBlok" >
            <img src="Img_3.jpg"class="snimki">
            <h3>ИНФОРМАТИКА</h3>
        </div>
        <div id="blok7" class="podBlok">
            <img src="img_4.jpg"class="snimki">
            <h3>ИНФОРМАЦИОННИ ТЕХНОЛОГИИ</h3>
        </div>
    </div>
</body>
</html>