Updated services pane

This commit is contained in:
Pierre 2018-05-08 18:31:46 +02:00
parent 08fd3b415e
commit 8537cf571e
2 changed files with 54 additions and 73 deletions

View File

@ -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>

View File

@ -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>