Saved: 2017-10-03 10:09
Torey Heinz
committed Oct 03, 2017
commit 0554b23ab748a880a15fb5327f232f48106e01a5
Showing 5
changed files with
81 additions
and 69 deletions
app/views/pages/index.liquid
+69
-66
| @@ | @@ -8,70 +8,73 @@ is_layout: false |
| --- | |
| {% extends 'layouts/application' %} | |
| {% block 'main' %} | |
| - | <div class="row"> |
| - | <div class="medium-6 columns"> |
| - | <h2>Why Choice Castings?</h2> |
| - | <p>At Choice Castings, we are best in class at providing solutions for your casting needs. We work with many quality foundries giving us the opportunity to provide you the best choice for your casting requirements. With a firm understanding of your critical needs, Choice Castings can work on sourcing solutions, including, buying quality parts on time at the right price.</p> |
| - | </div> |
| - | <div class="medium-6 columns"> |
| - | <img class="thumbnail" src="http://placehold.it/750x250"> |
| - | </div> |
| - | </div> |
| - | <hr> |
| - | <div class="row "> |
| - | <div class="medium-4 columns text-center"> |
| - | <h3>Need Expedited Service?</h3> |
| - | <p>Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. In condimentum facilisis porta. Sed nec diam eu diam mattis viverra. Nulla fringilla, orci ac euismod semper, magna.</p> |
| - | </div> |
| - | <div class="medium-4 columns text-center"> |
| - | <h3>Quality Concerns?</h3> |
| - | <p>Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. In condimentum facilisis porta. Sed nec diam eu diam mattis viverra. Nulla fringilla, orci ac euismod semper, magna.</p> |
| - | </div> |
| - | <div class="medium-4 columns text-center"> |
| - | <h3>Offshoring Headaches?</h3> |
| - | <p>Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. In condimentum facilisis porta. Sed nec diam eu diam mattis viverra. Nulla fringilla, orci ac euismod semper, magna.</p> |
| - | </div> |
| - | </div> |
| - | <hr> |
| - | <div class="row column text-center"> |
| - | <h3>In Stock Items</h3> |
| - | </div> |
| - | <div class="row medium-up-3 large-up-4"> |
| - | <div class="column"> |
| - | <img class="thumbnail" src="http://placehold.it/550x550"> |
| - | </div> |
| - | <div class="column"> |
| - | <img class="thumbnail" src="http://placehold.it/550x550"> |
| - | </div> |
| - | <div class="column"> |
| - | <img class="thumbnail" src="http://placehold.it/550x550"> |
| - | </div> |
| - | <div class="column"> |
| - | <img class="thumbnail" src="http://placehold.it/550x550"> |
| - | </div> |
| - | <div class="column"> |
| - | <img class="thumbnail" src="http://placehold.it/550x550"> |
| - | </div> |
| - | <div class="column"> |
| - | <img class="thumbnail" src="http://placehold.it/550x550"> |
| - | </div> |
| - | <div class="column"> |
| - | <img class="thumbnail" src="http://placehold.it/550x550"> |
| - | </div> |
| - | <div class="column"> |
| - | <img class="thumbnail" src="http://placehold.it/550x550"> |
| - | </div> |
| - | <div class="column"> |
| - | <img class="thumbnail" src="http://placehold.it/550x550"> |
| - | </div> |
| - | <div class="column"> |
| - | <img class="thumbnail" src="http://placehold.it/550x550"> |
| - | </div> |
| - | <div class="column"> |
| - | <img class="thumbnail" src="http://placehold.it/550x550"> |
| - | </div> |
| - | <div class="column"> |
| - | <img class="thumbnail" src="http://placehold.it/550x550"> |
| - | </div> |
| + | <div class="wide-layout"> |
| + | <div class="row"> |
| + | <div class="medium-6 columns"> |
| + | <h2>Why Choice Castings?</h2> |
| + | <p>At Choice Castings, we are best in class at providing solutions for your casting needs. We work with many quality foundries giving us the opportunity to provide you the best choice for your casting requirements. With a firm understanding of your critical needs, Choice Castings can work on sourcing solutions, including, buying quality parts on time at the right price.</p> |
| + | </div> |
| + | <div class="medium-6 columns"> |
| + | <img class="thumbnail" src="http://placehold.it/750x250"> |
| + | </div> |
| + | </div> |
| + | <hr> |
| + | <div class="row"> |
| + | <div class="medium-4 columns text-center"> |
| + | <h3>Need Expedited Service?</h3> |
| + | <p>Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. In condimentum facilisis porta. Sed nec diam eu diam mattis viverra. Nulla fringilla, orci ac euismod semper, magna.</p> |
| + | </div> |
| + | <div class="medium-4 columns text-center"> |
| + | <h3>Quality Concerns?</h3> |
| + | <p>Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. In condimentum facilisis porta. Sed nec diam eu diam mattis viverra. Nulla fringilla, orci ac euismod semper, magna.</p> |
| + | </div> |
| + | <div class="medium-4 columns text-center"> |
| + | <h3>Offshoring Headaches?</h3> |
| + | <p>Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. In condimentum facilisis porta. Sed nec diam eu diam mattis viverra. Nulla fringilla, orci ac euismod semper, magna.</p> |
| + | </div> |
| + | </div> |
| + | <hr> |
| + | <div class="row column text-center"> |
| + | <h3>In Stock Items</h3> |
| + | </div> |
| + | <div class="row medium-up-3 large-up-4"> |
| + | <div class="column"> |
| + | <img class="thumbnail" src="http://placehold.it/550x550"> |
| + | </div> |
| + | <div class="column"> |
| + | <img class="thumbnail" src="http://placehold.it/550x550"> |
| + | </div> |
| + | <div class="column"> |
| + | <img class="thumbnail" src="http://placehold.it/550x550"> |
| + | </div> |
| + | <div class="column"> |
| + | <img class="thumbnail" src="http://placehold.it/550x550"> |
| + | </div> |
| + | <div class="column"> |
| + | <img class="thumbnail" src="http://placehold.it/550x550"> |
| + | </div> |
| + | <div class="column"> |
| + | <img class="thumbnail" src="http://placehold.it/550x550"> |
| + | </div> |
| + | <div class="column"> |
| + | <img class="thumbnail" src="http://placehold.it/550x550"> |
| + | </div> |
| + | <div class="column"> |
| + | <img class="thumbnail" src="http://placehold.it/550x550"> |
| + | </div> |
| + | <div class="column"> |
| + | <img class="thumbnail" src="http://placehold.it/550x550"> |
| + | </div> |
| + | <div class="column"> |
| + | <img class="thumbnail" src="http://placehold.it/550x550"> |
| + | </div> |
| + | <div class="column"> |
| + | <img class="thumbnail" src="http://placehold.it/550x550"> |
| + | </div> |
| + | <div class="column"> |
| + | <img class="thumbnail" src="http://placehold.it/550x550"> |
| + | </div> |
| + | </div> |
| + | |
| </div> | |
| - | {% endblock %} |
| \ No newline at end of file | |
| + | {% endblock %} |
app/views/pages/layouts/application.liquid
+2
-2
| @@ | @@ -20,11 +20,11 @@ is_layout: true |
| <meta charset="utf-8"> | |
| <meta http-equiv="x-ua-compatible" content="ie=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| - | <title>Choice Castings | {{ page.seo_title }}</title> |
| + | <title>Choice Castings | {{ page.slug }}</title> |
| {{ 'app.css' | stylesheet_tag }} | |
| </head> | |
| - | <body> |
| + | <body class="{{ page.slug }}"> |
| <!-- Start Top Bar --> | |
| <div class="top-bar"> | |
| <div class="row"> | |
log/server.log
+3
-0
| @@ | @@ -14,3 +14,6 @@ I, [2017-09-29T17:49:24.445318 #17299] INFO -- : Listening on 0.0.0.0:3000, CTR |
| I, [2017-10-01T14:31:09.190120 #34496] INFO -- : Thin web server (v1.6.4 codename Gob Bluth) | |
| I, [2017-10-01T14:31:09.190224 #34496] INFO -- : Maximum connections set to 1024 | |
| I, [2017-10-01T14:31:09.190247 #34496] INFO -- : Listening on 0.0.0.0:3000, CTRL+C to stop | |
| + | I, [2017-10-03T10:13:20.848582 #58027] INFO -- : Thin web server (v1.6.4 codename Gob Bluth) |
| + | I, [2017-10-03T10:13:20.848669 #58027] INFO -- : Maximum connections set to 1024 |
| + | I, [2017-10-03T10:13:20.848689 #58027] INFO -- : Listening on 0.0.0.0:3000, CTRL+C to stop |
public/stylesheets/_settings.scss
+1
-1
| @@ | @@ -43,7 +43,7 @@ |
| // 1. Global | |
| // --------- | |
| - | $global-width: rem-calc(1200); |
| + | $global-width: rem-calc(860); |
| $global-font-size: 100%; | |
| $global-lineheight: 1.5; | |
| $primary-color: #2199e8; | |
public/stylesheets/app.scss
+6
-0
| @@ | @@ -58,3 +58,9 @@ html { |
| div.wrapper { | |
| background: #fff; | |
| } | |
| + | |
| + | div.wide-layout { |
| + | .row { |
| + | max-width: rem-calc(1200); |
| + | } |
| + | } |