frontview 1.1.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/.gitignore +8 -0
- data/.travis.yml +6 -0
- data/CODE_OF_CONDUCT.md +74 -0
- data/Gemfile +6 -0
- data/Gemfile.lock +155 -0
- data/LICENSE.txt +21 -0
- data/README.md +92 -0
- data/Rakefile +10 -0
- data/bin/console +14 -0
- data/bin/setup +8 -0
- data/frontview-0.1.0.gem +0 -0
- data/frontview-0.1.1.gem +0 -0
- data/frontview-1.0.1.gem +0 -0
- data/frontview-1.1.1.gem +0 -0
- data/frontview.gemspec +39 -0
- data/lib/frontview.rb +5 -0
- data/lib/frontview/contents/alerts_content.rb +14 -0
- data/lib/frontview/contents/application_content.rb +37 -0
- data/lib/frontview/contents/footer_content.rb +29 -0
- data/lib/frontview/contents/header_content.rb +28 -0
- data/lib/frontview/contents/index_routes_content.rb +140 -0
- data/lib/frontview/contents/main_content.rb +115 -0
- data/lib/frontview/contents/style_content.rb +228 -0
- data/lib/frontview/install_generator.rb +49 -0
- data/lib/frontview/version.rb +3 -0
- metadata +186 -0
data/lib/frontview.rb
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
module Frontview
|
|
2
|
+
module Contents
|
|
3
|
+
class AlertsContent < Rails::Generators::Base
|
|
4
|
+
def write_in_alerts_file
|
|
5
|
+
File.open("app/views/shared/_alerts.html.erb", "w+") {
|
|
6
|
+
|file| file.puts(
|
|
7
|
+
'<p class="notice"><%= notice %></p>
|
|
8
|
+
<p class="alert"><%= alert %></p>'
|
|
9
|
+
)
|
|
10
|
+
}
|
|
11
|
+
end
|
|
12
|
+
end
|
|
13
|
+
end
|
|
14
|
+
end
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
module Frontview
|
|
2
|
+
module Contents
|
|
3
|
+
class ApplicationContent < Rails::Generators::Base
|
|
4
|
+
def write_in_application_file
|
|
5
|
+
File.open("app/views/layouts/application.html.erb", "w+") {
|
|
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
|
+
)
|
|
33
|
+
}
|
|
34
|
+
end
|
|
35
|
+
end
|
|
36
|
+
end
|
|
37
|
+
end
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
module Frontview
|
|
2
|
+
module Contents
|
|
3
|
+
class FooterContent < Rails::Generators::Base
|
|
4
|
+
def write_in_footer_file
|
|
5
|
+
File.open("app/views/shared/_footer.html.erb", "w+") {
|
|
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 ©<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
|
+
)
|
|
25
|
+
}
|
|
26
|
+
end
|
|
27
|
+
end
|
|
28
|
+
end
|
|
29
|
+
end
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
module Frontview
|
|
2
|
+
module Contents
|
|
3
|
+
class HeaderContent < Rails::Generators::Base
|
|
4
|
+
def write_in_header_file
|
|
5
|
+
File.open("app/views/shared/_header.html.erb", "w+") {
|
|
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
|
+
)
|
|
24
|
+
}
|
|
25
|
+
end
|
|
26
|
+
end
|
|
27
|
+
end
|
|
28
|
+
end
|
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
module Frontview
|
|
2
|
+
module Contents
|
|
3
|
+
class IndexRoutesContent < Rails::Generators::Base
|
|
4
|
+
def write_in_index_file
|
|
5
|
+
printf "Provide your model name: "
|
|
6
|
+
viewelement = "#{gets.chomp}"
|
|
7
|
+
viewelement.downcase!
|
|
8
|
+
|
|
9
|
+
if viewelement[-1, 1] == "s"
|
|
10
|
+
$viewelementfolder = viewelement
|
|
11
|
+
else
|
|
12
|
+
$viewelementfolder = "#{viewelement}s"
|
|
13
|
+
end
|
|
14
|
+
|
|
15
|
+
Dir.mkdir("app/views/#{$viewelementfolder}") unless File.exists?("app/views/#{$viewelementfolder}")
|
|
16
|
+
file = File.new("app/views/#{$viewelementfolder}/index.html.erb", "w+")
|
|
17
|
+
|
|
18
|
+
File.open("app/views/#{$viewelementfolder}/index.html.erb", "w+") {
|
|
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>
|
|
47
|
+
</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>
|
|
73
|
+
</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>
|
|
86
|
+
</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>
|
|
99
|
+
</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>
|
|
112
|
+
</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
|
+
)
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
File.open("config/routes.rb", "w+") {
|
|
129
|
+
|file| file.puts(
|
|
130
|
+
"Rails.application.routes.draw do
|
|
131
|
+
resources :#{$viewelementfolder}
|
|
132
|
+
|
|
133
|
+
root '#{$viewelementfolder}#index'
|
|
134
|
+
end"
|
|
135
|
+
)
|
|
136
|
+
}
|
|
137
|
+
end
|
|
138
|
+
end
|
|
139
|
+
end
|
|
140
|
+
end
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
module Frontview
|
|
2
|
+
module Contents
|
|
3
|
+
class MainContent < Rails::Generators::Base
|
|
4
|
+
def write_in_main_file
|
|
5
|
+
File.open("app/javascript/packs/main.js", "w+") {
|
|
6
|
+
|file| file.puts(
|
|
7
|
+
"$(document).ready(function() {
|
|
8
|
+
\"use strict\";
|
|
9
|
+
if (document.getElementById(\"default-select\")) {
|
|
10
|
+
$('select').niceSelect();
|
|
11
|
+
};
|
|
12
|
+
if (document.getElementById(\"default-select2\")) {
|
|
13
|
+
$('select').niceSelect();
|
|
14
|
+
};
|
|
15
|
+
if (document.getElementById(\"service-select\")) {
|
|
16
|
+
$('select').niceSelect();
|
|
17
|
+
};
|
|
18
|
+
$('.img-pop-up').magnificPopup({
|
|
19
|
+
type: 'image',
|
|
20
|
+
gallery: {
|
|
21
|
+
enabled: true
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
if ($('#nav-menu-container').length) {
|
|
25
|
+
var $mobile_nav = $('#nav-menu-container').clone().prop({
|
|
26
|
+
id: 'mobile-nav'
|
|
27
|
+
});
|
|
28
|
+
$mobile_nav.find('> ul').attr({
|
|
29
|
+
'class': '',
|
|
30
|
+
'id': ''
|
|
31
|
+
});
|
|
32
|
+
$('body').append($mobile_nav);
|
|
33
|
+
$('body').prepend('<button type=\"button\" id=\"mobile-nav-toggle\"><i class=\"lnr lnr-menu\"></i></button>');
|
|
34
|
+
$('body').append('<div id=\"mobile-body-overly\"></div>');
|
|
35
|
+
$('#mobile-nav').find('.menu-has-children').prepend('<i class=\"lnr lnr-chevron-down\"></i>');
|
|
36
|
+
|
|
37
|
+
$(document).on('click', '.menu-has-children i', function(e) {
|
|
38
|
+
$(this).next().toggleClass('menu-item-active');
|
|
39
|
+
$(this).nextAll('ul').eq(0).slideToggle();
|
|
40
|
+
$(this).toggleClass(\"lnr-chevron-up lnr-chevron-down\");
|
|
41
|
+
});
|
|
42
|
+
|
|
43
|
+
$(document).on('click', '#mobile-nav-toggle', function(e) {
|
|
44
|
+
$('body').toggleClass('mobile-nav-active');
|
|
45
|
+
$('#mobile-nav-toggle i').toggleClass('lnr-cross lnr-menu');
|
|
46
|
+
$('#mobile-body-overly').toggle();
|
|
47
|
+
});
|
|
48
|
+
|
|
49
|
+
$(document).on('click', function(e) {
|
|
50
|
+
var container = $(\"#mobile-nav, #mobile-nav-toggle\");
|
|
51
|
+
if (!container.is(e.target) && container.has(e.target).length === 0) {
|
|
52
|
+
if ($('body').hasClass('mobile-nav-active')) {
|
|
53
|
+
$('body').removeClass('mobile-nav-active');
|
|
54
|
+
$('#mobile-nav-toggle i').toggleClass('lnr-cross lnr-menu');
|
|
55
|
+
$('#mobile-body-overly').fadeOut();
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
});
|
|
59
|
+
} else if ($(\"#mobile-nav, #mobile-nav-toggle\").length) {
|
|
60
|
+
$(\"#mobile-nav, #mobile-nav-toggle\").hide();
|
|
61
|
+
}
|
|
62
|
+
});
|
|
63
|
+
const galleryItems=document.querySelector(\".gallery-items\").children;
|
|
64
|
+
const prev=document.querySelector(\".prev\");
|
|
65
|
+
const next=document.querySelector(\".next\");
|
|
66
|
+
const page=document.querySelector(\".page-num\");
|
|
67
|
+
const maxItem=3;
|
|
68
|
+
let index=1;
|
|
69
|
+
const pagination=Math.ceil(galleryItems.length/maxItem);
|
|
70
|
+
console.log(pagination)
|
|
71
|
+
prev.addEventListener(\"click\",function(){
|
|
72
|
+
index--;
|
|
73
|
+
check();
|
|
74
|
+
showItems();
|
|
75
|
+
})
|
|
76
|
+
next.addEventListener(\"click\",function(){
|
|
77
|
+
index++;
|
|
78
|
+
check();
|
|
79
|
+
showItems();
|
|
80
|
+
})
|
|
81
|
+
function check(){
|
|
82
|
+
if(index==pagination){
|
|
83
|
+
next.classList.add(\"disabled\");
|
|
84
|
+
}
|
|
85
|
+
else{
|
|
86
|
+
next.classList.remove(\"disabled\");
|
|
87
|
+
}
|
|
88
|
+
if(index==1){
|
|
89
|
+
prev.classList.add(\"disabled\");
|
|
90
|
+
}
|
|
91
|
+
else{
|
|
92
|
+
prev.classList.remove(\"disabled\");
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
function showItems() {
|
|
96
|
+
for(let i=0;i<galleryItems.length; i++){
|
|
97
|
+
galleryItems[i].classList.remove(\"show\");
|
|
98
|
+
galleryItems[i].classList.add(\"hide\");
|
|
99
|
+
if(i>=(index*maxItem)-maxItem && i<index*maxItem){
|
|
100
|
+
galleryItems[i].classList.remove(\"hide\");
|
|
101
|
+
galleryItems[i].classList.add(\"show\");
|
|
102
|
+
}
|
|
103
|
+
page.innerHTML=index;
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
window.onload=function(){
|
|
107
|
+
showItems();
|
|
108
|
+
check();
|
|
109
|
+
}"
|
|
110
|
+
)
|
|
111
|
+
}
|
|
112
|
+
end
|
|
113
|
+
end
|
|
114
|
+
end
|
|
115
|
+
end
|
|
@@ -0,0 +1,228 @@
|
|
|
1
|
+
module Frontview
|
|
2
|
+
module Contents
|
|
3
|
+
class StyleContent < Rails::Generators::Base
|
|
4
|
+
def write_in_style
|
|
5
|
+
File.open("app/assets/stylesheets/css/style.css", "w+") {
|
|
6
|
+
|file| file.puts(
|
|
7
|
+
'::-moz-selection{background-color:#8490ff;color:#fff}
|
|
8
|
+
::selection{background-color:#8490ff;color:#fff}
|
|
9
|
+
::-webkit-input-placeholder{color:#777;font-weight:300}
|
|
10
|
+
:-moz-placeholder{color:#777;opacity:1;font-weight:300}
|
|
11
|
+
::-moz-placeholder{color:#777;opacity:1;font-weight:300}
|
|
12
|
+
:-ms-input-placeholder{color:#777;font-weight:300}
|
|
13
|
+
::-ms-input-placeholder{color:#777;font-weight:300}
|
|
14
|
+
body{color:#777;font-family:Poppins,sans-serif;font-size:14px;font-weight:300;line-height:1.625em;position:relative}
|
|
15
|
+
ul{margin:0;padding:0;list-style:none}
|
|
16
|
+
select{display:block}
|
|
17
|
+
a{-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}
|
|
18
|
+
frame{border:0}
|
|
19
|
+
a,a:focus,a:hover{text-decoration:none;outline:0}
|
|
20
|
+
.btn.active:focus,
|
|
21
|
+
.btn:active:focus,
|
|
22
|
+
.btn:focus{text-decoration:none;outline:0}
|
|
23
|
+
.btn i{font-size:1em;line-height:inherit}
|
|
24
|
+
h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;color:#222;line-height:1.2em!important;margin-bottom:0;margin-top:0;font-weight:600}
|
|
25
|
+
.h1,.h2,.h3,.h4,.h5,.h6{margin-bottom:0;margin-top:0;font-family:Poppins,sans-serif;font-weight:600;color:#222}.h1,h1{font-size:36px}
|
|
26
|
+
.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:16px}.h6,h6{font-size:14px;color:#222}
|
|
27
|
+
.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}
|
|
28
|
+
.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.mb-50{margin-bottom:50px}.mb-60{margin-bottom:60px}.mb-70{margin-bottom:70px}
|
|
29
|
+
.mb-80{margin-bottom:80px}.mb-90{margin-bottom:90px}.mb-100{margin-bottom:100px}.pb-0{padding-bottom:0}.pb-10{padding-bottom:10px}
|
|
30
|
+
.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pb-30{padding-bottom:30px}.pb-40{padding-bottom:40px}
|
|
31
|
+
.pb-50{padding-bottom:50px}.pb-60{padding-bottom:60px}.pb-70{padding-bottom:25px}.pb-80{padding-bottom:80px}.pb-90{padding-bottom:90px}
|
|
32
|
+
.pb-100{padding-bottom:100px}.pb-120{padding-bottom:120px}.pb-150{padding-bottom:150px}.p-40{padding:40px}
|
|
33
|
+
.text-white{color:#fff}.text-center{text-align:center}
|
|
34
|
+
.flex{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}
|
|
35
|
+
.flex-middle{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}
|
|
36
|
+
.flex-top{-webkit-align-self:flex-start;-moz-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}
|
|
37
|
+
.flex-center{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center}
|
|
38
|
+
.flex-bottom{-webkit-align-self:flex-end;-moz-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}
|
|
39
|
+
.space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between}
|
|
40
|
+
.relative{position:relative}
|
|
41
|
+
.overlay{position:absolute;left:0;right:0;top:0;bottom:0}
|
|
42
|
+
.section-bg{background:#f9fafc}
|
|
43
|
+
.white-bg{background:#fff}
|
|
44
|
+
h1{font-size:36px}h2{font-size:30px}h3{font-size:27px}h4{font-size:18px}h5{font-size:16px}h6{font-size:14px}
|
|
45
|
+
h1,h2,h3,h4,h5,h6{line-height:1.5em}
|
|
46
|
+
.button-area{background:#f9f9ff}
|
|
47
|
+
.btn.active:focus,.btn:active:focus,.btn:focus{text-decoration:none;outline:0}
|
|
48
|
+
.btn i{font-size:1em;line-height:inherit}
|
|
49
|
+
.f700{font-weight:700}
|
|
50
|
+
.text-center{text-align:center}
|
|
51
|
+
.relative{position:relative}
|
|
52
|
+
.button-area{background:#f9f9ff}
|
|
53
|
+
.default-select{height:40px}
|
|
54
|
+
.default-select .current{margin-right:50px;font-weight:300}
|
|
55
|
+
.form-select{height:40px;width:100%}
|
|
56
|
+
.form-select .current{margin-right:50px;font-weight:300}
|
|
57
|
+
.main-menu{padding-bottom:20px;padding-top:20px}
|
|
58
|
+
#header{position:fixed;left:0;top:0;right:0;transition:all .5s;z-index:997;background:#f6f7fb}
|
|
59
|
+
#header.header-scrolled{transition:all .5s;box-shadow:-21.213px 21.213px 30px 0 rgba(158,158,158,.3)}
|
|
60
|
+
#header.header-scrolled .main-menu{border-color:transparent}@media (max-width:673px){#logo{margin-left:20px}}
|
|
61
|
+
.menu-active,.nav-menu li:hover>a{color:#8490ff!important}
|
|
62
|
+
.nav-menu,.nav-menu *{margin:0;padding:0;list-style:none}
|
|
63
|
+
.nav-menu ul{position:absolute;display:none;top:100%;right:0;z-index:99}
|
|
64
|
+
.nav-menu li{position:relative;white-space:nowrap}
|
|
65
|
+
.nav-menu>li{float:left}
|
|
66
|
+
.nav-menu li:hover>ul{display:block}
|
|
67
|
+
.nav-menu ul ul{top:0;right:100%}
|
|
68
|
+
.nav-menu ul li{min-width:180px}@media (max-width:768px){#nav-menu-container{display:none}}
|
|
69
|
+
.nav-menu a{padding:0 8px 0 8px;text-decoration:none;display:inline-block;color:#222;font-weight:500;font-size:12px;text-transform:uppercase;outline:0}
|
|
70
|
+
.nav-menu li:hover>a{color:#8490ff}
|
|
71
|
+
.nav-menu>li{margin-left:10px}
|
|
72
|
+
.nav-menu ul{margin:22px 0 0 0;padding:10px;box-shadow:0 0 30px rgba(127,137,161,.25);background:#fff}
|
|
73
|
+
.nav-menu ul li{transition:.3s}
|
|
74
|
+
.nav-menu ul li a{padding:5px 10px;color:#333;transition:.3s;display:block;font-size:12px;text-transform:none}
|
|
75
|
+
.nav-menu ul li:hover>a{color:#8490ff}
|
|
76
|
+
.nav-menu ul ul{margin-right:10px;margin-top:0}
|
|
77
|
+
#mobile-nav-toggle{position:fixed;right:15px;z-index:999;top:22px;border:0;background:0 0;font-size:24px;display:none;transition:all .4s;outline:0;cursor:pointer}
|
|
78
|
+
#mobile-nav-toggle i{color:#222;font-weight:900}@media (max-width:991px){#mobile-nav-toggle{display:inline}
|
|
79
|
+
#nav-menu-container{display:none}}
|
|
80
|
+
#mobile-nav{position:fixed;top:0;padding-top:18px;bottom:0;z-index:998;background:rgba(0,0,0,.8);left:-260px;width:260px;overflow-y:auto;transition:.4s}
|
|
81
|
+
#mobile-nav ul{padding:0;margin:0;list-style:none}
|
|
82
|
+
#mobile-nav ul li{position:relative}
|
|
83
|
+
#mobile-nav ul li a{color:#fff;font-size:13px;text-transform:uppercase;overflow:hidden;padding:10px 22px 10px 15px;position:relative;text-decoration:none;width:100%;display:block;outline:0;font-weight:400}
|
|
84
|
+
#mobile-nav ul li a:hover{color:#fff}
|
|
85
|
+
#mobile-nav ul li li{padding-left:30px}
|
|
86
|
+
#mobile-nav ul .menu-has-children i{position:absolute;right:0;z-index:99;padding:15px;cursor:pointer;color:#fff}
|
|
87
|
+
#mobile-nav ul .menu-has-children li a{text-transform:none}
|
|
88
|
+
#mobile-nav ul .menu-item-active{color:#8490ff}
|
|
89
|
+
#mobile-body-overly{width:100%;height:100%;z-index:997;top:0;left:0;position:fixed;background:rgba(0,0,0,.7);display:none}
|
|
90
|
+
body.mobile-nav-active{overflow:hidden}
|
|
91
|
+
body.mobile-nav-active #mobile-nav{left:0}
|
|
92
|
+
body.mobile-nav-active #mobile-nav-toggle{color:#fff}
|
|
93
|
+
.section-gap{padding:45px 0}
|
|
94
|
+
.facts-area,.sb_bar,.thumb .overlay-bg{background:-moz-linear-gradient(0deg,#8490ff 0,#62bdfc 100%);
|
|
95
|
+
background:-webkit-linear-gradient(0deg,#8490ff 0,#62bdfc 100%);background:-ms-linear-gradient(0deg,#8490ff 0,#62bdfc 100%)}
|
|
96
|
+
.facts-area,.sb_bar{background:-moz-linear-gradient(0deg,#8490ff 0,#62bdfc 100%);
|
|
97
|
+
background:-webkit-linear-gradient(0deg,#8490ff 0,#62bdfc 100%);background:-ms-linear-gradient(0deg,#8490ff 0,#62bdfc 100%)}
|
|
98
|
+
.image{opacity:1;display:block;width:100%;height:100%;transition:.5s ease;backface-visibility:hidden}
|
|
99
|
+
.middle{transition:.5s ease;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center}
|
|
100
|
+
.single-portfolio:hover .middle{opacity:1}
|
|
101
|
+
.text{color:#fff;font-size:25px;padding:16px 32px}
|
|
102
|
+
.single-portfolio{border-radius:5px}
|
|
103
|
+
.single-portfolio:hover .thumb .overlay-bg{opacity:.85}
|
|
104
|
+
.thumb .overlay-bg{opacity:0;border-radius:5px;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}
|
|
105
|
+
.testimonial-area{background-color:#e6e9fe}
|
|
106
|
+
.testimonial-area .lnr-arrow-down,.testimonial-area .lnr-arrow-up{background-color:#fff;
|
|
107
|
+
box-shadow:-14.142px 14.142px 20px 0 rgba(157,157,157,.2);padding:14px;color:#000;font-weight:500;border:1px solid #f5f5f5;
|
|
108
|
+
display:inline-flex;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}
|
|
109
|
+
.testimonial-area .lnr-arrow-down:hover,.testimonial-area .lnr-arrow-up:hover{background:#8490ff;color:#fff}
|
|
110
|
+
.link-nav{margin-top:10px;margin-bottom:0}
|
|
111
|
+
.sb_progress{height:14px!important;border-radius:12px;border:3px solid #eee}
|
|
112
|
+
.sb_bar{height:8px!important;border-radius:12px}
|
|
113
|
+
.timeline ul li{background:#f9f9ff;position:relative;margin:0 auto;width:2px;padding-bottom:40px;list-style-type:none}
|
|
114
|
+
.timeline ul li:last-child{padding-bottom:7px}
|
|
115
|
+
.timeline ul li:before{background:#8490ff;position:absolute;left:50%;top:40%;transform:translateX(-50%);
|
|
116
|
+
-webkit-transform:translateX(-50%);width:20px;height:20px;border:5px solid #eee;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
|
|
117
|
+
.timeline ul li .hidden{opacity:0}
|
|
118
|
+
.timeline ul li .content{background-color:#fff!important;box-shadow:0 10px 27px 3px rgba(204,204,204,.2);position:relative;top:7px;width:360px;padding:30px}
|
|
119
|
+
.timeline ul li:nth-child(odd) .content{left:50px}
|
|
120
|
+
.timeline ul li:nth-child(odd) .content:before{left:-38px}
|
|
121
|
+
.timeline ul li:nth-child(even) .content{left:calc(-360px - 45px)}
|
|
122
|
+
.timeline ul li:nth-child(even) .content:before{right:-38px}@media screen and (max-width:1020px){.timeline ul li .content{width:41vw}
|
|
123
|
+
.timeline ul li:nth-child(even) .content{left:calc(-41vw - 45px)}}@media screen and (max-width:700px){.timeline ul li{margin-left:20px}
|
|
124
|
+
.timeline ul li .content{width:calc(100vw - 100px)}
|
|
125
|
+
.timeline ul li:nth-child(even) .content{left:45px}
|
|
126
|
+
.timeline ul li:nth-child(even) .content:before{left:-33px}}
|
|
127
|
+
.accordion>dt{margin-bottom:10px;font-size:14px;font-weight:400}
|
|
128
|
+
.accordion>dt>a{display:block;position:relative;color:#222;text-decoration:none;padding:8px 30px;font-size:16px;
|
|
129
|
+
font-weight:500;background:#fafcff}@media (max-width:414px){.accordion>dt>a{font-size:12px}}
|
|
130
|
+
.accordion>dt>a:hover{text-decoration:none}
|
|
131
|
+
.accordion>dt>a.active{color:#8490ff;border-color:#ddd;cursor:default;border-bottom:1px solid #8490ff;background:0 0}
|
|
132
|
+
.accordion>dt>a:after{content:"\f107";width:15px;height:15px;margin-top:-8px;position:absolute;top:50%;left:10px;
|
|
133
|
+
font-family:FontAwesome;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;
|
|
134
|
+
font-size:15px;line-height:15px;text-align:center;color:#222;-webkit-font-smoothing:antialiased}
|
|
135
|
+
.accordion>dt>a.active:after,.accordion>dt>a.active:hover:after{content:"\f106";color:#8490ff}
|
|
136
|
+
.accordion>dt>a:hover:after{color:#444}.accordion>dd{margin-bottom:10px;padding:10px 20px 20px;font-size:14px;
|
|
137
|
+
line-height:1.8;color:#777}
|
|
138
|
+
.accordion>dt>a,.accordion>dt>a:after,.toggle>dt>a,.toggle>dt>a:after{-webkit-transition:all .27s cubic-bezier(0,0,.58,1);
|
|
139
|
+
-moz-transition:all .27s cubic-bezier(0,0,.58,1);-o-transition:all .27s cubic-bezier(0,0,.58,1);
|
|
140
|
+
-ms-transition:all .27s cubic-bezier(0,0,.58,1);transition:all .27s cubic-bezier(0,0,.58,1)}
|
|
141
|
+
.page-link{background:0 0;font-weight:400}
|
|
142
|
+
.block{width:100px}
|
|
143
|
+
.gallery .gallery-items .item{float:left;width:25%;position:relative}
|
|
144
|
+
.gallery .gallery-items .item.hide{display:none}
|
|
145
|
+
.gallery .gallery-items .item.show{display:block;animation:show .5s ease}@keyframes show{0%{opacity:0;transform:scale(.9)}100%{opacity:1;transform:scale(1)}}
|
|
146
|
+
.gallery .gallery-items .item img{width:100%;display:block}
|
|
147
|
+
.gallery .pagination div{display:inline-block;margin:0 10px}
|
|
148
|
+
.gallery .pagination .page{color:gray}
|
|
149
|
+
.gallery .pagination .next,.gallery .pagination .prev{color:#000;border:1px solid #000;font-size:15px;padding:7px 15px;cursor:pointer}
|
|
150
|
+
.gallery .pagination .next.disabled,.gallery .pagination .prev.disabled{border-color:gray;color:gray;pointer-events:none}
|
|
151
|
+
.portfolio-area .filters{text-align:center}
|
|
152
|
+
.portfolio-area .filters ul{padding:0}
|
|
153
|
+
.portfolio-area .filters ul li{list-style:none;display:inline-block;padding:18px 15px;cursor:pointer;position:relative;text-transform:uppercase;color:#222;font-size:12px;font-weight:500}
|
|
154
|
+
@media (max-width:736px){.portfolio-area .filters ul li{padding:6px 6px}}
|
|
155
|
+
.portfolio-area .filters ul li:after{content:"";display:block;width:calc(0% - 60px);position:absolute;height:2px;background:#333;transition:width 350ms ease-out}
|
|
156
|
+
.portfolio-area .filters ul li:hover:after{width:calc(100% - 60px);transition:width 350ms ease-out}
|
|
157
|
+
.portfolio-area .filters ul li.active{color:#8490ff}.portfolio-area .filters-content{margin-top:50px}
|
|
158
|
+
.portfolio-area .filters-content .show{opacity:1;visibility:visible;transition:all 350ms}
|
|
159
|
+
.portfolio-area .filters-content .hide{opacity:0;visibility:hidden;transition:all 350ms}
|
|
160
|
+
.portfolio-area .filters-content .item{text-align:center;cursor:pointer;margin-bottom:30px}
|
|
161
|
+
.portfolio-area .filters-content .item img{border-radius:10px}
|
|
162
|
+
.portfolio-area .filters-content .item img{width:100%}
|
|
163
|
+
.image{opacity:1;display:block;width:100%;height:100%;transition:.5s ease;backface-visibility:hidden}
|
|
164
|
+
.text{color:#fff;font-size:25px;padding:16px 32px}
|
|
165
|
+
.link-nav{margin-top:10px;margin-bottom:0}
|
|
166
|
+
.sb_progress{height:14px!important;border-radius:12px;border:3px solid #eee}
|
|
167
|
+
.sb_bar{height:8px!important;border-radius:12px}
|
|
168
|
+
.timeline ul li{background:#f9f9ff;position:relative;margin:0 auto;width:2px;padding-bottom:40px;list-style-type:none}
|
|
169
|
+
.timeline ul li:last-child{padding-bottom:7px}
|
|
170
|
+
.timeline ul li:before{background:#8490ff;position:absolute;left:50%;top:40%;transform:translateX(-50%);
|
|
171
|
+
-webkit-transform:translateX(-50%);width:20px;height:20px;border:5px solid #eee;-webkit-border-radius:50%;
|
|
172
|
+
-moz-border-radius:50%;border-radius:50%}
|
|
173
|
+
.timeline ul li .hidden{opacity:0}
|
|
174
|
+
.timeline ul li .content{background-color:#fff!important;box-shadow:0 10px 27px 3px rgba(204,204,204,.2);position:relative;top:7px;width:360px;padding:30px}
|
|
175
|
+
.timeline ul li:nth-child(odd) .content{left:50px}
|
|
176
|
+
.timeline ul li:nth-child(odd) .content:before{left:-38px}
|
|
177
|
+
.timeline ul li:nth-child(even) .content{left:calc(-360px - 45px)}
|
|
178
|
+
.timeline ul li:nth-child(even) .content:before{right:-38px}@media screen and (max-width:1020px){.timeline ul li .content{width:41vw}
|
|
179
|
+
.timeline ul li:nth-child(even) .content{left:calc(-41vw - 45px)}}@media screen and (max-width:700px){.timeline ul li{margin-left:20px}
|
|
180
|
+
.timeline ul li .content{width:calc(100vw - 100px)}
|
|
181
|
+
.timeline ul li:nth-child(even) .content{left:45px}
|
|
182
|
+
.timeline ul li:nth-child(even) .content:before{left:-33px}}
|
|
183
|
+
.accordion>dt{margin-bottom:10px;font-size:14px;font-weight:400}
|
|
184
|
+
.accordion>dt>a{display:block;position:relative;color:#222;text-decoration:none;padding:8px 30px;font-size:16px;
|
|
185
|
+
font-weight:500;background:#fafcff}@media (max-width:414px){.accordion>dt>a{font-size:12px}}
|
|
186
|
+
.accordion>dt>a:hover{text-decoration:none}
|
|
187
|
+
.accordion>dt>a.active{color:#8490ff;border-color:#ddd;cursor:default;border-bottom:1px solid #8490ff;background:0 0}
|
|
188
|
+
.accordion>dt>a:after{content:"\f107";width:15px;height:15px;margin-top:-8px;position:absolute;top:50%;left:10px;
|
|
189
|
+
font-family:FontAwesome;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;
|
|
190
|
+
font-size:15px;line-height:15px;text-align:center;color:#222;-webkit-font-smoothing:antialiased}
|
|
191
|
+
.accordion>dt>a.active:after,.accordion>dt>a.active:hover:after{content:"\f106";color:#8490ff}
|
|
192
|
+
.accordion>dt>a:hover:after{color:#444}
|
|
193
|
+
.accordion>dd{margin-bottom:10px;padding:10px 20px 20px;font-size:14px;line-height:1.8;color:#777}
|
|
194
|
+
.accordion>dt>a,.accordion>dt>a:after,.toggle>dt>a,.toggle>dt>a:after{-webkit-transition:all .27s cubic-bezier(0,0,.58,1);
|
|
195
|
+
-moz-transition:all .27s cubic-bezier(0,0,.58,1);-o-transition:all .27s cubic-bezier(0,0,.58,1);
|
|
196
|
+
-ms-transition:all .27s cubic-bezier(0,0,.58,1);transition:all .27s cubic-bezier(0,0,.58,1)}
|
|
197
|
+
.page-link{background:0 0;font-weight:400}
|
|
198
|
+
.footer-area{background-color:#e6e9fe}@font-face{font-family:Linearicons-Free;src:url(../fonts/Linearicons-Free.eot?w118d);
|
|
199
|
+
src:url(../fonts/Linearicons-Free.eot?#iefixw118d) format(\'embedded-opentype\'),
|
|
200
|
+
url(../fonts/Linearicons-Free.woff2?w118d) format(\'woff2\'),url(../fonts/Linearicons-Free.woff?w118d) format(\'woff\'),
|
|
201
|
+
url(../fonts/Linearicons-Free.ttf?w118d) format(\'truetype\'),
|
|
202
|
+
url(../fonts/Linearicons-Free.svg?w118d#Linearicons-Free) format(\'svg\');font-weight:400;font-style:normal}
|
|
203
|
+
.lnr{font-family:Linearicons-Free;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
|
|
204
|
+
.lnr-home:before{content:"\e800"}
|
|
205
|
+
.lnr-license:before{content:"\e822"}
|
|
206
|
+
.lnr-map-marker:before{content:"\e833"}
|
|
207
|
+
.lnr-map:before{content:"\e834"}
|
|
208
|
+
.lnr-location:before{content:"\e835"}
|
|
209
|
+
.lnr-select:before{content:"\e852"}
|
|
210
|
+
.lnr-link:before{content:"\e86b"}
|
|
211
|
+
.lnr-cross:before{content:"\e870"}
|
|
212
|
+
.lnr-menu:before{content:"\e871"}
|
|
213
|
+
.lnr-chevron-up:before{content:"\e873"}
|
|
214
|
+
.lnr-chevron-down:before{content:"\e874"}
|
|
215
|
+
.lnr-arrow-up:before{content:"\e877"}
|
|
216
|
+
.lnr-arrow-down:before{content:"\e878"}
|
|
217
|
+
.lnr-text-align-center:before{content:"\e899"}
|
|
218
|
+
.lnr-text-align-justify:before{content:"\e89b"}
|
|
219
|
+
form.example input[type=text] {padding: 10px;font-size: 17px;border: 1px solid grey;float: left;width: 80%;background: #f1f1f1;}
|
|
220
|
+
form.example button {float: left;width: 20%;padding: 10px;background: #030826;color: white;font-size: 17px;border: 1px solid grey;border-left: none;cursor: pointer;}
|
|
221
|
+
form.example button:hover {background: #0d1441;}
|
|
222
|
+
form.example::after {content: "";clear: both;display: table;}'
|
|
223
|
+
)
|
|
224
|
+
}
|
|
225
|
+
end
|
|
226
|
+
end
|
|
227
|
+
end
|
|
228
|
+
end
|