frontview 1.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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
|