Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Add ornamental dividers.

  • Loading branch information...
commit 0a42e706d44c1e3f6fc28adac35da77da5ba01b4 1 parent 6ee9862
Scott Upton authored
View
10 _navigation.html.erb
@@ -1,12 +1,20 @@
<nav>
- <img src="/images/logo.png">
+ <figure><img src="/images/logo.png"></figure>
<ul>
<li><a href="/" class="selected">Home</a></li>
<li><a href="/gallery/">Gallery</a></li>
<li><a href="/about/">About Us</a></li>
+ <li><a href="/about/">Our Process</a></li>
<li><a href="/testimonials/">Testimonials</a></li>
<li><a href="/resources/">Resources</a></li>
<li><a href="/contact/">Contact Us</a></li>
</ul>
+
+ <hr>
+
+ <ul class="contact">
+ <li>303-449-3298</li>
+ <li>info@bw-construction.com</li>
+ </ul>
</nav>
View
BIN  images/divider_leaf.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  images/divider_leaf_sml.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
6 index.html.erb
@@ -11,6 +11,12 @@
<div class="clear">&nbsp;</div>
+<div class="grid_9">
+ <hr>
+</div>
+
+<div class="clear">&nbsp;</div>
+
<div class="grid_3">
<h3>We lorem ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
View
10 public/about/index.html
@@ -28,16 +28,24 @@
<body>
<header></header><nav>
- <img src="/images/logo.png">
+ <figure><img src="/images/logo.png"></figure>
<ul>
<li><a href="/" class="selected">Home</a></li>
<li><a href="/gallery/">Gallery</a></li>
<li><a href="/about/">About Us</a></li>
+ <li><a href="/about/">Our Process</a></li>
<li><a href="/testimonials/">Testimonials</a></li>
<li><a href="/resources/">Resources</a></li>
<li><a href="/contact/">Contact Us</a></li>
</ul>
+
+ <hr>
+
+ <ul class="contact">
+ <li>303-449-3298</li>
+ <li>info@bw-construction.com</li>
+ </ul>
</nav>
<div class="wrapper clearfix">
<div class="container_9">
View
10 public/contact/index.html
@@ -28,16 +28,24 @@
<body>
<header></header><nav>
- <img src="/images/logo.png">
+ <figure><img src="/images/logo.png"></figure>
<ul>
<li><a href="/" class="selected">Home</a></li>
<li><a href="/gallery/">Gallery</a></li>
<li><a href="/about/">About Us</a></li>
+ <li><a href="/about/">Our Process</a></li>
<li><a href="/testimonials/">Testimonials</a></li>
<li><a href="/resources/">Resources</a></li>
<li><a href="/contact/">Contact Us</a></li>
</ul>
+
+ <hr>
+
+ <ul class="contact">
+ <li>303-449-3298</li>
+ <li>info@bw-construction.com</li>
+ </ul>
</nav>
<div class="wrapper clearfix">
<div class="container_9">
View
10 public/gallery/index.html
@@ -28,16 +28,24 @@
<body>
<header></header><nav>
- <img src="/images/logo.png">
+ <figure><img src="/images/logo.png"></figure>
<ul>
<li><a href="/" class="selected">Home</a></li>
<li><a href="/gallery/">Gallery</a></li>
<li><a href="/about/">About Us</a></li>
+ <li><a href="/about/">Our Process</a></li>
<li><a href="/testimonials/">Testimonials</a></li>
<li><a href="/resources/">Resources</a></li>
<li><a href="/contact/">Contact Us</a></li>
</ul>
+
+ <hr>
+
+ <ul class="contact">
+ <li>303-449-3298</li>
+ <li>info@bw-construction.com</li>
+ </ul>
</nav>
<div class="wrapper clearfix">
<div class="container_9">
View
BIN  public/images/divider_leaf.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  public/images/divider_leaf_sml.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
16 public/index.html
@@ -28,16 +28,24 @@
<body>
<header></header><nav>
- <img src="/images/logo.png">
+ <figure><img src="/images/logo.png"></figure>
<ul>
<li><a href="/" class="selected">Home</a></li>
<li><a href="/gallery/">Gallery</a></li>
<li><a href="/about/">About Us</a></li>
+ <li><a href="/about/">Our Process</a></li>
<li><a href="/testimonials/">Testimonials</a></li>
<li><a href="/resources/">Resources</a></li>
<li><a href="/contact/">Contact Us</a></li>
</ul>
+
+ <hr>
+
+ <ul class="contact">
+ <li>303-449-3298</li>
+ <li>info@bw-construction.com</li>
+ </ul>
</nav>
<div class="wrapper clearfix">
<div class="container_9">
@@ -54,6 +62,12 @@
<div class="clear">&nbsp;</div>
+<div class="grid_9">
+ <hr>
+</div>
+
+<div class="clear">&nbsp;</div>
+
<div class="grid_3">
<h3>We lorem ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
View
10 public/resources/index.html
@@ -28,16 +28,24 @@
<body>
<header></header><nav>
- <img src="/images/logo.png">
+ <figure><img src="/images/logo.png"></figure>
<ul>
<li><a href="/" class="selected">Home</a></li>
<li><a href="/gallery/">Gallery</a></li>
<li><a href="/about/">About Us</a></li>
+ <li><a href="/about/">Our Process</a></li>
<li><a href="/testimonials/">Testimonials</a></li>
<li><a href="/resources/">Resources</a></li>
<li><a href="/contact/">Contact Us</a></li>
</ul>
+
+ <hr>
+
+ <ul class="contact">
+ <li>303-449-3298</li>
+ <li>info@bw-construction.com</li>
+ </ul>
</nav>
<div class="wrapper clearfix">
<div class="container_9">
View
BIN  public/stylesheets/.sass-cache/98189d6c47f93b7391c4bbfb07b588a1adb8faa2/application.css.scssc
Binary file not shown
View
43 public/stylesheets/application.css
@@ -20,22 +20,31 @@ nav {
top: 0;
left: 0;
width: 250px;
- text-align: center; }
+ text-align: center;
+ font-family: 'Merriweather', serif; }
+ nav figure {
+ margin-bottom: 1.0em; }
+ nav hr {
+ margin: 1.5em 3.0em; }
nav ul {
- margin: 20px 0 0 0;
+ margin: 0;
padding: 0;
font-size: 18px;
- font-family: 'Merriweather', serif; }
- nav ul li a {
- text-decoration: none;
- color: #5f6667;
- padding: 10px 0;
- display: block;
- -webkit-transition: color 150ms ease-in-out; }
- nav ul li a.selected {
- color: #930; }
- nav ul li a:hover, nav ul li a:visited:hover {
- color: #383c3d; }
+ color: #5f6667; }
+ nav ul.contact {
+ font-size: 14px; }
+ nav ul li {
+ padding: 4px 0; }
+ nav ul li a {
+ padding: 6px 0;
+ color: inherit;
+ text-decoration: none;
+ display: block;
+ -webkit-transition: color 150ms ease-in-out; }
+ nav ul li a.selected {
+ color: #930; }
+ nav ul li a:hover, nav ul li a:visited:hover {
+ color: #383c3d; }
div.wrapper,
footer {
@@ -74,12 +83,20 @@ h4 {
p {
font-size: 15px; }
+hr {
+ background: transparent url("../images/divider_leaf.png") no-repeat scroll center center;
+ display: block;
+ height: 14px;
+ border: none; }
+
/* Smaller screens */
@media only screen and (max-width: 1023px) {
nav {
padding-top: 15px;
position: static;
width: 100%; }
+ nav hr {
+ margin: 0 4%; }
nav ul {
overflow: hidden;
margin: 10px auto;
View
10 public/testimonials/index.html
@@ -28,16 +28,24 @@
<body>
<header></header><nav>
- <img src="/images/logo.png">
+ <figure><img src="/images/logo.png"></figure>
<ul>
<li><a href="/" class="selected">Home</a></li>
<li><a href="/gallery/">Gallery</a></li>
<li><a href="/about/">About Us</a></li>
+ <li><a href="/about/">Our Process</a></li>
<li><a href="/testimonials/">Testimonials</a></li>
<li><a href="/resources/">Resources</a></li>
<li><a href="/contact/">Contact Us</a></li>
</ul>
+
+ <hr>
+
+ <ul class="contact">
+ <li>303-449-3298</li>
+ <li>info@bw-construction.com</li>
+ </ul>
</nav>
<div class="wrapper clearfix">
<div class="container_9">
View
BIN  stylesheets/.sass-cache/98189d6c47f93b7391c4bbfb07b588a1adb8faa2/application.css.scssc
Binary file not shown
View
36 stylesheets/application.css.scss
@@ -26,18 +26,33 @@ nav {
left: 0;
width: 250px;
text-align: center;
+ font-family: 'Merriweather', serif;
+
+ figure {
+ margin-bottom: 1.0em;
+ }
+
+ hr {
+ margin: 1.5em 3.0em;
+ }
ul {
- margin: 20px 0 0 0;
+ margin: 0;
padding: 0;
font-size: 18px;
- font-family: 'Merriweather', serif;
+ color: #5f6667;
+
+ &.contact {
+ font-size: 14px;
+ }
li {
+ padding: 4px 0;
+
a {
+ padding: 6px 0;
+ color: inherit;
text-decoration: none;
- color: #5f6667;
- padding: 10px 0;
display: block;
-webkit-transition: color 150ms ease-in-out;
@@ -100,6 +115,13 @@ p {
font-size: 15px;
}
+hr {
+ background: transparent url('../images/divider_leaf.png') no-repeat scroll center center;
+ display: block;
+ height: 14px;
+ border: none;
+}
+
/* Smaller screens */
@media only screen and (max-width: 1023px) {
nav {
@@ -107,6 +129,8 @@ p {
position: static;
width: 100%;
+ hr { margin: 0 4%; }
+
ul {
overflow: hidden;
margin: 10px auto;
@@ -137,9 +161,7 @@ p {
}
nav {
- ul {
- font-size: 16px;
- }
+ ul { font-size: 16px; }
}
div.wrapper,
Please sign in to comment.
Something went wrong with that request. Please try again.