frontview 1.1.2 → 2.0.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 96c4c4b816f5e2fb82a5cfefe3aa5a3037258cec330642b31aef475def433393
4
- data.tar.gz: cece76497ea0d4a52fb978d72099914e9e67ee76f340d81564f4aea4184e9e78
3
+ metadata.gz: ee602fe1c2d7ad7169ff670088a3bd6e58539f094de05006977a46e52ab5d06b
4
+ data.tar.gz: 9fd2b4a1bb7d168e104995b0ddcc255fc7cc4e28144d508296bc7d5636461db8
5
5
  SHA512:
6
- metadata.gz: 17b0475676348ca99281df8d1604410635296a2a195ebbf5080b97eefebb85ca0363c58c4279bad1f0448a5238823b009562bf8a39794d2d182aa84ecccd08d0
7
- data.tar.gz: 1e0afb471bbece1a613e08df7d0a79b355852f82dea8e85c132fa6fb90dba23ffceb3283ea260ad1d78c1a1c477157734eb2575cce8a0859c41abb51467a4251
6
+ metadata.gz: 51a791a52da5dc9dd4900ba83c212abfde3f5f56180d61475c1e20366e8281c673a1d95c4a44709c9309ce0c426e206396d074d90fe5add6cce9382aae59baa6
7
+ data.tar.gz: bbafb2aa1ef9db8c44adecbea386299852950adb1468c8870414de591746e8a55c8ef350b037dd3887045647d0b2e098ce8067755cefe8a865c96cdf66bde049
data/README.md CHANGED
@@ -1,8 +1,6 @@
1
- ![alt text](https://viewfront.herokuapp.com/assets/logo.png)
1
+ ![alt text](logo/logo.png)
2
2
 
3
- This is frontview gem, a gem that gives the front-end template to the rails 6 applications for easier web development.
4
-
5
- It provides the assets contents i.e folders & files(images[favicon.png & logo.png], stylesheets[css/style.css]), javascript content i.e (javascript/packs/main.js) & the views contents folders & Files ([shared/_header.html.erb || _footer.html.erb || _alerts.html.erb],[views/index.html.erb],[layouts/application.html.erb]).
3
+ This is frontview gem, a gem that gives the front-end template to the rails 6 applications for easier web development. It provides the assets contents i.e folders & files(images[favicon.png & logo.png], stylesheets[css/style.css]), javascript content i.e (javascript/packs/main.js) & the views contents folders & Files.
6
4
 
7
5
  ## Installation
8
6
 
@@ -14,36 +12,47 @@ gem 'frontview'
14
12
 
15
13
  And then execute:
16
14
 
17
- $ bundle install
15
+ $ bundle install
18
16
 
19
17
  Or install it yourself as:
20
18
 
21
- $ gem install frontview
19
+ $ gem install frontview
22
20
 
23
21
  ## Usage
24
22
 
25
- Add the gem to your gemfile and then run bundle install. Respective files and folders will be added to your application. Configure and modify the files and folders in accordance with your preference.
23
+ Add the gem to your gemfile and then run bundle install.
24
+ Run scaffold. Lets assume our model is 'home' which has a 'title' and a 'body'(Optional)
26
25
 
27
- It's better if you then run the scaffold. Lets assume our model is 'example' which has a 'title' and a 'body'
26
+ $ rails g scaffold home title:string body:text
28
27
 
29
- $ rails g scaffold example title:string body:text
28
+ Delete scaffold.scss, from (assets/stylesheets/scaffold.scss)
29
+ (Optional) - Delete the Sass files i.e homes.scss
30
30
 
31
31
  Generate the necessary files and folders by:
32
32
 
33
- $ rails g frontview:install
33
+ $ rails g frontview:install
34
34
 
35
35
  N/B: You will be prompted to give the name of your model,
36
- In this case we will write 'home' and press enter. All the files will then be in place.
36
+ In this case you'll write 'home' and press enter. All the files will then be in place.
37
37
 
38
38
  Create & Migrate DB
39
39
 
40
- $ rails db:create && rails db:migrate
40
+ $ rails db:create && rails db:migrate
41
41
 
42
42
  Finally run the rails server and you are good to go:
43
43
 
44
- $ rails s
44
+ $ rails s
45
+
46
+ Access your web in: localhost:3000
47
+
48
+ Optional:
49
+ 1. Remove the line '*= require_tree .' from 'assets/stylesheets/application.css'
50
+ 2. Remove or comment the line 'require("turbolinks").start()' from 'javascript/packs/application.js'
51
+
52
+ Reasons for the above optional procedures:
45
53
 
46
- Access you web in: localhost:3000
54
+ The first option allows for the individual inclusion of each css file in the 'application.html.erb' file.
55
+ The second and third options disable turbolinks. Rails core team has chose to enable it by default. Unfortunately there are some subtle edge cases and scenarios in which Turbolinks will not work as expected, and for these reasons we don't think it's a great default.
47
56
 
48
57
  This gem is suitable for a new project. It helps to kickstart everything very fast.
49
58
  If everything runs perfectly, don't forget to follow on twitter ========> https://twitter.com/frontview3
@@ -29,7 +29,6 @@ Gem::Specification.new do |spec|
29
29
  spec.require_paths = ["lib"]
30
30
 
31
31
  spec.add_development_dependency "bundler", "~> 2.1.4"
32
- spec.add_development_dependency "rake", "~> 12.0"
33
32
  spec.add_development_dependency "codelog", "~> 0.8.0"
34
33
  spec.add_development_dependency "down", "~> 5.0"
35
34
  spec.add_development_dependency "rails", "~> 6.0.3", ">= 6.0.3.1"
@@ -1,5 +1,4 @@
1
1
  require "bundler/setup"
2
-
3
2
  require "frontview/version"
4
- require "rails/generators"
5
3
  require "frontview/install_generator"
4
+ require "rails/generators"
@@ -4,9 +4,9 @@ module Frontview
4
4
  def write_in_alerts_file
5
5
  File.open("app/views/shared/_alerts.html.erb", "w+") {
6
6
  |file| file.puts(
7
- '<p class="notice"><%= notice %></p>
8
- <p class="alert"><%= alert %></p>'
9
- )
7
+ '<p class="notice"><%= notice %></p>
8
+ <p class="alert"><%= alert %></p>'
9
+ )
10
10
  }
11
11
  end
12
12
  end
@@ -4,32 +4,33 @@ module Frontview
4
4
  def write_in_application_file
5
5
  File.open("app/views/layouts/application.html.erb", "w+") {
6
6
  |file| file.puts(
7
- '<!DOCTYPE html>
8
- <html lang="en">
9
- <head>
10
- <title>Frontview || Template</title>
11
- <meta charset="utf-8">
12
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
13
- <%= csrf_meta_tags %>
14
- <%= csp_meta_tag %>
15
- <%= stylesheet_link_tag \'application\', media: \'all\', \'data-turbolinks-track\': \'reload\' %>
16
- <%= javascript_pack_tag \'application\', \'data-turbolinks-track\': \'reload\' %>
17
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
18
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/css/bootstrap.css">
19
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.css">
20
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.css">
21
- <link rel="stylesheet" href="assets/css/style.css">
22
- <%= favicon_link_tag asset_path(\'favicon.png\') %>
23
- </head>
24
- <body style="background-color: #fafafa;">
25
- <%= render \'shared/header\' %>
26
- <%= render \'shared/alerts\' %>
27
- <%= yield %>
28
- <%= render \'shared/footer\' %>
29
- <%= javascript_pack_tag \'main\', \'data-turbolinks-track\': \'reload\' %>
30
- </body>
31
- </html>'
32
- )
7
+ '<!DOCTYPE html>
8
+ <html lang="en">
9
+ <head>
10
+ <title>Frontview || Template</title>
11
+ <meta charset="utf-8">
12
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
13
+ <%= csrf_meta_tags %>
14
+ <%= csp_meta_tag %>
15
+ <%= stylesheet_link_tag \'application\', media: \'all\', \'data-turbolinks-track\': \'reload\' %>
16
+ <%= javascript_pack_tag \'application\', \'data-turbolinks-track\': \'reload\' %>
17
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/css/bootstrap.min.css">
18
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
19
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.carousel.min.css">
20
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.6.2/animate.min.css">
21
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css">
22
+ <link rel="stylesheet" href="assets/css/style.css">
23
+ <%= favicon_link_tag asset_path(\'favicon.ico\') %>
24
+ </head>
25
+ <body>
26
+ <%= render \'shared/header\' %>
27
+ <%= render \'shared/alerts\' %>
28
+ <%= yield %>
29
+ <%= render \'shared/footer\' %>
30
+ <%= javascript_pack_tag \'main\', \'data-turbolinks-track\': \'reload\' %>
31
+ </body>
32
+ </html>'
33
+ )
33
34
  }
34
35
  end
35
36
  end
@@ -4,24 +4,96 @@ module Frontview
4
4
  def write_in_footer_file
5
5
  File.open("app/views/shared/_footer.html.erb", "w+") {
6
6
  |file| file.puts(
7
- '<footer class="footer-area section-gap">
8
- <div class="container">
9
- <div class="row d-flex justify-content-center">
10
- <div class="menu-content pb-70 col-lg-8">
11
- <div class="title text-center">
12
- <h3 class="mb-10"><i>FrontView</i></h3>
13
- <p style="color: #1a2359;"><i>Copyright &copy;<script>document.write(new Date().getFullYear());</script> FrontView || All rights reserved</i></p>
14
- </div>
15
- </div>
16
- </div>
17
- </div>
18
- </footer>
19
- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
20
- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
21
- <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
22
- <script src="https://www.solodev.com/assets/pagination/jquery.twbsPagination.js"></script>
23
- <script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>'
24
- )
7
+ '<footer>
8
+ <div class="footer-main">
9
+ <div class="footer-area footer-padding">
10
+ <div class="container">
11
+ <div class="row justify-content-between">
12
+ <div class="col-lg-3 col-md-4 col-sm-8">
13
+ <div class="single-footer-caption mb-30">
14
+ <!-- logo -->
15
+ <div class="footer-logo">
16
+ <a href="index.html"><img src="assets/logo.png" alt=""></a>
17
+ </div>
18
+ <div class="footer-tittle">
19
+ <div class="footer-pera">
20
+ <p class="info1">
21
+ We develop innovative & creative products & services that provide total communication & information solutions.
22
+ </p>
23
+ </div>
24
+ </div>
25
+ </div>
26
+ </div>
27
+ <div class="col-lg-2 col-md-4 col-sm-5">
28
+ <div class="single-footer-caption mb-50">
29
+ <div class="footer-tittle">
30
+ <h4>Quick Links</h4>
31
+ <ul>
32
+ <li><a href="#about">About Us</a></li>
33
+ <li><a href="#services">Services</a></li>
34
+ <li><a href="#pricing">Pricing</a></li>
35
+ <li><a href="#contact">Contact</a></li>
36
+ </ul>
37
+ </div>
38
+ </div>
39
+ </div>
40
+ <div class="col-lg-2 col-md-4 col-sm-7">
41
+ <div class="single-footer-caption mb-50">
42
+ <div class="footer-tittle">
43
+ <h4>Support</h4>
44
+ <ul>
45
+ <li><a href="#">Report a bug</a></li>
46
+ <li><a href="#">Privacy Policy</a></li>
47
+ <li><a href="#">Terms & Conditions</a></li>
48
+ <li><a href="#">FAQs</a></li>
49
+ </ul>
50
+ </div>
51
+ </div>
52
+ </div>
53
+ <div class="col-lg-3 col-md-6 col-sm-8">
54
+ <div class="single-footer-caption mb-50">
55
+ <div class="footer-tittle">
56
+ <h4>Newsletter</h4>
57
+ <div class="footer-pera footer-pera2">
58
+ <p>Subscribe to our weekly newsletter.</p>
59
+ </div>
60
+ <div class="footer-form">
61
+ <div id="mc_embed_signup">
62
+ <form target="_blank" action="#contact" method="get" class="subscribe_form relative mail_part" novalidate="true">
63
+ <input type="email" name="EMAIL" id="newsletter-form-email" placeholder=" Email Address " class="placeholder hide-on-focus" onfocus="this.placeholder = ''" onblur="this.placeholder = ' Email Address '">
64
+ <div class="form-icon">
65
+ <button type="submit" name="submit" id="newsletter-submit" class="email_icon newsletter-submit button-contactForm"><img src="assets/paper_plane2.png" alt=""></button>
66
+ </div>
67
+ <div class="mt-10 info"></div>
68
+ </form>
69
+ </div>
70
+ </div>
71
+ </div>
72
+ </div>
73
+ </div>
74
+ </div>
75
+ <!-- Copy-Right -->
76
+ <div class="row align-items-center">
77
+ <div class="col-xl-12 ">
78
+ <div class="footer-copy-right">
79
+ <p>Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved || FrontView Rails Template (This template is free and can be used by anyone).</p>
80
+ </div>
81
+ </div>
82
+ </div>
83
+ </div>
84
+ </div>
85
+ </div>
86
+ </footer>
87
+
88
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
89
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
90
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.5.3/umd/popper.min.js"></script>
91
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/js/bootstrap.min.js"></script>
92
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/SlickNav/1.0.10/jquery.slicknav.min.js"></script>
93
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/owl.carousel.min.js"></script>
94
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
95
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/scrollup/1.1.0/jquery.scrollUp.min.js"></script>'
96
+ )
25
97
  }
26
98
  end
27
99
  end
@@ -4,23 +4,56 @@ module Frontview
4
4
  def write_in_header_file
5
5
  File.open("app/views/shared/_header.html.erb", "w+") {
6
6
  |file| file.puts(
7
- '<header id="header">
8
- <div class="container main-menu">
9
- <div class="row align-items-center justify-content-between d-flex">
10
- <div id="logo">
11
- <a href="/"><img src="assets/logo.png" alt="" title="" /></a>
12
- </div>
13
- <nav id="nav-menu-container">
14
- <ul class="nav-menu">
15
- <li><a href="/">Home</a></li>
16
- <li><a href="#">Other Pics</a></li>
17
- <li><a href="#">Info</a></li>
18
- </ul>
19
- </nav>
20
- </div>
21
- </div>
22
- </header>'
23
- )
7
+ '<!-- Preloader Start -->
8
+ <div id="preloader-active">
9
+ <div class="preloader d-flex align-items-center justify-content-center">
10
+ <div class="preloader-inner position-relative">
11
+ <div class="preloader-circle"></div>
12
+ <div class="preloader-img pere-text">
13
+ <img src="assets/preloader.png" alt="">
14
+ </div>
15
+ </div>
16
+ </div>
17
+ </div>
18
+ <!-- Preloader Start -->
19
+
20
+ <header>
21
+ <!-- Header Start -->
22
+ <div class="header-area header-transparrent">
23
+ <div class="main-header header-sticky">
24
+ <div class="container">
25
+ <div class="row align-items-center">
26
+ <!-- Logo -->
27
+ <div class="col-xl-2 col-lg-2 col-md-2">
28
+ <div class="logo">
29
+ <a href="/"><img src="assets/logo.png" alt=""></a>
30
+ </div>
31
+ </div>
32
+ <div class="col-xl-10 col-lg-10 col-md-10">
33
+ <!-- Main-menu -->
34
+ <div class="main-menu f-right d-none d-lg-block">
35
+ <nav>
36
+ <ul id="navigation">
37
+ <li class="active"><a href="/">Home</a></li>
38
+ <li><a href="#services">Services</a></li>
39
+ <li><a href="#pricing">Pricing</a></li>
40
+ <li><a href="#about">About Us</a></li>
41
+ <li><a href="#contact">Contact</a></li>
42
+ </ul>
43
+ </nav>
44
+ </div>
45
+ </div>
46
+ <!-- Mobile Menu -->
47
+ <div class="col-12">
48
+ <div class="mobile_menu d-block d-lg-none"></div>
49
+ </div>
50
+ </div>
51
+ </div>
52
+ </div>
53
+ </div>
54
+ <!-- Header End -->
55
+ </header>'
56
+ )
24
57
  }
25
58
  end
26
59
  end
@@ -2,7 +2,7 @@ module Frontview
2
2
  module Contents
3
3
  class IndexRoutesContent < Rails::Generators::Base
4
4
  def write_in_index_file
5
- printf "Provide your model name: "
5
+ printf "Model name: "
6
6
  viewelement = "#{gets.chomp}"
7
7
  viewelement.downcase!
8
8
 
@@ -17,122 +17,496 @@ module Frontview
17
17
 
18
18
  File.open("app/views/#{$viewelementfolder}/index.html.erb", "w+") {
19
19
  |file| file.puts(
20
- '<section class="gallery portfolio-area section-gap">
21
- <div class="container">
22
- <div class="row d-flex justify-content-center">
23
- <div class="menu-content pb-70 col-lg-8">
24
- <div class="title text-center">
25
- <h3 class="mb-10">FrontView Template</h3>
26
- <p>This is frontview web template.</p>
27
- </div>
28
- </div>
29
- </div>
30
- <div class="filters">
31
- <form class="example" action="#" style="margin:auto;max-width:300px">
32
- <input type="text" placeholder="Search.." name="search">
33
- <button type="submit"><i class="fa fa-search"></i></button>
34
- </form>
35
- </div>
36
- <div class="filters-content">
37
- <div class="row grid gallery-items">
38
- <div class="single-portfolio col-sm-4 all item">
39
- <div class="relative">
40
- <div class="thumb">
41
- <div class="overlay overlay-bg"></div>
42
- <img class="image img-fluid" src="https://viewfront.herokuapp.com/assets/p1.jpg" alt="Image1">
43
- </div>
44
- <a href="https://viewfront.herokuapp.com/assets/p1.jpg" class="img-pop-up">
45
- <div class="middle">
46
- <div class="text align-self-center d-flex"><img src="https://viewfront.herokuapp.com/assets/preview.png" alt="Preview Image"></div>
20
+ '<main>
21
+ <!-- Slider Beginning-->
22
+ <div class="slider-area">
23
+ <div class="slider-active">
24
+ <div class="single-slider slider-height slider-padding bg-col d-flex align-items-center">
25
+ <div class="container">
26
+ <div class="row d-flex align-items-center">
27
+ <div class="col-lg-6 col-md-9 ">
28
+ <div class="hero__caption">
29
+ <span data-animation="fadeInUp" data-delay=".4s">FrontView</span>
30
+ <h1 data-animation="fadeInUp" data-delay=".6s">Art meets<br>Design</h1>
31
+ <p data-animation="fadeInUp" data-delay=".8s">Choose FrontView for all your software solutions. Websites || Native Apps || Desktop Apps.</p>
32
+ <div class="slider-btns">
33
+ <a data-animation="fadeInLeft" data-delay="1.0s" href="#services" class="btn radius-btn">Get Started</a>
34
+ </div>
35
+ </div>
36
+ </div>
37
+ <div class="col-lg-6">
38
+ <div class="hero__img d-none d-lg-block f-right" data-animation="fadeInRight" data-delay="1s">
39
+ <img src="assets/home_pic.png" alt="">
40
+ </div>
41
+ </div>
42
+ </div>
43
+ </div>
44
+ </div>
45
+ </div>
47
46
  </div>
48
- </a>
49
- </div>
50
- </div>
51
- <div class="single-portfolio col-sm-4 all item">
52
- <div class="relative">
53
- <div class="thumb">
54
- <div class="overlay overlay-bg"></div>
55
- <img class="image img-fluid" src="https://viewfront.herokuapp.com/assets/p2.jpg" alt="Image2">
56
- </div>
57
- <a href="https://viewfront.herokuapp.com/assets/p2.jpg" class="img-pop-up">
58
- <div class="middle">
59
- <div class="text align-self-center d-flex"><img src="https://viewfront.herokuapp.com/assets/preview.png" alt="Preview Image"></div>
60
- </div>
61
- </a>
62
- </div>
63
- </div>
64
- <div class="single-portfolio col-sm-4 all item">
65
- <div class="relative">
66
- <div class="thumb">
67
- <div class="overlay overlay-bg"></div>
68
- <img class="image img-fluid" src="https://viewfront.herokuapp.com/assets/p3.jpg" alt="Image3">
69
- </div>
70
- <a href="https://viewfront.herokuapp.com/assets/p3.jpg" class="img-pop-up">
71
- <div class="middle">
72
- <div class="text align-self-center d-flex"><img src="https://viewfront.herokuapp.com/assets/preview.png" alt="Preview Image"></div>
47
+ <!-- Slider End -->
48
+
49
+ <!-- Unique Beginning -->
50
+ <section class="best-features-area section-padd4">
51
+ <div class="container">
52
+ <div class="row justify-content-end">
53
+ <div class="col-xl-8 col-lg-10">
54
+ <div class="row">
55
+ <div class="col-lg-10 col-md-10">
56
+ <div class="section-tittle">
57
+ <h2>What Makes Us Unique</h2>
58
+ </div>
59
+ </div>
60
+ </div>
61
+ <div class="row">
62
+ <div class="col-xl-6 col-lg-6 col-md-6">
63
+ <div class="single-features mb-70">
64
+ <div class="features-icon">
65
+ <span class="fas fa-paint-brush"></span>
66
+ </div>
67
+ <div class="features-caption">
68
+ <h3>Logo & Domain</h3>
69
+ <p>We create a logo for you and also save you the hustle of finding a good domain name</p>
70
+ </div>
71
+ </div>
72
+ </div>
73
+ <div class="col-xl-6 col-lg-6 col-md-6">
74
+ <div class="single-features mb-70">
75
+ <div class="features-icon">
76
+ <span class="fas fa-shield-alt"></span>
77
+ </div>
78
+ <div class="features-caption">
79
+ <h3>Privacy & Security</h3>
80
+ <p>Our systems are robust and are geared towards protecting the privacy and security of users.</p>
81
+ </div>
82
+ </div>
83
+ </div>
84
+ <div class="col-xl-6 col-lg-6 col-md-6">
85
+ <div class="single-features mb-70">
86
+ <div class="features-icon">
87
+ <span class="fas fa-users"></span>
88
+ </div>
89
+ <div class="features-caption">
90
+ <h3>Usability</h3>
91
+ <p>Our systems are tailor made so as to ensure a good user experience.</p>
92
+ </div>
93
+ </div>
94
+ </div>
95
+ <div class="col-xl-6 col-lg-6 col-md-6">
96
+ <div class="single-features mb-70">
97
+ <div class="features-icon">
98
+ <span class="fas fa-spray-can"></span>
99
+ </div>
100
+ <div class="features-caption">
101
+ <h3>Creativity</h3>
102
+ <p>We ensure a masterfully crafted fusion of essentiality, beauty and simplicity.</p>
103
+ </div>
104
+ </div>
105
+ </div>
106
+ </div>
107
+ </div>
108
+ </div>
109
+ </div>
110
+ <div class="features-shpae d-none d-lg-block">
111
+ <img src="assets/beauty.png" alt="">
112
+ </div>
113
+ </section>
114
+ <!-- Unique End -->
115
+
116
+ <!-- Services Beginning -->
117
+ <section class="service-area bg-col section-padding2" id="services">
118
+ <div class="container">
119
+ <!-- Section Tittle -->
120
+ <div class="row d-flex justify-content-center">
121
+ <div class="col-lg-6">
122
+ <div class="section-tittle text-center">
123
+ <h2>Check Out<br>Our Services</h2>
124
+ </div>
125
+ </div>
126
+ </div>
127
+ <div class="row">
128
+ <div class="col-xl-4 col-lg-4 col-md-6">
129
+ <div class="services-caption text-center mb-30">
130
+ <div class="service-icon">
131
+ <span class="fa fa-laptop"></span>
132
+ </div>
133
+ <div class="service-cap">
134
+ <h4><a>Web Design & Development</a></h4>
135
+ <p>We specialize in building unique, responsive and robust websites.</p>
136
+ </div>
137
+ </div>
138
+ </div>
139
+ <div class="col-xl-4 col-lg-4 col-md-6">
140
+ <div class="services-caption active text-center mb-30">
141
+ <div class="service-icon">
142
+ <span class="fa fa-mobile"></span>
143
+ </div>
144
+ <div class="service-cap">
145
+ <h4><a>Native App Development</a></h4>
146
+ <p>We help our clients with cross-platform native app solutions for their businesses.</p>
147
+ </div>
148
+ </div>
149
+ </div>
150
+ <div class="col-xl-4 col-lg-4 col-md-6">
151
+ <div class="services-caption text-center mb-30">
152
+ <div class="service-icon">
153
+ <span class="fa fa-desktop"></span>
154
+ </div>
155
+ <div class="service-cap">
156
+ <h4><a>Desktop/PC Software Development</a></h4>
157
+ <p>We provide cross-platform and robust desktop apps for our customers.</p>
158
+ </div>
159
+ </div>
160
+ </div>
161
+ </div>
162
+ <div class="buttonwrapper"><a href="#pricing" class="btn card-btn1">Check Out Our Pricing</a></div>
163
+
164
+ </div>
165
+ </section>
166
+ <!-- Services End -->
167
+
168
+ <!-- Unlimited Beginning -->
169
+ <div class="applic-apps section-padding2">
170
+ <div class="container-fluid">
171
+ <div class="row">
172
+ <div class="col-xl-4 col-lg-4 col-md-8">
173
+ <div class="single-cases-info mb-30">
174
+ <h3>Unlimited<br> Concepts</h3>
175
+ <p>Our systems possess the expectation of our customers\' dream systems. We bring fiction to reality, fuse art with software development and intergrate beauty with simplicity so as to achive the much desired perfect user experience.</p>
176
+ </div>
177
+ </div>
178
+ <div class="col-xl-8 col-lg-8 col-md-col-md-7">
179
+ <div class="app-active owl-carousel">
180
+ <div class="single-cases-img">
181
+ <img src="assets/view1.png" alt="">
182
+ </div>
183
+ <div class="single-cases-img">
184
+ <img src="assets/view2.png" alt="">
185
+ </div>
186
+ <div class="single-cases-img">
187
+ <img src="assets/view3.png" alt="">
188
+ </div>
189
+ <div class="single-cases-img">
190
+ <img src="assets/view4.png" alt="">
191
+ </div>
192
+ <div class="single-cases-img">
193
+ <img src="assets/view5.png" alt="">
194
+ </div>
195
+ </div>
196
+ </div>
197
+ </div>
198
+ </div>
73
199
  </div>
74
- </a>
75
- </div>
76
- </div>
77
- <div class="single-portfolio col-sm-4 all item">
78
- <div class="relative">
79
- <div class="thumb">
80
- <div class="overlay overlay-bg"></div>
81
- <img class="image img-fluid" src="https://viewfront.herokuapp.com/assets/p4.jpg" alt="Image4">
82
- </div>
83
- <a href="https://viewfront.herokuapp.com/assets/p4.jpg" class="img-pop-up">
84
- <div class="middle">
85
- <div class="text align-self-center d-flex"><img src="https://viewfront.herokuapp.com/assets/preview.png" alt="Preview Image"></div>
200
+ <!-- Unlimited End -->
201
+
202
+ <!-- Pricing Beginning -->
203
+ <section class="best-pricing pricing-padding" data-background="assets/background.jpg" id="pricing">
204
+ <div class="container">
205
+ <div class="row d-flex justify-content-center">
206
+ <div class="col-lg-6 col-md-8">
207
+ <div class="section-tittle section-tittle2 text-center">
208
+ <h2>Our Pricing</h2>
209
+ </div>
210
+ </div>
211
+ </div>
212
+ </div>
213
+ </section>
214
+ <div class="pricing-card-area">
215
+ <div class="container">
216
+ <div class="row">
217
+ <div class="col-xl-4 col-lg-4 col-md-6">
218
+ <div class="single-card text-center mb-30">
219
+ <div class="card-top">
220
+ <span>Website</span>
221
+ <h4>$1,715<span>Total</span></h4>
222
+ </div>
223
+ <div class="card-bottom">
224
+ <ul>
225
+ <li>Domain Name - $50</li>
226
+ <li>SSL Certificate(Optional) - $15</li>
227
+ <li>Website Hosting - $90</li>
228
+ <li>Others...</li>
229
+ </ul>
230
+ <a class="btn card-btn1 trigger_popup_fricc see_more_font" style="color: #fff;">See More</a>
231
+ <div class="hover_bkgr_fricc">
232
+ <span class="helper"></span>
233
+ <div>
234
+ <div class="popupCloseButton">&times;</div>
235
+ <div class="card-top">
236
+ <span>Website</span>
237
+ <h4>$1,715<span>Total</span></h4>
238
+ </div>
239
+ <div class="card-bottom d-none d-lg-block">
240
+ <ul>
241
+ <p style="font-size:1.3vw;">Domain Name - $50,
242
+ SSL Certificate - $15,
243
+ Website Hosting - $90,
244
+ Content Management System (CMS) - $460,
245
+ Ecommerce Functionality(Optional) - $180,
246
+ SEO(Optional) - $20,
247
+ Professional Copywriting - $15,
248
+ Social Media Marketing & Advertising(Optional) - $80,
249
+ Style or Theme - $40,
250
+ Responsive Design - $25,
251
+ Interactive Multimedia - $10,
252
+ Database Integration - $50,
253
+ Pages (1 to 250 pages) - $130,
254
+ FrontView Workforce - $550.</p>
255
+ </ul>
256
+ <a href="/" class="btn radius-btn">Select</a>
257
+ </div>
258
+ <div class="card-bottom d-lg-none d-sm-block">
259
+ <ul>
260
+ <p style="font-size:2.5vw;">Domain Name - $50,
261
+ SSL Certificate - $15, Website Hosting - $90,
262
+ Content Management System (CMS) - $460,
263
+ Database Integration - $50, FrontView Workforce - $550
264
+ Others - $370.</p>
265
+ </ul>
266
+ <a href="/" class="btn radius-btn">Select</a>
267
+ </div>
268
+ </div>
269
+ </div>
270
+ </div>
271
+ </div>
272
+ </div>
273
+ <div class="col-xl-4 col-lg-4 col-md-6">
274
+ <div class="single-card text-center mb-30">
275
+ <div class="card-top">
276
+ <span>Native App</span>
277
+ <h4>$2,605<span>Total</span></h4>
278
+ </div>
279
+ <div class="card-bottom">
280
+ <ul>
281
+ <li>iOS & Android - $300</li>
282
+ <li>App landing page - $20</li>
283
+ <li>FrontView Workforce - $2050</li>
284
+ <li>Others...</li>
285
+ </ul>
286
+ <a class="btn card-btn1 trigger_popup_fricc2 see_more_font" style="color: #fff;">See More</a>
287
+ <div class="hover_bkgr_fricc2">
288
+ <span class="helper"></span>
289
+ <div>
290
+ <div class="popupCloseButton">&times;</div>
291
+ <div class="card-top">
292
+ <span>Native App</span>
293
+ <h4>$2,605<span>Total</span></h4>
294
+ </div>
295
+ <div class="card-bottom d-none d-lg-block">
296
+ <ul>
297
+ <p style="font-size:1.3vw;">
298
+ iOS & Android - $300,
299
+ Analytics - $40,
300
+ App landing page - $20,
301
+ QR code - $25,
302
+ Dashboard - $15,
303
+ Custom DNS - $22,
304
+ Monetization - $45,
305
+ Dedicated Cloud - $55,
306
+ Permission Management - $33,
307
+ FrontView Workforce - $2050.
308
+ </p>
309
+ </ul>
310
+ <a href="/" class="btn radius-btn">Select</a>
311
+ </div>
312
+ <div class="card-bottom d-lg-none d-sm-block">
313
+ <ul>
314
+ <p style="font-size:2.5vw;">
315
+ iOS & Android - $300,
316
+ Analytics - $40,
317
+ App landing page - $20,
318
+ QR code - $25,
319
+ Dashboard - $15,
320
+ Custom DNS - $22,
321
+ Monetization - $45,
322
+ Dedicated Cloud - $55,
323
+ Permission Management - $33,
324
+ FrontView Workforce - $2,050.
325
+ </p>
326
+ </ul>
327
+ <a href="/" class="btn radius-btn">Select</a>
328
+ </div>
329
+ </div>
330
+ </div>
331
+ </div>
332
+ </div>
333
+ </div>
334
+ <div class="col-xl-4 col-lg-4 col-md-6">
335
+ <div class="single-card text-center mb-30">
336
+ <div class="card-top">
337
+ <span>Desktop App</span>
338
+ <h4>$4,390<span>Total</span></h4>
339
+ </div>
340
+ <div class="card-bottom">
341
+ <ul>
342
+ <li>Cross Platform - $400</li>
343
+ <li>Payment Integration - $200</li>
344
+ <li>Analytics - $90</li>
345
+ <li>Others...</li>
346
+ </ul>
347
+ <a class="btn card-btn1 trigger_popup_fricc3 see_more_font" style="color: #fff;">See More</a>
348
+ <div class="hover_bkgr_fricc3">
349
+ <span class="helper"></span>
350
+ <div>
351
+ <div class="popupCloseButton">&times;</div>
352
+ <div class="card-top">
353
+ <span>Desktop App</span>
354
+ <h4>$4,390<span>Total</span></h4>
355
+ </div>
356
+ <div class="card-bottom d-none d-lg-block">
357
+ <ul>
358
+ <p style="font-size:1.3vw;">
359
+ Cross Platform - $400,
360
+ Payment Integration - $200,
361
+ Analytics - $90,
362
+ Content Management System (CMS) - $460,
363
+ Ecommerce Functionality(Optional) - $180,
364
+ Styling - $90,
365
+ Database Integration - $120,
366
+ FrontView Workforce - $2,850.</p>
367
+ </ul>
368
+ <a href="/" class="btn radius-btn">Select</a>
369
+ </div>
370
+ <div class="card-bottom d-lg-none d-sm-block">
371
+ <ul>
372
+ <p style="font-size:2.5vw;">
373
+ Cross Platform - $400,
374
+ Payment Integration - $200,
375
+ Analytics - $90,
376
+ Content Management System (CMS) - $460,
377
+ Ecommerce Functionality(Optional) - $180,
378
+ Styling - $90,
379
+ Database Integration - $120,
380
+ FrontView Workforce - $2,850.
381
+ </p>
382
+ </ul>
383
+ <a href="/" class="btn radius-btn">Select</a>
384
+ </div>
385
+ </div>
386
+ </div>
387
+ </div>
388
+ </div>
389
+ </div>
390
+ </div>
391
+ </div>
86
392
  </div>
87
- </a>
88
- </div>
89
- </div>
90
- <div class="single-portfolio col-sm-4 all item">
91
- <div class="relative">
92
- <div class="thumb">
93
- <div class="overlay overlay-bg"></div>
94
- <img class="image img-fluid" src="https://viewfront.herokuapp.com/assets/p5.jpg" alt="Image5">
95
- </div>
96
- <a href="https://viewfront.herokuapp.com/assets/p5.jpg" class="img-pop-up">
97
- <div class="middle">
98
- <div class="text align-self-center d-flex"><img src="https://viewfront.herokuapp.com/assets/preview.png" alt="Preview Image"></div>
393
+ <!-- Pricing End -->
394
+
395
+ <!-- About Us Beginning -->
396
+ <div class="our-customer section-padd-top30" id="about">
397
+ <div class="container-fluid">
398
+ <div class="our-customer-wrapper">
399
+ <div class="row d-flex justify-content-center">
400
+ <div class="col-xl-8">
401
+ <div class="section-tittle text-center">
402
+ <h2>Get To Know<br>About Us</h2>
403
+ </div>
404
+ </div>
405
+ </div>
406
+ <div class="row" style="margin-top: -50px;">
407
+ <div class="col-lg-12">
408
+ <blockquote class="generic-blockquote">
409
+ <p>
410
+ At FrontView, we develop innovative & creative products & services that provide total communication & information solutions. Among a plethora of services, web design and development, tailor made applications, ERPs, CRMs, e-commerce solutions, business-to-business applications, business-to-client applications, managed hosting and internet portal management are few that we offer. Satisfied clients around the globe bear testimony to the quality of our work.
411
+ </p>
412
+ <p>
413
+ As a leader in technology exploring, FrontView is committed to exporting quality software worldwide. The general purpose of FrontView is to develop and promote advanced information technologies for multi-user operation. FrontView\'s business philosophy is to assure the highest quality product, total client satisfaction, timely delivery of solutions and the best quality/price ratio found in the industry. Our emphasis is on offering a high degree of product user friendliness through a positive, creative and focused company staff.
414
+ </p>
415
+ </blockquote>
416
+ </div>
417
+ </div>
418
+ <div class="row">
419
+ <div class="col-12">
420
+ <div class="customar dot-style d-flex dot-style justify-content-center">
421
+ <div class="single-customer mb-100">
422
+ <div class="what-img">
423
+ <img src="assets/elibiz.png" alt="">
424
+ </div>
425
+ <div class="what-cap">
426
+ <h5>Eli Biz<br><i style="color: #292e41; font-size: 15px;">Software Developer</i></h5>
427
+ <div style="color: #a6077d;text-align: center; margin-bottom: 15px;">
428
+ <span class="fa fa-star"></span>
429
+ <span class="fa fa-star"></span>
430
+ <span class="fa fa-star"></span>
431
+ <span class="fa fa-star"></span>
432
+ <span class="fa fa-star"></span>
433
+ </div>
434
+ <p>
435
+ <i class="fa fa-quote-left" aria-hidden="true"></i>
436
+ &nbsp;It\'s challenging to build 5 STAR applications, especially in todays world where the customers\' demands not only grow but also change drastically every new day. The amazing thing is, despite all the challenges, FrontView is always up to the task.&nbsp;
437
+ <i class="fa fa-quote-right" aria-hidden="true"></i>
438
+ </p>
439
+ </div>
440
+ </div>
441
+ </div>
442
+ </div>
443
+ </div>
444
+ </div>
445
+ </div>
446
+ </div>
447
+ <!-- About Us End -->
448
+
449
+ <!-- Advert Beginning-->
450
+ <div class="available-app-area">
451
+ <div class="container">
452
+ <div class="row d-flex justify-content-between">
453
+ <div class="col-xl-5 col-lg-6">
454
+ <div class="app-caption">
455
+ <div class="section-tittle section-tittle3">
456
+ <h2>Request For Our Services Anywhere In The World.</h2>
457
+ <p>Despite of the geographical distance, rest assured that we will reach you and serve you.</p>
458
+ <div class="app-btn">
459
+ <a href="#pricing" class="app-btn1"><img src="assets/advert_btn.png" alt=""></a>
460
+ </div>
461
+ </div>
462
+ </div>
463
+ </div>
464
+ <div class="col-xl-6 col-lg-6">
465
+ <div class="app-img">
466
+ <img src="assets/desktop.png" alt="">
467
+ </div>
468
+ </div>
469
+ </div>
470
+ </div>
471
+ <div class="app-shape">
472
+ <img src="assets/doted1.png" alt="" class="app-shape-left d-none d-xl-block">
473
+ </div>
99
474
  </div>
100
- </a>
101
- </div>
102
- </div>
103
- <div class="single-portfolio col-sm-4 all item">
104
- <div class="relative">
105
- <div class="thumb">
106
- <div class="overlay overlay-bg"></div>
107
- <img class="image img-fluid" src="https://viewfront.herokuapp.com/assets/p6.jpg" alt="Image6">
108
- </div>
109
- <a href="https://viewfront.herokuapp.com/assets/p6.jpg" class="img-pop-up">
110
- <div class="middle">
111
- <div class="text align-self-center d-flex"><img src="https://viewfront.herokuapp.com/assets/preview.png" alt="Preview Image"></div>
475
+ <!-- Advert End-->
476
+
477
+ <!-- Contact Beginning -->
478
+ <div class="say-something-aera pt-90 pb-90 fix" id="contact">
479
+ <div class="container">
480
+ <div class="row justify-content-between align-items-center">
481
+ <div class="offset-xl-1 offset-lg-1 col-xl-5 col-lg-5">
482
+ <div class="say-something-cap">
483
+ <h2>Contact Our FrontView Team.</h2>
484
+ </div>
485
+ </div>
486
+ <div class="col-xl-2 col-lg-3">
487
+ <div class="say-btn">
488
+ <a href="/" class="btn radius-btn">Contact Us</a>
489
+ </div>
490
+ </div>
491
+ </div>
492
+ </div>
493
+ <div class="say-shape">
494
+ <img src="assets/circle.png" alt="" class="say-shape1 rotateme d-none d-xl-block">
495
+ <img src="assets/paper_plane.png" alt="" class="say-shape2 d-none d-lg-block">
496
+ </div>
112
497
  </div>
113
- </a>
114
- </div>
115
- </div>
116
- </div>
117
- <div class="pagination">
118
- <div class="prev">Prev</div>
119
- <div class="page">Page <span class="page-num"></span></div>
120
- <div class="next">Next</div>
121
- </div>
122
- </div>
123
- </div>
124
- </section>'
125
- )
498
+ <!-- Contact End -->
499
+ </main>'
500
+ )
126
501
  }
127
502
 
128
503
  File.open("config/routes.rb", "w+") {
129
504
  |file| file.puts(
130
- "Rails.application.routes.draw do
131
- resources :#{$viewelementfolder}
132
-
133
- root '#{$viewelementfolder}#index'
134
- end"
135
- )
505
+ "Rails.application.routes.draw do
506
+ resources :#{$viewelementfolder}
507
+ root '#{$viewelementfolder}#index'
508
+ end"
509
+ )
136
510
  }
137
511
  end
138
512
  end