I recommend against adding extra code to the boilerplate template when everything is already there and only needs to be
slightly modified. You should be looking at "
/BOX/css/style.css" and "
/BOX/portfolio/index.html." On a side-note, when you link to images, make sure they're https (I know they currently aren't because the template hasn't been modified much). See below for a reference to changes that should be made to "
/BOX/portfolio/index.html
Code:
? ? <!-- main container -->
? ? <div class="main-container portfolio-inner clearfix">
? ? ? ? <!-- portfolio div -->
? ? ? ? <div class="portfolio-div">
? ? ? ? ? ? <div class="portfolio">
? ? ? ? ? ? ? ? <!-- portfolio_filter -->
? ? ? ? ? ? ? ? <div class="categories-grid wow fadeInLeft">
? ? ? ? ? ? ? ? ? ? <nav class="categories text-center">
? ? ? ? ? ? ? ? ? ? ? ? <ul class="portfolio_filter">
? ? ? ? ? ? ? ? ? ? ? ? ? ? <li><a [color=#FF0000][u][i][b]href=""[/b][/i][/u][/color] class="active" data-filter="*">All</a></li>
? ? ? ? ? ? ? ? ? ? ? ? ? ? <li><a [color=#FF0000][u][i][b]href=""[/b][/i][/u][/color] data-filter=".photography">Photography</a></li>
? ? ? ? ? ? ? ? ? ? ? ? ? ? <li><a [color=#FF0000][u][i][b]href=""[/b][/i][/u][/color] data-filter=".logo">Logo</a></li>
? ? ? ? ? ? ? ? ? ? ? ? ? ? <li><a [color=#FF0000][u][i][b]href=""[/b][/i][/u][/color] data-filter=".graphics">Graphics</a></li>
? ? ? ? ? ? ? ? ? ? ? ? ? ? <li><a [color=#FF0000][u][i][b]href=""[/b][/i][/u][/color] data-filter=".ads">Advertising</a></li>
? ? ? ? ? ? ? ? ? ? ? ? ? ? <li><a [color=#FF0000][u][i][b]href=""[/b][/i][/u][/color] data-filter=".fashion">Fashion</a></li>
? ? ? ? ? ? ? ? ? ? ? ? </ul>
? ? ? ? ? ? ? ? ? ? </nav>
? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? ? ? <!-- portfolio_filter -->
? ? ? ? ? ? ? ? <!-- portfolio_container -->
? ? ? ? ? ? ? ? <div class="no-padding portfolio_container clearfix">
? ? ? ? ? ? ? ? ? ? <!-- single work -->
? ? ? ? ? ? ? ? ? ? <div class="col-md-4 col-sm-6 ?fashion logo">
? ? ? ? ? ? ? ? ? ? ? ? <a href="single-project.html" class="portfolio_item">
? ? ? ? ? ? ? ? ? ? ? ? ? ? <img src="http://placehold.it/1000x1000" alt="image" class="img-responsive" />
? ? ? ? ? ? ? ? ? ? ? ? ? ? <div class="portfolio_item_hover">
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <div class="portfolio-border clearfix">
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <div class="item_info">
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <span>Mockups in seconds</span>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <em>Fashion / Logo</em>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? ? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? ? ? ? ? ? ? </a>
? ? ? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? ? ? ? ? <!-- end single work -->