links uploaded

This commit is contained in:
priyanshuvish
2024-12-09 19:15:49 +05:30
parent 4d5e2fbee1
commit aaa10d842a
3 changed files with 33 additions and 28 deletions

Binary file not shown.

BIN
images/WDI-Policies.pdf Normal file

Binary file not shown.

View File

@@ -21,7 +21,9 @@
background-image: url(images/background.png);
background-repeat: no-repeat;
background-size: cover;
padding: 5rem 0;
padding: 4rem 0;
min-height: 100vh;
background-position: center;
}
.heading {
@@ -41,21 +43,24 @@
}
.card {
background: #1e1e1e;
background: rgba(30, 30, 30, 0.5);
border: none;
border-radius: 10px;
transition: transform 0.3s ease;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
padding: 15px 24px !important;
padding: 15px 24px;
backdrop-filter: blur(10px) saturate(180%);
-webkit-backdrop-filter: blur(10px) saturate(180%);
border-radius: 12px;
}
.card:hover {
transform: scale(1.06);
}
.card img {
width: 50px;
margin-bottom: 15px;
}
.card-title {
@@ -131,7 +136,7 @@
<!-- Grid Section -->
<div class="row g-4">
<!-- Card 1 -->
<div class="col-md-3 col-sm-6">
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="card text-center">
<div class="d-flex justify-content-center align-items-center mb-3" style="height: 80px;">
<img src="images/kimai.png" alt="Kimai">
@@ -150,7 +155,7 @@
</div>
</div>
<!-- Card 2 -->
<div class="col-md-3 col-sm-6">
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="card text-center">
<div class="d-flex justify-content-center align-items-center mb-3" style="height: 80px;">
<img src="images/codehub.png" alt="Codehub">
@@ -169,7 +174,7 @@
</div>
</div>
<!-- Card 3 -->
<div class="col-md-3 col-sm-6">
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="card text-center">
<div class="d-flex justify-content-center align-items-center mb-3" style="height: 80px;">
<img src="images/bugzila.png" alt="Bugzilla">
@@ -188,7 +193,7 @@
</div>
</div>
<!-- Card 4 -->
<div class="col-md-3 col-sm-6">
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="card text-center">
<div class="d-flex justify-content-center align-items-center mb-3" style="height: 80px;">
<img src="images/hrms.png" alt="HRMS">
@@ -207,18 +212,18 @@
</div>
</div>
<!-- Card 5 -->
<div class="col-md-3 col-sm-6">
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="card text-center">
<div class="d-flex justify-content-center align-items-center mb-3" style="height: 80px;">
<img src="images/hr-policy.png" alt="HR Policies">
</div>
<h5 class="card-title">HR Policies</h5>
<div class="links-main">
<a class="link-sec">
<div class="links-main justify-content-center">
<!-- <a class="link-sec">
<img src="images/link.png" alt="">
<p href="#" class="link">Link</p>
</a>
<a class="docs-sec">
</a> -->
<a class="docs-sec" href="images/WDI-Policies.pdf" target="_blank">
<img src="images/docs.png" alt="">
<p href="#" class="docs">Docs</p>
</a>
@@ -226,18 +231,18 @@
</div>
</div>
<!-- Card 6 -->
<div class="col-md-3 col-sm-6">
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="card text-center">
<div class="d-flex justify-content-center align-items-center mb-3" style="height: 80px;">
<img src="images/leaves.png" alt="Leaves">
</div>
<h5 class="card-title">Leaves</h5>
<div class="links-main">
<a class="link-sec">
<div class="links-main justify-content-center">
<!-- <a class="link-sec">
<img src="images/link.png" alt="">
<p href="#" class="link">Link</p>
</a>
<a class="docs-sec">
</a> -->
<a class="docs-sec" href="images/Holiday_list_24-25.pdf" target="_blank">
<img src="images/docs.png" alt="">
<p href="#" class="docs">Docs</p>
</a>
@@ -245,40 +250,40 @@
</div>
</div>
<!-- Card 7 -->
<div class="col-md-3 col-sm-6">
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="card text-center">
<div class="d-flex justify-content-center align-items-center mb-3" style="height: 80px;">
<img src="images/contact-hr.png" alt="Contact HR">
</div>
<h5 class="card-title">Contact HR</h5>
<div class="links-main">
<a class="link-sec">
<div class="links-main justify-content-center">
<a class="link-sec" href="skype:pooja-wdipl?chat" target="_blank">
<img src="images/link.png" alt="">
<p href="#" class="link">Link</p>
</a>
<a class="docs-sec">
<!-- <a class="docs-sec">
<img src="images/docs.png" alt="">
<p href="#" class="docs">Docs</p>
</a>
</a> -->
</div>
</div>
</div>
<!-- Card 8 -->
<div class="col-md-3 col-sm-6">
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="card text-center">
<div class="d-flex justify-content-center align-items-center mb-3" style="height: 80px;">
<img src="images/help.png" alt="Help">
</div>
<h5 class="card-title">Help</h5>
<div class="links-main">
<a class="link-sec">
<div class="links-main justify-content-center">
<a class="link-sec" href="mailto:hr@wdipl.com" target="_blank">
<img src="images/link.png" alt="">
<p href="#" class="link">Link</p>
</a>
<a class="docs-sec">
<!-- <a class="docs-sec">
<img src="images/docs.png" alt="">
<p href="#" class="docs">Docs</p>
</a>
</a> -->
</div>
</div>
</div>