From 8537cf571e83bbe9ad4ee66181018c3492ebe656 Mon Sep 17 00:00:00 2001
From: Pierre <pierre@hubert.fr>
Date: Tue, 8 May 2018 18:31:46 +0200
Subject: [PATCH] Updated services pane

---
 _includes/call-to-action.html |   6 +-
 _includes/services.html       | 121 ++++++++++++++--------------------
 2 files changed, 54 insertions(+), 73 deletions(-)

diff --git a/_includes/call-to-action.html b/_includes/call-to-action.html
index f41515e..acbe100 100755
--- a/_includes/call-to-action.html
+++ b/_includes/call-to-action.html
@@ -2,11 +2,11 @@
     <div class="container">
         <div class="row">
             <div class="col-md-8 col-md-offset-2">
-                <h2 class="section-heading">Discover what all the buzz is about!</h2>
-                <p>Our app is available on any mobile device! Download now to get started!</p>
+                <h2 class="section-heading">Comunic  is everywhere!</h2>
+                <p>Our app is available on Web and in the browser for now!</p>
                 <div class="badges">
+                    <a class="btn btn-outline btn-xl" href="{{ site.app_url }}">Web Application</a> 
                     <a class="badge-link" href="#"><img src="/img/google-play-badge.svg" alt=""></a>
-                    <a class="badge-link" href="#"><img src="/img/app-store-badge.svg" alt=""></a>
                 </div>
             </div>
         </div>
diff --git a/_includes/services.html b/_includes/services.html
index a0a44ae..7c7dc5d 100755
--- a/_includes/services.html
+++ b/_includes/services.html
@@ -1,70 +1,51 @@
-
-    <section id="features" class="features">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-12 text-center">
-                    <div class="section-heading">
-                        <h2>Unlimited Features, Unlimited Fun</h2>
-                        <p class="text-muted">Check out what you can do with this app theme!</p>
-                        <hr>
-                    </div>
-                </div>
-            </div>
-            <div class="row">
-                <div class="col-md-4">
-                    <div class="device-container">
-                        <div class="device-mockup iphone6_plus portrait white">
-                            <div class="device">
-                                <div class="screen">
-                                    <!-- Demo image for screen mockup, you can put an image here, some HTML, an animation, video, or anything else! -->
-                                    <img src="/img/demo-screen-1.jpg" class="img-responsive" alt=""> </div>
-                                <div class="button">
-                                    <!-- You can hook the "home button" to some JavaScript events or just remove it -->
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-md-8">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <div class="feature-item">
-                                    <i class="icon-screen-smartphone text-primary"></i>
-                                    <h3>Device Mockups</h3>
-                                    <p class="text-muted">Ready to use HTML/CSS device mockups, no Photoshop required!</p>
-                                </div>
-                            </div>
-                            <div class="col-md-6">
-                                <div class="feature-item">
-                                    <i class="icon-camera text-primary"></i>
-                                    <h3>Flexible Use</h3>
-                                    <p class="text-muted">Put an image, video, animation, or anything else in the screen!</p>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="row">
-                            <div class="col-md-6">
-                                <div class="feature-item">
-                                    <i class="icon-present text-primary"></i>
-                                    <h3>Free to Use</h3>
-                                    <p class="text-muted">As always, this theme is free to download and use for any purpose!</p>
-                                </div>
-                            </div>
-                            <div class="col-md-6">
-                                <div class="feature-item">
-                                    <i class="icon-lock-open text-primary"></i>
-                                    <h3>Open Source</h3>
-                                    <p class="text-muted">Since this theme is MIT licensed, you can use it commercially!</p>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-md-8">
-                  <h3>Hosts it in the best cloud hosting on the market</h3>
-                  <a target="_blank" href="https://m.do.co/c/a29d90274371" style="color:black" class="btn btn-outline btn-xl">Digital Ocean</a>  
-                </div>
-
-            </div>
-    </section>
+<!--
+	Service tab
+-->
+<section id="features" class="features">
+	<div class="container">
+		<div class="row">
+			<div class="col-lg-12 text-center">
+				<div class="section-heading">
+					<h2>A full social network, with privacy</h2>
+					<p class="text-muted">Comunic present most of the common features excepted for a social network!</p>
+					<hr>
+				</div>
+			</div>
+		</div>
+	
+		<div class="container-fluid">
+			<div class="row">
+				<div class="col-md-6">
+					<div class="feature-item">
+						<i class="icon-screen-smartphone text-primary"></i>
+						<h3>Mobile Device Friendly</h3>
+						<p class="text-muted">The Web Application is optimized for mobile devices!</p>
+					</div>
+				</div>
+				<div class="col-md-6">
+					<div class="feature-item">
+						<i class="icon-settings text-primary"></i>
+						<h3>Flexible Use</h3>
+						<p class="text-muted">Update privacy settings as you want!</p>
+					</div>
+				</div>
+			</div>
+			<div class="row">
+				<div class="col-md-6">
+					<div class="feature-item">
+						<i class="icon-present text-primary"></i>
+						<h3>Free to Use</h3>
+						<p class="text-muted">Although donations are welcome, you can use Comunic for free!</p>
+					</div>
+				</div>
+				<div class="col-md-6">
+					<div class="feature-item">
+						<i class="icon-lock-open text-primary"></i>
+						<h3>Open Source</h3>
+						<p class="text-muted">You can freely browse the source code of the network!</p>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</section>