appscms-tools-theme 1.0.4 → 1.0.9

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,91 @@
1
+ {% assign file = page.fileName %}
2
+ {% assign lang = page.lang %}
3
+ {% assign folder = page.folderName %}
4
+ {% assign accessData= site.data[folder][lang][file] %}
5
+ {% assign filesData= accessData.display_formats %}
6
+
7
+ <div>
8
+ <div>
9
+ <ol class="pl-3">
10
+ {%- for i in filesData -%}
11
+ {%- assign item = i | downcase -%}
12
+ {%- assign fileData = site.data.files[accessData.filelang][item] -%}
13
+ {%- assign static = site.static_files -%}
14
+ {%- if fileData.size>0 -%}
15
+
16
+ <li class="file-li" >
17
+ <h2 class="feature-h1 text-left my-4" >{{fileData.Format}}</h2>
18
+ {%- if fileData.fileImg -%}
19
+ <img src="{{fileData.fileImg }}" alt="">
20
+ {%- endif -%}
21
+ <img src="" alt="">
22
+ <ol class="file-info-item-list" >
23
+ {%- if fileData.Pros -%}
24
+ <li>
25
+ <div>
26
+ <div class="info-title" >Pros</div>
27
+ <div>{{fileData.Pros}}</div>
28
+ </div>
29
+ </li>
30
+ {%- endif -%}
31
+ {%- if fileData.Cons -%}
32
+ <li>
33
+ <div >
34
+ <div class="info-title" >Cons</div>
35
+ <div>{{fileData.Cons}}</div>
36
+ </div>
37
+ </li>
38
+ {%- endif -%}
39
+ {%- if fileData.BasicInformation -%}
40
+ <li>
41
+ <div >
42
+ <div class="info-title">Basic Information</div>
43
+ <div>{{fileData.BasicInformation}}</div>
44
+ </div>
45
+ </li>
46
+
47
+ {%- endif -%}
48
+ {%- if fileData.DetailedInformation -%}
49
+ <li>
50
+ <div >
51
+ <div class="info-title" >Detailed Information</div>
52
+ <div>{{fileData.DetailedInformation}}</div>
53
+ </div>
54
+ </li>
55
+
56
+ {%- endif -%}
57
+ {%- if fileData.Softwaresused -%}
58
+ <div>
59
+ <div >Platforms Supported</div>
60
+ <div class="d-flex flex-wrap " >
61
+ {%- for item in fileData.Softwaresused -%}
62
+ <ul class="pl-0 pr-md-5" >
63
+ <li><b>{{item.platform}}</b> </li>
64
+ <div class="pl-0 d-flex flex-wrap justify-content-between softwares-section flex-column " >
65
+ {%- for data in item.softwares -%}
66
+ <div class="d-flex mb-3" >
67
+ {%- if data.image -%}
68
+ <img src={{data.image}} alt="software" loading='lazy' >
69
+ {%- endif -%}
70
+ <div >
71
+ <a class="d-block software-name" href="{{data.link}}"><div>{{data.name}}</div></a>
72
+ <div class="software-value" >{{data.type}}</div>
73
+ </div>
74
+ </div>
75
+ {%- endfor -%}
76
+ </div>
77
+ </ul>
78
+ {%- endfor -%}
79
+ </div>
80
+ </div>
81
+ {%- endif -%}
82
+ </ol>
83
+
84
+ </li>
85
+
86
+ {%- endif -%}
87
+ {%- endfor -%}
88
+ </ol>
89
+ </div>
90
+
91
+ </div>
@@ -1,10 +1,12 @@
1
1
  {% assign scriptData = site.data.[page.folderName][lang][file] %}
2
+ {%- assign dataAtt = "data-folderName='$folderName' data-lang='$lang' data-fileName='$fileName' data-tool='$tool'" -%}
3
+ {%- assign $folderName = '$folderName' -%}
2
4
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
3
5
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
4
6
  {{site.data.customcdns.customcdns.jsfiles}}
5
7
  {%- if scriptData.jsfilepaths -%}
6
8
  {%- for path in scriptData.jsfilepaths -%}
7
- <script src="{{path}}"></script>
9
+ <script src="{{path}}" data-folderName="{{page.folderName}}" data-lang="{{page.lang}}" data-fileName="{{page.fileName}}" data-tool="{{page.tool}}" ></script>
8
10
  {%- endfor -%}
9
11
  {%- endif -%}
10
12
  {%- if scriptData.jscdns -%}
@@ -11,7 +11,7 @@
11
11
  <div class="download-section">
12
12
  <div class="row">
13
13
  <div class="col-md-12 px-0">
14
- <p class="success-msg" > <?xml version="1.0" encoding="iso-8859-1"?>
14
+ <p class="success-msg mb-0" > <?xml version="1.0" encoding="iso-8859-1"?>
15
15
  <svg height='22px' width='22px' version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
16
16
  viewBox="0 0 496.158 496.158" style="enable-background:new 0 0 496.158 496.158;" xml:space="preserve">
17
17
  <path style="fill:#32BEA6;" d="M496.158,248.085c0-137.021-111.07-248.082-248.076-248.082C111.07,0.003,0,111.063,0,248.085
@@ -55,14 +55,15 @@
55
55
  <g>
56
56
  </g>
57
57
  </svg>
58
- Hurry! your operation was completed</p>
58
+ {{downloadData.successmessage | default: 'Hurry! your operation was completed' }} </p>
59
59
  <div class="try-more-features ">
60
- <h2 class="success-msg border-bottom-none" >Try These features</h2>
60
+ <h2 class="success-msg border-bottom-none" > {{downloadData.tryfeatureheading | default: 'Try These features' }} </h2>
61
61
  <div class="row feature-showcase " >
62
62
  {%- if downloadData.recommendedfeatures -%}
63
63
  {%- for item in downloadData.recommendedfeatures -%}
64
- <div class="col-md-6 feature-showcase-div">
65
- <a class="px-2 w-100 d-flex justify-content-between " target="_blank" href="{{item.url}}"> <span><img src="{{item.logo}}" alt="feature-logo"> <span class="ml-3 "> {{item.name}}</span></span> <span class='d-inline-block ml-auto'><i class="fas fa-chevron-right"></i></span> </a> </div>
64
+ <div class="col-md-6 pb-3">
65
+
66
+ <a class="px-2 feature-showcase-div w-100 d-flex justify-content-between " href="{{item.url}}"> <span><img src="{{item.logo}}" alt="feature-logo"> <span class="ml-3 "> {{item.name}}</span></span> <span class='d-inline-block ml-auto'><i class="fas fa-chevron-right"></i></span> </a> </div>
66
67
  {%- endfor -%}
67
68
  {%- else -%}
68
69
  code2
@@ -71,18 +72,69 @@
71
72
  </div>
72
73
  </div>
73
74
  </div>
74
- <div class="col-md-12 download-page-rate-us">
75
+ <div class="row w-100 px-3">
76
+ <div class="col-12">
77
+ {%- if downloadData.recommendedsitesheading -%}
78
+ <p class="success-msg mb-0" >{{downloadData.recommendedsitesheading}}</p>
79
+ {%- else -%}
80
+ <p class="success-msg mb-0" >Try our other sites for safe processing of you files ! </p>
81
+ {%- endif -%}
82
+ </div>
83
+
84
+ {%- if downloadData.recommendedsites -%}
85
+ {%- assign recommendedsitesData = downloadData.recommendedsites -%}
86
+ {%- for item in recommendedsitesData -%}
87
+ <div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap ">
88
+ <img loading='lazy' class="website-img" src="{{item.logo}}" alt="{{item.name}} logo"> <a target="_blank" href="{{item.url}}">{{item.name}}</a>
89
+ </div>
90
+ {%- endfor -%}
91
+ {%- else -%}
92
+ <div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
93
+ <img loading='lazy' class="website-img" src="https://d33wubrfki0l68.cloudfront.net/0623ca017395ac8b757b16b645ff38a89963b01b/a43c6/assets/logo.svg" alt="safepdfkitlogo"> <a target="_blank" href="https://safepdfkit.com">Safepdfkit.com</a>
94
+ </div>
95
+ <div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
96
+ <img class="website-img" loading='lazy' src="https://d33wubrfki0l68.cloudfront.net/796c1a01dae9c2d10224fd72a820156974b26ab1/3b885/assets/images/logo.png" alt="Safeaudiokit-logo"> <a target="_blank" href="https://safeaudiokit.com">safeaudiokit.com</a>
97
+ </div>
98
+ <div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
99
+ <img class="website-img" src="https://d33wubrfki0l68.cloudfront.net/ab0207d780c019c54db62b002396bc8c3fddddaf/9abb9/assets/safevideokit.svg" alt="Safevideokitlogo"> <a target="_blank" href="https://safevideokit.com">safevideokit.com</a>
100
+ </div>
101
+ <div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap ">
102
+ <img loading='lazy' class="website-img" src="https://d33wubrfki0l68.cloudfront.net/2e37a1020563aa528471da7425b8e58343e2baf7/a186c/picture.png" alt="Safeimagekitlogo"> <a target="_blank" href="https://safeimagekit.com/">safeimagekit.com</a>
103
+ </div>
104
+ <div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
105
+ <img loading='lazy' class="website-img" src="https://d33wubrfki0l68.cloudfront.net/74bf3f3836d56b30d16137169cd4c28bf15494ed/11962/js/pt.png" alt="safezipkitlogo"> <a target="_blank" href="https://safezipkit.com/">safezipkit.com</a>
106
+ </div>
107
+ <div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
108
+ <img loading='lazy' class="website-img" src="https://d33wubrfki0l68.cloudfront.net/325cdfad7de6cae4a03aecfadc70b38af754cbd0/d87f9/assets/images/logo.png" alt="Safeimageconverter logo"> <a target="_blank" href="https://safeaudioconverter.com/"> safeaudioconverter.com
109
+
110
+ </a>
111
+ </div>
112
+ <div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
113
+ <img loading='lazy' class="website-img" src="https://safevideoconverter.com/assets/logo.svg" alt="https:safevideoconverter logo"> <a target="_blank" href="https://safevideoconverter.com/">safevideoconverter.com</a>
114
+ </div>
115
+ <div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
116
+ <img loading='lazy' class="website-img" src="https://d33wubrfki0l68.cloudfront.net/c8fef6be5192b9fa57b8503c6ad93befa361926d/a66d0/picture.svg" alt="safeimageconverter logo"> <a target="_blank" href="https://safeimageconverter.com/">safeimageconverter</a>
117
+ </div>
118
+ {%- endif -%}
119
+
120
+ </div>
121
+ <div class="col-md-12 download-page-rate-us sites-config py-0">
75
122
  <div class="rating-tool" style="border: none;">
76
- <div class="rating-text">Rate us</div>
123
+ <div class="rating-text">{{downloadData.rateus | default: 'Rate us'}}</div>
77
124
  <div class="rating-stars" >
78
125
  <i class="fas fa-star rating-star"></i><i class="fas fa-star rating-star"></i
79
126
  ><i class="fas fa-star rating-star"></i><i class="fas fa-star rating-star"></i
80
127
  ><i class="fas fa-star rating-star"></i>
81
128
  </div>
82
129
  <div class="rating-value ml-2">
83
-
130
+ {%- for item in data -%}
131
+ {%- if item.name ==tool -%}
132
+ {%- assign rating = item.rating -%}
133
+ {%- assign votes = item.votes -%}
134
+ {%- endif -%}
135
+ {%- endfor -%}
84
136
  <span class="rating"> <strong id='rating'>0</strong><span>/5</span> </span>
85
- &nbsp; <span class="total-ratings" id='count'>0 </span> votes
137
+ &nbsp; <span class="total-ratings" id='count'>0 </span>{{downloadData.votes | default: 'votes'}}
86
138
  </div>
87
139
  </div>
88
140
  <script>
@@ -181,52 +233,7 @@
181
233
  {%- endif -%}</p>
182
234
  </div>
183
235
  </div>
184
- <div class="row sites-config px-3">
185
- <div class="col-12">
186
- {%- if downloadData.recommendedsitesheading -%}
187
- <p class="success-msg" >{{downloadData.recommendedsitesheading}}</p>
188
- {%- else -%}
189
- <p class="success-msg" >Try our other sites for safe processing of you files ! </p>
190
- {%- endif -%}
191
- </div>
192
-
193
- {%- if downloadData.recommendedsites -%}
194
- {%- assign recommendedsitesData = downloadData.recommendedsites -%}
195
- {%- for item in recommendedsitesData -%}
196
- <div class="col-md-4 col-sm-6 mb-4 col-lg-3">
197
- <img loading='lazy' src="{{item.logo}}" alt="{{item.name}} logo"> <a target="_blank" href="{{item.url}}">{{item.name}}</a>
198
- </div>
199
- {%- endfor -%}
200
- {%- else -%}
201
- <div class="col-md-4 col-sm-6 mb-4 col-lg-3">
202
- <img loading='lazy' src="https://d33wubrfki0l68.cloudfront.net/0623ca017395ac8b757b16b645ff38a89963b01b/a43c6/assets/logo.svg" alt="safepdfkitlogo"> <a target="_blank" href="https://safepdfkit.com">Safepdfkit.com</a>
203
- </div>
204
- <div class="col-md-4 col-sm-6 mb-4 col-lg-3">
205
- <img loading='lazy' src="https://d33wubrfki0l68.cloudfront.net/796c1a01dae9c2d10224fd72a820156974b26ab1/3b885/assets/images/logo.png" alt="Safeaudiokit-logo"> <a target="_blank" href="https://safeaudiokit.com">safeaudiokit.com</a>
206
- </div>
207
- <div class="col-md-4 col-sm-6 mb-4 col-lg-3">
208
- <img src="https://d33wubrfki0l68.cloudfront.net/ab0207d780c019c54db62b002396bc8c3fddddaf/9abb9/assets/safevideokit.svg" alt="Safevideokitlogo"> <a target="_blank" href="https://safevideokit.com">safevideokit.com</a>
209
- </div>
210
- <div class="col-md-4 col-sm-6 mb-4 col-lg-3">
211
- <img loading='lazy' src="https://d33wubrfki0l68.cloudfront.net/2e37a1020563aa528471da7425b8e58343e2baf7/a186c/picture.png" alt="Safeimagekitlogo"> <a target="_blank" href="https://safeimagekit.com/">safeimagekit.com</a>
212
- </div>
213
- <div class="col-md-4 col-sm-6 mb-4 col-lg-3">
214
- <img loading='lazy' src="https://d33wubrfki0l68.cloudfront.net/74bf3f3836d56b30d16137169cd4c28bf15494ed/11962/js/pt.png" alt="safezipkitlogo"> <a target="_blank" href="https://safezipkit.com/">safezipkit.com</a>
215
- </div>
216
- <div class="col-md-4 col-sm-6 mb-4 col-lg-3">
217
- <img loading='lazy' src="https://d33wubrfki0l68.cloudfront.net/325cdfad7de6cae4a03aecfadc70b38af754cbd0/d87f9/assets/images/logo.png" alt="Safeimageconverter logo"> <a target="_blank" href="https://safeaudioconverter.com/"> safeaudioconverter.com
218
236
 
219
- </a>
220
- </div>
221
- <div class="col-md-4 col-sm-6 mb-4 col-lg-3">
222
- <img loading='lazy' src="https://safevideoconverter.com/assets/logo.svg" alt="https:safevideoconverter logo"> <a target="_blank" href="https://safevideoconverter.com/">safevideoconverter.com</a>
223
- </div>
224
- <div class="col-md-4 col-sm-6 mb-4 col-lg-3">
225
- <img loading='lazy' src="https://d33wubrfki0l68.cloudfront.net/c8fef6be5192b9fa57b8503c6ad93befa361926d/a66d0/picture.svg" alt="safeimageconverter logo"> <a target="_blank" href="https://safeimageconverter.com/">safeimageconverter</a>
226
- </div>
227
- {%- endif -%}
228
-
229
- </div>
230
237
  </div>
231
238
  </div>
232
239
 
@@ -7,17 +7,32 @@
7
7
  {% include head/index.html %}
8
8
  <body>
9
9
  {% include header/index.html %}
10
- {%- if fileinfoData.display_formats -%}
10
+ <div class="file-info-page-wrap container">
11
+ <div class="row">
12
+ <div class="col-lg-11 mx-auto text-left">
11
13
 
12
- <div class="container px-md-5 compare-table ">
13
- <div class="px-md-4">
14
- {%- include fileformat/fileformatdetail.html -%}
15
- </div>
14
+ <div class=" mt-5" >
15
+ {%- if fileinfoData.H1 -%}
16
+ <h1 class="file-info-h1 mb-2" >{{fileinfoData.H1}}</h1>
17
+ {%- endif -%}
18
+ {%- if fileinfoData.H2 -%}
19
+ <h2 class="file-info-h2 mb-4" >{{fileinfoData.H2}}</h2>
20
+ {%- endif -%}
21
+ {%- if fileinfoData.img -%}
22
+ <img class="file-info-img w-100 h-100 " src="{{fileinfoData.img}}" alt="">
23
+ {%- endif -%}
24
+ </div>
25
+ {%- if fileinfoData.display_formats -%}
26
+ <div >
27
+ {%- include fileformat/fileinfoformat.html -%}
16
28
  </div>
17
29
  {%- endif -%}
18
-
19
30
  {% include footer/index.html %}
20
31
  {% include script.html %}
32
+ </div>
33
+ </div>
34
+
35
+ </div>
21
36
  </body>
22
37
 
23
38
  </html>
data/assets/css/tools.css CHANGED
@@ -162,9 +162,7 @@ header {
162
162
  .how-to-list-item {
163
163
  line-height: 24px;
164
164
  font-size: 16px;
165
- -webkit-font-smoothing: antialiased;
166
- -webkit-font-smoothing: antialiased;
167
- -webkit-font-smoothing: antialiased;
165
+
168
166
  font-weight: 400;
169
167
  display: flex;
170
168
  padding: 6px 0px;
@@ -172,9 +170,7 @@ header {
172
170
  .how-to-title {
173
171
  line-height: 30px;
174
172
  font-size: 20px;
175
- -webkit-font-smoothing: antialiased;
176
- -webkit-font-smoothing: antialiased;
177
- -webkit-font-smoothing: antialiased;
173
+
178
174
  font-weight: 600;
179
175
  margin: 0px;
180
176
  padding-bottom: 12px;
@@ -188,9 +184,7 @@ header {
188
184
  .feature-card-title {
189
185
  line-height: 24px;
190
186
  font-size: 16px;
191
- -webkit-font-smoothing: antialiased;
192
- -webkit-font-smoothing: antialiased;
193
- -webkit-font-smoothing: antialiased;
187
+
194
188
  font-weight: 600;
195
189
  color: rgb(33, 33, 33);
196
190
  text-align: center;
@@ -200,9 +194,7 @@ header {
200
194
  .faq-question {
201
195
  line-height: 24px;
202
196
  font-size: 16px;
203
- -webkit-font-smoothing: antialiased;
204
- -webkit-font-smoothing: antialiased;
205
- -webkit-font-smoothing: antialiased;
197
+
206
198
  font-weight: 600;
207
199
  color: rgb(33, 33, 33);
208
200
  text-align: left;
@@ -212,9 +204,7 @@ header {
212
204
  .feature-card-desc {
213
205
  line-height: 24px;
214
206
  font-size: 16px;
215
- -webkit-font-smoothing: antialiased;
216
- -webkit-font-smoothing: antialiased;
217
- -webkit-font-smoothing: antialiased;
207
+
218
208
  font-weight: 400;
219
209
  color: rgb(33, 33, 33);
220
210
  text-align: center;
@@ -225,9 +215,7 @@ header {
225
215
  .faq-answer {
226
216
  line-height: 24px;
227
217
  font-size: 16px;
228
- -webkit-font-smoothing: antialiased;
229
- -webkit-font-smoothing: antialiased;
230
- -webkit-font-smoothing: antialiased;
218
+
231
219
  font-weight: 400;
232
220
  color: rgb(33, 33, 33);
233
221
  text-align: left;
@@ -254,6 +242,10 @@ pre {
254
242
  a {
255
243
  background-color: transparent;
256
244
  }
245
+ a:hover {
246
+ color: currentColor;
247
+ text-decoration: none;
248
+ }
257
249
  abbr[title] {
258
250
  border-bottom: none;
259
251
  -webkit-text-decoration: underline;
@@ -440,18 +432,13 @@ template {
440
432
  .feature-h1 {
441
433
  line-height: 36px;
442
434
  font-size: 30px;
443
- -webkit-font-smoothing: antialiased;
444
- -webkit-font-smoothing: antialiased;
445
- -webkit-font-smoothing: antialiased;
435
+
446
436
  font-weight: 600;
447
437
  color: rgb(33, 33, 33);
448
438
  text-align: center;
449
439
  margin: 0px;
450
440
  }
451
441
  .feature-h2 {
452
- -webkit-font-smoothing: antialiased;
453
- -webkit-font-smoothing: antialiased;
454
- -webkit-font-smoothing: antialiased;
455
442
  font-weight: 300;
456
443
  color: rgb(33, 33, 33);
457
444
  text-align: center;
@@ -524,9 +511,7 @@ template {
524
511
  .home-feature-desc {
525
512
  line-height: 18px;
526
513
  font-size: 14px;
527
- -webkit-font-smoothing: antialiased;
528
- -webkit-font-smoothing: antialiased;
529
- -webkit-font-smoothing: antialiased;
514
+
530
515
  font-stretch: 400;
531
516
  font-weight: 400;
532
517
  position: absolute;
@@ -551,9 +536,7 @@ template {
551
536
  .home-top-h1 {
552
537
  line-height: 30px;
553
538
  font-size: 22px;
554
- -webkit-font-smoothing: antialiased;
555
- -webkit-font-smoothing: antialiased;
556
- -webkit-font-smoothing: antialiased;
539
+
557
540
  font-stretch: 400;
558
541
  font-weight: 600;
559
542
  color: rgba(33, 33, 33, 1);
@@ -569,9 +552,7 @@ template {
569
552
  .home-top-h2 {
570
553
  line-height: 30px;
571
554
  font-size: 20px;
572
- -webkit-font-smoothing: antialiased;
573
- -webkit-font-smoothing: antialiased;
574
- -webkit-font-smoothing: antialiased;
555
+
575
556
  font-stretch: 400;
576
557
  font-weight: 300;
577
558
  color: rgba(33, 33, 33, 1);
@@ -975,9 +956,6 @@ ul li {
975
956
  }
976
957
  /* footer css start */
977
958
  .footer {
978
- -webkit-font-smoothing: antialiased;
979
- -webkit-font-smoothing: antialiased;
980
- -webkit-font-smoothing: antialiased;
981
959
  }
982
960
  .footer-wrapper {
983
961
  padding: 32px 0;
@@ -1174,14 +1152,8 @@ ul li {
1174
1152
  /* footer css end */
1175
1153
  /*about termsand conditions help*/
1176
1154
  .contact_layout {
1177
- -webkit-font-smoothing: antialiased;
1178
- -webkit-font-smoothing: antialiased;
1179
- -webkit-font-smoothing: antialiased;
1180
1155
  }
1181
1156
  .about_layout {
1182
- -webkit-font-smoothing: antialiased;
1183
- -webkit-font-smoothing: antialiased;
1184
- -webkit-font-smoothing: antialiased;
1185
1157
  }
1186
1158
  .contact-h1 {
1187
1159
  line-height: 30px;
@@ -1605,7 +1577,7 @@ ul li {
1605
1577
  }
1606
1578
  .download-section {
1607
1579
  box-shadow: rgb(0 0 0 / 20%) 0px 0px 2px inset;
1608
- margin-top: 40px;
1580
+ margin-top: 5px;
1609
1581
  }
1610
1582
  .download-btn-container {
1611
1583
  border-bottom: 1px solid rgb(238, 238, 238);
@@ -1712,9 +1684,12 @@ ul li {
1712
1684
  outline: none;
1713
1685
  -webkit-box-align: center;
1714
1686
  align-items: center;
1715
- height: 80px;
1687
+ height: 66px;
1716
1688
  background: rgb(250, 250, 250);
1717
1689
  }
1690
+ .feature-showcase-div:hover {
1691
+ background-color: #fff;
1692
+ }
1718
1693
  .feature-showcase-div img {
1719
1694
  width: 32px;
1720
1695
  height: 32px;
@@ -1726,12 +1701,46 @@ ul li {
1726
1701
  .feature-showcase-div i {
1727
1702
  font-size: 11px;
1728
1703
  }
1729
- /* .no-file-transfer .circle::before {
1730
- content: 'No';
1731
- height: 100%;
1704
+ .website-img {
1705
+ height: 38px;
1706
+ }
1707
+ .website-wrap {
1708
+ text-align: left;
1709
+ }
1710
+ .file-info-h1 {
1711
+ font-family: Helvetica, sans-serif;
1712
+ font-weight: 600;
1713
+ font-size: 1.8rem;
1714
+ margin: 0;
1715
+ margin-bottom: 8px;
1716
+ }
1717
+ .file-info-h2 {
1718
+ font-family: Helvetica, sans-serif;
1719
+ font-weight: 600;
1720
+ font-size: 19px;
1721
+ color: #848d95;
1722
+ margin-bottom: 10px;
1723
+ }
1724
+ .file-info-item-list {
1725
+ list-style: disc;
1726
+ color: rgb(26, 25, 25);
1727
+ font-family: Helvetica;
1728
+ font-size: 17.4px;
1729
+ line-height: 32px;
1730
+ padding: 0;
1731
+ }
1732
+ .file-info-img {
1733
+ height: 500px;
1732
1734
  width: 100%;
1733
- position: absolute;
1734
- border-radius: 50%;
1735
- background: red;
1736
- } */
1737
- /* close */
1735
+ }
1736
+ .info-title {
1737
+ font-weight: 600;
1738
+ }
1739
+ .sticky-div-file-info {
1740
+ position: sticky;
1741
+ top: 0%;
1742
+ }
1743
+
1744
+ ol li::marker {
1745
+ font-size: 25px;
1746
+ }