Skip to content

Commit 1cc7a93

Browse files
Rakesh9100Rakesh9100
committed
Refactored HTML structure and improved styling consistency across pages
1 parent 4332fac commit 1cc7a93

File tree

11 files changed

+172
-198
lines changed

11 files changed

+172
-198
lines changed

‎assets/about/about.css‎

Lines changed: 16 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -5,36 +5,34 @@
55
}
66

77
body {
8-
font-family: 'Poppins', sans-serif;
8+
display: flex;
9+
flex-direction: column;
910
line-height: 1.6;
10-
color: var(--text-color);
1111
min-height: 100vh;
12-
height: 100%;
12+
color: var(--text-color);
13+
font-family: 'Poppins', sans-serif;
14+
background-color: var(--background-color);
1315
}
1416

1517
/* Dark mode Css*/
1618

17-
body.dark-mode .about-section {
18-
background-color: #1e1e1e;
19-
color: #f4f4f4;
20-
}
21-
22-
body.dark-mode .about-image {
23-
filter: brightness(80%);
19+
body.dark-mode .about-text {
20+
color: #000000;
2421
}
2522

2623
body.dark-mode .feature-item {
2724
background-color: #282828;
2825
color: #f4f4f4;
2926
}
3027

31-
body.dark-mode .about-content {
32-
background-color: rgba(40, 44, 52, 1);
33-
}
34-
3528
.about-section {
29+
width: 100%;
30+
display: flex;
31+
flex-wrap: wrap;
32+
min-height: 100vh;
33+
align-items: center;
3634
padding: 6rem 0 4rem;
37-
background: linear-gradient(135deg, #4a90e2, #e74c3c);
35+
justify-content: center;
3836
}
3937

4038
.about-content {
@@ -46,15 +44,7 @@ body.dark-mode .about-content {
4644
border-radius: 10px;
4745
flex-direction: column;
4846
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
49-
background-color: rgba(255, 255, 255, 0.9);
50-
}
51-
52-
.section-title {
53-
color: #e74c3c;
54-
font-size: 2.5rem;
55-
margin-bottom: 1.5rem;
56-
text-align: center;
57-
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
47+
background: linear-gradient(135deg, #4a90e2, #e74c3c);
5848
}
5949

6050
.image {
@@ -84,7 +74,7 @@ body.dark-mode .about-content {
8474
text-align: center;
8575
border-radius: 10px;
8676
color: var(--text-color);
87-
background-color: #fff;
77+
background-color: #ffffff;
8878
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
8979
transition: transform 0.3s ease, box-shadow 0.3s ease;
9080
}
@@ -98,7 +88,7 @@ body.dark-mode .about-content {
9888
}
9989

10090
.feature-item {
101-
background-color: #fff;
91+
background-color: #ffffff;
10292
border-radius: 10px;
10393
padding: 1.5rem;
10494
text-align: center;

‎assets/about/about.html‎

Lines changed: 6 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -95,14 +95,12 @@ <h3 class="feature-title">Up-to-date Calendar</h3>
9595
</main>
9696

9797
<!-- Footer section -->
98-
<footer class="footer">
99-
<div class="container">
100-
<p class="copyright">Created By Rakesh Roshan ❤️ | ©
101-
<script>
102-
document.write(new Date().getFullYear());
103-
</script>: All Rights Reserved
104-
</p>
105-
</div>
98+
<footer>
99+
<p class="copyright">Created By Rakesh Roshan ❤️ | ©
100+
<script>
101+
document.write(new Date().getFullYear());
102+
</script>: All Rights Reserved
103+
</p>
106104
</footer>
107105

108106
<!-- Scroll to top button -->

‎assets/contact/contact.css‎

Lines changed: 24 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,23 @@
1-
body {
1+
* {
22
margin: 0;
3-
font-family: 'Poppins', sans-serif;
4-
background-color: #f7f8fa;
5-
color: #333;
3+
padding: 0;
4+
box-sizing: border-box;
5+
}
6+
7+
body {
8+
display: flex;
9+
flex-direction: column;
610
line-height: 1.6;
11+
min-height: 100vh;
12+
color: var(--text-color);
13+
font-family: 'Poppins', sans-serif;
14+
background-color: var(--background-color);
715
}
816

917
/* Dark mode Css */
1018

11-
body.dark-mode .contact-section {
12-
background-color: #1e1e1e;
13-
color: #f4f4f4;
14-
}
15-
16-
body.dark-mode .contact-form {
17-
background-color: #282828;
18-
color: #f4f4f4;
19+
body.dark-mode .form-section {
20+
background-color: #000000;
1921
}
2022

2123
body.dark-mode .form-section input,
@@ -26,15 +28,6 @@ body.dark-mode .form-section textarea {
2628
font-weight: 700;
2729
}
2830

29-
body.dark-mode .submit-button {
30-
background-color: #444;
31-
color: #f4f4f4;
32-
}
33-
34-
body.dark-mode .form-section {
35-
background-color: #000000a1;
36-
}
37-
3831
body.dark-mode .form-section input::placeholder,
3932
body.dark-mode .form-section textarea::placeholder {
4033
color: #b89f9fc2;
@@ -48,7 +41,12 @@ body.dark-mode .form-section .icon:hover {
4841
color: #1da1f2;
4942
}
5043

51-
/* Main container Css*/
44+
main {
45+
flex: 1;
46+
display: flex;
47+
justify-content: center;
48+
align-items: center;
49+
}
5250

5351
.contact-container {
5452
display: flex;
@@ -71,7 +69,7 @@ body.dark-mode .form-section .icon:hover {
7169
max-width: 500px;
7270
padding: 20px;
7371
text-align: center;
74-
background-color: #fff;
72+
background-color: #ffffff;
7573
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
7674
border-radius: 8px;
7775
}
@@ -92,7 +90,7 @@ body.dark-mode .form-section .icon:hover {
9290
width: 99%;
9391
padding: 10px;
9492
margin: 10px 0;
95-
border: 1px solid #ddd;
93+
border: 1px solid #dddddd;
9694
background-color: #e9eef5;
9795
border-radius: 8px;
9896
font-size: 1em;
@@ -125,7 +123,7 @@ textarea {
125123
width: 100%;
126124
padding: 10px;
127125
background: #4a90e2;
128-
color: #fff;
126+
color: #ffffff;
129127
border: none;
130128
border-radius: 8px;
131129
font-size: 1em;
@@ -145,7 +143,7 @@ textarea {
145143
.social-links a {
146144
margin: 0 10px;
147145
font-size: 1.5em;
148-
color: #333;
146+
color: #333333;
149147
text-decoration: none;
150148
transition: color 0.3s ease;
151149
}
@@ -164,16 +162,6 @@ textarea {
164162
font-size: 21px;
165163
}
166164

167-
/* Footer Css*/
168-
169-
footer {
170-
text-align: center;
171-
padding: 15px 20px;
172-
background-color: #333;
173-
color: white;
174-
font-size: 1em;
175-
}
176-
177165
/* Media queries for responsiveness */
178166

179167
@media (max-width: 768px) {
@@ -194,8 +182,4 @@ footer {
194182
.form-section p {
195183
font-size: 0.9em;
196184
}
197-
198-
footer {
199-
font-size: 0.9em;
200-
}
201185
}

‎assets/contact/contact.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,7 @@
6363
<img src="../images/contact.png" alt="Contact Illustration">
6464
</div>
6565
<div class="form-section">
66-
<h1>CONTACT US</h1>
66+
<h1 class="section-title">CONTACT US</h1>
6767
<p>We would love to hear from you</p>
6868
<form name="Eventica Contact" autocomplete="off" netlify>
6969
<input type="text" id="name" name="name" placeholder="Your Name" autocomplete="name" required>

‎assets/contributors/contributor.css‎

Lines changed: 23 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,23 @@
1-
body {
1+
* {
22
margin: 0;
3-
font-family: 'Poppins', sans-serif;
4-
background-color: #f7f8fa;
5-
color: #333;
3+
padding: 0;
4+
box-sizing: border-box;
5+
}
6+
7+
body {
8+
display: flex;
9+
flex-direction: column;
610
line-height: 1.6;
11+
min-height: 100vh;
12+
color: var(--text-color);
13+
font-family: 'Poppins', sans-serif;
14+
background-color: var(--background-color);
15+
}
16+
17+
main {
18+
flex: 1;
19+
align-items: center;
20+
justify-content: center;
721
}
822

923
.ctnr {
@@ -19,9 +33,8 @@ body {
1933

2034
h1 {
2135
font-size: 3rem;
22-
color: #1da1f2;
23-
margin-top: 100px;
24-
margin-bottom: 30px;
36+
color: var(--primary-color);
37+
margin: 50px 0;
2538
font-weight: bold;
2639
letter-spacing: 2px;
2740
}
@@ -39,7 +52,7 @@ h1 {
3952

4053
.contributor-card {
4154
background: #ffffff;
42-
color: #333;
55+
color: #333333;
4356
border-radius: 15px;
4457
padding: 20px;
4558
width: 250px;
@@ -58,7 +71,7 @@ h1 {
5871
width: 100px;
5972
height: 100px;
6073
border-radius: 50%;
61-
border: 3px solid #1da1f2;
74+
border: 3px solid var(--primary-color);
6275
margin-bottom: 15px;
6376
}
6477

@@ -70,7 +83,7 @@ h1 {
7083
.contributor-card a {
7184
display: inline-block;
7285
margin: 5px 0;
73-
color: #1da1f2;
86+
color: var(--primary-color);
7487
font-weight: bold;
7588
text-decoration: none;
7689
transition: color 0.3s ease;

‎assets/contributors/contributor.html‎

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -57,10 +57,12 @@
5757
</nav>
5858

5959
<!-- Contributors main section -->
60-
<div class="ctnr">
61-
<h1>Meet Our Contributors</h1>
62-
<div id="contributors" class="contributors-grid"></div>
63-
</div>
60+
<main>
61+
<div class="ctnr">
62+
<h1 class="section-title">Meet Our Contributors</h1>
63+
<div id="contributors" class="contributors-grid"></div>
64+
</div>
65+
</main>
6466

6567
<!-- Footer section -->
6668
<footer>
@@ -76,8 +78,8 @@ <h1>Meet Our Contributors</h1>
7678
<i class="fas fa-chevron-up"></i>
7779
</a>
7880

81+
<script src="contributor.js"></script>
7982
<script src="../../script.js"></script>
80-
<script src="./contributor.js"></script>
8183
</body>
8284

8385
</html>

‎assets/pastevents/pastevents.css‎

Lines changed: 7 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -5,31 +5,19 @@
55
}
66

77
body {
8-
font-family: 'Poppins', sans-serif;
8+
display: flex;
9+
flex-direction: column;
910
line-height: 1.6;
10-
background-color: rgba(243, 238, 238, 0.616);
11+
min-height: 100vh;
1112
color: var(--text-color);
13+
font-family: 'Poppins', sans-serif;
14+
background-color: var(--background-color);
1215
}
1316

1417
/* Dark mode Css */
1518

16-
body.dark-mode .past-events-section {
17-
background-color: #1e1e1e;
18-
color: #f4f4f4;
19-
}
20-
21-
body.dark-mode .event-grid {
22-
background-color: #282828;
23-
color: #f4f4f4;
24-
}
25-
26-
body.dark-mode .event-card {
27-
background-color: #333;
28-
color: #f4f4f4;
29-
}
30-
3119
body.dark-mode .past-event-card {
32-
background-color: #333;
20+
background-color: #000000;
3321
}
3422

3523
body.dark-mode .past-event-date,
@@ -101,7 +89,7 @@ body.dark-mode .past-event-date,
10189
width: 60%;
10290
border-radius: 1rem;
10391
border: none;
104-
color: #fff !important;
92+
color: #ffffff !important;
10593
background-color: var(--primary-color);
10694
font-size: 1rem;
10795
padding: 0.5rem 1rem;

0 commit comments

Comments
 (0)