<!DOCTYPE html>
<html>
<head>
<title>Page Links</title>
<style>
body {
background-color: #f2f2f2;
}
.container {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-top: 50px;
}
.box {
display: flex;
flex-direction: column;
align-items: center;
margin: 20px;
padding: 20px;
border-radius: 10px;
text-align: center;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
background: linear-gradient(135deg, #FFC107, #FF9800);
color: #fff;
transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.box:hover {
transform: translateY(-5px);
box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
}
.icon {
display: block;
font-size: 48px;
margin-bottom: 20px;
}
.title {
font-size: 24px;
font-weight: bold;
margin-bottom: 10px;
}
.text {
font-size: 18px;
margin-bottom: 20px;
}
.btn {
display: inline-block;
padding: 10px 20px;
border-radius: 25px;
font-size: 18px;
font-weight: bold;
color: #fff;
background: linear-gradient(135deg, #FF9800, #F44336);
border: none;
cursor: pointer;
transition: background 0.2s ease-in-out;
}
.btn:hover {
background: linear-gradient(135deg, #F44336, #E91E63);
}
</style>
</head>
<body>
<div class="container">
<div class="box">
<i class="icon fa fa-users"></i>
<div class="title">About Us</div>
<div class="text">Learn more about our company and our team.</div>
<a class="btn" href="https://fatehpurnews.in/about-us">Read More</a>
</div>
<div class="box">
<i class="icon fa fa-exclamation-circle"></i>
<div class="title">Disclaimer</div>
<div class="text">Read our disclaimer before using our website or services.</div>
<a class="btn" href="https://fatehpurnews.in/disclaimer">Read More</a>
</div>
<div class="box">
<i class="icon fa fa-gavel"></i>
<div class="title">Terms and Conditions</div>
<div class="text">Read our terms and conditions before using our website or services.</div>
<a class="btn" href="https://fatehpurnews.in/terms-and-conditions">Read More</a>
</div>
<div class="box">
<i class="icon fa fa-lock"></i>
<div class="title">Privacy Policy</div>
<div class="text">Learn about how we protect your privacy and personal information.</div>
<a class="btn" href="https://fatehpurnews.in/privacypolicy">Read More</a>
</div>
<div class="box">
<i class="icon fa fa-lock"></i>
<div class="title">Contact us</div>
<div class="text">Learn about how we protect your privacy and personal information.</div>
<a class="btn" href="https://fatehpurnews.in/contact-us">Read More</a>
</div>
</div>
</body>
</html>
0 Comments