1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138
<ul class="row portfolio-list sort-destination" data-sort-id="portfolio"> <li class="col-md-3 col-sm-6 col-xs-12 isotope-item music"> <div class="portfolio-item"> <a href="../../Portfolio/Single-Project"> <div class="thumb-info"> <div class="thumb-info-box"> <img alt="" src="/Portals/0/img/projects/project.jpg" class="img-responsive" /> <div class="thumb-info-content"> <div class="thumb-description"> <h4 class="thumb-info-name">Guitar</h4> <span class="thumb-info-text">Music</span> </div> </div> </div> </div> </a> </div> </li> <li class="col-md-3 col-sm-6 col-xs-12 isotope-item music"> <div class="portfolio-item"> <a href="../../Portfolio/Single-Project"> <div class="thumb-info"> <div class="thumb-info-box"> <img alt="" src="/Portals/0/img/projects/project-1.jpg" class="img-responsive" /> <div class="thumb-info-content"> <div class="thumb-description"> <h4 class="thumb-info-name">Headphones</h4> <span class="thumb-info-text">Music</span> </div> </div> </div> </div> </a> </div> </li> <li class="col-md-3 col-sm-6 col-xs-12 isotope-item work"> <div class="portfolio-item"> <a href="../../Portfolio/Single-Project"> <div class="thumb-info"> <div class="thumb-info-box"> <img alt="" src="/Portals/0/img/projects/project-2.jpg" class="img-responsive" /> <div class="thumb-info-content"> <div class="thumb-description"> <h4 class="thumb-info-name">Notebook</h4> <span class="thumb-info-text">Work</span> </div> </div> </div> </div> </a> </div> </li> <li class="col-md-3 col-sm-6 col-xs-12 isotope-item work"> <div class="portfolio-item"> <a href="../../Portfolio/Single-Project"> <div class="thumb-info"> <div class="thumb-info-box"> <img alt="" src="/Portals/0/img/projects/project-3.jpg" class="img-responsive" /> <div class="thumb-info-content"> <div class="thumb-description"> <h4 class="thumb-info-name">Cafeteria</h4> <span class="thumb-info-text">Work</span> </div> </div> </div> </div> </a> </div> </li> <li class="col-md-3 col-sm-6 col-xs-12 isotope-item illustration"> <div class="portfolio-item"> <a href="../../Portfolio/Single-Project"> <div class="thumb-info"> <div class="thumb-info-box"> <img alt="" src="/Portals/0/img/projects/project-4.jpg" class="img-responsive" /> <div class="thumb-info-content"> <div class="thumb-description"> <h4 class="thumb-info-name">Books</h4> <span class="thumb-info-text">Illustration</span> </div> </div> </div> </div> </a> </div> </li> <li class="col-md-3 col-sm-6 col-xs-12 isotope-item work"> <div class="portfolio-item"> <a href="../../Portfolio/Single-Project"> <div class="thumb-info"> <div class="thumb-info-box"> <img alt="" src="/Portals/0/img/projects/project-5.jpg" class="img-responsive" /> <div class="thumb-info-content"> <div class="thumb-description"> <h4 class="thumb-info-name">Notes</h4> <span class="thumb-info-text">Work</span> </div> </div> </div> </div> </a> </div> </li> <li class="col-md-3 col-sm-6 col-xs-12 isotope-item work"> <div class="portfolio-item"> <a href="../../Portfolio/Single-Project"> <div class="thumb-info"> <div class="thumb-info-box"> <img alt="" src="/Portals/0/img/projects/project-6.jpg" class="img-responsive" /> <div class="thumb-info-content"> <div class="thumb-description"> <h4 class="thumb-info-name">Laptop</h4> <span class="thumb-info-text">Work</span> </div> </div> </div> </div> </a> </div> </li> <li class="col-md-3 col-sm-6 col-xs-12 isotope-item illustration"> <div class="portfolio-item"> <a href="../../Portfolio/Single-Project"> <div class="thumb-info"> <div class="thumb-info-box"> <img alt="" src="/Portals/0/img/projects/project-7.jpg" class="img-responsive" /> <div class="thumb-info-content"> <div class="thumb-description"> <h4 class="thumb-info-name">Magazine</h4> <span class="thumb-info-text">Illustration</span> </div> </div> </div> </div> </a> </div> </li> </ul>
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122
<div class="masonry portfolio-list" data-plugin-options="{'itemSelector': '.masonry-item'}" data-plugin-masonry="masonry"> <div class="masonry-item"> <a href="../../Portfolio/Single-Project"> <div class="thumb-info thumb-info-centered-info thumb-info-no-borders"> <div class="thumb-info-box"> <img alt="" src="/Portals/0/img/gallery/gallery-1.jpg" class="img-fluid" /> <div class="thumb-info-content"> <div class="thumb-description"> <h4 class="thumb-info-name">Project Title</h4> <span class="thumb-info-text">Project Type</span> </div> </div> </div> </div> </a> </div> <div class="masonry-item"> <a href="../../Portfolio/Single-Project"> <div class="thumb-info thumb-info-centered-info thumb-info-no-borders"> <div class="thumb-info-box"> <img alt="" src="/Portals/0/img/gallery/gallery-2.jpg" class="img-fluid" /> <div class="thumb-info-content"> <div class="thumb-description"> <h4 class="thumb-info-name">Project Title</h4> <span class="thumb-info-text">Project Type</span> </div> </div> </div> </div> </a> </div> <div class="masonry-item"> <a href="../../Portfolio/Single-Project"> <div class="thumb-info thumb-info-centered-info thumb-info-no-borders"> <div class="thumb-info-box"> <img alt="" src="/Portals/0/img/gallery/gallery-4.jpg" class="img-fluid" /> <div class="thumb-info-content"> <div class="thumb-description"> <h4 class="thumb-info-name">Project Title</h4> <span class="thumb-info-text">Project Type</span> </div> </div> </div> </div> </a> </div> <div class="masonry-item"> <a href="../../Portfolio/Single-Project"> <div class="thumb-info thumb-info-centered-info thumb-info-no-borders"> <div class="thumb-info-box"> <img alt="" src="/Portals/0/img/gallery/gallery-3.jpg" class="img-fluid" /> <div class="thumb-info-content"> <div class="thumb-description"> <h4 class="thumb-info-name">Project Title</h4> <span class="thumb-info-text">Project Type</span> </div> </div> </div> </div> </a> </div> <div class="masonry-item"> <a href="../../Portfolio/Single-Project"> <div class="thumb-info thumb-info-centered-info thumb-info-no-borders"> <div class="thumb-info-box"> <img alt="" src="/Portals/0/img/gallery/gallery-6.jpg" class="img-fluid" /> <div class="thumb-info-content"> <div class="thumb-description"> <h4 class="thumb-info-name">Project Title</h4> <span class="thumb-info-text">Project Type</span> </div> </div> </div> </div> </a> </div> <div class="masonry-item"> <a href="../../Portfolio/Single-Project"> <div class="thumb-info thumb-info-centered-info thumb-info-no-borders"> <div class="thumb-info-box"> <img alt="" src="/Portals/0/img/gallery/gallery-5.jpg" class="img-fluid" /> <div class="thumb-info-content"> <div class="thumb-description"> <h4 class="thumb-info-name">Project Title</h4> <span class="thumb-info-text">Project Type</span> </div> </div> </div> </div> </a> </div> <div class="masonry-item"> <a href="../../Portfolio/Single-Project"> <div class="thumb-info thumb-info-centered-info thumb-info-no-borders"> <div class="thumb-info-box"> <img alt="" src="/Portals/0/img/gallery/gallery-8.jpg" class="img-fluid" /> <div class="thumb-info-content"> <div class="thumb-description"> <h4 class="thumb-info-name">Project Title</h4> <span class="thumb-info-text">Project Type</span> </div> </div> </div> </div> </a> </div> <div class="masonry-item"> <a href="../../Portfolio/Single-Project"> <div class="thumb-info thumb-info-centered-info thumb-info-no-borders"> <div class="thumb-info-box"> <img alt="" src="/Portals/0/img/gallery/gallery-7.jpg" class="img-fluid" /> <div class="thumb-info-content"> <div class="thumb-description"> <h4 class="thumb-info-name">Project Title</h4> <span class="thumb-info-text">Project Type</span> </div> </div> </div> </div> </a> </div> </div>
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87
<ul data-sort-id="portfolio" class="portfolio-list sort-destination full-width m-none"> <li class="isotope-item music p-none"> <div class="portfolio-item"> <a href="../../Portfolio/Single-Project"> <div class="thumb-info"> <div class="thumb-info-box"> <img alt="" src="/Portals/0/img/projects/project.jpg" class="img-fluid" /> <div class="thumb-info-content"> <div class="thumb-description"> <h4 class="thumb-info-name">Guitar</h4> <span class="thumb-info-text">Music</span> </div> </div> </div> </div> </a> </div> </li> <li class="isotope-item music p-none"> <div class="portfolio-item"> <a href="../../Portfolio/Single-Project"> <div class="thumb-info"> <div class="thumb-info-box"> <img alt="" src="/Portals/0/img/projects/project-1.jpg" class="img-fluid" /> <div class="thumb-info-content"> <div class="thumb-description"> <h4 class="thumb-info-name">Headphones</h4> <span class="thumb-info-text">Music</span> </div> </div> </div> </div> </a> </div> </li> <li class="isotope-item work p-none"> <div class="portfolio-item"> <a href="../../Portfolio/Single-Project"> <div class="thumb-info"> <div class="thumb-info-box"> <img alt="" src="/Portals/0/img/projects/project-2.jpg" class="img-fluid" /> <div class="thumb-info-content"> <div class="thumb-description"> <h4 class="thumb-info-name">Notebook</h4> <span class="thumb-info-text">Work</span> </div> </div> </div> </div> </a> </div> </li> <li class="isotope-item work p-none"> <div class="portfolio-item"> <a href="../../Portfolio/Single-Project"> <div class="thumb-info"> <div class="thumb-info-box"> <img alt="" src="/Portals/0/img/projects/project-3.jpg" class="img-fluid" /> <div class="thumb-info-content"> <div class="thumb-description"> <h4 class="thumb-info-name">Cafeteria</h4> <span class="thumb-info-text">Work</span> </div> </div> </div> </div> </a> </div> </li> <li class="isotope-item illustration p-none"> <div class="portfolio-item"> <a href="../../Portfolio/Single-Project"> <div class="thumb-info"> <div class="thumb-info-box"> <img alt="" src="/Portals/0/img/projects/project-4.jpg" class="img-fluid" /> <div class="thumb-info-content"> <div class="thumb-description"> <h4 class="thumb-info-name">Books</h4> <span class="thumb-info-text">Illustration</span> </div> </div> </div> </div> </a> </div> </li> </ul>
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62
<ul class="image-gallery sort-destination full-width image-overlay"> <li class="isotope-item"> <div class="image-gallery-item"> <a href="#"> <div class="thumb-info thumb-info-centered-info thumb-info-no-borders"> <div class="thumb-info-wrapper"> <img alt="" src="/Portals/0/Travel/travel12.jpg" class="img-fluid" /> <div class="thumb-info-title"><span class="thumb-info-inner heading-primary">India Tour</span> <span class="thumb-info-type">June 03, 2016</span></div> </div> </div> </a> </div> </li> <li class="isotope-item"> <div class="image-gallery-item"> <a href="#"> <div class="thumb-info thumb-info-centered-info thumb-info-no-borders"> <div class="thumb-info-wrapper"> <img alt="" src="/Portals/0/Travel/travel13.jpg" class="img-fluid" /> <div class="thumb-info-title"><span class="thumb-info-inner heading-primary">India Tour</span> <span class="thumb-info-type">June 03, 2016</span></div> </div> </div> </a> </div> </li> <li class="isotope-item"> <div class="image-gallery-item"> <a href="#"> <div class="thumb-info thumb-info-centered-info thumb-info-no-borders"> <div class="thumb-info-wrapper"> <img alt="" src="/Portals/0/Travel/travel14.jpg" class="img-fluid" /> <div class="thumb-info-title"><span class="thumb-info-inner heading-primary">India Tour</span> <span class="thumb-info-type">June 03, 2016</span></div> </div> </div> </a> </div> </li> <li class="isotope-item"> <div class="image-gallery-item"> <a href="#"> <div class="thumb-info thumb-info-centered-info thumb-info-no-borders"> <div class="thumb-info-wrapper"> <img alt="" src="/Portals/0/Travel/travel15.jpg" class="img-fluid" /> <div class="thumb-info-title"><span class="thumb-info-inner heading-primary">India Tour</span> <span class="thumb-info-type">June 03, 2016</span></div> </div> </div> </a> </div> </li> <li class="isotope-item"> <div class="image-gallery-item"> <a href="#"> <div class="thumb-info thumb-info-centered-info thumb-info-no-borders"> <div class="thumb-info-wrapper"> <img alt="" src="/Portals/0/Travel/travel16.jpg" class="img-fluid" /> <div class="thumb-info-title"><span class="thumb-info-inner heading-primary">India Tour</span> <span class="thumb-info-type">June 03, 2016</span></div> </div> </div> </a> </div> </li> </ul>