title: Link from another page element to a specific data-filter
body: <p>I have a HTML portfolio page that has filtering attribute</p>
  
  <pre><code>                    &lt;ul class="portfolio-filters list-inline"&gt;
                          &lt;li class="filter active" data-filter="all"&gt;All&lt;/li&gt;
                          &lt;li class="filter" data-filter="webdesign"&gt;Web Design&lt;/li&gt;
                          &lt;li class="filter" data-filter="responsive"&gt;Responsive&lt;/li&gt;
                          &lt;li class="filter" data-filter="wordpress"&gt;Wordpress&lt;/li&gt;
                      &lt;/ul&gt;
  </code></pre>
  
  <p>And I have another HTML page that has some services. example of one of my codes in the other page:</p>
  
  <pre><code>                &lt;div&gt;
                      &lt;i&gt;&lt;a href="#" class="fa fa-code"&gt;&lt;/a&gt;&lt;/i&gt;
                      &lt;div&gt;
                      &lt;h4&gt;Web Design&lt;/h4&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  </code></pre>
  
  <p>What I want is when user click on this service icon for example, it will redirect the user to the webdesign filter of the portfolio page.</p>
  
  <p>I tried many ways like adding link portfolio.html?filter=webdesign to the a href of the service icon but it didn't work.</p>