File: /home/u503286720/domains/vistasadindia.com/public_html/resources.php
<!DOCTYPE html>
<html itemscope itemtype="http://schema.org/Website" lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Resources & Partner Links | Web Design Company in Bangalore - Vistas</title>
<meta name="keywords" content="<?php echo $keyword; ?>" />
<meta name="description" content="Explore valuable resources, recommended partner links, and trusted services curated by Vistas – a leading web design company in Bangalore." />
<link rel="canonical" href="https://vistasadindia.com/resources.php" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<!-- SEO Tags -->
<meta name="robots" content="index, follow">
<meta property="og:title" content="<?php echo $title; ?>">
<meta property="og:description" content="<?php echo $description; ?>">
<meta property="og:image" content="https://vistasadindia.com/images/logo.png">
<meta property="og:url" content="<?php echo $url;?>" />
<meta name="twitter:card" content="summary_large_image">
<!-- Favicon -->
<link rel="icon" href="<?php echo BASE_URL; ?>images/favicon.png" type="image/png" />
<!-- CSS -->
<link rel="preload" href="assets/dist/css/bootstrap.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="assets/dist/css/bootstrap.min.css"></noscript>
<link rel="preload" href="assets/outsource.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="assets/outsource.css"></noscript>
<link rel="preload" href="assets/dist/css/icons.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="assets/dist/css/icons.css"></noscript>
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet">
<!-- Analytics -->
<?php echo $script; ?>
<?php include 'gtag.php'; ?>
<!-- Custom Styles -->
<style>
body {
font-family: 'Inter', sans-serif;
background-color: #f5f7fa;
color: #333;
margin: 0;
padding: 0;
}
.page-wrapper {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.main-sec {
background: radial-gradient(#0026f2, #190155);
padding: 80px 20px;
text-align: center;
color: white;
}
.main h2 {
font-size: 2.5rem;
margin-bottom: 0;
color: #ffffff;
}
main {
flex: 1;
padding: 60px 20px;
}
.container {
max-width: 1140px;
margin: 0 auto;
}
h1 {
font-size: 2rem;
text-align: center;
margin-bottom: 10px;
}
.subtitle {
text-align: center;
color: #777;
margin-bottom: 40px;
font-size: 1rem;
}
.resources-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 24px;
}
/* Modern Card */
.modern-card {
display: flex;
align-items: center;
background: #fff;
border-radius: 20px;
padding: 20px 24px;
box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
gap: 20px;
}
.modern-card:hover {
transform: translateY(-4px);
box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
}
.icon-circle {
width: 60px;
height: 60px;
background: linear-gradient(135deg, #6c63ff, #845ec2);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-size: 26px;
color: #fff;
flex-shrink: 0;
}
.card-right {
flex: 1;
}
.card-title {
margin: 0;
font-size: 1.25rem;
font-weight: 600;
color: #333;
}
.card-right a {
color: #0066cc;
text-decoration: none;
font-weight: 500;
display: inline-block;
margin: 6px 0;
}
.card-right a:hover {
text-decoration: underline;
}
.card-right p {
margin: 0;
color: #555;
font-size: 0.95rem;
}
footer {
margin-top: auto;
}
</style>
</head>
<body>
<div class="page-wrapper">
<!-- Header -->
<?php include 'include/new-header.php'; ?>
<!-- Hero Section -->
<section class="main-sec d-flex align-items-center justify-content-center">
<div class="container">
<div class="main">
<h2>Resources</h2>
</div>
</div>
</section>
<!-- Main Resources Section -->
<main>
<div class="container">
<h1>Resources & Recommended Links</h1>
<p class="subtitle">Useful sites and trusted partners we recommend.</p>
<div class="resources-grid">
<!-- Example Card -->
<div class="modern-card">
<div class="icon-circle">🧹</div>
<div class="card-right">
<h3 class="card-title">TidyMan</h3>
<a href="https://tidyman.com.sg/" target="_blank">https://tidyman.com.sg/</a>
<p>Professional cleaning services in Singapore – commercial & residential.</p>
</div>
</div>
<!-- Add more cards below -->
<!--
<div class="modern-card">
<div class="icon-circle">🔗</div>
<div class="card-right">
<h3 class="card-title">Partner Name</h3>
<a href="#">https://example.com</a>
<p>Short description about the partner’s service.</p>
</div>
</div>
-->
</div>
</div>
</main>
<!-- Footer -->
<?php include 'include/new-footer.php'; ?>
</div>
</body>
</html>