Galegy.html

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

<head>
    <meta charset="UTF-8">
    <title>Galery</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/style.css" type="text/css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
    <script src="javascript/script.js"></script>

    <link rel="icon" href="NewIco/favicon.ico">
</head>

<body>

    <nav class="navbar navbar-expand-sm fixed-top">
        <a class="navbar-brand" href="MainPage.html"><img src="NewIco/images.png" alt="GG"></a>
        <div class="navbar-header">
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
            <div id="nav-icon4">
                  <span></span>
                  <span></span>
                  <span></span>
            </div>
            </button>
        </div>
        <div class="collapse navbar-collapse justify-content-center" id="collapsibleNavbar">
            <ul class="navbar-nav ">
                <li class="nav-item ">
                    <a class="nav-link text-light" href="MainPage.html">HOME</a>
                </li>
                <li class="nav-item ">
                    <a class="nav-link text-light" href="Galegy.html">GALERY</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link text-light" href="Contacts.html">CONTACTS</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link text-light" href="Reservation.html">RESERVATION</a>
                </li>
            </ul>
        </div>
    </nav>

    <h1 style="margin-top: 20px;">DARK <img src="NewIco/images.png" alt="MOON"> MOON</h1>

    <h2>Galery</h2>
    <div class="galery">
        <div class="imgSlide">
            <span class="closes">&times;</span>
            <div class="modals"></div>
            <div><i class="prev fa fa-angle-left  fa-3x text-light"></i></div>
            <img src="" alt="">
            <div><i class="next fa fa-angle-right  fa-3x text-light"></i></div>
        </div>
        <div class="rowww">
            <div class="coll currr">
                <img src="img/Galery/Photo1.jpg" alt="">
            </div>
            <div class="coll">
                <img src="img/Galery/Photo9.jpg" alt="">
            </div>
            <div class="coll">
                <img src="img/Galery/Photo8.jpg" alt="">
            </div>
            <div class="coll">
                <img src="img/Galery/Photo2.jpg" alt="">
            </div>
            <div class="coll">
                <img src="img/Galery/Photo3.jpg" alt="">
            </div>
            <div class="coll">
                <img src="img/Galery/Photo8.jpg" alt="">
            </div>
            <div class="coll">
                <img src="img/Galery/Photo5.jpg" alt="">
            </div>
            <div class="coll">
                <img src="img/Galery/Photo6.jpg" alt="">
            </div>
            <div class="coll">
                <img src="img/Galery/Photo7.jpg" alt="">
            </div>
            <div class="coll">
                <img src="img/Galery/Photo1.jpg" alt="">
            </div>
            <div class="coll">
                <img src="img/Galery/Photo4.jpg" alt="">
            </div>
            <div class="coll">
                <img src="img/Galery/Photo10.jpg" alt="">
            </div>
            <div class="coll">
                <img src="img/Galery/Photo6.jpg" alt="">
            </div>
            <div class="coll">
                <img src="img/Galery/Photo5.jpg" alt="">
            </div>
            <div class="coll">
                <img src="img/Galery/Photo8.jpg" alt="">
            </div>
            <div class="coll">
                <img src="img/Galery/Photo2.jpg" alt="">
            </div>
            <div class="coll">
                <img src="img/Galery/Photo8.jpg" alt="">
            </div>
            <div class="coll">
                <img src="img/Galery/Photo7.jpg" alt="">
            </div>
            <div class="coll">
                <img src="img/Galery/Photo1.jpg" alt="">
            </div>
            <div class="coll">
                <img src="img/Galery/Photo10.jpg" alt="">
            </div>
        </div>
    </div>

    <footer class="bg-dark pt-4">
        <div class="container">
            <div id="socials" class="mb-4 text-center ">
                <a href="#"><i class="fa fa-facebook mr-4 fa-2x text-light" ></i></a>
                <a href="#"><i class="fa fa-twitter mr-4 fa-2x text-light"></i></a>
                <a href="#"><i class="fa fa-google-plus mr-4 fa-2x text-light"></i></a>
                <a href="#"><i class="fa fa-instagram fa-2x text-light"></i></a>
            </div>
        </div>
        <div class="footer-copyright py-3 text-center  text-light ">
            © 2018 Copyright
        </div>
    </footer>

</body>

</html>