links uploaded
This commit is contained in:
BIN
images/Holiday_list_24-25.pdf
Normal file
BIN
images/Holiday_list_24-25.pdf
Normal file
Binary file not shown.
BIN
images/WDI-Policies.pdf
Normal file
BIN
images/WDI-Policies.pdf
Normal file
Binary file not shown.
61
index.html
61
index.html
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user