From 1 HTML Page Template to Rails 7 View
Budget: $25 – $35 USD
Short Description: Download the 1 page Bootstrap template named one-page-wonder and moved to 1 Rails view.
Link: Download the template from here: https://startbootstrap.com/theme/one-page-wonder
Long Description:
1- The layout only will have this two sections of from the HTMl template. " <!-- Navigation-->" and " <%= yield %>" and "<!-- Footer-->"
File to Modified: app/views/layouts/application.html.erb
2-The Home Index should be have the other 4 sections "<!-- Header-->" and "<!-- Content section 1-->" and "<!-- Content section 2-->" and "<!-- Content section 3-->"
File to modified: app/views/home/index.html.erb
3- "app/controllers/home_controller.rb" should be not have any special like of code, just the bank method "def index", leave as default.
4- The Template css should be move to FROM "styles.css" to "custom.scss".
5- Make sure the Rails app look identical as the HTML Template.
6- In the Images src View tags like <%= image_path('02.jpg') %>.
You can run this command for create your local environment.
$ rails version
Rails 7.0.4
$ mkdir templatedemo && cd templatedemo
$ rails new . --force --css=bootstrap
$ bundle install
$ rails g controller home index
$ nano config/routes.rb
Rails.application.routes.draw do
root "home#index"
end
Link: Download the template from here: https://startbootstrap.com/theme/one-page-wonder
Long Description:
1- The layout only will have this two sections of from the HTMl template. " <!-- Navigation-->" and " <%= yield %>" and "<!-- Footer-->"
File to Modified: app/views/layouts/application.html.erb
2-The Home Index should be have the other 4 sections "<!-- Header-->" and "<!-- Content section 1-->" and "<!-- Content section 2-->" and "<!-- Content section 3-->"
File to modified: app/views/home/index.html.erb
3- "app/controllers/home_controller.rb" should be not have any special like of code, just the bank method "def index", leave as default.
4- The Template css should be move to FROM "styles.css" to "custom.scss".
5- Make sure the Rails app look identical as the HTML Template.
6- In the Images src View tags like <%= image_path('02.jpg') %>.
You can run this command for create your local environment.
$ rails version
Rails 7.0.4
$ mkdir templatedemo && cd templatedemo
$ rails new . --force --css=bootstrap
$ bundle install
$ rails g controller home index
$ nano config/routes.rb
Rails.application.routes.draw do
root "home#index"
end