Browse files

add latest news banner

  • Loading branch information...
1 parent 08ebd0c commit 02a8fad0051d52ded90f3d9b12e702002efa4c83 @sebastienblanc sebastienblanc committed Dec 17, 2012
Showing with 34 additions and 0 deletions.
  1. +28 −0 css/style.css
  2. +6 −0 index.html
View
28 css/style.css
@@ -138,6 +138,34 @@ body {
margin-left: 20px;
}
+
+.latest-news {
+ border: 2px solid #E25027;
+ -webkit-border-radius: 10px;
+ -moz-border-radius: 10px;
+ border-radius: 10px;
+ margin-bottom: 20px;
+ margin-right: 18px;
+ font-size: 14px;
+ font-weight: bold;
+}
+
+.latest-news h2 {

Probably don't need this now, right?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
+ color: #c6000f;
+ padding-left: 5px;
+ background-color: #c3d3e3;
+ -webkit-border-radius: 8px 8px 0 0;
+ -moz-border-radius: 8px 8px 0 0;
+ border-radius: 7px 7px 0 0;
+ margin-bottom: 10px;
+}
+
+.latest-news > div {
+ padding: 5px;
+}
+
+
+
.span4 {
width: 360px;
border: 2px solid #c3d3e3;
View
6 index.html
@@ -10,6 +10,12 @@
</div>
<img src="/img/aerogear-splash.png" class="lower-image"/>
</div>
+<div class="latest-news">
+ <div>
+ Latest news : <a href="/docs/guides/HTML5ToHybridWithCordova/">How AeroGear has been chosen by Twitter for his WebSite</a>

news => News

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
+ </div>
+
+</div>
<div class="home-content">
<div class="row">
<div class="span4">

1 comment on commit 02a8fad

@kborchers

Need to add a responsive style to set .latest-news { margin-right: 0px; } at max-width: 767px; or 768, something like that. Look lower in that CSS file for where you should add that style.

Please sign in to comment.