[gtk-web/new-website] docs: Add proper links for the "Popular articles" section

[Emmanuele Bassi <ebassi src gnome org>]

commit ca265e3dde6bb562a02fdcbdc6afb4091597d8c7
Author: Emmanuele Bassi <ebassi gnome org>
Date:   Fri Jan 24 17:05:41 2020 +0000

    docs: Add proper links for the "Popular articles" section

 collections/_pages/docs.html | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)
---
diff --git a/collections/_pages/docs.html b/collections/_pages/docs.html
index 81fbdb4..4da5739 100644
--- a/collections/_pages/docs.html
+++ b/collections/_pages/docs.html
@@ -80,20 +80,17 @@ docs_list:
     <div class="row text-center d-flex justify-content-center">
       <div class="col-md-10 col-lg-7">
         <h2 class="font-weight-light mb-3">Popular Articles</h2>
-        <span class="text-muted">Selected featured articles for you to get started fast with GTK.</span>
+        <span class="text-muted">Selected featured articles for you to get started with GTK.</span>
       </div>
     </div>
     <div class="row d-flex justify-content-center pt-5">
       <div class="col-md-8 pb-5">
         <div class="list-group">
-          <a href="#" class="d-flex py-3 px-3 text-decoration-none text-dark border rounded shadow-sm-hover 
bg-light-hover justify-content-between align-items-center mb-2">Frequently
-            asked question sections<i class="fas fa-chevron-circle-right text-info"></i></a>
-          <a href="#" class="d-flex py-3 px-3 text-decoration-none text-dark border rounded shadow-sm-hover 
bg-light-hover justify-content-between align-items-center mb-2">Creating
-            your first application<i class="fas fa-chevron-circle-right text-info"></i></a>
-          <a href="#" class="d-flex py-3 px-3 text-decoration-none text-dark border rounded shadow-sm-hover 
bg-light-hover justify-content-between align-items-center mb-2">Your
-            first contribution to GTK<i class="fas fa-chevron-circle-right text-info"></i></a>
-          <a href="#" class="d-flex py-3 px-3 text-decoration-none text-dark border rounded shadow-sm-hover 
bg-light-hover justify-content-between align-items-center mb-2">Learn
-            about GTK's best practices<i class="fas fa-chevron-circle-right text-info"></i></a>
+          <a href="https://developer.gnome.org/howdoi"; target="_blank" class="d-flex py-3 px-3 
text-decoration-none text-dark border rounded shadow-sm-hover bg-light-hover justify-content-between 
align-items-center mb-2">How do I…?<i class="fas fa-chevron-circle-right text-info"></i></a>
+          <a href="https://developer.gnome.org/gtk3/stable/gtk-question-index.html"; target="_blank" 
class="d-flex py-3 px-3 text-decoration-none text-dark border rounded shadow-sm-hover bg-light-hover 
justify-content-between align-items-center mb-2">Frequently asked question sections<i class="fas 
fa-chevron-circle-right text-info"></i></a>
+          <a href="https://developer.gnome.org/gtk3/stable/ch01s04.html"; target="_blank" class="d-flex py-3 
px-3 text-decoration-none text-dark border rounded shadow-sm-hover bg-light-hover justify-content-between 
align-items-center mb-2">Creating your first application<i class="fas fa-chevron-circle-right 
text-info"></i></a>
+          <a href="https://gitlab.gnome.org/GNOME/gtk/blob/master/CONTRIBUTING.md"; target="_blank" 
class="d-flex py-3 px-3 text-decoration-none text-dark border rounded shadow-sm-hover bg-light-hover 
justify-content-between align-items-center mb-2">Your first contribution to GTK<i class="fas 
fa-chevron-circle-right text-info"></i></a>
+          <a href="https://wiki.gnome.org/Projects/GTK/BestPractices"; target="_blank" class="d-flex py-3 
px-3 text-decoration-none text-dark border rounded shadow-sm-hover bg-light-hover justify-content-between 
align-items-center mb-2">Learn about GTK's best practices<i class="fas fa-chevron-circle-right 
text-info"></i></a>
         </div>
       </div>
     </div>