<html>

<head>
    <style>
        body {
            margin: 0;
            font-family: Arial, sans-serif;
            background-color: gold;
        }

        .grid-container {
            display: grid;
            grid-template-areas:
                'header header header header header header'
                'menu main main main right right'
                'menu footer footer footer footer footer';
            grid-gap: 10px;
            padding: 10px;
            max-width: 1200px;
            margin: 0 auto;
        }

        .grid-container>div {
            background-color: gold;
            text-align: center;
            padding: 20px;
            border-radius: 8px;
        }

        .item1 {
            grid-area: header;
            color: teal;
            font-size: 36px;
            font-weight: bold;
        }

        .item1 h6 {
            margin: 5px 0;
            font-size: 16px;
            font-weight: normal;
        }

        .item1 a {
            color: teal;
            text-decoration: none;
        }

        .item2 {
            grid-area: menu;
            background-color: white;
            padding: 10px;
            border-radius: 8px;
        }

        .item2 h3 {
            margin: 15px 0;
        }

        .item2 a {
            color: teal;
            text-decoration: none;
            font-size: 20px;
        }

        .item3 {
            grid-area: main;
            background-color: white;
            padding: 20px;
            font-size: 24px;
            color: teal;
            border-radius: 8px;
        }

        .item3 p {
            margin-bottom: 20px;
        }

        .item4 {
            grid-area: right;
        }

        .logo_png img {
            width: 150px;
            height: 150px;
            border-radius: 75px;
            margin-bottom: 20px;
        }
    </style>
</head>

<body>
    <div class="grid-container">
        <div class="item1">
            სანდროს.ნეთ
            <h6><a href="indexEN.html">ENG</a></h6>
        </div>
        <div class="item2">
            <div class="logo_png">
                <img src="logo.png" alt="Logo">
            </div>
            <h3><a href="index.html">მთავარი</a></h3>
            <h3><a href="https://www.facebook.com/advokati.samoqalaqo.da.administraciul.saqmeze">საადვოკატო</a></h3>
            <h3><a href="https://www.facebook.com/vizioterapia">სასწავლო</a></h3>
            <h3><a href="https://cafetherapy.ge/">საქეიფო</a></h3>
        </div>
        <div class="item3">
            <p>Sandros.net ალექსანდრე ამაშუკელის ვებ-პორტალია. მისი საშუალებით მიიღებთ სასურველ ინფორმაციას ჩვენი სერვისების თაობაზე შესაბამის ბმულზე გადასვლით.</p>
            <p>მადლობას გიხდით ჩვენი გვერდით დაინტერესებისათვის და იმედს ვიტოვებთ, რომ ნაყოფიერად ვითანამშრომლებთ.</p>
        </div>
        <div class="item4"></div>
    </div>
</body>

</html>