Commit 7b05e6ad authored by santiaago's avatar santiaago
Browse files

better banner size and alignment. #53

parent 0564ca0c

app/assets/css/banner.css

+14 −0
Original line number Diff line number Diff line
@@ -39,6 +39,20 @@ 
    text-shadow: 0 1px 2px rgba(0,0,0,.6);

}



.banner-image{

    background: url(/labs/squares/banner/gradient?theme=frogideas&xt=20); 

    background-size: cover;

    /* background-attachment: fixed; */

    background-repeat: no-repeat;

    background-position: center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    margin-left: 0px;

    height: 317px;

    width: 101%;

}

/* MARKETING CONTENT

-------------------------------------------------- */

app/index.html

+5 −4
Original line number Diff line number Diff line
@@ -31,16 +31,17 @@ 


    <!-- Navbar

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

    <div class="navbar-wrapper">

    <div class="container">

      <div class="container-fluid">

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

      </div>

    <!-- </div> -->

    </div>



    <!-- Banner

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

    <div class="container">      

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

    

    </div>

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

app/partials/banner.html

+1 −4
Original line number Diff line number Diff line 
<div class="row banner">

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

    <img class="img-responsive" src="/isogrids/banner/random/gradient?theme=seascape&h=800&w=3000&xt=20" alt="First slide">

<div class="row banner-image">

    <div class="banner-title">

     <h1>UNIQUE AVATARS FOR YOUR WEBSITE</h1>

    </div>

</div>
 
</div>