AdaptiveMe.github.io/products.html at master · AdaptiveMe/AdaptiveMe.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
---
layout: default
layout_grid: true
title: Team
keywords: adaptive bootstrap design view new details view details new bootstrap
description: Create, Develop, Build & Distribute Apps As-A-Service.
class: fa fa-users
class_value:
sitemap:
priority: 1.0
lastmod: 2015-10-27T11:07:00+01:00
---

<h1><i class="{{ page.class }}" style="width: 55px;">{{ page_class_value }}</i> {{page.title}}</h1>


<!-- Marketing messaging and featurettes
================================================== -->
<!-- Wrap the rest of the page in another container to center all the content. -->


<!-- Three columns of text below the carousel -->
<div class="row">

    <div class="col-md-3 text-center" style="padding-bottom: 20px;">
        <img class="img-circle" src="http://placehold.it/140x140">
        <h2>Mobile-first</h2>
        <p>Tablets, phones, laptops. The new 3 promises to be mobile friendly from the start.</p>
        <p><a class="btn btn-default" href="#">View details »</a></p>
    </div>
    <div class="col-md-3 text-center" style="padding-bottom: 20px;">
        <img class="img-circle" src="http://placehold.it/140x140">
        <h2>One Fluid Grid</h2>
        <p>There is now just one percentage-based grid for Bootstrap 3. Customize for fixed widths.</p>
        <p><a class="btn btn-default" href="#">View details »</a></p>
    </div>
    <div class="col-md-3 text-center" style="padding-bottom: 20px;">
        <img class="img-circle" src="http://placehold.it/140x140">
        <h2>LESS is More</h2>
        <p>Improved support for mixins make the new Bootstrap 3 easier to customize.</p>
        <p><a class="btn btn-default" href="#">View details »</a></p>
    </div>
    <div class="col-md-3 text-center" style="padding-bottom: 20px;">
        <img class="img-circle" src="http://placehold.it/140x140">
        <h2>LESS is More</h2>
        <p>Improved support for mixins make the new Bootstrap 3 easier to customize.</p>
        <p><a class="btn btn-default" href="#">View details »</a></p>
    </div>
</div>


<!-- START THE FEATURETTES -->

<hr class="featurette-divider">

<div class="featurette">
    <img class="featurette-image img-circle pull-right" src="http://placehold.it/256">
    <h2 class="featurette-heading">Responsive Design. <span class="text-muted">It'll blow your mind.</span></h2>
    <p class="lead">In simple terms, a responsive web design figures out what resolution of device it's being served on. Flexible grids then size correctly to fit the screen.</p>
</div>

<hr class="featurette-divider">

<div class="featurette">
    <img class="featurette-image img-circle pull-left" src="http://placehold.it/256">
    <h2 class="featurette-heading">Smaller Footprint. <span class="text-muted">Lightweight.</span></h2>
    <p class="lead">The new Bootstrap 3 promises to be a smaller build. The separate Bootstrap base and responsive.css files have now been merged into one. There is no more fixed grid, only fluid.</p>
</div>

<hr class="featurette-divider">

<div class="featurette">
    <img class="featurette-image img-circle pull-right" src="http://placehold.it/256">
    <h2 class="featurette-heading">And lastly, this one. <span class="text-muted">Flatness.</span></h2>
    <p class="lead">A big design trend for 2013 is "flat" design. Gone are the days of excessive gradients and shadows. Designers are producing cleaner flat designs, and Bootstrap 3 takes advantage of this minimalist trend.</p>
</div>

<hr class="featurette-divider">

<!-- /END THE FEATURETTES -->