BOTAO MODAL ABRIR UMA JANELA MODAL

Olá, estou com um problema no action do botao modal de minha pagina web. Ao clicar no botao modal , eu gostaria que fosse aberta uma nova janela modal, na frente da pagina.
Eu estou realizando a manutenção do código, mas eu não consigo criar uma action, um gatilho, onde eu possa colocar esta action em funcionamento. O principal problema é que ja existe uma action onde aparece este botao funcionando, eu queria criar uma segunda action para abrir a janela modal que desejo.

Este é trecho do código atual :

<!-- ***** Portfolio Filters ***** -->
<div class="filters">
<ul class="wow lightSpeedIn">
<li><a href="#" data-filter="*" class="active"><i class="icon-grid"></i></a></li>
<li><a href="#" data-filter=".gestao">Gestao e Governança</a></li>
<li><a href="#" data-filter=".metodos">Métodos</a></li>
<li><a href="#" data-filter=".analises">Análises De Dados</a></li>
<li><a href="#" data-filter=".projetos">Gerenciamento de Projetos</a></li><br>
<li><a href="#" data-filter=".suporte">Suporte Técnico</a></li>
<li><a href="#" data-filter=".processos">Planejamento de Processos</a></li>
<li><a href="#" data-filter=".auditoria">Auditoria de Sistemas e Processos</a></li>
<li><a href="#" data-filter=".integracao">Integração De Sistemas</a></li>
</ul>
</div> <!-- *** end filters *** -->
</div> <!-- *** end container *** -->

<!-- ***** Portfolio wrapper ***** -->
<div class="portfolio-wrapper margin-bottom-medium">
<!-- =========================
PORTFOLIO ITEM 1
============================== -->
<div class="portfolio-item gestao">
<div class="portfolio">
<a href="" title="Gestao" data-lightbox-gallery="portfolio">
<img src="img/portfolio/portfolio_1.jpg" alt="Portfolio 1"/><!-- END PORTFOLIO IMAGE -->
<div class="portfolio-overlay hvr-rectangle-out">
<h2 class="margin-bottom-small">
Gestao &
<strong class="white-color bold-text">Governanca</strong>
</h2>
<p align="justify"><font color="ffffff"></font></p></br>
<div class="button">Como nós fazemos:</div>
</div><!-- END PORTFOLIO OVERLAY -->
</a>
</div>
</div> <!-- *** end portfolio-item *** -->


[img]http://arquivo.devmedia.com.br/forum/imagem/458551-20151015-123142.jpg[/img]

E ESTE É TRECHO DO CODIGO DA W3SCHOOLS ONDE MOSTRA COMO FUNCIONA A JANELA QUE DESEJO,
<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>

<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">

<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<p>Some text in the modal.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>

</div>
</div>

É possível fazer a action funcionar da maneira que desejo ?