Commit cb3fb02e authored by santiaago's avatar santiaago
Browse files

add Features section and style 

issue #46
parent a45c784c

app/assets/css/features.css

0 → 100644
+17 −0
Original line number Diff line number Diff line 
.features--background{

    background: #F4F4F4;

}



.features--square{

    padding-bottom: 50px;

    padding-top: 50px;

    height: 200px;

    border-top: solid 1px #CBCBCB;

    border-bottom: solid 1px #CBCBCB;

    border-left: solid 1px #CBCBCB;



}



.features--backgroundGreen{

    background: #43BF86;

}
 
 No newline at end of file

app/assets/css/whatis.css

+1 −2
Original line number Diff line number Diff line
@@ -24,8 +24,7 @@ 
}



.carousel-whatIs--background{

    background: #E0E0E0;

    background: #F4F4F4;

    padding-bottom: 50px;

    padding-top: 50px;

    /* padding-left: 36px; */

}

app/index.html

+4 −1
Original line number Diff line number Diff line
@@ -20,6 +20,7 @@ 
    <!-- Custom styles for this template -->

    <link href="assets/css/banner.css" rel="stylesheet">

    <link href="assets/css/whatis.css" rel="stylesheet">

    <link href="assets/css/features.css" rel="stylesheet">

  </head>

  <body>

    <div class="tinygraphs-browsehappy" ng-include="'partials/browsehappy.html'"></div>
@@ -27,7 +28,7 @@ 
    <!-- Navbar

	 ================================================== -->

    <div class="navbar-wrapper">

      <div class="container">

      <div class="container-fluid">

	    <div class="tinygraphs-navbar" ng-include="'partials/navbar.html'"></div>

      </div>

    </div>
@@ -41,6 +42,8 @@ 
    <!-- Wrap the rest of the page in another container to center all the content. -->

    <div class="container marketing">      

      <div class="tinygraphs-marketing-whatisit" ng-include="'partials/marketing/whatisit.html'"></div>

      <div class="tinygraphs-marketing-features" ng-include="'partials/marketing/features.html'"></div>

      

      <hr class="tinygraphs-divider">

      <div class="tinygraphs-marketing-specs" ng-include="'partials/marketing/specs.html'"></div>

      <hr class="tinygraphs-divider">

app/partials/marketing/features.html

0 → 100644
+17 −0
Original line number Diff line number Diff line 
<div class="row features--background">

  <div class="col-md-3 features--square features--backgroundGreen">

    <h1>FEATURES</h1>

  </div>

  <div class="col-md-3 features--square">

    <h4>MULTIPLE GRIDS</h4>

    <p>Tinygraphs images are based on geometric shapes and patterns: squares, triangles, ...</p>

  </div>

  <div class="col-md-3 features--square">

    <h4>COLOR THEMES</h4>

    <p>You can generate images with 2, 3 or 4 colors from a set of color palettes. You can also create your own color theme.</p>

  </div>

  <div class="col-md-3 features--square">

    <h4>AVATARS AS A SERVICE</h4>

    <p>Use Tinygraphs to generate avatars and banners for your users and website.</p>

  </div>

</div>

app/partials/marketing/whatisit.html

+1 −1
Original line number Diff line number Diff line
@@ -5,7 +5,7 @@ 
  </div>

  <div class="col-md-6">

 	<div class="row">

	  <div class="col-md-2"></div>

	  <div class="col-md-4"></div>

	  <div class="col-md-8 carousel-whatIs--background">

	    <div id="Carousel" class="carousel carousel-whatis slide center-block">

	    <ol class="carousel-indicators">