<!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">
    <title>Ortdox church</title>
	<link rel = "icon" href ="Church_logo.png" type = "image/x-icon">
    <link rel="stylesheet" href="gallery.css">
    <script src="https://use.fontawesome.com/releases/v5.15.4/js/all.js" data-auto-replace-svg></script>
</head>

<body>

    <div class="wrapper">
		<?php include 'sidebar.php'; ?>
        <div class="main_content">
            <div class="header">Gallery</div>
            <div class="full-img" id="fullImgBox">
                <img src="k1.jpg" id="fullImg" />
                <span onclick="closeFullImg();">X</span>
            </div>
            <div class="img-gallery">
                <img src="k1.jpg" onclick="openFullImg(this.src)" />
                <img src="k2.jpg" onclick="openFullImg(this.src)" />
                <img src="k3.jpg" onclick="openFullImg(this.src)" />
                <img src="k4.jpg" onclick="openFullImg(this.src)" />
                <img src="k5.jpg" onclick="openFullImg(this.src)" />
                <img src="k6.jpg" onclick="openFullImg(this.src)" />
                <img src="k8.jpg" onclick="openFullImg(this.src)" />
                <img src="k9.jpg" onclick="openFullImg(this.src)" />
                <img src="k10.jpg" onclick="openFullImg(this.src)" />
            </div>
        </div>
    </div>
</body>
<script src="gallery.js"></script>

</html>