|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Insights | SecureVest Capital Shield</title> |
|
|
<meta name="description" content="Strategic insights and thought leadership from SecureVest's experts"> |
|
|
<link rel="stylesheet" href="style.css"> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
|
|
<script src="https://unpkg.com/feather-icons"></script> |
|
|
<link rel="preconnect" href="https://fonts.googleapis.com"> |
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap" rel="stylesheet"> |
|
|
</head> |
|
|
<body class="bg-gray-50 text-gray-800 font-sans"> |
|
|
<custom-navbar></custom-navbar> |
|
|
|
|
|
<main> |
|
|
|
|
|
<section class="relative h-96 flex items-center justify-center text-center px-4 bg-gradient-to-b from-gray-900 to-gray-800 text-white"> |
|
|
<div class="absolute inset-0 bg-black opacity-50"></div> |
|
|
<div class="relative z-10 max-w-4xl mx-auto"> |
|
|
<h1 class="text-4xl md:text-5xl font-bold mb-6 font-serif">SolStrategies Insights</h1> |
|
|
<p class="text-xl md:text-2xl leading-relaxed">Expert analysis on security, investment trends, and strategic communications</p> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-20 bg-white"> |
|
|
<div class="max-w-7xl mx-auto px-4"> |
|
|
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8"> |
|
|
<div class="bg-gray-50 rounded-lg overflow-hidden shadow-md hover:shadow-xl transition duration-300"> |
|
|
<img src="http://static.photos/finance/1024x576/1" alt="Market Trends" class="w-full h-48 object-cover"> |
|
|
<div class="p-6"> |
|
|
<span class="text-blue-600 text-sm font-medium">Investment Security</span> |
|
|
<h3 class="text-xl font-bold my-2">Emerging Market Risks in 2023</h3> |
|
|
<p class="text-gray-600 mb-4">Analysis of geopolitical factors affecting capital deployment in developing economies.</p> |
|
|
<a href="#" class="text-blue-600 hover:text-blue-800 font-medium flex items-center"> |
|
|
Read More |
|
|
<i data-feather="arrow-right" class="ml-2 w-4 h-4"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="bg-gray-50 rounded-lg overflow-hidden shadow-md hover:shadow-xl transition duration-300"> |
|
|
<img src="http://static.photos/technology/1024x576/2" alt="Cyber Security" class="w-full h-48 object-cover"> |
|
|
<div class="p-6"> |
|
|
<span class="text-blue-600 text-sm font-medium">Cyber Security</span> |
|
|
<h3 class="text-xl font-bold my-2">The New Frontier of Quantum Encryption</h3> |
|
|
<p class="text-gray-600 mb-4">How quantum computing is reshaping enterprise security strategies.</p> |
|
|
<a href="#" class="text-blue-600 hover:text-blue-800 font-medium flex items-center"> |
|
|
Read More |
|
|
<i data-feather="arrow-right" class="ml-2 w-4 h-4"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="bg-gray-50 rounded-lg overflow-hidden shadow-md hover:shadow-xl transition duration-300"> |
|
|
<img src="http://static.photos/office/1024x576/3" alt="Crisis Management" class="w-full h-48 object-cover"> |
|
|
<div class="p-6"> |
|
|
<span class="text-blue-600 text-sm font-medium">Crisis Management</span> |
|
|
<h3 class="text-xl font-bold my-2">Silent Threats to Corporate Reputations</h3> |
|
|
<p class="text-gray-600 mb-4">Identifying and mitigating non-traditional reputation risks in the digital age.</p> |
|
|
<a href="#" class="text-blue-600 hover:text-blue-800 font-medium flex items-center"> |
|
|
Read More |
|
|
<i data-feather="arrow-right" class="ml-2 w-4 h-4"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-20 bg-gray-100"> |
|
|
<div class="max-w-4xl mx-auto px-4 text-center"> |
|
|
<h2 class="text-3xl font-bold mb-6 font-serif">Stay Informed</h2> |
|
|
<p class="text-xl mb-8 leading-relaxed">Subscribe to receive our latest insights and security briefings</p> |
|
|
<form class="flex flex-col sm:flex-row gap-4 max-w-2xl mx-auto"> |
|
|
<input type="email" placeholder="Your email address" class="flex-grow px-4 py-3 rounded-md border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500"> |
|
|
<button type="submit" class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-md font-medium transition duration-300">Subscribe</button> |
|
|
</form> |
|
|
</div> |
|
|
</section> |
|
|
</main> |
|
|
|
|
|
<custom-footer></custom-footer> |
|
|
|
|
|
<script src="components/navbar.js"></script> |
|
|
<script src="components/footer.js"></script> |
|
|
<script src="script.js"></script> |
|
|
<script> |
|
|
feather.replace(); |
|
|
</script> |
|
|
</body> |
|
|
</html> |
