goldencobra 1.4.27 → 2.3.3

data/lib/generators/goldencobra/templates/deploy.rb.erb

@@ -29,10 +29,7 @@ role :web, "<%= @ip_address %>"                          # Your HTTP server, Apa
 role :app, "<%= @ip_address %>"                          # This may be the same as your `Web` server
 role :db,  "<%= @ip_address %>", :primary => true        # This is where Rails migrations will run
 
-
-
 namespace :deploy do
-
   desc "Upgrade and restart the application"
   task :upgrade, :roles => :app do
     restart
@@ -104,7 +101,6 @@ namespace :deploy do
   end
 
   namespace :db do
-
     task :setup, :role => :db do
       set(:db_root_password) { Capistrano::CLI.password_prompt("Enter MySQL ROOT password [noecho]: ") }
       set(:db_password) { Capistrano::CLI.password_prompt("Enter MySQL password for #{application} [noecho]: ") }
@@ -123,9 +119,7 @@ namespace :deploy do
       location = "#{deploy_to}/shared/config/database.yml"
       put config, location
     end
-
   end
-
 end
 
 after 'deploy:create_symlink', 'deploy:web:disable'

data/lib/generators/goldencobra/templates/robots.txt

@@ -1,5 +1,9 @@
-# See http://www.robotstxt.org/wc/norobots.html for documentation on how to use the robots.txt file
+# See http://www.robotstxt.org/robotstxt.html for documentation on how to use the robots.txt file
 #
-# To ban all spiders from the entire site uncomment the next two lines:
+# To ban all spiders from the entire site, uncomment the next two lines:
 User-Agent: *
 Disallow: /
+
+# To ban all spiders only form the admin site, comment the above and uncomment the next two lines:
+# User-Agent: *
+# Disallow: /admin/

data/lib/generators/goldencobra/templates/seeds.rb.erb

@@ -1,176 +1,42 @@
 User.delete_all
 Goldencobra::Role.delete_all
-admin = Goldencobra::Role.find_or_create_by_name("admin")
-guest = Goldencobra::Role.find_or_create_by_name("guest")
-user = User.create!(:email => "<%= @admin_email %>", :password => "<%= @admin_password %>", :password_confirmation => "<%= @admin_password %>", :firstname => "Admin", :lastname => "Goldencobra")
+admin = Goldencobra::Role.create(name: "admin")
+guest = Goldencobra::Role.create(name: "guest")
+user = User.create!(email: "<%= @admin_email %>", password: "<%= @admin_password %>",
+                    password_confirmation: "<%= @admin_password %>", firstname: "Admin",
+                    lastname: "Goldencobra")
 user.roles << admin
 
 Goldencobra::Help.delete_all
-Goldencobra::Help.create!(:title => "Goldencobra", :description => "https://github.com/ikusei/Goldencobra")
+Goldencobra::Help.create!(title: "Goldencobra",
+                          description: "https://github.com/ikusei/Goldencobra")
 
 Goldencobra::Article.delete_all
 
-Goldencobra::Article.create!(content: "Diese Seite existiert leider nicht.", url_name: "404", breadcrumb: "Seite nicht gefunden", title: "404",article_type: "Default Show")
-Goldencobra::Article.create!(content: "kein Zugriff", url_name: "401", breadcrumb: "Kein Zugriff", title: "401",article_type: "Default Show")
-Goldencobra::Article.create!(content: "", url_name: "search-results", breadcrumb: "Suchergebnisse", title: "Suchergebnisse",article_type: "Default Show")
+Goldencobra::Article.create!(content: "Diese Seite existiert leider nicht.", url_name: "404",
+                             breadcrumb: "Seite nicht gefunden", title: "404",
+                             article_type: "Default Show")
+Goldencobra::Article.create!(content: "kein Zugriff", url_name: "401", breadcrumb: "Kein Zugriff",
+                             title: "401", article_type: "Default Show")
 
 Goldencobra::Permission.delete_all
-Goldencobra::Permission.create(:sorter_id => 1, :role_id => Goldencobra::Role.find_by_name("admin").id, :action => "manage", :subject_class => ":all" )
-Goldencobra::Permission.create(:sorter_id => 1, :role_id => Goldencobra::Role.find_by_name("guest").id, :action => "read", :subject_class => "Goldencobra::Article" )
-Goldencobra::Permission.create(:sorter_id => 1, :role_id => Goldencobra::Role.find_by_name("guest").id, :action => "show", :subject_class => "User", :subject_id => "user.id" )
-Goldencobra::Permission.create(:sorter_id => 1, :role_id => Goldencobra::Role.find_by_name("guest").id, :action => "update", :subject_class => "User", :subject_id => "user.id" )
-Goldencobra::Permission.create(:sorter_id => 1, :role_id => Goldencobra::Role.find_by_name("guest").id, :action => "destroy", :subject_class => "User", :subject_id => "user.id" )
-
-
-# This file should contain all the record creation needed to seed the database with its default values.
-# The data can then be loaded with the rake db:seed (or created alongside the db with db:setup).
-#
-# Examples:
-#
-#   cities = City.create([{ name: 'Chicago' }, { name: 'Copenhagen' }])
-#   Mayor.create(name: 'Emanuel', city: cities.first)
-
-### MAIN MENU ###
-puts "create main menu..."
-Goldencobra::Menue.delete_all
-main = Goldencobra::Menue.find_by_title("Top-Navigation")
-main = Goldencobra::Menue.create!(title: "Top-Navigation", css_class: "", target: "") if main.blank?
-home = Goldencobra::Menue.find_by_title("Startseite")
-home = Goldencobra::Menue.create!(title: "Startseite", parent_id: main.id, css_class: "", target: "/") if home.blank?
-news = Goldencobra::Menue.find_by_title("News")
-news = Goldencobra::Menue.create!(title: "News", parent_id: main.id, css_class: "", target: "/news") if news.blank?
-dates = Goldencobra::Menue.find_by_title("Termine")
-dates = Goldencobra::Menue.create!(title: "Termine", parent_id: main.id, css_class: "", target: "/termine") if dates.blank?
-more = Goldencobra::Menue.find_by_title("Weiteres")
-more = Goldencobra::Menue.create!(title: "Weiteres", parent_id: main.id, css_class: "", target: "/weiteres") if more.blank?
-
-puts "main menu created."
-
-
-### FOOTER MENU ###
-puts "create footer menu..."
-
-footer = Goldencobra::Menue.find_by_title("Footer-Navigation")
-footer = Goldencobra::Menue.create!(title: "Footer-Navigation", css_class: "", target: "") if footer.blank?
-agb = Goldencobra::Menue.find_by_title("AGB")
-agb = Goldencobra::Menue.create!(title: "AGB", parent_id: footer.id, css_class: "", target: "/agb") if agb.blank?
-contact = Goldencobra::Menue.find_by_title("Kontakt")
-contact = Goldencobra::Menue.create!(title: "Kontakt", parent_id: footer.id, css_class: "", target: "/kontakt") if contact.blank?
-impress = Goldencobra::Menue.find_by_title("Impressum")
-impress = Goldencobra::Menue.create!(title: "Impressum", parent_id: footer.id, css_class: "", target: "/impressum") if impress.blank?
-
-puts "footer menu created."
-
-### START AND 404 PAGE ###
+Goldencobra::Permission.create(sorter_id: 1, role_id: admin.id, action: "manage",
+                               subject_class: ":all" )
+Goldencobra::Permission.create(sorter_id: 1, role_id: guest.id, action: "read",
+                               subject_class: "Goldencobra::Article" )
+Goldencobra::Permission.create(sorter_id: 1, role_id: guest.id, action: "show",
+                               subject_class: "User", subject_id: "user.id" )
+Goldencobra::Permission.create(sorter_id: 1, role_id: guest.id, action: "update",
+                               subject_class: "User", subject_id: "user.id" )
+Goldencobra::Permission.create(sorter_id: 1, role_id: guest.id, action: "destroy",
+                               subject_class: "User", subject_id: "user.id" )
+
+### START PAGE ###
 puts "create start page article..."
 start = Goldencobra::Article.find_by_title("Willkommen")
-start = Goldencobra::Article.create!(title: "Willkommen",breadcrumb:"Willkommen", article_type: "Default Show", ancestry: nil, active: true, url_name: "willkommen", template_file: "application") if start.blank?
+if start.blank?
+  start = Goldencobra::Article.create!(title: "Willkommen", breadcrumb: "Willkommen",
+                                       article_type: "Default Show", ancestry: nil, active: true,
+                                       url_name: "willkommen", template_file: "application")
+end
 start.mark_as_startpage!
-
-### CONTENT PAGES ###
-puts "create content page articles..."
-
-newsblog = Goldencobra::Article.find_by_title("News")
-newsblogContent = "<article>
-    <h2><a href='/news'>News 1 &Uuml;berschrift</a></h2>
-    <div class='article-date'>
-      03. Januar 2013
-    </div>
-    <div>
-        Erste Nachricht - Inhalt:<br/>Mehrere mehrere mehrere mehrere mehrere mehrere<br/>Zeilen Zeilen Zeilen Zeilen Zeilen!
-        <p><a class='more' href='#'>weiterlesen</a></p>
-    </div>
-    <hr>
-  </article>
-  <article>
-    <h2><a href='/news'>News 2 &Uuml;berschrift</a></h2>
-    <div class='article-date'>
-      01. Januar 2013
-    </div>
-    <div>
-        Zweite Nachricht - Inhalt:<br/>Mehrere mehrere mehrere mehrere mehrere mehrere<br/>Zeilen Zeilen Zeilen Zeilen Zeilen!
-        <p><a class='more' href='#'>weiterlesen</a></p>
-    </div>
-    <hr>
-  </article>"
-newsblog = Goldencobra::Article.create!(title: "News",breadcrumb:"News", article_type: "Default Show", ancestry: nil, active: true, content: newsblogContent, url_name: "news", template_file: "application") if newsblog.blank?
-
-datestable = Goldencobra::Article.find_by_title("Termine")
-datestableContent = "<table border='0'>
-    <tbody>
-      <tr>
-        <td>Punkt1:</td>
-        <td>Eins</td>
-      </tr>
-      <tr>
-        <td>Punkt2:</td>
-        <td>Zwei</td>
-      </tr>
-      <tr>
-        <td>Punkt3:</td>
-        <td>Drei</td>
-      </tr>
-      <tr>
-        <td>Punkt4:</td>
-        <td>Vier Vier Vier Vier<br/>&uuml;ber &uuml;ber &uuml;ber &uuml;ber<br/>mehrere mehrere mehrere mehrere<br/>Zeilen</td>
-      </tr>
-      <tr>
-        <td>Punkt5:</td>
-        <td>F&uuml;nf F&uuml;nf F&uuml;nf F&uuml;nf<br/>&uuml;ber &uuml;ber &uuml;ber &uuml;ber<br/>mehrere mehrere mehrere mehrere<br/>Zeilen</td>
-      </tr>
-    </tbody>
-  </table>"
-datestable = Goldencobra::Article.create!(title: "Termine",breadcrumb:"Termine", article_type: "Default Show", ancestry: nil, active: true, content: datestableContent, url_name: "termine", template_file: "application") if datestable.blank?
-
-moreform = Goldencobra::Article.find_by_title("Weiteres")
-moreformContent = "<form method='post' data-remote='true' action='/' accept-charset='UTF-8'>
-    <div class='choice'>
-      <ul>
-        <li>
-          <label class='' for='gender'>Anrede <span>*</span></label>
-        </li>
-        <li style='margin-left: 30px;'>
-          <input type='radio' value='1' name='gender' id='gender_1'>
-          <label for='gender_1'>Herr</label>
-        </li>
-        <li style='margin-left: 20px;'>
-          <input type='radio' value='0' name='gender' id='gender_0'>
-          <label for='gender_0'>Frau</label>
-        </li>
-      </ul>
-    <br>
-    </div>
-
-    <label for='first_name'>Vorname <span>*</span></label>
-    <input type='text' value='' name='first_name' id='first_name'><br>
-
-    <label for='last_name'>Nachname <span>*</span></label>
-    <input type='text' value='' name='last_name' id='last_name'><br>
-
-    <label for='email'>E-Mail <span>*</span></label>
-    <input type='text' value='' name='email' id='email'><br/>
-
-    <input type='submit' value='Eintragen' name='commit'>
-    <div class='clear'></div>
-  </form>"
-moreform = Goldencobra::Article.create!(title: "Weiteres",breadcrumb:"Weiteres", article_type: "Default Show", ancestry: nil, active: true, content: moreformContent, url_name: "weiteres", template_file: "application") if moreform.blank?
-
-puts "content page articles created."
-
-### DEFAULT SIDEBAR WIDGET ###
-puts "create default sidebar widget..."
-
-Goldencobra::Widget.delete_all
-contactwidget = Goldencobra::Widget.find_by_title("Kontakt")
-contactwidgetContent = "<h3>Allgemeine Kontaktinformationen</h3>
-  <p>ikusei GmbH <br/>
-    Zossener Str. 55-58<br/>
-    10961 Berlin</p>
-  <hr>
-  <p>Telefon: +49 (0)30 - 7 55 66 75 2-0<br/>
-    Telefax: +49 (0)30 - 7 55 66 75 2-9</p>
-  <hr>
-  <p><a href='mailto:info@ikusei.de'>info@ikusei.de</a></p>"
-contactwidget = Goldencobra::Widget.create!(title: "Kontakt", active: true, content: contactwidgetContent, default: true) if contactwidget.blank?
-
-puts "default sidebar widget created."

data/lib/generators/goldencobra/templates/views/articletypes/default/_edit_index.html.erb

@@ -1,9 +1,3 @@
-<% f.inputs "Artikelübersicht einschränken" do %>
-  <% f.input :index_of_articles_tagged_with, :label => "Artikel mit folgenden Tags", :hint => "Auf der Übersichtsseite werden alle Artikel des gleichen Artikeltyps mit diesen Tags ausgegeben. Sind keine Tags angegeben, werden alle Artikel des gleichen Artikeltyps ausgegeben."%>
-  <% f.input :not_tagged_with, :label => "Artikel ohne folgende Tags", :hint => "Artikel mit diesen Tags nicht anzeigen!" %>
-  <% f.input :sorter_limit, :label => "Anzahl anzuzeigender Artikel", :hint => "Wieviel Artikel sollen maximal auf der Übersichtsseite erscheinen?" %>
-  <% sort_options = Goldencobra::Article::SortOptions %>
-  <% f.input :sort_order, :hint => "Created_at - Reihenfolge nach Erstellungsdatum | Updated_at - Reihenfolge nach Aktualisierungsdatum | Random - Reihenfolge zufällig | Alphabetically - Reihenfolge alphabetisch | GlobalSortID - Reihenfolge nach globaler Sortiernummer im Einzelartikel", as: :select, collection: sort_options, include_blank: false %>
-  <% f.input :reverse_sort, hint: "Soll absteigend sortiert werden? Standard: aufsteigend" %>
-  <% f.input :use_frontend_tags, :label => "Filterauswahl einblenden?", hint: "Soll eine Möglichkeit zur Filterung nach vorhandenen Tags eingeblendet werden?" %>
-<% end %>
+<%# f.inputs "Artikelübersicht weiter einschränken" do %>
+  
+<%# end %>

data/lib/generators/goldencobra/templates/views/articletypes/default/_show.html.erb

@@ -1,23 +1,189 @@
-<article class="standard">
-  <h1><%= yield(:article_title) %></h1>
+<% if @article.startpage %>
+  <%= render "/layouts/startpage" %>
+<% else %>
+  <header class="business-header">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-12">
+          <h1 class="tagline"><%= yield(:article_title) %></h1>
+        </div>
+      </div>
+    </div>
+  </header>
 
-  <% if yield(:article_subtitle).present? %>
-    <h2 class="subtitle"><%= yield(:article_subtitle) %></h2>
+  <% if yield(:article_summary).present? %>
+    <section class="full-section">
+      <div class="container">
+        <div class="row">
+          <div class="col-lg-12">
+            <strong>
+              <%= yield(:article_summary) %>
+            </strong>
+          </div>
+        </div>
+      </div>
+    </section>
   <% end %>
 
-  <% if @article.present? && @article.article_images.where(position: "standard").any? && @article.article_images.where(position: "standard").first.image.present? %>
-    <div class="main-image">
-      <%= image_tag(@article.article_images.where(position: "standard").first.image.image.url(:large), :alt => @article.article_images.where(position: "standard").first.image.alt_text, :title => @article.article_images.where(position: "standard").first.image.alt_text) %>
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-12">
+        <% if yield(:article_subtitle).present? %>
+          <h2><%= yield(:article_subtitle) %></h2>
+        <% end %>
+        <div class="article-content">
+          <%= yield(:article_content) %>
+        </div>
+        <div class="article-image">
+          <img class="img-responsive img-center" src="http://placehold.it/1200x550" alt="">
+        </div>
+        <% if yield(:article_context_info).present? %>
+          <div class="article-context-info">
+            <%= yield(:article_context_info) %>
+          </div>
+        <% end %>
+      </div>
     </div>
-  <% end %>
+  </div>
 
-  <% if yield(:article_summary).present? %>
-    <div class="summary">
-      <%= yield(:article_summary) %>
+  <section class="full-section">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-12">
+          <h2 class="border-bottom">Boxes #1</h2>
+        </div>
+        <div class="col-sm-4">
+          <img class="img-responsive img-center" src="http://placehold.it/500x300" alt="">
+          <h4>Box #1</h4>
+          <p>
+            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+          </p>
+        </div>
+        <div class="col-sm-4">
+          <img class="img-responsive img-center" src="http://placehold.it/500x300" alt="">
+          <h4>Box #2</h4>
+          <p>
+            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+          </p>
+        </div>
+        <div class="col-sm-4">
+          <img class="img-responsive img-center" src="http://placehold.it/500x300" alt="">
+          <h4>Box #3</h4>
+          <p>
+            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+          </p>
+        </div>
+      </div>
     </div>
-  <% end %>
 
-  <div class="content">
-    <%= yield(:article_content) %>
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-12">
+          <h2 class="border-bottom">Boxes #2</h2>
+        </div>
+        <div class="col-sm-6">
+          <img class="img-responsive img-center" src="http://placehold.it/600x300" alt="">
+          <h4>Box #1</h4>
+          <p>
+            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+          </p>
+        </div>
+        <div class="col-sm-6">
+          <img class="img-responsive img-center" src="http://placehold.it/600x300" alt="">
+          <h4>Box #2</h4>
+          <p>
+            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+          </p>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-12">
+        <h2 class="text-center">Headline headline headline headline</h2>
+      </div>
+      <div class="col-sm-4">
+        <div class="row">
+          <div class="col-lg-12">
+            <h3 class="border-bottom">Boxes images</h3>
+          </div>
+          <% 2.times do %>
+            <div class="col-xs-6">
+              <img class="img-responsive img-center" src="http://placehold.it/450x210" alt="">
+            </div>
+          <% end %>
+          <% 2.times do %>
+            <div class="col-xs-6 top-margin">
+              <img class="img-responsive img-center" src="http://placehold.it/450x210" alt="">
+            </div>
+          <% end %>
+        </div>
+      </div>
+      <div class="col-sm-8 top-margin">
+        <img class="img-responsive" src="http://placehold.it/750x300" alt="">
+        <h3 class="border-bottom">Headline</h3>
+        <p>
+          Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+          Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
+
+          Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
+
+          Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
+
+          Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.
+
+          At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur.
+        </p>
+      </div>
+    </div>
+  </div>
+
+  <section class="full-section">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-12 text-center">
+          <h2>Headline headline headline headline</h2>
+          <p>
+            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
+          </p>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <div class="container">
+    <div class="row">
+      <div class="col-sm-6">
+        <h3 class="border-bottom">Headline</h3>
+        <p>
+          Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+          Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
+        </p>
+        <img class="img-responsive" src="http://placehold.it/750x300" alt="">
+      </div>
+      <div class="col-sm-6">
+        <div class="row">
+          <div class="col-lg-12">
+            <h3 class="border-bottom">Boxes images</h3>
+          </div>
+          <% 2.times do %>
+            <div class="col-xs-6">
+              <img class="img-responsive img-center" src="http://placehold.it/450x210" alt="">
+            </div>
+          <% end %>
+          <% 2.times do %>
+            <div class="col-xs-6 top-margin">
+              <img class="img-responsive img-center" src="http://placehold.it/450x210" alt="">
+            </div>
+          <% end %>
+        </div>
+      </div>
+    </div>
   </div>
-</article>
+
+  <hr/>
+<% end %>