Skip to content

Commit 963ff20

Browse files
authored
Added footer in all the components category page (#1458)
1 parent eb8980c commit 963ff20

23 files changed

+218
-27
lines changed

assets/css_files/commonstyle.css

Lines changed: 20 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ html {
2626
}
2727

2828
::-webkit-scrollbar-track {
29-
background: var(white);
29+
background: var(--primary);
3030
}
3131

3232
::-webkit-scrollbar-thumb {
@@ -38,13 +38,12 @@ body {
3838
align-items: center;
3939
min-height: 100vh;
4040
line-height: 1.4;
41-
margin: 4%;
4241
font-size: 1.4rem;
43-
background-image: url(../images/bg2.png);
44-
background-repeat: no repeat;
45-
background-attachment: fixed;
46-
background-size: cover;
47-
background-position: 50% 50%;
42+
background: url(../images/bg2.png) no-repeat fixed center/cover;
43+
}
44+
45+
body.dark-mode .SearchDarkMode {
46+
color: #FFFFFF;
4847
}
4948

5049
section {
@@ -68,63 +67,57 @@ section {
6867
}
6968

7069
.box {
71-
box-sizing: border-box;
72-
border: 3px solid rgb(255, 255, 255);
70+
border: 3px solid #ffffff;
7371
border-radius: 14px;
7472
box-shadow: 3px 3px 6px 1px white;
7573
margin: 20px 40px;
7674
padding: 20px 40px;
7775
width: 370px;
7876
color: black;
7977
background-color: #f0dee9b5;
80-
transition: all 0.2s ease-in-out;
78+
transition: transform 0.2s ease-in-out;
8179
position: relative;
8280
}
8381

8482
.box:hover {
8583
transform: scale(1.05);
86-
transition: all 0.2s ease-in-out;
8784
}
8885

8986
h1 {
9087
color: black;
9188
text-align: center;
92-
text-shadow: 1px 1px 1px black, 1px 1px 1px white;
9389
font-size: 1.8em;
94-
}
95-
96-
body.dark-mode .SearchDarkMode {
97-
color: #FFFFFF;
90+
text-shadow: 1px 1px 1px black, 1px 1px 1px white;
9891
}
9992

10093
.preview {
10194
margin-top: 45px;
10295
float: left;
10396
}
10497

105-
.preview img {
106-
height: 41px;
107-
width: 41px;
108-
transition: all 0.2s ease-in-out;
109-
}
110-
11198
.source {
11299
margin-top: 45px;
113100
float: right;
114101
}
115102

103+
.preview img,
116104
.source img {
117105
height: 41px;
118106
width: 41px;
119-
transition: all 0.2s ease-in-out;
107+
transition: transform 0.2s ease-in-out;
120108
}
121109

110+
.preview img:hover,
122111
.source img:hover {
123112
transform: scale(1.2);
124-
transition: all 0.2s ease-in-out;
125113
}
126114

127-
.preview img:hover {
128-
transform: scale(1.2);
129-
transition: all 0.2s ease-in-out;
115+
.common-footer {
116+
color: white;
117+
font-size: 1.1em;
118+
font-weight: 600;
119+
margin-top: 50px;
120+
text-align: center;
121+
padding: 15px 20px;
122+
background-color: #333333;
130123
}

assets/html_files/accordions.html

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -113,6 +113,15 @@ <h2>Hmmm, we are not getting any result. <br> Our bad - Please try another searc
113113
</div>
114114
</section>
115115

116+
<!-- Footer section -->
117+
<div class="common-footer">
118+
<p>Created By Rakesh Roshan ❤️ | ©
119+
<script>
120+
document.write(new Date().getFullYear());
121+
</script>: All Rights Reserved
122+
</p>
123+
</div>
124+
116125
<!-- Scroll To Top Button -->
117126
<div id="progress">
118127
<span id="progress-value" class="bi bi-arrow-up-short"></span>

assets/html_files/backgrounds.html

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -113,6 +113,15 @@ <h2>Hmmm, we are not getting any result. <br> Our bad - Please try another searc
113113
</div>
114114
</section>
115115

116+
<!-- Footer section -->
117+
<div class="common-footer">
118+
<p>Created By Rakesh Roshan ❤️ | ©
119+
<script>
120+
document.write(new Date().getFullYear());
121+
</script>: All Rights Reserved
122+
</p>
123+
</div>
124+
116125
<!-- Scroll To Top Button -->
117126
<div id="progress">
118127
<span id="progress-value" class="bi bi-arrow-up-short"></span>

assets/html_files/breadcrumbs.html

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -113,6 +113,15 @@ <h2>Hmmm, we are not getting any result. <br> Our bad - Please try another searc
113113
</div>
114114
</section>
115115

116+
<!-- Footer section -->
117+
<div class="common-footer">
118+
<p>Created By Rakesh Roshan ❤️ | ©
119+
<script>
120+
document.write(new Date().getFullYear());
121+
</script>: All Rights Reserved
122+
</p>
123+
</div>
124+
116125
<!-- Scroll To Top Button -->
117126
<div id="progress">
118127
<span id="progress-value" class="bi bi-arrow-up-short"></span>

assets/html_files/buttons.html

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -113,6 +113,15 @@ <h2>Hmmm, we are not getting any result. <br> Our bad - Please try another searc
113113
</div>
114114
</section>
115115

116+
<!-- Footer section -->
117+
<div class="common-footer">
118+
<p>Created By Rakesh Roshan ❤️ | ©
119+
<script>
120+
document.write(new Date().getFullYear());
121+
</script>: All Rights Reserved
122+
</p>
123+
</div>
124+
116125
<!-- Scroll To Top Button -->
117126
<div id="progress">
118127
<span id="progress-value" class="bi bi-arrow-up-short"></span>

assets/html_files/cards.html

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -114,6 +114,15 @@ <h2>Hmmm, we are not getting any result. <br> Our bad - Please try another searc
114114
</div>
115115
</section>
116116

117+
<!-- Footer section -->
118+
<div class="common-footer">
119+
<p>Created By Rakesh Roshan ❤️ | ©
120+
<script>
121+
document.write(new Date().getFullYear());
122+
</script>: All Rights Reserved
123+
</p>
124+
</div>
125+
117126
<!-- Scroll To Top Button -->
118127
<div id="progress">
119128
<span id="progress-value" class="bi bi-arrow-up-short"></span>

assets/html_files/carousels.html

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -113,6 +113,15 @@ <h2>Hmmm, we are not getting any result. <br> Our bad - Please try another searc
113113
</div>
114114
</section>
115115

116+
<!-- Footer section -->
117+
<div class="common-footer">
118+
<p>Created By Rakesh Roshan ❤️ | ©
119+
<script>
120+
document.write(new Date().getFullYear());
121+
</script>: All Rights Reserved
122+
</p>
123+
</div>
124+
116125
<!-- Scroll To Top Button -->
117126
<div id="progress">
118127
<span id="progress-value" class="bi bi-arrow-up-short"></span>

assets/html_files/cursors.html

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -108,6 +108,15 @@ <h2>Hmmm, we are not getting any result. <br> Our bad - Please try another searc
108108
</div>
109109
</section>
110110

111+
<!-- Footer section -->
112+
<div class="common-footer">
113+
<p>Created By Rakesh Roshan ❤️ | ©
114+
<script>
115+
document.write(new Date().getFullYear());
116+
</script>: All Rights Reserved
117+
</p>
118+
</div>
119+
111120
<!-- Scroll To Top Button -->
112121
<div id="progress">
113122
<span id="progress-value" class="bi bi-arrow-up-short"></span>

assets/html_files/dropdowns.html

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -113,6 +113,15 @@ <h2>Hmmm, we are not getting any result. <br> Our bad - Please try another searc
113113
</div>
114114
</section>
115115

116+
<!-- Footer section -->
117+
<div class="common-footer">
118+
<p>Created By Rakesh Roshan ❤️ | ©
119+
<script>
120+
document.write(new Date().getFullYear());
121+
</script>: All Rights Reserved
122+
</p>
123+
</div>
124+
116125
<!-- Scroll To Top Button -->
117126
<div id="progress">
118127
<span id="progress-value" class="bi bi-arrow-up-short"></span>

assets/html_files/error-pages.html

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -113,6 +113,15 @@ <h2>Hmmm, we are not getting any result. <br> Our bad - Please try another searc
113113
</div>
114114
</section>
115115

116+
<!-- Footer section -->
117+
<div class="common-footer">
118+
<p>Created By Rakesh Roshan ❤️ | ©
119+
<script>
120+
document.write(new Date().getFullYear());
121+
</script>: All Rights Reserved
122+
</p>
123+
</div>
124+
116125
<!-- Scroll To Top Button -->
117126
<div id="progress">
118127
<span id="progress-value" class="bi bi-arrow-up-short"></span>

0 commit comments

Comments
 (0)