frontview 2.1.2 → 2.2.2

Sign up to get free protection for your applications and to get access to all the features.
@@ -17,486 +17,85 @@ module Frontview
17
17
 
18
18
  File.open("app/views/#{$viewelementfolder}/index.html.erb", "w+") {
19
19
  |file| file.puts(
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>
46
- </div>
47
- <!-- Slider End -->
20
+ '<div class="hero">
21
+ <div class="hero-large d-none d-md-block d-lg-block d-xl-block">
22
+ <h1><span>Welcome To:</span><br>FrontView</h1>
23
+ <button type="button" class="btn-spacing btn btn-outline-primary btn-lg" onclick="location.href=\'#\'">
24
+ Signin
25
+ </button>
26
+ <button type="button" class="btn-spacing btn btn-primary btn-lg" onclick="location.href=\'#intro\'">
27
+ Get Started
28
+ </button>
48
29
 
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="">
30
+ <div class="mouse">
31
+ <span></span>
112
32
  </div>
113
- </section>
114
- <!-- Unique End -->
33
+ </div>
115
34
 
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 -->
35
+ <div class="hero-small d-block d-md-none d-lg-none d-xl-none">
36
+ <h1><span>Welcome To:</span><br>FrontView</h1>
37
+ <button type="button" class="btn btn-outline-primary btn-sm" onclick="location.href=\'#\'">
38
+ Signin
39
+ </button>
40
+ <button type="button" class="btn btn-primary btn-sm" onclick="location.href=\'#intro\'">
41
+ Get Started
42
+ </button>
167
43
 
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>
44
+ <div class="mouse">
45
+ <span></span>
198
46
  </div>
199
47
  </div>
200
- <!-- Unlimited End -->
48
+ </div>
201
49
 
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>
392
- </div>
393
- <!-- Pricing End -->
50
+ <div class="row content" id="#intro">
51
+ <h1 class="sec01">Intoduction</h1>
52
+ <p class="par01">
53
+ 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.
54
+ </p>
55
+ </div>
394
56
 
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 -->
57
+ <div class="row content" id="#about">
58
+ <h1 class="sec01">About Us</h1>
59
+ <p class="par01">
60
+ We offer software solutions to clients around the globe. Those we\'ve worked with bear testimony to the quality of our work. 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.
61
+ </p>
62
+ </div>
448
63
 
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>
64
+ <div class="row content" id="#service">
65
+ <h1 class="sec01">Our Services</h1>
66
+ <h6 class="sec01">
67
+ Web Design & Development ||
68
+ Native App Development ||
69
+ Desktop/PC Software Development
70
+ </h6>
71
+ <p class="par01">
72
+ We specialize in building unique, responsive and robust websites. We help our clients with cross-platform native app solutions for their businesses. We also provide cross-platform and robust desktop apps for our customers
73
+ </p>
74
+ </div>
75
+
76
+ <div class="row bottom-content" id="#contact">
77
+ <h1 class="sec01">Contact Us</h1>
78
+ <p class="text-center"><i>Send us a message</i></p>
79
+ <form>
80
+ <div class="row">
81
+ <div class="col-sm-5">
82
+ <div class="mb-4">
83
+ <input type="name" class="form-control" placeholder="Full Name">
84
+ </div>
85
+ <div class="mb-4">
86
+ <input type="email" class="form-control" placeholder="Email">
468
87
  </div>
469
88
  </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>
474
- </div>
475
- <!-- Advert End-->
89
+ <div class="col-sm-7 mb-4">
90
+ <textarea type="message" class="form-control" placeholder="Message" rows="3" cols="50"></textarea>
91
+ </div>
476
92
 
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>
93
+ <div class="text-end">
94
+ <button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i> Send Message</button>
491
95
  </div>
492
96
  </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>
497
- </div>
498
- <!-- Contact End -->
499
- </main>'
97
+ </form>
98
+ </div>'
500
99
  )
501
100
  }
502
101