@extends('layout.main')

@section('main-section')
        <!-- subheader -->
        <section id="subheader">
            <div class="container-fluid m-5-hor">
                <div class="row">
                    <div class="col-md-12">
                        <h1 class="big-heading">Gallery</h1>
                        <p>Varius blandit sit amet</p>
                    </div>
                </div>
            </div>
        </section>
        <!-- subheader end -->
        
        <section aria-label="works" id="projects">
            <div class="container-fluid">
                <div class="row">
                    <!-- project -->
                    <div class="v-align">
                        <div class="col-md-11 col-xs-12">
                            <div id="w-gallery-container" class="w-gallery-container" style="position: relative; height: 1599.84px;">
                                <div class="w-gallery asia aus eur" data-macy-complete="1" style="position: absolute; left: 0px; top: 0px; width: calc(33.3333% - 1.33333px);">
                                    <div class="projects-grid">
                                        <div class="hovereffect-color">
                                            <img src="img/projects-w/10.jpg" alt="" class="w-gallery-image">
                                            <div class="overlay">
                                                <div class="v-align wrap">
                                                    <span class="icon">
                                                        <a class="big-youtube" href="https://www.youtube.com/watch?v=fafEHMnFe3g">
                                                            <i class="fa fa-search"></i>
                                                        </a> 
                                                        <a href="projects-detail.html">
                                                            <i class="fa fa-link"></i>
                                                        </a>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- project end -->
                </div>
            </div>
        </section>
@endsection