[gtk-web/issue-12: 3/3] Make the layout of the Features page a bit more dynamic

[Emmanuele Bassi <ebassi src gnome org>]

commit 165437d9feb6f2b1d8f91fe7cd0a82ed2aa7d446
Author: Emmanuele Bassi <ebassi gnome org>
Date:   Fri Jan 24 14:13:35 2020 +0000

    Make the layout of the Features page a bit more dynamic
    
    Swap around the image and copy on alternate rows.

 collections/_pages/features.html | 30 +++++++++++++++---------------
 1 file changed, 15 insertions(+), 15 deletions(-)
---
diff --git a/collections/_pages/features.html b/collections/_pages/features.html
index 67c2fe9..c32c166 100644
--- a/collections/_pages/features.html
+++ b/collections/_pages/features.html
@@ -42,21 +42,21 @@ page_main_heading_description: Thanks to all the hard work by the community, GTK
     </div>
     <div class="row d-flex flex-row py-4 py-lg-5">
       <div class="col-lg-5 py-4">
-          <h6 class="text-muted small font-weight-normal letter-spacing-custom">{{ 'support' | upcase }}</h6>
-          <h1 class="font-weight-light mb-3 font-underline">Unicode and Localization</h1>
-          <br><br>
-          <span class="text-muted">GTK uses UTF-8 encoding for all of the text. This ensures that you can 
develop the app in your native language or any other language around the world.</span>
+        <img src="{{ '/assets/img/characters.png' | prepend: site.url }}" class="img-fluid w-100 shadow" 
alt="GTK Features" />
       </div>
       <div class="col-lg-7">
-        <img src="{{ '/assets/img/characters.png' | prepend: site.url }}" class="img-fluid w-100 shadow" 
alt="GTK Features" />
+        <h6 class="text-muted small font-weight-normal letter-spacing-custom">{{ 'support' | upcase }}</h6>
+        <h1 class="font-weight-light mb-3 font-underline">Unicode and Localization</h1>
+        <br><br>
+        <span class="text-muted">GTK uses UTF-8 encoding for all of the text. This ensures that you can 
develop the app in your native language or any other language around the world.</span>
       </div>
     </div>
     <div class="row d-flex flex-row py-4 py-lg-5">
       <div class="col-lg-5 py-4">
-          <h6 class="text-muted small font-weight-normal letter-spacing-custom">{{ 'movement' | upcase 
}}</h6>
-          <h1 class="font-weight-light mb-3 font-underline">Gestures</h1>
-          <br><br>
-          <span class="text-muted">In GTK, pointer and touch events are handled indistinctly, making your 
apps work on touchscreens out of the box.</span>
+        <h6 class="text-muted small font-weight-normal letter-spacing-custom">{{ 'movement' | upcase }}</h6>
+        <h1 class="font-weight-light mb-3 font-underline">Gestures</h1>
+        <br><br>
+        <span class="text-muted">In GTK, pointer and touch events are handled indistinctly, making your apps 
work on touchscreens out of the box.</span>
       </div>
       <div class="col-lg-7">
         <img src="{{ '/assets/img/gestures.png' | prepend: site.url }}" class="img-fluid w-100 shadow" 
alt="GTK Features" />
@@ -64,16 +64,16 @@ page_main_heading_description: Thanks to all the hard work by the community, GTK
     </div>
     <div class="row d-flex flex-row py-4 py-lg-5">
       <div class="col-lg-5 py-4">
-          <h6 class="text-muted small font-weight-normal letter-spacing-custom">{{ 'performance' | upcase 
}}</h6>
-          <h1 class="font-weight-light mb-3 font-underline">Hardware Accelerated Rendering</h1>
-          <br><br>
-          <span class="text-muted">The internal logic of the Vulkan renderer has been reworked to use 
textures instead of cairo surfaces for intermediate results and thus avoid more cairo fallbacks.</span>
+        <img src="{{ '/assets/img/performance.png' | prepend: site.url }}" class="img-fluid w-100 shadow" 
alt="GTK Features" />
       </div>
       <div class="col-lg-7">
-        <img src="{{ '/assets/img/performance.png' | prepend: site.url }}" class="img-fluid w-100 shadow" 
alt="GTK Features" />
+        <h6 class="text-muted small font-weight-normal letter-spacing-custom">{{ 'performance' | upcase 
}}</h6>
+        <h1 class="font-weight-light mb-3 font-underline">Hardware Accelerated Rendering</h1>
+        <br><br>
+        <span class="text-muted">The internal logic of the Vulkan renderer has been reworked to use textures 
instead of cairo surfaces for intermediate results and thus avoid more cairo fallbacks.</span>
       </div>
     </div>
   </div>
 </section>
 
-{% include footer.html %}
\ No newline at end of file
+{% include footer.html %}