<ul>
                                            <li data-filter="*">
                            All                        </li>
                                                                <li data-filter=".design">
                            Design                        </li>
                                                <li data-filter=".development">
                            Development                        </li>
                                                <li data-filter=".marketing">
                            Marketing                        </li>
                                        </ul>
                                    <img width="423" height="575" src="https://crayonsdigital.com/wp-content/uploads/2019/04/img1.jpg" alt="" />                                
                                        <h4 title="Resident certain else where something">
                                            <a href="https://crayonsdigital.com/portfolio/residence-certainly-elsewhere-something/"> Resident certain </a>
                                        </h4>
                                        <p>And dives into the morning light</p>
                                        <a href="https://crayonsdigital.com/wp-content/uploads/2019/04/img1.jpg" data-fancybox="gallery">
                                            <img src="https://crayonsdigital.com/wp-content/plugins/rogan-core/widgets/images/icon/zoom-in.svg" alt="Resident certain else where something">
                                        </a>
                                 <!-- /.hover-valina -->
                             <!-- /.project-item -->
                         <!-- /.isotop-item -->
                                    <img width="770" height="420" src="https://crayonsdigital.com/wp-content/uploads/2019/04/44.jpg" alt="" srcset="https://crayonsdigital.com/wp-content/uploads/2019/04/44.jpg 770w, https://crayonsdigital.com/wp-content/uploads/2019/04/44-600x327.jpg 600w" sizes="(max-width: 770px) 100vw, 770px" />                                
                                        <h4 title="Apple Mobile Mockup">
                                            <a href="https://crayonsdigital.com/portfolio/apple-mobile-mockup/"> Apple Mobile </a>
                                        </h4>
                                        <p>And dives into the morning light</p>
                                        <a href="https://crayonsdigital.com/wp-content/uploads/2019/04/44.jpg" data-fancybox="gallery">
                                            <img src="https://crayonsdigital.com/wp-content/plugins/rogan-core/widgets/images/icon/zoom-in.svg" alt="Apple Mobile Mockup">
                                        </a>
                                 <!-- /.hover-valina -->
                             <!-- /.project-item -->
                         <!-- /.isotop-item -->
                                     <!-- /#isotop-gallery-wrapper -->