appscms-tools-theme 2.4.3 → 2.4.5

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,107 +1,84 @@
1
- ---
2
- layout: feature
3
- ---
4
- {%- assign fileData = site.data[page.folderName][page.lang][page.fileName] -%}
5
- {%- assign photoEffectsData = site.data.photoeffects -%}
6
- <div class="container mt-4">
7
- <div class="col-md-11 mx-auto">
8
- <div class="row">
9
- <div class="col-md-3">
10
- <div class="categories-section">
11
- </div>
12
- <div class="categories-list">
13
- <div class="accordion" id="accordionExample">
14
- {%- for item in site.data.photo-categories -%}
15
- <div class="card card-hover">
16
- <div class="card-header" id="heading-{{forloop.index}}">
17
- <button class="btn btn-block text-left p-0" type="button" data-toggle="collapse"
18
- data-target="#collapse-{{forloop.index}}" aria-expanded="true"
19
- aria-controls="collapse-{{forloop.index}}">
20
- {{item.category}} <i class="fas fa-angle-down"></i>
21
- </button>
22
- </div>
23
-
24
- <div id="collapse-{{forloop.index}}" class="collapse"
25
- aria-labelledby="heading-{{forloop.index}}" data-parent="#accordionExample">
26
- <div class="card-body">
27
- {%- for i in item.features -%}
28
- <a href="{{i.link}}">{{i.name}} </a>
29
- {%- endfor -%}
30
- </div>
31
- </div>
32
- </div>
33
- {%- endfor -%}
34
- </div>
35
- </div>
36
-
37
- </div>
38
- <div class="col-md-9">
39
- <div class="row" id="upper-panel">
40
- <div class="col-12 ">
41
- <div>
42
- <div>
43
- <div>
44
- {%- assign frameh1 = fileData.H1 | replace: "$variable", page.value -%}
45
- <h1 class="frame-h1">{%- for word in frameh1-%}
46
- {%- if forloop.first == true -%}
47
- {{word | capitalize }}
48
- {%- else -%}
49
- {{word}}
50
- {%- endif -%}
51
- {%- endfor -%}</h1>
52
- </div>
53
- {%- assign frameh2 = fileData.H2 | replace: "$variable", page.value -%}
54
- <h2 class="frame-h2">
55
- {%- for word in frameh2 -%}
56
- {%- if forloop.first == true -%}
57
- {{word | capitalize }}
58
- {%- else -%}
59
- {{word}}
60
- {%- endif -%}
61
- {%- endfor -%}
62
- </h2>
63
- </div>
64
- </div>
65
- </div>
66
- {%- if page.typeOfPage == "category" -%}
67
- {%- assign photoEffectsData = site.data.photo-categories -%}
68
- {%- for item in photoEffectsData -%}
69
- {%- if item.category | downcase == page.category | downcase -%}
70
- {%- for i in item.features -%}
71
- <div class="col-md-3 px-0">
72
- <a class="photo-card" href="{{i.link}}">
73
- <div>
74
- <img src="{{i.image}}" alt="">
75
- <div class="photo-effect-feature-name">
76
- {{i.name}}
77
- </div>
78
- </div>
79
- </a>
80
- </div>
81
- {%- endfor -%}
82
- {%- endif -%}
83
-
84
- {%- endfor -%}
85
- {%- else -%}
86
- {%- assign photoEffectsData = site.data.photoeffects -%}
87
- {%- for item in photoEffectsData -%}
88
- <div class="col-md-3 px-0">
89
- <a class="photo-card" href="{{item.url}}">
90
- <div>
91
- <img src="{{item.image}}" alt="">
92
- <div class="photo-effect-feature-name">
93
- {{item.featureName}}
94
- </div>
95
- </div>
96
- </a>
97
-
98
- </div>
99
- {%- endfor -%}
100
- {%- endif -%}
101
-
102
- </div>
103
- </div>
104
- </div>
105
- </div>
106
-
1
+ ---
2
+ layout: feature
3
+ ---
4
+ {%- assign fileData = site.data[page.folderName][page.lang][page.fileName] -%}
5
+ {%- assign photoEffectsData = site.data.photoeffects -%}
6
+ <div class="container mt-4">
7
+ <div class="col-md-11 mx-auto">
8
+ <div class="row">
9
+ <div class="col-md-3">
10
+ <div class="categories-section">
11
+ </div>
12
+ <div class="categories-list">
13
+ <div class="accordion" id="accordionExample">
14
+ {%- for item in site.data.photo-categories -%}
15
+ <div class="card card-hover">
16
+ <div class="card-header" id="heading-{{forloop.index}}">
17
+ <button class="btn btn-block text-left p-0" type="button" data-toggle="collapse"
18
+ data-target="#collapse-{{forloop.index}}" aria-expanded="true"
19
+ aria-controls="collapse-{{forloop.index}}">
20
+ {{item.category}} <i class="fas fa-angle-down"></i>
21
+ </button>
22
+ </div>
23
+
24
+ <div id="collapse-{{forloop.index}}" class="collapse"
25
+ aria-labelledby="heading-{{forloop.index}}" data-parent="#accordionExample">
26
+ <div class="card-body">
27
+ {%- for i in item.features -%}
28
+ <a href="{{i.link}}">{{i.name}} </a>
29
+ {%- endfor -%}
30
+ </div>
31
+ </div>
32
+ </div>
33
+ {%- endfor -%}
34
+ </div>
35
+ </div>
36
+
37
+ </div>
38
+ <div class="col-md-9">
39
+ <div class="row" id="upper-panel">
40
+ <div class="col-12 ">
41
+ <div>
42
+ <div>
43
+ <div>
44
+ {%- assign frameh1 = fileData.H1 | replace: "$variable", page.value -%}
45
+ <h1 class="frame-h1">{%- for word in frameh1-%}
46
+ {%- if forloop.first == true -%}
47
+ {{word | capitalize }}
48
+ {%- else -%}
49
+ {{word}}
50
+ {%- endif -%}
51
+ {%- endfor -%}</h1>
52
+ </div>
53
+ {%- assign frameh2 = fileData.H2 | replace: "$variable", page.value -%}
54
+ <h2 class="frame-h2">
55
+ {%- for word in frameh2 -%}
56
+ {%- if forloop.first == true -%}
57
+ {{word | capitalize }}
58
+ {%- else -%}
59
+ {{word}}
60
+ {%- endif -%}
61
+ {%- endfor -%}
62
+ </h2>
63
+ </div>
64
+ </div>
65
+ </div>
66
+ {%- for item in photoEffectsData -%}
67
+ <div class="col-md-3 px-0">
68
+ <a class="photo-card" href="{{item.url}}">
69
+ <div>
70
+ <img src="{{item.image}}" alt="">
71
+ <div class="photo-effect-feature-name">
72
+ {{item.featureName}}
73
+ </div>
74
+ </div>
75
+ </a>
76
+
77
+ </div>
78
+ {%- endfor -%}
79
+ </div>
80
+ </div>
81
+ </div>
82
+ </div>
83
+
107
84
  </div>
@@ -1,40 +1,40 @@
1
- .calculator-workspace {
2
- width: 400px;
3
- background: #f6f6f6d2;
4
- position: relative;
5
- z-index: 1;
6
- margin: 0 auto;
7
- box-shadow: 6px 19px 23px 1pxrgb (0 0 0 / 15%);
8
- border-radius: 8px;
9
- padding: 1.5rem;
10
- }
11
-
12
- .calculator-workspace label {
13
- width: 100%;
14
- font-weight: 600;
15
- text-align: left;
16
- margin-top: 10px;
17
- }
18
-
19
- .submit-button {
20
- border: none;
21
- border-radius: 4px;
22
- padding: 10px 22px;
23
- color: #fff;
24
- margin-left: auto;
25
- font-weight: 600;
26
- }
27
-
28
- .calculator-inputs {
29
- display: flex;
30
- gap: 10px;
31
- }
32
- .unit {
33
- background: #ffff;
34
- padding: 0px 10px;
35
- display: flex;
36
- align-items: center;
37
- justify-content: center;
38
- border-radius: 4px;
39
- font-weight: 600;
40
- }
1
+ .calculator-workspace {
2
+ width: 400px;
3
+ background: #f6f6f6d2;
4
+ position: relative;
5
+ z-index: 1;
6
+ margin: 0 auto;
7
+ box-shadow: 6px 19px 23px 1pxrgb (0 0 0 / 15%);
8
+ border-radius: 8px;
9
+ padding: 1.5rem;
10
+ }
11
+
12
+ .calculator-workspace label {
13
+ width: 100%;
14
+ font-weight: 600;
15
+ text-align: left;
16
+ margin-top: 10px;
17
+ }
18
+
19
+ .submit-button {
20
+ border: none;
21
+ border-radius: 4px;
22
+ padding: 10px 22px;
23
+ color: #fff;
24
+ margin-left: auto;
25
+ font-weight: 600;
26
+ }
27
+
28
+ .calculator-inputs {
29
+ display: flex;
30
+ gap: 10px;
31
+ }
32
+ .unit {
33
+ background: #ffff;
34
+ padding: 0px 10px;
35
+ display: flex;
36
+ align-items: center;
37
+ justify-content: center;
38
+ border-radius: 4px;
39
+ font-weight: 600;
40
+ }
@@ -89,12 +89,12 @@ FEATURE H1/H2 STYLE CSS
89
89
  ***********************/
90
90
  .home1-top-h1 {
91
91
  line-height: 60px;
92
- font-size: 45px;
92
+ font-size: 42px;
93
93
  }
94
94
 
95
95
  .feature1-h1 {
96
96
  line-height: 70px;
97
- font-size: 52px;
97
+ font-size: 42px;
98
98
  font-weight: 700;
99
99
  color: rgb(33, 33, 33);
100
100
  text-align: center;
@@ -106,7 +106,7 @@ FEATURE H1/H2 STYLE CSS
106
106
  text-align: center;
107
107
  font-weight: 300;
108
108
  line-height: 30px;
109
- font-size: 20px;
109
+ font-size: 16px;
110
110
  max-width: 380px;
111
111
  margin: 0 auto;
112
112
  }
@@ -447,7 +447,7 @@ MEDIA QUERIES FOR MOBILE RESPONSIVE
447
447
 
448
448
  .home1-top-h2,
449
449
  .feature1-h2 {
450
- font-size: 16px;
450
+ font-size: 14px;
451
451
  }
452
452
 
453
453
  .feature1-card-desc {