Skip to content

Commit

Permalink
changed footer section
Browse files Browse the repository at this point in the history
  • Loading branch information
@ChandelAnish
ChandelAnish committed May 23, 2024
1 parent 0f5412b commit a288107
Show file tree
Hide file tree
Showing 3 changed files with 51 additions and 144 deletions.
80 changes: 47 additions & 33 deletions client/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -198,45 +198,59 @@ <h2>skilled professionals worldwide</h2>
</div>


<!-- contact us -->
<div class="contactme0" id="contact-us">
<div class="about contactbox">
<h2>about</h2>
<h3>Our labour hiring website streamlines the process of connecting employers with skilled professionals worldwide. With user-friendly features and a vast talent pool, we facilitate efficient and effective workforce solutions. Join us today to tap into unparalleled opportunities for building successful teams and advancing your business goals.</h3>
<!-- footer -->
<hr style="margin-top: 10rem;" class="mx-5">
<footer class="py-5 mx-5 mt-5">
<div class="row">
<div class="col-6 col-md-2 mb-3">
<h5>About us</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">How it Works</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Security</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Team</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Press Releases</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">News</a></li>
</ul>
</div>


<div class="terms contactbox">
<h2>terms & conditions</h2>
<h3>
<ul>
<li><a href="#">privacy policy</a></li>
<li><a href="#">terms and condition</a></li>
<li><a href="#">copyright policy</a></li>
<li><a href="#">fees and charges</a></li>
</ul>
</h3>
<div class="col-6 col-md-2 mb-3">
<h5>Terms</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Privacy Policy</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Terms and Conditions</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Copyright Policy</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Code of Conduct</a></li>
</ul>
</div>

<div class="links contactbox">
<h2>contact us</h2>
<div class="contactme">
<div class="linkedin">
<a href="https://www.linkedin.com/in/as-chandel/"><img src="assets/linkedin-icon.png" alt="linkedin"></a>
</div>
<div class="facebook">
<a href="https://www.facebook.com/login/"><img src="assets/Facebook_icon.png" alt="facebook"></a>
</div>
<div class="insta">
<a href="https://www.instagram.com/accounts/login/?hl=en"><img src="assets/insta_icon.png" alt="instagram"></a>
</div>
<div class="twitter">
<a href="https://twitter.com/i/flow/login"><img src="assets/twitter_icon.png" alt="twitter"></a>
</div>
</div>
<div class="col-6 col-md-2 mb-3">
<h5>Registered Office Address</h5>
<p>Address - 434 D1 panikantra apartment,near corazone, opposite of Tinker space ,Vidya Nagar colony,Ernakulam,kalameserry, kerela -682022</p>
</div>

<div class="col-md-5 offset-md-1 mb-3">
<form>
<h5>Hire or get Hired with hireHUB</h5>
<p> hireHUB is a free platform connecting laborers and recruiters for seamless job matching and career opportunities. Sign up today!</p>
<div class="d-flex flex-column flex-sm-row w-100 gap-2">
<button type="button" class="btn btn-success">Explore</button>
</div>
</form>
</div>
</div>
<!-- contact us end-->
<footer>copyright &copy; GDCG</footer>

<div class="d-flex flex-column flex-sm-row justify-content-between py-4 my-4 border-top">
<p>© GDCG, Inc. All rights reserved.</p>
<ul class="list-unstyled d-flex">
<li class="ms-3"><a class="link-body-emphasis" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#twitter"></use></svg></a></li>
<li class="ms-3"><a class="link-body-emphasis" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#instagram"></use></svg></a></li>
<li class="ms-3"><a class="link-body-emphasis" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#facebook"></use></svg></a></li>
</ul>
</div>
</footer>

<!-- footer end -->


<script src="script.js"></script>
Expand Down
2 changes: 1 addition & 1 deletion client/login-page/script.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@ form.addEventListener('submit', async (e) => {
else if (response.userdetails.usertype === 'labour') {
return window.open("../main-page/labour/index.html", "_parent");
}
if (response.userdetails.usertype === 'admin') {
else if (response.userdetails.usertype === 'admin') {
return window.open("../main-page/admin/index.html", "_parent");
}
})
Expand Down
113 changes: 3 additions & 110 deletions client/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -255,113 +255,6 @@
transition: all .7s;
transform: scale(1.03);
}
/* contact us */
.facebook img
{
width: 3rem;
/* margin: 5rem; */
}
.linkedin img
{
width: 3.5rem;
margin-bottom: 8px;
}
.insta img
{
width: 4.6rem;
}
.twitter img
{
width: 4rem;
}
.contactme0
{
display: grid;
grid-template-columns: 35rem 35rem auto;
margin: 10rem 0rem 0rem 0rem;
background-color: rgba(193, 239, 206, 0.898);
border-radius: 10px;
/* align-items: center;
justify-content: center; */
padding-top: 3rem;
padding-bottom: 5rem;
}
.contactbox
{
background-color: rgba(255, 255, 255, 0.598);
margin: 1rem;
border-radius: 15px;
box-shadow: 2px 2px 2px 0.5px;
}
.contactme0 :hover
{
transition: all .7s;
transform: scale(1.03);
}
.about
{
padding: 2rem;
}
.about h2
{
margin: 0rem 0rem 3rem 0rem;
}
.terms
{
padding: 2rem;
}
.terms h2
{
margin: 0rem 0rem 3rem 0rem;
}
.terms h3 ul
{
list-style-type: none;
}
.links
{
padding: 2rem;
display: flex;
flex-direction: column;
align-items: center;
/* justify-content: center; */
}
.links h2
{
margin: 0rem 0rem 3rem 0rem;
}
.contactme
{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: 15rem;
}
.linkedin :hover
{
transform: scale(1.07);
transition: all .5s;
}
.facebook :hover
{
transform: scale(1.07);
transition: all .5s;
}
.insta :hover
{
transform: scale(1.07);
transition: all .5s;
}
.twitter :hover
{
transform: scale(1.07);
transition: all .5s;
}
.contactme0 footer
{
display: flex;
align-items: center;
justify-content: center;
margin-top: 5rem;
}

/* footer */

0 comments on commit a288107

Please sign in to comment.