Untitled

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

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/pilio.css">
    <title>Travel with Me</title>
</head>

<body>
    <div class="container">
        <div class="header">

            <h1>Travel with me <img src="images/logo/purepng.com-white-paper-planpaper-planeaeroplanepaper-gliderpaper-dartaircraftfolded-paperpaperboardclipartblack-1421526588279c5fht.png" alt="">
            </h1>
        </div>
        <div class="nav">


            <div class="menu">
                <div class="img">

                    <img src="images/logo/noun_Search_2953852.png" alt="" style="width:80px;padding-top:0px;">
                    <img src="images/logo/noun_Language_2367916.png" alt="" style="width: 40px;">
                </div>
                <ul>

                    <li>Home</li>
                    <li>Posts</li>
                    <li>Gallery</li>
                    <li>About me</li>
                </ul>
            </div>


        </div>
        <div class="main">
            <img src="images/tsagarada-1024x577.jpeg" alt="">
            <h2>Γιατί να επισκευθείς το Πήλιο;</h2>
            <h3>Παραδοσιακά χωριά,χιονοδρομικό κέντρο,σπόρ,παραδεισένιες παραλίες...Τέσσερις εποχές,ένας προορισμός.</h3>
            <div class="p1">
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque perferendis, ipsum aperiam fuga, nemo nobis, voluptates ad ratione nam eveniet iure minus consequuntur, voluptatibus nihil saepe similique iusto esse est veniam accusantium! Explicabo quasi mollitia, voluptates voluptatibus! Asperiores obcaecati eaque in voluptas omnis non, cumque odio corporis aperiam consequuntur optio ducimus nemo numquam autem tempore molestias libero dignissimos aspernatur aliquid unde rerum sint ipsum laborum velit. Consectetur ex soluta error voluptates ut expedita earum, eos consequatur illo impedit, minus voluptate!</p>
            </div>
            <div class="p2">
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis laborum beatae, rem ut facere repellendus. Aliquam, vero. Ex architecto eveniet delectus animi quos, reiciendis, non iusto fugiat quae dolorum est. Minima eaque error, quas eum repellendus modi molestias magni, voluptates laboriosam explicabo commodi nihil ut unde. Et reiciendis ipsa, doloremque hic. Tempora eveniet, sapiente harum omnis impedit atque dignissimos aliquid.</p>
            </div>


        </div>
        <div class="gallery">
            <h2>Gallery</h2>
            <div class="img-gallery">
                <div class="row">
                    <div class="column"><img src="images/shutterstock_539538646.jpg" alt="" style="width:100%;">
                    </div>

                    <div class="column"><img src="images/image8495%5B2137%5D.jpg" alt="" style="width:100%;"></div>
                    <div class="column"> <img src="images/shutterstock_505037146.jpg" alt="" style="width:100%;"></div>

                    <div class="column">
                        <img src="images/makrinitses708.jpg" alt="" style="width:100%;"></div>

                    <div class="column">
                        <img src="images/portaria1-thumb-large.jpg" alt="" style="width: 100%;"></div>
                        <div class="column">
                    <img src="images/milop4.jpg" alt="" style="width:100%; height: 300x;"></div>
                    <div class="column"><img src="images/header-makrinitsa-rotator.jpg" alt="" style="width: 100%;"></div>

                   <div class="column"> <img src="images/14566245Master.jpg" alt="monopati" style="width:100%; height:270x;"></div>

                   <div class="column"> <img src="images/Vyzitsa-Miles-Away-Travel-2.jpg" alt="" style="width:100%;"></div>

                </div>
                <div class="like">
                    <h4>You like it?Share it <img src="images/logo/noun_Heart_1814271.png" alt="" style="width:30px;"></h4>
                </div>
            </div>


        </div>


        <div class="footer">
            <h3>Comments</h3>
            <img src="images/logo/noun_people_1860588.png" alt="" style="width:80px;">

            <div class="comments">
                <p>leave a comment</p>
                <p>your name</p>
            </div>
            <div class="enter">
                <p>Enter</p>
            </div>


        </div>

    </div>

</body></html>