Skip to content

Commit 4f3fc7e

Browse files
mdazfar2mdazfar2
authored
Merge pull request #265 from pandeyji711/contributor
 aligment of banner at bottom is not correct and redesign of team button
2 parents 8984dae + f8656ef commit 4f3fc7e

5 files changed

Lines changed: 121 additions & 50 deletions

File tree

‎Official_Website/banner copy.css‎

Lines changed: 10 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,3 @@
1-
2-
31
.join-team {
42
display: flex;
53
align-items: center;
@@ -10,10 +8,18 @@
108
}
119

1210
.trophy {
13-
font-size: 24px;
11+
display: flex;
12+
align-items: center;
13+
justify-content: center;
1414
margin-right: 15px;
1515
}
1616

17+
.trophy svg {
18+
width: 24px;
19+
height: 24px;
20+
fill: #ffc107; /* Gold color */
21+
}
22+
1723
.text-content {
1824
flex-grow: 1;
1925
}
@@ -41,4 +47,4 @@
4147

4248
.join-button:hover {
4349
background-color: #6749e8;
44-
}
50+
}

‎Official_Website/banner.css‎

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,11 @@
44
display: flex;
55
align-items: center;
66
background-color: white;
7-
padding: 20px 30px;
7+
padding: 24px 16px;
88
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
99
border-radius: 8px;
10+
margin-left:70px;
11+
margin-right:60px ;
1012
}
1113

1214
.trophy {
@@ -28,6 +30,11 @@
2830
margin: 0;
2931
color: #666;
3032
}
33+
.trophy svg {
34+
width: 24px;
35+
height: 24px;
36+
fill: #ffc107; /* Gold color */
37+
}
3138

3239
.join-button {
3340
background-color: #7a5eff;
@@ -42,3 +49,4 @@
4249
.join-button:hover {
4350
background-color: #6749e8;
4451
}
52+

‎Official_Website/contributor-index.html‎

Lines changed: 17 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,8 @@
77
rel="stylesheet"
88
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" />
99
<link rel="stylesheet" href="skeleton.css">
10+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
11+
1012
<title>HelpOps-Hub</title>
1113
<!-- Added Favicon for website -->
1214
<link rel="shortcut icon" href="Favicon.png" type="image/x-icon" />
@@ -63,6 +65,8 @@ <h1>HelpOps-Hub</h1>
6365
border-radius: 4px;
6466
cursor: pointer;
6567
transition: background-color 0.2s;
68+
margin-bottom: 70px;
69+
margin-top: 70px;
6670
}
6771

6872
#load-more:hover {
@@ -80,12 +84,6 @@ <h1>HelpOps-Hub</h1>
8084

8185

8286
<ul class="nav__list" id="navlinkitems">
83-
<li class="nav__item">
84-
<a href="contributor-index.html" class="fa-solid fa-people-group"></a>
85-
</li>
86-
<li class="nav__item">
87-
<a href="https://github.com/mdazfar2/HelpOps-Hub" target="_blank" class="fab fa-github"></a>
88-
</li>
8987
<li class="nav__item">
9088
<a href="https://linkedin.com" target="_blank" class="fab fa-linkedin"></a>
9189
</li>
@@ -96,6 +94,13 @@ <h1>HelpOps-Hub</h1>
9694
<li class="nav__item">
9795
<a href="javascript:void(0);" class="fas fa-adjust" onclick="toggleTheme()"></a>
9896
</li>
97+
<li>
98+
<a href="contributor-index.html">
99+
<button class="team-button">
100+
<svg viewBox="0 0 20 20" width="25" height="25" fill="none" class="text-primary dark:text-white"><path d="M9.95757 12.1164C12.8169 12.1164 15.2584 12.5697 15.2584 14.3837C15.2584 16.1969 12.8326 16.6667 9.95757 16.6667C7.09825 16.6667 4.65678 16.2134 4.65678 14.4002C4.65678 12.5862 7.08258 12.1164 9.95757 12.1164ZM14.5293 11.0241C15.6224 11.0038 16.7976 11.1539 17.2319 11.2605C18.1519 11.4414 18.7571 11.8106 19.0078 12.3472C19.2197 12.7878 19.2197 13.2989 19.0078 13.7387C18.6242 14.571 17.3878 14.8382 16.9073 14.9072C16.8081 14.9222 16.7282 14.8359 16.7387 14.7361C16.9842 12.4298 15.0314 11.3363 14.5263 11.0849C14.5046 11.0736 14.5002 11.0564 14.5024 11.0459C14.5039 11.0384 14.5129 11.0264 14.5293 11.0241ZM5.47137 11.0244C5.48779 11.0267 5.496 11.0387 5.49749 11.0454C5.49973 11.0567 5.49525 11.0732 5.47436 11.0852C4.96846 11.3366 3.01573 12.4301 3.26122 14.7357C3.27167 14.8362 3.19257 14.9218 3.09333 14.9075C2.6128 14.8385 1.3764 14.5713 0.992868 13.739C0.780209 13.2984 0.780209 12.7881 0.992868 12.3475C1.24358 11.8109 1.84798 11.4417 2.768 11.2601C3.20302 11.1542 4.37749 11.0041 5.47137 11.0244ZM9.95757 3.33337C11.9043 3.33337 13.4653 4.90193 13.4653 6.86075C13.4653 8.81882 11.9043 10.3889 9.95757 10.3889C8.01081 10.3889 6.44982 8.81882 6.44982 6.86075C6.44982 4.90193 8.01081 3.33337 9.95757 3.33337ZM14.7195 3.92162C16.5999 3.92162 18.0766 5.70107 17.5736 7.68315C17.2341 9.01755 16.0052 9.9039 14.636 9.86788C14.4987 9.86412 14.3636 9.85137 14.233 9.82885C14.1383 9.81234 14.0905 9.70502 14.1442 9.62546C14.6666 8.85244 14.9643 7.92257 14.9643 6.92439C14.9643 5.88269 14.639 4.91154 14.0741 4.11525C14.0562 4.09048 14.0428 4.05221 14.0607 4.02369C14.0756 4.00042 14.1032 3.98842 14.1293 3.98241C14.3196 3.94339 14.5151 3.92162 14.7195 3.92162ZM5.27998 3.92155C5.48443 3.92155 5.67993 3.94331 5.87095 3.98234C5.89632 3.98834 5.92467 4.0011 5.93959 4.02361C5.95676 4.05213 5.94407 4.09041 5.92616 4.11518C5.36131 4.91146 5.03598 5.88262 5.03598 6.92432C5.03598 7.92249 5.33371 8.85237 5.85602 9.62539C5.90975 9.70494 5.86199 9.81226 5.76723 9.82878C5.6359 9.85204 5.50159 9.86405 5.3643 9.8678C3.99508 9.90383 2.76614 9.01748 2.42663 7.68308C1.92297 5.70099 3.39964 3.92155 5.27998 3.92155Z" fill="currentColor"></path></svg> Our Team
101+
</button>
102+
</a>
103+
</li>
99104
<li>
100105
<button class="about-button">
101106

@@ -511,7 +516,11 @@ <h2>Anurag Pandey</h2>
511516

512517
</div>
513518
<div class="join-team">
514-
<span class="trophy">🏆</span>
519+
<div class="trophy">
520+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
521+
<path d="M21 3h-4V2c0-.55-.45-1-1-1H8c-.55 0-1 .45-1 1v1H3c-.55 0-1 .45-1 1v3c0 2.42 1.72 4.44 4 4.9V11c0 2.93 2.07 5.36 5 5.91V20h-2c-.55 0-1 .45-1 1v1h8v-1c0-.55-.45-1-1-1h-2v-3.09c2.93-.55 5-2.98 5-5.91v-.1c2.28-.46 4-2.48 4-4.9V4c0-.55-.45-1-1-1zM5 8c-1.1 0-2-.9-2-2V5h2v3zm14-3v1c0 1.1-.9 2-2 2V5h2z"/>
522+
</svg>
523+
</div>
515524
<div class="text-content">
516525
<h2>Join our awesome team!</h2>
517526
<p>Be a contributor and improve HelpOps-Hub and help fellow developers.</p>
@@ -520,7 +529,7 @@ <h2>Join our awesome team!</h2>
520529
<button class="join-button">Join us now ➜</button>
521530
</a>
522531
</div>
523-
<button id="load-more" style="display: none;">Load More</button>
532+
<button id="load-more" style="display: none;">See More</button>
524533
<script src="contributor.js"></script>
525534
<script src="dark_mode.js"></script>
526535
</body>

‎Official_Website/index.html‎

Lines changed: 44 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -24,40 +24,52 @@ <h1>HelpOps-Hub</h1>
2424
<p>Ensuring You Never Get Stuck In DevOps Again!</p>
2525
</div>
2626
</header>
27-
<nav class="nav" id="navbar">
27+
<nav class="nav " id="navbar">
28+
29+
30+
2831
<ul class="nav__list" id="navlinkitems">
29-
<li class="nav__item">
30-
<a href="contributor-index.html" class="fa-solid fa-people-group"></a>
31-
</li>
32-
<li class="nav__item">
33-
<a href="https://github.com/mdazfar2/HelpOps-Hub" target="_blank" class="fab fa-github"></a>
34-
</li>
35-
<li class="nav__item">
36-
<a href="https://www.linkedin.com/company/helpops-hub/" target="_blank" class="fab fa-linkedin"></a>
37-
</li>
38-
<li class="nav__item">
39-
<a href="https://discord.com/invite/UWTrRhqywt" target="_blank" class="fab fa-discord"></a>
40-
</li>
41-
<li class="nav__item">
42-
<a href="javascript:void(0);" class="fas fa-adjust" onclick="toggleTheme()"></a>
43-
</li>
44-
<li>
45-
<button class="about-button">
46-
<a href="./faq.html"> FAQ's </a>
47-
</button>
48-
</li>
49-
<li>
50-
<button class="about-button">
51-
<a href="./about.html"> About Us </a>
52-
</button>
53-
</li>
54-
<li>
55-
<button class="sponsor-button" onclick="window.location.href='https://github.com/sponsors/mdazfar2'">
56-
<span class="heart">&#10084;</span> Sponsor
57-
</button>
58-
</li>
32+
<li class="nav__item">
33+
<a href="https://linkedin.com" target="_blank" class="fab fa-linkedin"></a>
34+
</li>
35+
<li class="nav__item">
36+
<a href="https://discord.com" target="_blank" class="fab fa-discord"></a>
37+
</li>
38+
39+
<li class="nav__item">
40+
<a href="javascript:void(0);" class="fas fa-adjust" onclick="toggleTheme()"></a>
41+
</li>
42+
<li>
43+
<a href="contributor-index.html">
44+
<button class="team-button">
45+
<svg viewBox="0 0 20 20" width="25" height="25" fill="none" class="text-primary dark:text-white"><path d="M9.95757 12.1164C12.8169 12.1164 15.2584 12.5697 15.2584 14.3837C15.2584 16.1969 12.8326 16.6667 9.95757 16.6667C7.09825 16.6667 4.65678 16.2134 4.65678 14.4002C4.65678 12.5862 7.08258 12.1164 9.95757 12.1164ZM14.5293 11.0241C15.6224 11.0038 16.7976 11.1539 17.2319 11.2605C18.1519 11.4414 18.7571 11.8106 19.0078 12.3472C19.2197 12.7878 19.2197 13.2989 19.0078 13.7387C18.6242 14.571 17.3878 14.8382 16.9073 14.9072C16.8081 14.9222 16.7282 14.8359 16.7387 14.7361C16.9842 12.4298 15.0314 11.3363 14.5263 11.0849C14.5046 11.0736 14.5002 11.0564 14.5024 11.0459C14.5039 11.0384 14.5129 11.0264 14.5293 11.0241ZM5.47137 11.0244C5.48779 11.0267 5.496 11.0387 5.49749 11.0454C5.49973 11.0567 5.49525 11.0732 5.47436 11.0852C4.96846 11.3366 3.01573 12.4301 3.26122 14.7357C3.27167 14.8362 3.19257 14.9218 3.09333 14.9075C2.6128 14.8385 1.3764 14.5713 0.992868 13.739C0.780209 13.2984 0.780209 12.7881 0.992868 12.3475C1.24358 11.8109 1.84798 11.4417 2.768 11.2601C3.20302 11.1542 4.37749 11.0041 5.47137 11.0244ZM9.95757 3.33337C11.9043 3.33337 13.4653 4.90193 13.4653 6.86075C13.4653 8.81882 11.9043 10.3889 9.95757 10.3889C8.01081 10.3889 6.44982 8.81882 6.44982 6.86075C6.44982 4.90193 8.01081 3.33337 9.95757 3.33337ZM14.7195 3.92162C16.5999 3.92162 18.0766 5.70107 17.5736 7.68315C17.2341 9.01755 16.0052 9.9039 14.636 9.86788C14.4987 9.86412 14.3636 9.85137 14.233 9.82885C14.1383 9.81234 14.0905 9.70502 14.1442 9.62546C14.6666 8.85244 14.9643 7.92257 14.9643 6.92439C14.9643 5.88269 14.639 4.91154 14.0741 4.11525C14.0562 4.09048 14.0428 4.05221 14.0607 4.02369C14.0756 4.00042 14.1032 3.98842 14.1293 3.98241C14.3196 3.94339 14.5151 3.92162 14.7195 3.92162ZM5.27998 3.92155C5.48443 3.92155 5.67993 3.94331 5.87095 3.98234C5.89632 3.98834 5.92467 4.0011 5.93959 4.02361C5.95676 4.05213 5.94407 4.09041 5.92616 4.11518C5.36131 4.91146 5.03598 5.88262 5.03598 6.92432C5.03598 7.92249 5.33371 8.85237 5.85602 9.62539C5.90975 9.70494 5.86199 9.81226 5.76723 9.82878C5.6359 9.85204 5.50159 9.86405 5.3643 9.8678C3.99508 9.90383 2.76614 9.01748 2.42663 7.68308C1.92297 5.70099 3.39964 3.92155 5.27998 3.92155Z" fill="currentColor"></path></svg> Our Team
46+
</button>
47+
</a>
48+
</li>
49+
<li>
50+
<button class="about-button">
51+
52+
<a href="./about.html">
53+
About Us
54+
</a>
55+
</button>
56+
57+
</li>
58+
<li><button class="about-button">
59+
60+
<a href="./faq.html">
61+
FAQ's
62+
</a>
63+
</button></li>
64+
<li>
65+
<button class="sponsor-button" onclick="window.location.href='https://github.com/sponsors/mdazfar2'">
66+
<span class="heart">&#10084;</span> Sponsor
67+
</button>
68+
</li>
69+
5970
</ul>
60-
</nav>
71+
72+
</nav>
6173

6274
<div class="search-container">
6375
<div id="search-box">

‎Official_Website/navstyle.css‎

Lines changed: 41 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -16,13 +16,40 @@
1616
flex-wrap: wrap;
1717
justify-content: center;
1818
}
19+
.team-button {
20+
display: flex;
21+
align-items: center;
22+
color:white;
23+
box-shadow: 5px 5px 20px #00ccff;
24+
border: none;
25+
gap: 7px;
26+
border-radius: 8px; /* Rounded corners */
27+
padding: 10px 20px; /* Padding around text */
28+
font-size: 20px; /* Text size */
29+
cursor: pointer;
30+
outline: none;
31+
top: 20px; /* Distance from the top */
32+
right: 20px; /* Distance from the right */
33+
transition: 0.5s;
34+
}
35+
.team-button svg{
36+
color: #00ccff;
37+
38+
}
39+
.team-button:hover {
40+
transform: scale(1.2);
41+
background-color: white;
42+
/* color: black;
43+
box-shadow: 5px 5px 20px #00ccff; */
44+
}
1945
.nav__list {
20-
/* list-style: none;
46+
/* list-style: none; */
2147
display: flex;
22-
justify-content: flex-end;
23-
margin-left: 55vh;
48+
justify-content: center;
49+
align-items: center;
50+
/* margin-left: 55vh;
2451
margin-top: -49px;
25-
padding: 0vh 4vw; */
52+
padding: 0vh 4vw; */
2653
padding: 3vh 5vw;;
2754
list-style: none;
2855
display: flex;
@@ -52,6 +79,15 @@
5279
.nav-toggle {
5380
display: none;
5481
}
82+
#ourteam{
83+
display: flex;
84+
justify-content: center;
85+
align-items: center;
86+
gap: 7px;
87+
}
88+
#ourteam p{
89+
font-size: 26px;
90+
}
5591

5692
.nav__link::before {
5793
content: "";
@@ -250,7 +286,7 @@
250286
.nav__item {
251287
color: #fff;
252288
}
253-
289+
254290
.nav__link::before {
255291
content: "";
256292
display: block;

0 commit comments

Comments
 (0)