undefined / index.html
peterwain255's picture
Excellent — that’s a clear and strong foundation for your site idea. 💡
114548e verified
Raw
History Blame Contribute Delete
12.1 kB
<!DOCTYPE html>
<html lang="en" class="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nursing Genius Boosters - Academic Assistance</title>
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
<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>
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
<script>
tailwind.config = {
darkMode: 'class',
theme: {
extend: {
colors: {
fuchsia: {
500: '#d946ef',
600: '#c026d3',
}
}
}
}
}
</script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
body {
font-family: 'Poppins', sans-serif;
}
.vanta-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0.3;
}
</style>
</head>
<body class="bg-gray-900 text-gray-100 min-h-screen">
<div id="vanta-bg" class="vanta-bg"></div>
<!-- Navigation -->
<nav class="bg-gray-800 bg-opacity-80 backdrop-blur-sm border-b border-fuchsia-500/20">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex items-center justify-between h-16">
<div class="flex items-center">
<div class="flex-shrink-0">
<span class="text-fuchsia-500 font-bold text-2xl">NGB</span>
</div>
<div class="hidden md:block">
<div class="ml-10 flex items-baseline space-x-4">
<a href="#" class="text-fuchsia-500 px-3 py-2 rounded-md text-sm font-medium">Home</a>
<a href="services.html" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Services</a>
<a href="about.html" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">About Us</a>
<a href="testimonials.html" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Testimonials</a>
<a href="contact.html" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Contact</a>
</div>
</div>
</div>
<div class="hidden md:block">
<div class="ml-4 flex items-center md:ml-6">
<a href="https://credencewriters.com/orders/stud/new" class="bg-fuchsia-600 hover:bg-fuchsia-700 text-white px-4 py-2 rounded-md text-sm font-medium transition duration-300 flex items-center">
<i data-feather="edit-3" class="w-4 h-4 mr-2"></i> Place Order
</a>
</div>
</div>
<div class="-mr-2 flex md:hidden">
<button type="button" class="bg-gray-800 inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-white" aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span>
<i data-feather="menu"></i>
</button>
</div>
</div>
</div>
</nav>
<!-- Hero Section -->
<div class="relative pt-16 pb-32 px-4 sm:px-6 lg:px-8">
<div class="max-w-7xl mx-auto">
<div class="lg:grid lg:grid-cols-12 lg:gap-8">
<div class="sm:text-center md:max-w-2xl md:mx-auto lg:col-span-6 lg:text-left">
<h1 class="mt-4 text-4xl tracking-tight font-extrabold text-white sm:mt-5 sm:leading-none lg:mt-6 lg:text-5xl xl:text-6xl">
<span class="text-fuchsia-500">Nursing</span> Academic Support
</h1>
<p class="mt-3 text-base text-gray-300 sm:mt-5 sm:text-xl lg:text-lg xl:text-xl">
Get 100% human-written assistance for your nursing courses including Shadow Health, essays, capstone papers, term papers and more.
</p>
<div class="mt-8 sm:max-w-lg sm:mx-auto sm:text-center lg:text-left lg:mx-0">
<div class="flex flex-col sm:flex-row sm:space-x-4 space-y-4 sm:space-y-0">
<a href="https://credencewriters.com/orders/stud/new" class="w-full sm:w-auto bg-fuchsia-600 hover:bg-fuchsia-700 text-white px-6 py-3 rounded-md text-base font-medium transition duration-300 flex items-center justify-center">
<i data-feather="edit-3" class="w-5 h-5 mr-2"></i> Place Order Now
</a>
<a href="#" class="w-full sm:w-auto bg-gray-700 hover:bg-gray-600 text-white px-6 py-3 rounded-md text-base font-medium transition duration-300 flex items-center justify-center">
<i data-feather="info" class="w-5 h-5 mr-2"></i> Learn More
</a>
</div>
</div>
</div>
<div class="mt-12 relative sm:max-w-lg sm:mx-auto lg:mt-0 lg:max-w-none lg:mx-0 lg:col-span-6 lg:flex lg:items-center">
<div class="relative mx-auto w-full rounded-lg shadow-lg lg:max-w-md">
<div class="relative block w-full bg-gray-800 rounded-lg overflow-hidden">
<img class="w-full h-auto" src="http://static.photos/medical/640x360/42" alt="Nursing student studying">
<div class="absolute inset-0 bg-fuchsia-500 opacity-20"></div>
<div class="absolute inset-0 flex items-center justify-center">
<div class="bg-black bg-opacity-70 p-4 rounded-full">
<i data-feather="play" class="w-12 h-12 text-fuchsia-500"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Services Section -->
<div class="py-16 bg-gray-800 bg-opacity-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="lg:text-center">
<h2 class="text-base text-fuchsia-500 font-semibold tracking-wide uppercase">Services</h2>
<p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-white sm:text-4xl">
What We Offer
</p>
<p class="mt-4 max-w-2xl text-xl text-gray-300 lg:mx-auto">
Professional academic assistance tailored for nursing students
</p>
</div>
<div class="mt-20">
<div class="grid grid-cols-1 gap-12 sm:grid-cols-2 lg:grid-cols-3">
<!-- Service 1 -->
<div class="pt-6">
<div class="flow-root bg-gray-800 rounded-lg px-6 pb-8 h-full border border-gray-700 hover:border-fuchsia-500 transition duration-300">
<div class="-mt-6">
<div>
<span class="inline-flex items-center justify-center p-3 bg-fuchsia-500 rounded-md shadow-lg">
<i data-feather="file-text" class="h-8 w-8 text-white"></i>
</span>
</div>
<h3 class="mt-8 text-lg font-medium text-white tracking-tight">Shadow Health Assignments</h3>
<p class="mt-5 text-base text-gray-300">
Expert assistance with all your Shadow Health digital clinical experiences and assignments.
</p>
<a href="services.html#shadow-health" class="mt-4 inline-flex items-center text-fuchsia-500 hover:text-fuchsia-400 text-sm font-medium">
Learn more <i data-feather="arrow-right" class="ml-1 w-4 h-4"></i>
</a>
</div>
</div>
</div>
<!-- Service 2 -->
<div class="pt-6">
<div class="flow-root bg-gray-800 rounded-lg px-6 pb-8 h-full border border-gray-700 hover:border-fuchsia-500 transition duration-300">
<div class="-mt-6">
<div>
<span class="inline-flex items-center justify-center p-3 bg-fuchsia-500 rounded-md shadow-lg">
<i data-feather="book" class="h-8 w-8 text-white"></i>
</span>
</div>
<h3 class="mt-8 text-lg font-medium text-white tracking-tight">Capstone Projects</h3>
<p class="mt-5 text-base text-gray-300">
Comprehensive support for your nursing capstone projects from research to final draft.
</p>
<a href="services.html#capstone" class="mt-4 inline-flex items-center text-fuchsia-500 hover:text-fuchsia-400 text-sm font-medium">
Learn more <i data-feather="arrow-right" class="ml-1 w-4 h-4"></i>
</a>
</div>
</div>
</div>
<!-- Service 3 -->
<div class="pt-6">
<div class="flow-root bg-gray-800 rounded-lg px-6 pb-8 h-full border border-gray-700 hover:border-fuchsia-500 transition duration-300">
<div class="-mt-6">
<div>
<span class="inline-flex items-center justify-center p-3 bg-fuchsia-500 rounded-md shadow-lg">
<i data-feather="edit-3" class="h-8 w-8 text-white"></i>
</span>
</div>
<h3 class="mt-8 text-lg font-medium text-white tracking-tight">Essay Writing</h3>
<p class="mt-5 text-base text-gray-300">
Well-researched and professionally written nursing essays on any topic.
</p>
<a href="services.html#essays" class="mt-4 inline-flex items-center text-fuchsia-500 hover:text-fuchsia-400 text-sm font-medium">
Learn more <i data-feather="arrow-right" class="ml-1 w-4 h-4"></i>
</a>
</div>
</div>
</div>
<!-- Service 4 -->
<div class="pt-6">
<div class="flow-root bg-gray-800 rounded-lg px-6 pb-8 h-full border border-gray-700 hover:border-fuchsia-500 transition duration-300">
<div class="-mt-6">
<div>
<span class="inline-flex items-center justify-center p-3 bg-fuchsia-500 rounded-md shadow-lg">
<i data-feather="clipboard" class="h-8 w-8 text-white
</body>
</html>