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="container">
<div class="row"> <div class="row">
<div class="col-md-8 col-md-offset-2"> <div class="col-md-8 col-md-offset-2">
<h2 class="section-heading">Discover what all the buzz is about!</h2> <h2 class="section-heading">Comunic is everywhere!</h2>
<p>Our app is available on any mobile device! Download now to get started!</p> <p>Our app is available on Web and in the browser for now!</p>
<div class="badges"> <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/google-play-badge.svg" alt=""></a>
<a class="badge-link" href="#"><img src="/img/app-store-badge.svg" alt=""></a>
</div> </div>
</div> </div>
</div> </div>

View File

@ -1,70 +1,51 @@
<!--
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>
<section id="features" class="features"> <div class="container-fluid">
<div class="container"> <div class="row">
<div class="row"> <div class="col-md-6">
<div class="col-lg-12 text-center"> <div class="feature-item">
<div class="section-heading"> <i class="icon-screen-smartphone text-primary"></i>
<h2>Unlimited Features, Unlimited Fun</h2> <h3>Mobile Device Friendly</h3>
<p class="text-muted">Check out what you can do with this app theme!</p> <p class="text-muted">The Web Application is optimized for mobile devices!</p>
<hr> </div>
</div> </div>
</div> <div class="col-md-6">
</div> <div class="feature-item">
<div class="row"> <i class="icon-settings text-primary"></i>
<div class="col-md-4"> <h3>Flexible Use</h3>
<div class="device-container"> <p class="text-muted">Update privacy settings as you want!</p>
<div class="device-mockup iphone6_plus portrait white"> </div>
<div class="device"> </div>
<div class="screen"> </div>
<!-- Demo image for screen mockup, you can put an image here, some HTML, an animation, video, or anything else! --> <div class="row">
<img src="/img/demo-screen-1.jpg" class="img-responsive" alt=""> </div> <div class="col-md-6">
<div class="button"> <div class="feature-item">
<!-- You can hook the "home button" to some JavaScript events or just remove it --> <i class="icon-present text-primary"></i>
</div> <h3>Free to Use</h3>
</div> <p class="text-muted">Although donations are welcome, you can use Comunic for free!</p>
</div> </div>
</div> </div>
</div> <div class="col-md-6">
<div class="col-md-8"> <div class="feature-item">
<div class="container-fluid"> <i class="icon-lock-open text-primary"></i>
<div class="row"> <h3>Open Source</h3>
<div class="col-md-6"> <p class="text-muted">You can freely browse the source code of the network!</p>
<div class="feature-item"> </div>
<i class="icon-screen-smartphone text-primary"></i> </div>
<h3>Device Mockups</h3> </div>
<p class="text-muted">Ready to use HTML/CSS device mockups, no Photoshop required!</p> </div>
</div> </div>
</div> </section>
<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>