Skip to content

Commit

Permalink
Merge pull request #1177 from Bhupendrakumar20/gh-pages
Browse files Browse the repository at this point in the history 
Improvement in the footer page
  • Loading branch information
@sanjay-kv
sanjay-kv authored Nov 1, 2024
2 parents 8ae6bec + d8c55e2 commit 164a60e
Show file tree
Hide file tree
Showing 6 changed files with 647 additions and 198 deletions.
146 changes: 111 additions & 35 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -192,48 +192,124 @@ <h2>No profiles found</h2>
</div>
<footer id="Contact" class="footer-2">
<div class="footer-container">
<div class="footer-content">
<div class="footer-info">
<a href="#"><img src="assets/recode.png" alt="Recode-Hive logo" class="footer-logo"></a>
</div>
<div class="footer-links">
<div class="footer-section">
<h6 class="footer-heading">ABOUT RECODE-HIVE</h6>
<div>
<a href="pages/help.html" class="footer-link">Contact Us</a>
<a href='https://github.com/recodehive/awesome-github-profiles/blob/main/CODE_OF_CONDUCT.md'
class="footer-link">Code of Conduct</a>
<a href="pages/faq.html" class="footer-link">FAQ's</a>
<div class="footer-content">
<div class="footer-info">
<a href="#"><img src="assets/recode.png" alt="Recode-Hive logo" class="footer-logo"></a>

<!-- Social Media Icons -->
<div class="social-media-icons">
<a href="https://github.com/sanjay-kv" target="_blank" aria-label="GitHub" data-social="github">
<i class="fab fa-github"></i>
<div class="filled"></div>
</a>
<a href="https://stream.recodehive.com/github" target="_blank" aria-label="YouTube" data-social="youtube">
<i class="fab fa-youtube"></i>
<div class="filled"></div>
</a>
<a href="https://www.linkedin.com/in/sanjay-k-v/" target="_blank" aria-label="LinkedIn" data-social="linkedin">
<i class="fab fa-linkedin-in"></i>
<div class="filled"></div>
</a>
<a href="https://twitter.com/sanjay_kv_" target="_blank" aria-label="Twitter" data-social="twitter">
<i class="fab fa-twitter"></i>
<div class="filled"></div>
</a>
<a href="https://www.facebook.com/sanjay.k.viswanathan/" target="_blank" aria-label="Facebook" data-social="facebook">
<i class="fab fa-facebook-f"></i>
<div class="filled"></div>
</a>
</div>
<!-- End of Social Media Icons -->
</div>
</div>
<div class="footer-section">
<h6 class="footer-heading">GET INVOLVED</h6>
<div>
<a href="https://github.com/recodehive/awesome-github-profiles/issues/new?assignees=&labels=%E2%9E%95+profile&projects=&template=add_profile.md&title=Add+Profile%3A+"
class="footer-link">Add Your Profile</a>
<a href="https://github.com/recodehive/Support/issues/new?assignees=&labels=invite+me+to+the+community&projects=&template=invitation.yml&title=Please+invite+me+to+the+Recode-Hive+GitHub+Community+Organization"
class="footer-link">Join the Organization</a>
<div class="footer-links" style="text-align: left;">
<div class="footer-section">
<h6 class="footer-heading">ABOUT RECODE-HIVE</h6>
<div>
<a href="pages/help.html" class="footer-link">Contact Us</a>
<a href="https://github.com/recodehive/awesome-github-profiles/blob/main/CODE_OF_CONDUCT.md" class="footer-link">Code of Conduct</a>
<a href="pages/faq.html" class="footer-link">FAQ's</a>
</div>
</div>
<div class="footer-section">
<h6 class="footer-heading">GET INVOLVED</h6>
<div>
<a href="https://github.com/recodehive/awesome-github-profiles/issues/new?assignees=&amp;labels=%E2%9E%95+profile&amp;projects=&amp;template=add_profile.md&amp;title=Add+Profile%3A+" class="footer-link">Add Your Profile</a>
<a href="https://github.com/recodehive/Support/issues/new?assignees=&amp;labels=invite+me+to+the+community&amp;projects=&amp;template=invitation.yml&amp;title=Please+invite+me+to+the+Recode-Hive+GitHub+Community+Organization" class="footer-link">Join the Organization</a>
<a href="./pages/events.html" class="footer-link">Events</a>
</div>
</div>
</div>
<div class="footer-description">
<h5>We focus on quality content for the right people at the right time⏱. What we are trying to do is help you
brand personal skills through GitHub readme.md, listing the best profiles, and giving you the opportunity to
list your profile to the world 🌎.</h5>
<a href="https://stream.recodehive.com/github" class="footer-button">Explore</a>
</div>
</div>
</div>
<div class="footer-description">
<h5>We focus on quality content for the right people at the right time⏱️. What we are trying to do is help you
brand personal skills through GitHub readme.md, listing the best profiles, and giving you the opportunity to
list your profile to the world 🌎.</h5>
<a href="https://stream.recodehive.com/github" class="footer-button">Explore</a>
</div>
</div>
</div>

<div class="footer-bottom">
<div class="footer-container">
<p class="footer-copyright">
&copy;<a href="https://stream.recodehive.com/github" class="footer-copy"><span id="dynamic-year"></span>
Recode-Hive. Made with 🖤️ by the community. All rights reserved.</a>
</p>
</div>
<div class="footer-container">
<p class="footer-copyright">
© <span id="dynamic-year">2024</span> Recode-Hive. Made with 🖤 by the community. All rights reserved.
</p>
</div>
</div>
</footer>
</footer>

<style>
.footer-info {
display: flex;
flex-direction: column;
align-items: center;
}

.social-media-icons {
display: flex;
justify-content: center;
margin-top: 10px;
}

.social-media-icons a {
margin: 0 15px;
text-decoration: none;
color: #000;
position: relative;
transition: transform 0.3s, background-color 0.3s;
}

.social-media-icons a i {
font-size: 24px;
}

.social-media-icons a .filled {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: transparent;
transition: background-color 0.3s;
border-radius: 50%;
}

.social-media-icons a:hover {
transform: rotate(20deg);
}

.social-media-icons a:hover .filled {
background-color: rgba(0, 0, 0, 0.1);
}

.footer-links {
text-align: left;
margin-top: 20px;
}

.footer-section {
margin-bottom: 15px;
}
</style>


<script>
Expand Down
117 changes: 94 additions & 23 deletions pages/blog.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1736,51 +1736,122 @@ <h1 style="font-size: 50px;">Github Profile Review</h1>
<div class="footer-container">
<div class="footer-content">
<div class="footer-info">
<img src="../assets/recode.png" alt="Recode-Hive logo" class="footer-logo">
<a href="#"><img src="../assets/recode.png" alt="Recode-Hive logo" class="footer-logo"></a>

<!-- Social Media Icons -->
<div class="social-media-icons">
<a href="https://github.com/sanjay-kv" target="_blank" aria-label="GitHub" data-social="github">
<i class="fab fa-github"></i>
<div class="filled"></div>
</a>
<a href="https://stream.recodehive.com/github" target="_blank" aria-label="YouTube" data-social="youtube">
<i class="fab fa-youtube"></i>
<div class="filled"></div>
</a>
<a href="https://www.linkedin.com/in/sanjay-k-v/" target="_blank" aria-label="LinkedIn" data-social="linkedin">
<i class="fab fa-linkedin-in"></i>
<div class="filled"></div>
</a>
<a href="https://twitter.com/sanjay_kv_" target="_blank" aria-label="Twitter" data-social="twitter">
<i class="fab fa-twitter"></i>
<div class="filled"></div>
</a>
<a href="https://www.facebook.com/sanjay.k.viswanathan/" target="_blank" aria-label="Facebook" data-social="facebook">
<i class="fab fa-facebook-f"></i>
<div class="filled"></div>
</a>
</div>
<!-- End of Social Media Icons -->
</div>

<div class="footer-links">
<div class="footer-links" style="text-align: left;">
<div class="footer-section">
<h6 class="footer-heading">ABOUT RECODE-HIVE</h6>
<div>
<a href="help.html" class="footer-link">Contact Us</a>
<a href="https://github.com/recodehive/awesome-github-profiles/blob/main/CODE_OF_CONDUCT.md"
class="footer-link">Code of Conduct</a>
<!-- Added FAQ section -->
<a href="faq.html" class="footer-link">FAQ</a>

<a href="pages/help.html" class="footer-link">Contact Us</a>
<a href="https://github.com/recodehive/awesome-github-profiles/blob/main/CODE_OF_CONDUCT.md" class="footer-link">Code of Conduct</a>
<a href="pages/faq.html" class="footer-link">FAQ's</a>
</div>
</div>
<div class="footer-section">
<h6 class="footer-heading">GET INVOLVED</h6>
<div>
<a href="https://github.com/recodehive/awesome-github-profiles/issues/new?assignees=&labels=%E2%9E%95+profile&projects=&template=add_profile.md&title=Add+Profile%3A+"
class="footer-link">Add Your Profile</a>
<a href="https://github.com/recodehive/Support/issues/new?assignees=&labels=invite+me+to+the+community&projects=&template=invitation.yml&title=Please+invite+me+to+the+Recode-Hive+GitHub+Community+Organization"
class="footer-link">Join the Organization</a>
<a href="https://github.com/recodehive/awesome-github-profiles/issues/new?assignees=&amp;labels=%E2%9E%95+profile&amp;projects=&amp;template=add_profile.md&amp;title=Add+Profile%3A+" class="footer-link">Add Your Profile</a>
<a href="https://github.com/recodehive/Support/issues/new?assignees=&amp;labels=invite+me+to+the+community&amp;projects=&amp;template=invitation.yml&amp;title=Please+invite+me+to+the+Recode-Hive+GitHub+Community+Organization" class="footer-link">Join the Organization</a>
<a href="./pages/events.html" class="footer-link">Events</a>
</div>
</div>
</div>

<div class="footer-description">
<h5>
We deliver quality content for the right people at the right time ⏱️. We aspire to showcase your
personal skills through GitHub README.md. We highlight the best profiles and provide an
opportunity for you to present your profile to the world 🌎
</h5>
<a href="exploremore.html" class="footer-button">Explore</a>
<h5>We focus on quality content for the right people at the right time⏱. What we are trying to do is help you
brand personal skills through GitHub readme.md, listing the best profiles, and giving you the opportunity to
list your profile to the world 🌎.</h5>
<a href="https://stream.recodehive.com/github" class="footer-button">Explore</a>
</div>
</div>
</div>

<div class="footer-bottom">
<div class="footer-container">
<p class="footer-copyright">
&copy; <span id="dynamic-year"></span> Recode-Hive. Made with 🖤️ by the community. All rights
reserved.
© <span id="dynamic-year">2024</span> Recode-Hive. Made with 🖤 by the community. All rights reserved.
</p>
</div>
</div>
</footer>

<style>
.footer-info {
display: flex;
flex-direction: column;
align-items: center;
}

.social-media-icons {
display: flex;
justify-content: center;
margin-top: 10px;
}

.social-media-icons a {
margin: 0 15px;
text-decoration: none;
color: #000;
position: relative;
transition: transform 0.3s, background-color 0.3s;
}

.social-media-icons a i {
font-size: 24px;
}

.social-media-icons a .filled {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: transparent;
transition: background-color 0.3s;
border-radius: 50%;
}

.social-media-icons a:hover {
transform: rotate(20deg);
}

.social-media-icons a:hover .filled {
background-color: rgba(0, 0, 0, 0.1);
}

.footer-links {
text-align: left;
margin-top: 20px;
}

.footer-section {
margin-bottom: 15px;
}
</style>

<script>
document.getElementById("dynamic-year").textContent = new Date().getFullYear();
Expand Down
Loading

0 comments on commit 164a60e

Please sign in to comment.