Add anchor to the application template

This anchor navigates users to the actual application template
when they click on the word "application template" under
the section "writing a great proposal".

Closes coala#239

data/faq/writing_a_great_proposal.md

@@ -18,8 +18,8 @@ lot of helpful feedback from us!
 
 #### Writing the proposal
 
-Please follow the **application template** in the faq. All fields are required if not explicitly indicated otherwise. While following the application template you can consider doing an illustration of your proposed solution as it makes the application much more intuitive.
+Please follow the [application template](/#/faq) in the faq. All fields are required if not explicitly indicated otherwise. While following the application template you can consider doing an illustration of your proposed solution as it makes the application much more intuitive.
 
 For writing your proposal we recommend using [Google Docs](https://www.google.com/docs/about/) as this will be supported by the Google submission system.
 
-If needed, you can get further information about GSoC at <http://write.flossmanuals.net/gsocstudentguide/what-is-google-summer-of-code/>.
+If needed, you can get further information about GSoC [here](http://write.flossmanuals.net/gsocstudentguide/what-is-google-summer-of-code).

partials/tabs/faq.html

@@ -1,15 +1,26 @@
 <div class="main-content-faq container-fluid">
-  <ul class="collapsible" data-collapsible="accordion">
+  <ul class="collapsible" data-collapsible="accordion" id="{{index+1}}">
     <li ng-repeat="(ques,ans) in toc.faqs">
      <div class="collapsible-header"><i class="fa fa-question" aria-hidden="true"></i><p btf-markdown="ques"></p></div>
-      <div class="collapsible-body"><p btf-markdown ng-include="'data/faq/' + ans"></p>
+      <div class="collapsible-body" ><p btf-markdown ng-include="'data/faq/' + ans"></p>
       </div>
     </li>
   </ul>
 </div>
 
 <script type="text/javascript">
-     $(document).ready(function(){
+  $(document).ready(function() {
     $('.collapsible').collapsible();
+    $("a[href^='/#/faq'").click(function() {
+        $("p[btf-markdown=ques]")[11].click();
+        $("p[btf-markdown=ques]").each(function(k,v) {
+          if(k==11) {
+            $('html,body').animate({
+              scrollTop: $(this).offset().top-350},
+              'slow');
+      }
+    });
+   });
   });
 </script>
+