Skip to content

Commit

Permalink
added backend to contributors page
Browse files Browse the repository at this point in the history
  • Loading branch information
@pandeyji711
pandeyji711 committed Jun 3, 2024
1 parent fda08b6 commit d935a79
Show file tree
Hide file tree
Showing 3 changed files with 182 additions and 245 deletions.
251 changes: 7 additions & 244 deletions Official_Website/contributor-index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,13 +15,15 @@
<header>
<!-- Website Logo -->
<div class="logo">
<a href="index.html">
<img src="logo.png" alt="HelpOps-Hub Logo" />
</a>
</div>
<h1>HelpOps-Hub</h1>
<p>Ensuring You Never Get Stuck In DevOps Again!</p>
<!-- Website Social Icons -->
<div class="icons">
<a class="fa-solid fa-people-group"></a>
<a id="group" class="fa-solid fa-people-group"></a>
<a href="https://github.com" target="_blank" class="fab fa-github"></a>
<a
href="https://linkedin.com"
Expand Down Expand Up @@ -52,7 +54,7 @@ <h1>Our Team</h1>
an Open Source Success Story.
</p>
</div>
<div class="team-grid">
<div id="team-grid">
<div class="team-member">
<div class="card">
<div class="image-div">
Expand All @@ -61,255 +63,16 @@ <h1>Our Team</h1>
<div class="info-div">
<span class="badge founder">Founder</span>
<h2>Azfar Alam</h2>
<p>DevOps Engineer</p>
</div>
</div>
<div class="social-links">
<a href="#"><i class="fas fa-heart"></i> Sponsor</a>
<a href="#"><i class="fab fa-github"></i> GitHub</a>
<a href="#"><i class="fab fa-twitter"></i> Twitter</a>
</div>
</div>
<div class="team-member">
<div class="card">
<div class="image-div">
<img src="Screenshot (250).png" alt="Anurag Pandey" />
</div>
<div class="info-div">
<span class="badge maintainer">Maintainer</span>
<h2>Anurag Pandey</h2>
<p>Software Developer</p>
</div>
</div>
<div class="social-links">
<a href="#"><i class="fab fa-linkedin"></i> LinkedIn</a>
<a href="#"><i class="fab fa-github"></i> GitHub</a>
<a href="#"><i class="fab fa-twitter"></i> Twitter</a>
</div>
</div>
<div class="team-member">
<div class="card">
<div class="image-div">
<img src="user.jpg" alt="User Full Name" />
</div>
<div class="info-div">
<span class="badge maintainer">Maintainer</span>
<h2>User Full Name</h2>
<p>Technical Writer</p>
</div>
</div>
<div class="social-links">
<a href="#"><i class="fas fa-heart"></i> Sponsor</a>
<a href="#"><i class="fab fa-linkedin"></i> LinkedIn</a>
<a href="#"><i class="fab fa-twitter"></i> Twitter</a>
</div>
</div>
<div class="team-member">
<div class="card">
<div class="image-div">
<img src="user.jpg" alt="User Full Name" />
</div>
<div class="info-div">
<span class="badge maintainer">Maintainer</span>
<h2>User Full Name</h2>
<p>UI/UX Designer</p>
</div>
</div>
<div class="social-links">
<a href="#"><i class="fas fa-globe"></i> Website</a>
<a href="#"><i class="fab fa-github"></i> GitHub</a>
<a href="#"><i class="fab fa-twitter"></i> Twitter</a>
</div>
</div>
<div class="team-member">
<div class="card">
<div class="image-div">
<img src="user.jpg" alt="User Full Name" />
</div>
<div class="info-div">
<span class="badge maintainer">Maintainer</span>
<h2>User Full Name</h2>
<p>UI/UX Designer</p>
</div>
</div>
<div class="social-links">
<a href="#"><i class="fas fa-globe"></i> Website</a>
<a href="#"><i class="fab fa-github"></i> GitHub</a>
<a href="#"><i class="fab fa-twitter"></i> Twitter</a>
</div>
</div>
<div class="team-member">
<div class="card">
<div class="image-div">
<img src="user.jpg" alt="User Full Name" />
</div>
<div class="info-div">
<span class="badge maintainer">Maintainer</span>
<h2>User Full Name</h2>
<p>UI/UX Designer</p>
</div>
</div>
<div class="social-links">
<a href="#"><i class="fas fa-globe"></i> Website</a>
<a href="#"><i class="fab fa-github"></i> GitHub</a>
<a href="#"><i class="fab fa-twitter"></i> Twitter</a>
</div>
</div>
<div class="team-member">
<div class="card">
<div class="image-div">
<img src="user.jpg" alt="User Full Name" />
</div>
<div class="info-div">
<span class="badge maintainer">Maintainer</span>
<h2>User Full Name</h2>
<p>UI/UX Designer</p>
</div>
</div>
<div class="social-links">
<a href="#"><i class="fas fa-globe"></i> Website</a>
<a href="#"><i class="fab fa-github"></i> GitHub</a>
<a href="#"><i class="fab fa-twitter"></i> Twitter</a>
</div>
</div>
<div class="team-member">
<div class="card">
<div class="image-div">
<img src="user.jpg" alt="User Full Name" />
</div>
<div class="info-div">
<span class="badge maintainer">Maintainer</span>
<h2>User Full Name</h2>
<p>UI/UX Designer</p>
</div>
</div>
<div class="social-links">
<a href="#"><i class="fas fa-globe"></i> Website</a>
<a href="#"><i class="fab fa-github"></i> GitHub</a>
<a href="#"><i class="fab fa-twitter"></i> Twitter</a>
</div>
</div>
<div class="team-member">
<div class="card">
<div class="image-div">
<img src="user.jpg" alt="User Full Name" />
</div>
<div class="info-div">
<span class="badge maintainer">Maintainer</span>
<h2>User Full Name</h2>
<p>UI/UX Designer</p>
</div>
</div>
<div class="social-links">
<a href="#"><i class="fas fa-globe"></i> Website</a>
<a href="#"><i class="fab fa-github"></i> GitHub</a>
<a href="#"><i class="fab fa-twitter"></i> Twitter</a>
</div>
</div>
<div class="team-member">
<div class="card">
<div class="image-div">
<img src="user.jpg" alt="User Full Name" />
</div>
<div class="info-div">
<span class="badge maintainer">Maintainer</span>
<h2>User Full Name</h2>
<p>UI/UX Designer</p>
</div>
</div>
<div class="social-links">
<a href="#"><i class="fas fa-globe"></i> Website</a>
<a href="#"><i class="fab fa-github"></i> GitHub</a>
<a href="#"><i class="fab fa-twitter"></i> Twitter</a>
</div>
</div>
<div class="team-member">
<div class="card">
<div class="image-div">
<img src="user.jpg" alt="User Full Name" />
</div>
<div class="info-div">
<span class="badge maintainer">Maintainer</span>
<h2>User Full Name</h2>
<p>UI/UX Designer</p>
</div>
</div>
<div class="social-links">
<a href="#"><i class="fas fa-globe"></i> Website</a>
<a href="#"><i class="fab fa-github"></i> GitHub</a>
<a href="#"><i class="fab fa-twitter"></i> Twitter</a>
</div>
</div>
<div class="team-member">
<div class="card">
<div class="image-div">
<img src="user.jpg" alt="User Full Name" />
</div>
<div class="info-div">
<span class="badge maintainer">Maintainer</span>
<h2>User Full Name</h2>
<p>UI/UX Designer</p>
</div>
</div>
<div class="social-links">
<a href="#"><i class="fas fa-globe"></i> Website</a>
<a href="#"><i class="fab fa-github"></i> GitHub</a>
<a href="#"><i class="fab fa-twitter"></i> Twitter</a>
</div>
</div>
<div class="team-member">
<div class="card">
<div class="image-div">
<img src="user.jpg" alt="User Full Name" />
</div>
<div class="info-div">
<span class="badge maintainer">Maintainer</span>
<h2>User Full Name</h2>
<p>UI/UX Designer</p>
</div>
</div>
<div class="social-links">
<a href="#"><i class="fas fa-globe"></i> Website</a>
<a href="#"><i class="fab fa-github"></i> GitHub</a>
<a href="#"><i class="fab fa-twitter"></i> Twitter</a>
</div>
</div>
<div class="team-member">
<div class="card">
<div class="image-div">
<img src="user.jpg" alt="User Full Name" />
</div>
<div class="info-div">
<span class="badge maintainer">Maintainer</span>
<h2>User Full Name</h2>
<p>UI/UX Designer</p>
</div>
</div>
<div class="social-links">
<a href="#"><i class="fas fa-globe"></i> Website</a>
<a href="#"><i class="fab fa-github"></i> GitHub</a>
<a href="#"><i class="fab fa-twitter"></i> Twitter</a>
</div>
</div>
<div class="team-member">
<div class="card">
<div class="image-div">
<img src="user.jpg" alt="User Full Name" />
</div>
<div class="info-div">
<span class="badge maintainer">Maintainer</span>
<h2>User Full Name</h2>
<p>UI/UX Designer</p>
</div>
</div>
<div class="social-links">
<a href="#"><i class="fas fa-globe"></i> Website</a>
<a href="#"><i class="fab fa-github"></i> GitHub</a>
<a href="#"><i class="fab fa-twitter"></i> Twitter</a>
<a href="https://github.com/sponsors/mdazfar2"><i class="fas fa-heart"></i> Sponsor</a>
<a href="https://github.com/mdazfar2"><i class="fab fa-github"></i> GitHub</a>
</div>
</div>
</div>
</main>
</div>
<script src="contributor.js"></script>
</body>
</html>
5 changes: 4 additions & 1 deletion Official_Website/contributor-style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -261,7 +261,7 @@ width: 40px;
color: black;
} */

.team-grid {
#team-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
Expand Down Expand Up @@ -366,3 +366,6 @@ width: 40px;
.social-links a:hover {
color: #ffffff;
}
#group{
color: rgb(29, 129, 29);
}
Loading

0 comments on commit d935a79

Please sign in to comment.