templator_chabz 0.9.0

checksums.yaml

@@ -0,0 +1,15 @@
+---
+!binary "U0hBMQ==":
+  metadata.gz: !binary |-
+    Mjg5MTljODE4ODY2MTQzMDU0YTM2Y2U5YWM0MGU4MDg0MzBmMmFiYQ==
+  data.tar.gz: !binary |-
+    MTFhOWFiZDA2YTFmOGI2YTIxZDM0OTRmYzVhOTU3YTI3MjFjMDVmYQ==
+SHA512:
+  metadata.gz: !binary |-
+    MTE4NzA5NWNmOWRlODIyNmNiM2Y1N2M5NmE1NTEzNmU4YzVjOTFhNTg0ODc0
+    YTE0ODFhMjU3MzNlNTQxNTVlYThhNjg1N2NjZjhkMjQ0NTQ0ZDliOTQ5NGMw
+    NzhlMGY4YjA3OTZmNzNjN2Y0YmRhYzQzNDdmYTgzYzIxNTk0ZGU=
+  data.tar.gz: !binary |-
+    NWJmYzA0MWE1YTczYmY5YjEzNDhkODQ1N2Y0N2NkNTgzYWUxMTQ4ODEwNjNh
+    YWNmOTZhYzNkOTYzMTBiYmYwYmFjZWFiZmM1NjU2NWZiZjdlYjU5OTYwMzg0
+    YzgyYzZjODRiZDkzYjVkNGViN2I0MWYzNTlmZTFlODRkODY3OTE=

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2013 YOURNAME
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.rdoc

@@ -0,0 +1,3 @@
+= TemplatorChabz
+
+This project rocks and uses MIT-LICENSE.

data/Rakefile

@@ -0,0 +1,32 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'TemplatorChabz'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+
+
+
+Bundler::GemHelper.install_tasks
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'lib'
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+
+task default: :test

data/lib/generators/templator_chabz/install_generator.rb

@@ -0,0 +1,81 @@
+#lib/generators/gemname/install_generator.rb
+require 'rails/generators'
+require File.expand_path('../template_generator', __FILE__) 
+
+module TemplatorChabz
+  module Generators
+    class InstallGenerator < Rails::Generators::Base
+      desc "Install TemplatorChabz"
+      class_option :framework, :type => :string, :default => "foundation", 
+        :desc => "Specify Front-End framework"
+      class_option :haml, :type => :boolean
+      class_option :fluid, :type => :boolean
+      class_option :fixed, :type => :boolean
+
+      def self.source_root
+        @source_root ||= File.join(File.dirname(__FILE__), 'templates')
+      end
+
+      def install
+        say "Hello, Templator Chabz will help you set up your template"
+        installed_gems = Gem::Specification.map { |g| g.name }
+        if options[:framework] == "bootstrap"
+          unless installed_gems.include?("twitter-bootstrap-rails")
+            say "Adding bootstrap-rails gem to your Gemfile:"
+            append_file "Gemfile", "\n", :force => true
+            gem 'therubyracer' unless installed_gems.include?("therubyracer")
+            gem 'less-rails' unless installed_gems.include?("less-rails")
+            gem 'twitter-bootstrap-rails', git: 'git://github.com/seyhunak/twitter-bootstrap-rails.git'
+            begin
+              Bundler.with_clean_env do
+                run "bundle install"
+                run "rails g bootstrap:install"
+              end
+            rescue RuntimeError => e
+              raise "There was an error occurred", e.message
+            end
+          end
+          say "Installing Bootstrap..."
+        elsif options[:framework] == "foundation"
+          unless installed_gems.include?("zurb-foundation")
+            say "Adding foundation-rails gem to your Gemfile:"
+            append_file "Gemfile", "\n", :force => true
+            gem 'zurb-foundation'
+            say "Installing Foundation..."
+            begin
+              Bundler.with_clean_env do
+                run "bundle install"
+                run "rails g foundation:install"
+              end
+            rescue RuntimeError => e
+              raise "There was an error occurred", e.message
+            end
+          end
+        else
+          say "Framework not found. Please choose froom either 'foundation' or 'bootstrap'"
+        end
+        create_layout
+      end
+
+    private
+      def create_layout
+        if options.framework == "foundation"
+          Bundler.with_clean_env do
+            if options.haml?
+              run "rails g foundation:install --haml"
+            else
+              run "rails g foundation:install"
+            end
+          end
+        elsif options.framework == "bootstrap"
+          option_bs = ("fluid" if options.fluid) || ( "fixed" if options.fixed) || ""
+          Bundler.with_clean_env do
+            run "rails g bootstrap:layout application #{option_bs}"
+          end
+        else
+          say "Framework not found. Please choose froom either 'foundation' or 'bootstrap'"
+        end
+      end
+    end
+  end
+end

data/lib/generators/templator_chabz/template_generator.rb

@@ -0,0 +1,31 @@
+require 'rails/generators'
+
+module TemplatorChabz
+  module Generators
+    class TemplateGenerator < Rails::Generators::Base
+      ZB_TEMPLATES = ['banded','blog', 'feed', 'grid', 'orbit', 'banner-home', 'sidebar']
+
+      class_option :haml, type: :boolean, desc: "Generate HAML layout"
+      class_option :framework, type: :string, default: "foundation"
+      class_option :template, type: :string, default: "blog"
+
+      def self.source_root
+        @source_root ||= File.join(File.dirname(__FILE__), 'templates')
+      end
+
+      def create_template
+        if ZB_TEMPLATES.include?(options.template) && options.framework == "foundation"
+          if options.haml?
+            remove_file "app/views/layouts/application.html.erb"
+            template "foundation/haml/#{options.template}.html.haml", "app/views/layouts/application.html.haml"
+          else
+            remove_file "app/views/layouts/application.html.haml"
+            template "foundation/erb/#{options.template}.html.erb", "app/views/layouts/application.html.erb"
+          end
+        else
+          raise "template not found."
+        end
+      end
+    end
+  end
+end

data/lib/generators/templator_chabz/templates/foundation/erb/banded.html.erb

@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
+<!--[if lt IE 7 ]> <html class="ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]>    <html class="ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]>    <html class="ie8" lang="en"> <![endif]-->
+<!--[if IE 9 ]>    <html class="ie9" lang="en"> <![endif]-->
+<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
+<head>
+  <meta charset="utf-8" />
+
+  <!-- Uncomment to make IE8 render like IE7 -->
+  <!-- <meta http-equiv="X-UA-Compatible" content="IE=7" /> -->
+
+  <!-- Set the viewport width to device width for mobile -->
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title><%%= content_for?(:title) ? yield(:title) : "Untitled" %></title>
+  
+  <!-- Included CSS Files -->
+  <%%= stylesheet_link_tag    "application" %>
+
+  <!-- Included JS Files  -->
+  <%%= javascript_include_tag "application" %>
+  
+  <%%= csrf_meta_tags %>
+
+</head>
+
+<body>
+<!-- Header and Nav -->
+  <div class="row">
+    <div class="large-3 columns">
+      <h1><img src="http://placehold.it/400x100&text=Logo"></h1>
+    </div>
+    <div class="large-9 columns">
+      <ul class="button-group right">
+        <li><a href="#" class="button">Link 1</a></li>
+        <li><a href="#" class="button">Link 2</a></li>
+        <li><a href="#" class="button">Link 3</a></li>
+        <li><a href="#" class="button">Link 4</a></li>
+      </ul>
+    </div>
+  </div>
+ 
+  <!-- End Header and Nav -->
+ 
+ 
+  <!-- First Band (Image) -->
+ 
+  <div class="row">
+    <div class="large-12 columns">
+      <img src="http://placehold.it/1000x400&text=[img]">
+ 
+      <hr>
+    </div>
+  </div>
+  <!-- Second Band (Image Left with Text) -->
+ 
+  <div class="row">
+    <div class="large-4 columns">
+      <img src="http://placehold.it/400x300&text=[img]">
+    </div>
+    <div class="large-8 columns">
+      <h4>This is a content section.</h4>
+      <div class="row">
+        <div class="large-6 columns">
+          <p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit, dolore aliqua non est magna in labore pig pork biltong. Eiusmod swine spare ribs reprehenderit culpa. Boudin aliqua adipisicing rump corned beef.</p>
+        </div>
+        <div class="large-6 columns">
+          <p>Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.</p>
+        </div>
+      </div>
+      <!-- It's up to you to place yield wherever you like. Feel free to edit this template -->
+      <%%= yield %>
+    </div>
+  </div>
+ 
+ 
+  <!-- Third Band (Image Right with Text) -->
+ 
+  <div class="row">
+    <div class="large-8 columns">
+      <h4>This is a content section.</h4>
+ 
+      <p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit, dolore aliqua non est magna in labore pig pork biltong. Eiusmod swine spare ribs reprehenderit culpa. Boudin aliqua adipisicing rump corned beef.</p>
+ 
+      <p>Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.</p>
+ 
+    </div>
+    <div class="large-4 columns">
+      <img src="http://placehold.it/400x300&text=[img]">
+    </div>
+  </div>
+ 
+ 
+  <!-- Footer -->
+ 
+  <footer class="row">
+    <div class="large-12 columns">
+      <hr />
+      <div class="row">
+        <div class="large-6 columns">
+          <p>&copy; Copyright no one at all. Go to town.</p>
+        </div>
+        <div class="large-6 columns">
+          <ul class="inline-list right">
+            <li><a href="#">Link 1</a></li>
+            <li><a href="#">Link 2</a></li>
+            <li><a href="#">Link 3</a></li>
+            <li><a href="#">Link 4</a></li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </footer>
+</body>
+</html>

data/lib/generators/templator_chabz/templates/foundation/erb/banner-home.html.erb

@@ -0,0 +1,125 @@
+<!DOCTYPE html>
+<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
+<!--[if lt IE 7 ]> <html class="ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]>    <html class="ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]>    <html class="ie8" lang="en"> <![endif]-->
+<!--[if IE 9 ]>    <html class="ie9" lang="en"> <![endif]-->
+<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
+<head>
+  <meta charset="utf-8" />
+
+  <!-- Uncomment to make IE8 render like IE7 -->
+  <!-- <meta http-equiv="X-UA-Compatible" content="IE=7" /> -->
+
+  <!-- Set the viewport width to device width for mobile -->
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title><%%= content_for?(:title) ? yield(:title) : "Untitled" %></title>
+
+  <!-- Included CSS Files -->
+  <%%= stylesheet_link_tag    "application" %>
+
+  <!-- Included JS Files  -->
+  <%%= javascript_include_tag "application" %>
+
+  <%%= csrf_meta_tags %>
+
+</head>
+
+<body>
+  <!-- Nav and Banner -->
+  <div class="row">
+    <div class="large-12 columns">
+      <ul class="button-group">
+        <li><a href="#" class="button">Link 1</a></li>
+        <li><a href="#" class="button">Link 2</a></li>
+        <li><a href="#" class="button">Link 3</a></li>
+        <li><a href="#" class="button">Link 4</a></li>
+        <li><a href="#" class="button">Link 5</a></li>
+        <li><a href="#" class="button">Link 6</a></li>
+        <li><a href="#" class="button">Link 7</a></li>
+      </ul>
+      
+      <!-- Main Banner Image - place in a paragraph to enforce the modular scale spacing -->
+      <p><img src="http://placehold.it/1000x400&text=[banner img]" /></p>
+    </div>
+  </div>
+  
+  <!-- End Nav and Banner -->
+  
+  
+  <!-- Main Content Section -->
+  
+  <div class="row">
+  
+    <div class="large-8 columns">
+      <h4>This is a content section.</h4>
+      <p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit, dolore aliqua non est magna in labore pig pork biltong. Eiusmod swine spare ribs reprehenderit culpa. Boudin aliqua adipisicing rump corned beef.</p>
+      <p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit, dolore aliqua non est magna in labore pig pork biltong. Eiusmod swine spare ribs reprehenderit culpa. Boudin aliqua adipisicing rump corned beef.</p>
+      <p><a href="#" class="secondary small button">Next Page &rarr;</a></p>
+      <!-- It's up to you to place yield wherever you like. Feel free to edit this template -->
+      <%%= yield %>
+    </div>
+    
+    <div class="large-4 columns">
+    
+      <!-- Gallery sidebar with a block grid. Note: block grid items should be the same size for optimal results -->
+      
+      <ul class="small-block-grid-3">
+        <li><a href="#"><img src="http://placehold.it/120x120" /></a></li>
+        <li><a href="#"><img src="http://placehold.it/120x120" /></a></li>
+        <li><a href="#"><img src="http://placehold.it/120x120" /></a></li>
+        <li><a href="#"><img src="http://placehold.it/120x120" /></a></li>
+        <li><a href="#"><img src="http://placehold.it/120x120" /></a></li>
+        <li><a href="#"><img src="http://placehold.it/120x120" /></a></li>
+      </ul>
+    </div>
+        
+  </div>
+  
+  
+  <!-- Call to Action Panel -->
+  <div class="row">
+    <div class="large-12 columns">
+    
+      <div class="panel">
+        <h4>Get in touch!</h4>
+            
+        <div class="row">
+          <div class="large-9 columns">
+            <p>We'd love to hear from you, you attractive person you.</p>
+          </div>
+          <div class="large-3 columns">
+            <a href="#" class="radius button right">Contact Us</a>
+          </div>
+        </div>
+      </div>
+      
+    </div>
+  </div>
+  
+  
+  <!-- Footer -->
+  
+  <footer class="row">
+    <div class="large-12 columns">
+      <hr />
+      <div class="row">
+        <div class="large-6 columns">
+          <p>&copy; Copyright no one at all. Go to town.</p>
+        </div>
+        <div class="large-6 columns">
+          <ul class="inline-list right">
+            <li><a href="#">Link 1</a></li>
+            <li><a href="#">Link 2</a></li>
+            <li><a href="#">Link 3</a></li>
+            <li><a href="#">Link 4</a></li>
+            <li><a href="#">Link 5</a></li>
+            <li><a href="#">Link 6</a></li>
+            <li><a href="#">Link 7</a></li>
+          </ul>
+        </div>
+      </div>
+    </div> 
+  </footer>
+</body>
+</html>

data/lib/generators/templator_chabz/templates/foundation/erb/blog.html.erb

@@ -0,0 +1,154 @@
+<!DOCTYPE html>
+<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
+<!--[if lt IE 7 ]> <html class="ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]>    <html class="ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]>    <html class="ie8" lang="en"> <![endif]-->
+<!--[if IE 9 ]>    <html class="ie9" lang="en"> <![endif]-->
+<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
+<head>
+  <meta charset="utf-8" />
+
+  <!-- Uncomment to make IE8 render like IE7 -->
+  <!-- <meta http-equiv="X-UA-Compatible" content="IE=7" /> -->
+
+  <!-- Set the viewport width to device width for mobile -->
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title><%%= content_for?(:title) ? yield(:title) : "Untitled" %></title>
+
+  <!-- Included CSS Files -->
+  <%%= stylesheet_link_tag    "application" %>
+
+  <!-- Included JS Files  -->
+  <%%= javascript_include_tag "application" %>
+
+  <%%= csrf_meta_tags %>
+
+</head>
+
+<body>
+  <!-- Nav Bar -->
+  <div class="row">
+    <div class="large-12 columns">
+      <div class="nav-bar right">
+        <ul class="button-group">
+          <li><a href="#" class="button">Link 1</a></li>
+          <li><a href="#" class="button">Link 2</a></li>
+          <li><a href="#" class="button">Link 3</a></li>
+          <li><a href="#" class="button">Link 4</a></li>
+        </ul>
+      </div>
+      <h1>Blog <small>This is my blog. It's awesome.</small></h1>
+      <hr />
+    </div>
+  </div>
+
+  <!-- End Nav -->
+
+
+  <!-- Main Page Content and Sidebar -->
+
+  <div class="row">
+
+    <!-- Main Blog Content -->
+    <div class="large-9 columns" role="content">
+
+      <article>
+
+      <h3><a href="#">Blog Post Title</a></h3>
+      <h6>Written by <a href="#">John Smith</a> on August 12, 2012.</h6>
+
+      <div class="row">
+        <div class="large-6 columns">
+          <p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit, dolore aliqua non est magna in labore pig pork biltong. Eiusmod swine spare ribs reprehenderit culpa.</p>
+          <p>Boudin aliqua adipisicing rump corned beef. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.</p>
+        </div>
+        <div class="large-6 columns">
+          <img src="http://placehold.it/400x240&text=[img]" />
+        </div>
+      </div>
+
+      <p>Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.</p>
+
+      <p>Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.</p>
+
+      </article>
+      <!-- It's up to you to place yield wherever you like. Feel free to edit this template -->
+      <%%= yield %>
+
+      <hr />
+
+      <article>
+
+      <h3><a href="#">Blog Post Title</a></h3>
+      <h6>Written by <a href="#">John Smith</a> on August 12, 2012.</h6>
+
+      <div class="row">
+        <div class="large-6 columns">
+          <p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit, dolore aliqua non est magna in labore pig pork biltong. Eiusmod swine spare ribs reprehenderit culpa.</p>
+          <p>Boudin aliqua adipisicing rump corned beef. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.</p>
+        </div>
+        <div class="large-6 columns">
+          <img src="http://placehold.it/400x240&text=[img]" />
+        </div>
+      </div>
+
+      <p>Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.</p>
+
+      <p>Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.</p>
+
+      </article>
+
+    </div>
+
+    <!-- End Main Content -->
+
+
+    <!-- Sidebar -->
+
+    <aside class="large-3 columns">
+
+    <h5>Categories</h5>
+    <ul class="side-nav">
+      <li><a href="#">News</a></li>
+      <li><a href="#">Code</a></li>
+      <li><a href="#">Design</a></li>
+      <li><a href="#">Fun</a></li>
+      <li><a href="#">Weasels</a></li>
+    </ul>
+
+    <div class="panel">
+      <h5>Featured</h5>
+      <p>Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow.</p>
+      <a href="#">Read More &rarr;</a>
+    </div>
+
+    </aside>
+
+    <!-- End Sidebar -->
+  </div>
+
+  <!-- End Main Content and Sidebar -->
+
+
+  <!-- Footer -->
+
+  <footer class="row">
+  <div class="large-12 columns">
+    <hr />
+    <div class="row">
+      <div class="large-6 columns">
+        <p>&copy; Copyright no one at all. Go to town.</p>
+      </div>
+      <div class="large-6 columns">
+        <ul class="inline-list right">
+          <li><a href="#">Link 1</a></li>
+          <li><a href="#">Link 2</a></li>
+          <li><a href="#">Link 3</a></li>
+          <li><a href="#">Link 4</a></li>
+        </ul>
+      </div>
+    </div>
+  </div>
+  </footer>
+</body>
+</html>