|
<!DOCTYPE html> |
|
<html lang="en"> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<title>NextStep Counseling | Biology Post-Doc Research Guidance</title> |
|
<script src="https://cdn.tailwindcss.com"></script> |
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
|
<style> |
|
.hero-gradient { |
|
background: linear-gradient(135deg, #4f46e5 0%, #10b981 100%); |
|
} |
|
.university-card:hover { |
|
transform: translateY(-5px); |
|
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); |
|
} |
|
.testimonial-card { |
|
background: rgba(255, 255, 255, 0.9); |
|
backdrop-filter: blur(10px); |
|
} |
|
.animated-underline { |
|
position: relative; |
|
display: inline-block; |
|
} |
|
.animated-underline::after { |
|
content: ''; |
|
position: absolute; |
|
width: 100%; |
|
transform: scaleX(0); |
|
height: 2px; |
|
bottom: 0; |
|
left: 0; |
|
background-color: #10b981; |
|
transform-origin: bottom right; |
|
transition: transform 0.25s ease-out; |
|
} |
|
.animated-underline:hover::after { |
|
transform: scaleX(1); |
|
transform-origin: bottom left; |
|
} |
|
</style> |
|
</head> |
|
<body class="font-sans antialiased text-gray-800"> |
|
|
|
<nav class="bg-white shadow-md sticky top-0 z-50"> |
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
<div class="flex justify-between h-16"> |
|
<div class="flex items-center"> |
|
<div class="flex-shrink-0 flex items-center"> |
|
<i class="fas fa-dna text-2xl text-indigo-600 mr-2"></i> |
|
<span class="text-xl font-bold text-indigo-600">NextStep<span class="text-emerald-500">Counseling</span></span> |
|
</div> |
|
</div> |
|
<div class="hidden md:ml-6 md:flex md:items-center md:space-x-8"> |
|
<a href="#services" class="animated-underline px-3 py-2 text-sm font-medium">Services</a> |
|
<a href="#universities" class="animated-underline px-3 py-2 text-sm font-medium">Top Programs</a> |
|
<a href="#about" class="animated-underline px-3 py-2 text-sm font-medium">About</a> |
|
<a href="#testimonials" class="animated-underline px-3 py-2 text-sm font-medium">Success Stories</a> |
|
<a href="#contact" class="ml-8 inline-flex items-center px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 transition duration-150 ease-in-out"> |
|
Free Consultation |
|
</a> |
|
</div> |
|
<div class="-mr-2 flex items-center md:hidden"> |
|
<button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500" aria-controls="mobile-menu" aria-expanded="false" id="mobile-menu-button"> |
|
<span class="sr-only">Open main menu</span> |
|
<svg class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> |
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> |
|
</svg> |
|
</button> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
|
|
<div class="hidden md:hidden" id="mobile-menu"> |
|
<div class="pt-2 pb-3 space-y-1"> |
|
<a href="#services" class="block pl-3 pr-4 py-2 border-l-4 border-indigo-500 text-base font-medium text-indigo-700 bg-indigo-50">Services</a> |
|
<a href="#universities" class="block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300">Top Programs</a> |
|
<a href="#about" class="block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300">About</a> |
|
<a href="#testimonials" class="block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300">Success Stories</a> |
|
<a href="#contact" class="block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300">Contact</a> |
|
</div> |
|
</div> |
|
</nav> |
|
|
|
|
|
<div class="hero-gradient"> |
|
<div class="max-w-7xl mx-auto py-16 px-4 sm:py-24 sm:px-6 lg:px-8"> |
|
<div class="text-center"> |
|
<h1 class="text-4xl md:text-5xl font-extrabold tracking-tight text-white"> |
|
Your <span class="text-yellow-300">NextStep</span> in Biology Research |
|
</h1> |
|
<p class="mt-6 max-w-2xl mx-auto text-xl text-indigo-100"> |
|
Expert guidance for securing post-doctoral research positions in top US biology programs |
|
</p> |
|
<div class="mt-10"> |
|
<a href="#contact" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-indigo-700 bg-white hover:bg-gray-50 transition duration-150 ease-in-out"> |
|
Schedule Free Consultation |
|
<i class="fas fa-arrow-right ml-2"></i> |
|
</a> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
|
|
<div class="bg-white py-12"> |
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
<div class="grid grid-cols-1 gap-8 sm:grid-cols-3"> |
|
<div class="text-center"> |
|
<p class="text-5xl font-extrabold text-indigo-600">95%</p> |
|
<p class="mt-2 text-base text-gray-500">Success rate in securing interviews</p> |
|
</div> |
|
<div class="text-center"> |
|
<p class="text-5xl font-extrabold text-emerald-500">200+</p> |
|
<p class="mt-2 text-base text-gray-500">Researchers placed in top programs</p> |
|
</div> |
|
<div class="text-center"> |
|
<p class="text-5xl font-extrabold text-indigo-600">10+</p> |
|
<p class="mt-2 text-base text-gray-500">Years of specialized experience</p> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
|
|
<div id="services" class="py-16 bg-gray-50"> |
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
<div class="text-center"> |
|
<h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl"> |
|
Our <span class="text-indigo-600">Specialized</span> Services |
|
</h2> |
|
<p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto"> |
|
Tailored support for every step of your post-doc application journey |
|
</p> |
|
</div> |
|
|
|
<div class="mt-16"> |
|
<div class="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3"> |
|
|
|
<div class="pt-6"> |
|
<div class="flow-root bg-white rounded-lg px-6 pb-8 h-full shadow-md hover:shadow-lg transition duration-300"> |
|
<div class="-mt-6"> |
|
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white mx-auto"> |
|
<i class="fas fa-file-alt text-xl"></i> |
|
</div> |
|
<h3 class="mt-8 text-lg font-medium text-gray-900 text-center">Application Strategy</h3> |
|
<p class="mt-5 text-base text-gray-500"> |
|
Personalized roadmap for identifying the right labs and crafting compelling applications that highlight your unique research contributions. |
|
</p> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
|
|
<div class="pt-6"> |
|
<div class="flow-root bg-white rounded-lg px-6 pb-8 h-full shadow-md hover:shadow-lg transition duration-300"> |
|
<div class="-mt-6"> |
|
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-emerald-500 text-white mx-auto"> |
|
<i class="fas fa-edit text-xl"></i> |
|
</div> |
|
<h3 class="mt-8 text-lg font-medium text-gray-900 text-center">Document Perfection</h3> |
|
<p class="mt-5 text-base text-gray-500"> |
|
Expert editing of research statements, CVs, and cover letters to communicate your scientific narrative with clarity and impact. |
|
</p> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
|
|
<div class="pt-6"> |
|
<div class="flow-root bg-white rounded-lg px-6 pb-8 h-full shadow-md hover:shadow-lg transition duration-300"> |
|
<div class="-mt-6"> |
|
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white mx-auto"> |
|
<i class="fas fa-comments text-xl"></i> |
|
</div> |
|
<h3 class="mt-8 text-lg font-medium text-gray-900 text-center">Interview Preparation</h3> |
|
<p class="mt-5 text-base text-gray-500"> |
|
Mock interviews with detailed feedback on presentation skills, research discussion techniques, and negotiation strategies. |
|
</p> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
|
|
<div id="universities" class="py-16 bg-white"> |
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
<div class="text-center"> |
|
<h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl"> |
|
Top <span class="text-indigo-600">Biology</span> Programs We Specialize In |
|
</h2> |
|
<p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto"> |
|
Our deep connections with these prestigious institutions give you an edge |
|
</p> |
|
</div> |
|
|
|
<div class="mt-12 grid grid-cols-1 gap-8 sm:grid-cols-3"> |
|
|
|
<div class="university-card bg-white rounded-lg overflow-hidden shadow-md transition duration-300"> |
|
<div class="h-48 bg-gradient-to-r from-red-500 to-red-700 flex items-center justify-center"> |
|
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/aa/Stanford_University_seal_2003.svg/1200px-Stanford_University_seal_2003.svg.png" alt="Stanford University" class="h-32 w-32 object-contain bg-white rounded-full p-2"> |
|
</div> |
|
<div class="p-6"> |
|
<h3 class="text-xl font-bold text-gray-900">Stanford University</h3> |
|
<p class="mt-2 text-sm text-gray-500">Department of Biology</p> |
|
<div class="mt-4"> |
|
<h4 class="text-sm font-semibold text-indigo-600">Research Strengths:</h4> |
|
<ul class="mt-2 space-y-1 text-sm text-gray-600"> |
|
<li class="flex items-start"> |
|
<i class="fas fa-check text-emerald-500 mt-1 mr-2 flex-shrink-0"></i> |
|
<span>Molecular & Cell Biology</span> |
|
</li> |
|
<li class="flex items-start"> |
|
<i class="fas fa-check text-emerald-500 mt-1 mr-2 flex-shrink-0"></i> |
|
<span>Ecology & Evolution</span> |
|
</li> |
|
<li class="flex items-start"> |
|
<i class="fas fa-check text-emerald-500 mt-1 mr-2 flex-shrink-0"></i> |
|
<span>Developmental Biology</span> |
|
</li> |
|
</ul> |
|
</div> |
|
<div class="mt-6"> |
|
<a href="https://biology.stanford.edu/" target="_blank" class="text-sm font-medium text-indigo-600 hover:text-indigo-500"> |
|
Visit Department <i class="fas fa-external-link-alt ml-1"></i> |
|
</a> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
|
|
<div class="university-card bg-white rounded-lg overflow-hidden shadow-md transition duration-300"> |
|
<div class="h-48 bg-gradient-to-r from-blue-600 to-blue-800 flex items-center justify-center"> |
|
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/5c/University_of_California%2C_San_Francisco_logo.svg/1200px-University_of_California%2C_San_Francisco_logo.svg.png" alt="UCSF" class="h-32 w-32 object-contain bg-white rounded-full p-2"> |
|
</div> |
|
<div class="p-6"> |
|
<h3 class="text-xl font-bold text-gray-900">UCSF</h3> |
|
<p class="mt-2 text-sm text-gray-500">Department of Biochemistry & Biophysics</p> |
|
<div class="mt-4"> |
|
<h4 class="text-sm font-semibold text-indigo-600">Research Strengths:</h4> |
|
<ul class="mt-2 space-y-1 text-sm text-gray-600"> |
|
<li class="flex items-start"> |
|
<i class="fas fa-check text-emerald-500 mt-1 mr-2 flex-shrink-0"></i> |
|
<span>Structural Biology</span> |
|
</li> |
|
<li class="flex items-start"> |
|
<i class="fas fa-check text-emerald-500 mt-1 mr-2 flex-shrink-0"></i> |
|
<span>Systems Biology</span> |
|
</li> |
|
<li class="flex items-start"> |
|
<i class="fas fa-check text-emerald-500 mt-1 mr-2 flex-shrink-0"></i> |
|
<span>Chemical Biology</span> |
|
</li> |
|
</ul> |
|
</div> |
|
<div class="mt-6"> |
|
<a href="https://biochemistry.ucsf.edu/" target="_blank" class="text-sm font-medium text-indigo-600 hover:text-indigo-500"> |
|
Visit Department <i class="fas fa-external-link-alt ml-1"></i> |
|
</a> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
|
|
<div class="university-card bg-white rounded-lg overflow-hidden shadow-md transition duration-300"> |
|
<div class="h-48 bg-gradient-to-r from-yellow-500 to-yellow-700 flex items-center justify-center"> |
|
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a1/Seal_of_University_of_California%2C_Berkeley.svg/1200px-Seal_of_University_of_California%2C_Berkeley.svg.png" alt="UC Berkeley" class="h-32 w-32 object-contain bg-white rounded-full p-2"> |
|
</div> |
|
<div class="p-6"> |
|
<h3 class="text-xl font-bold text-gray-900">UC Berkeley</h3> |
|
<p class="mt-2 text-sm text-gray-500">Department of Molecular & Cell Biology</p> |
|
<div class="mt-4"> |
|
<h4 class="text-sm font-semibold text-indigo-600">Research Strengths:</h4> |
|
<ul class="mt-2 space-y-1 text-sm text-gray-600"> |
|
<li class="flex items-start"> |
|
<i class="fas fa-check text-emerald-500 mt-1 mr-2 flex-shrink-0"></i> |
|
<span>Genetics & Genomics</span> |
|
</li> |
|
<li class="flex items-start"> |
|
<i class="fas fa-check text-emerald-500 mt-1 mr-2 flex-shrink-0"></i> |
|
<span>Neurobiology</span> |
|
</li> |
|
<li class="flex items-start"> |
|
<i class="fas fa-check text-emerald-500 mt-1 mr-2 flex-shrink-0"></i> |
|
<span>Immunology</span> |
|
</li> |
|
</ul> |
|
</div> |
|
<div class="mt-6"> |
|
<a href="https://mcb.berkeley.edu/" target="_blank" class="text-sm font-medium text-indigo-600 hover:text-indigo-500"> |
|
Visit Department <i class="fas fa-external-link-alt ml-1"></i> |
|
</a> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
|
|
<div class="py-16 bg-gray-50"> |
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
<div class="lg:text-center"> |
|
<h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl"> |
|
Our <span class="text-indigo-600">Proven</span> Process |
|
</h2> |
|
<p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto"> |
|
A structured approach to maximize your chances of success |
|
</p> |
|
</div> |
|
|
|
<div class="mt-20"> |
|
<div class="relative"> |
|
|
|
<div class="hidden md:block absolute top-0 left-1/2 transform -translate-x-1/2 h-full w-0.5 bg-indigo-200"></div> |
|
|
|
|
|
<div class="relative space-y-12 md:space-y-0 md:grid md:grid-cols-2 md:gap-x-8"> |
|
|
|
<div class="md:flex md:flex-row-reverse"> |
|
<div class="md:w-1/2 md:pl-8"> |
|
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white"> |
|
<span class="text-lg font-bold">1</span> |
|
</div> |
|
<h3 class="mt-6 text-lg font-medium text-gray-900">Initial Assessment</h3> |
|
<p class="mt-2 text-base text-gray-500"> |
|
Comprehensive evaluation of your research profile, career goals, and target institutions to create a customized strategy. |
|
</p> |
|
</div> |
|
</div> |
|
|
|
|
|
<div class="md:flex"> |
|
<div class="md:w-1/2 md:pr-8 md:text-right"> |
|
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white ml-auto"> |
|
<span class="text-lg font-bold">2</span> |
|
</div> |
|
<h3 class="mt-6 text-lg font-medium text-gray-900">Lab Matching</h3> |
|
<p class="mt-2 text-base text-gray-500"> |
|
Identification of ideal research groups that align with your expertise and aspirations, including "hidden gem" opportunities. |
|
</p> |
|
</div> |
|
</div> |
|
|
|
|
|
<div class="md:flex md:flex-row-reverse"> |
|
<div class="md:w-1/2 md:pl-8"> |
|
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white"> |
|
<span class="text-lg font-bold">3</span> |
|
</div> |
|
<h3 class="mt-6 text-lg font-medium text-gray-900">Application Crafting</h3> |
|
<p class="mt-2 text-base text-gray-500"> |
|
Development of compelling application materials that highlight your unique contributions and future potential. |
|
</p> |
|
</div> |
|
</div> |
|
|
|
|
|
<div class="md:flex"> |
|
<div class="md:w-1/2 md:pr-8 md:text-right"> |
|
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white ml-auto"> |
|
<span class="text-lg font-bold">4</span> |
|
</div> |
|
<h3 class="mt-6 text-lg font-medium text-gray-900">Interview Preparation</h3> |
|
<p class="mt-2 text-base text-gray-500"> |
|
Intensive training to excel in research presentations, technical discussions, and cultural fit assessments. |
|
</p> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
|
|
<div id="testimonials" class="py-16 bg-indigo-700"> |
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
<div class="text-center"> |
|
<h2 class="text-3xl font-extrabold text-white sm:text-4xl"> |
|
Success <span class="text-yellow-300">Stories</span> |
|
</h2> |
|
<p class="mt-4 max-w-2xl text-xl text-indigo-100 mx-auto"> |
|
Hear from researchers who secured their dream positions with our guidance |
|
</p> |
|
</div> |
|
|
|
<div class="mt-16 grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3"> |
|
|
|
<div class="testimonial-card rounded-lg p-6 shadow-lg"> |
|
<div class="flex items-center"> |
|
<div class="flex-shrink-0"> |
|
<img class="h-12 w-12 rounded-full" src="https://randomuser.me/api/portraits/women/32.jpg" alt="Dr. Sarah Chen"> |
|
</div> |
|
<div class="ml-4"> |
|
<h4 class="text-lg font-medium text-gray-900">Dr. Sarah Chen</h4> |
|
<p class="text-sm text-indigo-600">Postdoc, Stanford Genetics</p> |
|
</div> |
|
</div> |
|
<div class="mt-4"> |
|
<p class="text-gray-600"> |
|
"NextStep Counseling transformed my application from good to exceptional. Their insights into what Stanford PIs look for were invaluable. I received 4 interview invitations from top labs!" |
|
</p> |
|
</div> |
|
<div class="mt-4 flex"> |
|
<i class="fas fa-star text-yellow-400"></i> |
|
<i class="fas fa-star text-yellow-400"></i> |
|
<i class="fas fa-star text-yellow-400"></i> |
|
<i class="fas fa-star text-yellow-400"></i> |
|
<i class="fas fa-star text-yellow-400"></i> |
|
</div> |
|
</div> |
|
|
|
|
|
<div class="testimonial-card rounded-lg p-6 shadow-lg"> |
|
<div class="flex items-center"> |
|
<div class="flex-shrink-0"> |
|
<img class="h-12 w-12 rounded-full" src="https://randomuser.me/api/portraits/men/45.jpg" alt="Dr. Raj Patel"> |
|
</div> |
|
<div class="ml-4"> |
|
<h4 class="text-lg font-medium text-gray-900">Dr. Raj Patel</h4> |
|
<p class="text-sm text-indigo-600">Postdoc, UCSF Biochemistry</p> |
|
</div> |
|
</div> |
|
<div class="mt-4"> |
|
<p class="text-gray-600"> |
|
"The mock interviews were game-changing. I practiced answering tough technical questions until I could respond with confidence. My PI later told me my interview was the strongest they'd seen." |
|
</p> |
|
</div> |
|
<div class="mt-4 flex"> |
|
<i class="fas fa-star text-yellow-400"></i> |
|
<i class="fas fa-star text-yellow-400"></i> |
|
<i class="fas fa-star text-yellow-400"></i> |
|
<i class="fas fa-star text-yellow-400"></i> |
|
<i class="fas fa-star text-yellow-400"></i> |
|
</div> |
|
</div> |
|
|
|
|
|
<div class="testimonial-card rounded-lg p-6 shadow-lg"> |
|
<div class="flex items-center"> |
|
<div class="flex-shrink-0"> |
|
<img class="h-12 w-12 rounded-full" src="https://randomuser.me/api/portraits/women/68.jpg" alt="Dr. Elena Rodriguez"> |
|
</div> |
|
<div class="ml-4"> |
|
<h4 class="text-lg font-medium text-gray-900">Dr. Elena Rodriguez</h4> |
|
<p class="text-sm text-indigo-600">Postdoc, UC Berkeley MCB</p> |
|
</div> |
|
</div> |
|
<div class="mt-4"> |
|
<p class="text-gray-600"> |
|
"Their network of contacts at Berkeley helped me identify emerging research directions before they were widely advertised. I secured a position in a cutting-edge lab working on CRISPR applications." |
|
</p> |
|
</div> |
|
<div class="mt-4 flex"> |
|
<i class="fas fa-star text-yellow-400"></i> |
|
<i class="fas fa-star text-yellow-400"></i> |
|
<i class="fas fa-star text-yellow-400"></i> |
|
<i class="fas fa-star text-yellow-400"></i> |
|
<i class="fas fa-star text-yellow-400"></i> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
|
|
<div id="about" class="py-16 bg-white"> |
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
<div class="lg:grid lg:grid-cols-2 lg:gap-16"> |
|
<div class="relative"> |
|
<div class="relative rounded-lg overflow-hidden h-96"> |
|
<img class="absolute inset-0 w-full h-full object-cover" src="https://images.unsplash.com/photo-1532094349884-543bc11b234d?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="Scientist in lab"> |
|
<div class="absolute inset-0 bg-indigo-600 opacity-20"></div> |
|
</div> |
|
<div class="mt-8 flex items-center"> |
|
<div class="flex-shrink-0"> |
|
<img class="h-16 w-16 rounded-full" src="https://randomuser.me/api/portraits/women/44.jpg" alt="Dr. Amanda Zhang"> |
|
</div> |
|
<div class="ml-4"> |
|
<h4 class="text-lg font-medium text-gray-900">Dr. Amanda Zhang</h4> |
|
<p class="text-sm text-gray-500">Founder & Lead Counselor</p> |
|
<p class="mt-1 text-sm text-gray-500"> |
|
Former Stanford Biology Faculty, 12 years post-doc mentoring experience |
|
</p> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="mt-12 lg:mt-0"> |
|
<h2 class="text-3xl font-extrabold text-gray-900"> |
|
About <span class="text-indigo-600">NextStep</span> Counseling |
|
</h2> |
|
<p class="mt-6 text-lg text-gray-500"> |
|
Founded by Dr. Amanda Zhang, a former faculty member at Stanford's Biology Department, NextStep Counseling brings insider knowledge of the US academic research landscape to help international and domestic PhDs navigate the competitive post-doc market. |
|
</p> |
|
<div class="mt-8"> |
|
<div class="flex"> |
|
<div class="flex-shrink-0"> |
|
<i class="fas fa-university text-indigo-500 text-xl"></i> |
|
</div> |
|
<div class="ml-4"> |
|
<h3 class="text-lg font-medium text-gray-900">Academic Credentials</h3> |
|
<p class="mt-2 text-base text-gray-500"> |
|
Our team includes former faculty and research administrators from top US institutions who understand exactly what selection committees look for. |
|
</p> |
|
</div> |
|
</div> |
|
<div class="mt-8 flex"> |
|
<div class="flex-shrink-0"> |
|
<i class="fas fa-globe-americas text-indigo-500 text-xl"></i> |
|
</div> |
|
<div class="ml-4"> |
|
<h3 class="text-lg font-medium text-gray-900">Global Perspective</h3> |
|
<p class="mt-2 text-base text-gray-500"> |
|
We specialize in helping international researchers adapt their applications to US academic culture while highlighting their unique strengths. |
|
</p> |
|
</div> |
|
</div> |
|
<div class="mt-8 flex"> |
|
<div class="flex-shrink-0"> |
|
<i class="fas fa-handshake text-indigo-500 text-xl"></i> |
|
</div> |
|
<div class="ml-4"> |
|
<h3 class="text-lg font-medium text-gray-900">Ethical Approach</h3> |
|
<p class="mt-2 text-base text-gray-500"> |
|
We don't write applications for you - we empower you to present your authentic research story in the most compelling way possible. |
|
</p> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
|
|
<div class="bg-indigo-700"> |
|
<div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8 lg:flex lg:items-center lg:justify-between"> |
|
<h2 class="text-3xl font-extrabold tracking-tight text-white sm:text-4xl"> |
|
<span class="block">Ready to take your research career to the next level?</span> |
|
<span class="block text-yellow-300">Schedule your free consultation today.</span> |
|
</h2> |
|
<div class="mt-8 flex lg:mt-0 lg:flex-shrink-0"> |
|
<div class="inline-flex rounded-md shadow"> |
|
<a href="#contact" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-indigo-600 bg-white hover:bg-indigo-50 transition duration-150 ease-in-out"> |
|
Get Started |
|
<i class="fas fa-arrow-right ml-2"></i> |
|
</a> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
|
|
<div id="contact" class="py-16 bg-gray-50"> |
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
<div class="lg:grid lg:grid-cols-2 lg:gap-8"> |
|
<div> |
|
<h2 class="text-3xl font-extrabold text-gray-900"> |
|
Contact <span class="text-indigo-600">NextStep</span> |
|
</h2> |
|
<p class="mt-4 text-lg text-gray-500"> |
|
Have questions about our services or ready to begin your post-doc journey? Reach out to us for a free initial consultation. |
|
</p> |
|
<div class="mt-8"> |
|
<div class="flex"> |
|
<div class="flex-shrink-0"> |
|
<i class="fas fa-envelope text-indigo-500 text-xl"></i> |
|
</div> |
|
<div class="ml-4"> |
|
<h3 class="text-lg font-medium text-gray-900">Email</h3> |
|
<p class="mt-2 text-base text-gray-500"> |
|
[email protected] |
|
</p> |
|
</div> |
|
</div> |
|
<div class="mt-6 flex"> |
|
<div class="flex-shrink-0"> |
|
<i class="fas fa-phone-alt text-indigo-500 text-xl"></i> |
|
</div> |
|
<div class="ml-4"> |
|
<h3 class="text-lg font-medium text-gray-900">Phone</h3> |
|
<p class="mt-2 text-base text-gray-500"> |
|
+1 (650) 555-0192 |
|
</p> |
|
</div> |
|
</div> |
|
<div class="mt-6 flex"> |
|
<div class="flex-shrink-0"> |
|
<i class="fas fa-map-marker-alt text-indigo-500 text-xl"></i> |
|
</div> |
|
<div class="ml-4"> |
|
<h3 class="text-lg font-medium text-gray-900">Office</h3> |
|
<p class="mt-2 text-base text-gray-500"> |
|
123 Research Way, Suite 200<br> |
|
Palo Alto, CA 94304 |
|
</p> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="mt-12 lg:mt-0"> |
|
<div class="bg-white py-8 px-6 shadow rounded-lg sm:px-10"> |
|
<form class="mb-0 space-y-6"> |
|
<div> |
|
<label for="name" class="block text-sm font-medium text-gray-700">Full Name</label> |
|
<div class="mt-1"> |
|
<input id="name" name="name" type="text" required class="w-full border border-gray-300 px-3 py-2 rounded-lg shadow-sm focus:outline-none focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500"> |
|
</div> |
|
</div> |
|
<div> |
|
<label for="email" class="block text-sm font-medium text-gray-700">Email Address</label> |
|
<div class="mt-1"> |
|
<input id="email" name="email" type="email" required class="w-full border border-gray-300 px-3 py-2 rounded-lg shadow-sm focus:outline-none focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500"> |
|
</div> |
|
</div> |
|
<div> |
|
<label for="research" class="block text-sm font-medium text-gray-700">Research Area</label> |
|
<div class="mt-1"> |
|
<select id="research" name="research" class="w-full border border-gray-300 px-3 py-2 rounded-lg shadow-sm focus:outline-none focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500"> |
|
<option>Molecular Biology</option> |
|
<option>Cell Biology</option> |
|
<option>Genetics</option> |
|
<option>Biochemistry</option> |
|
<option>Neuroscience</option> |
|
<option>Other</option> |
|
</select> |
|
</div> |
|
</div> |
|
<div> |
|
<label for="message" class="block text-sm font-medium text-gray-700">How can we help you?</label> |
|
<div class="mt-1"> |
|
<textarea id="message" name="message" rows="4" class="w-full border border-gray-300 px-3 py-2 rounded-lg shadow-sm focus:outline-none focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500"></textarea> |
|
</div> |
|
</div> |
|
<div> |
|
<button type="submit" class="w-full flex justify-center py-3 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transition duration-150 ease-in-out"> |
|
Request Consultation |
|
</button> |
|
</div> |
|
</form> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
|
|
<footer class="bg-gray-800"> |
|
<div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8"> |
|
<div class="xl:grid xl:grid-cols-3 xl:gap-8"> |
|
<div class="space-y-8 xl:col-span-1"> |
|
<div class="flex items-center"> |
|
<i class="fas fa-dna text-2xl text-indigo-400 mr-2"></i> |
|
<span class="text-xl font-bold text-white">NextStep<span class="text-emerald-400">Counseling</span></span> |
|
</div> |
|
<p class="text-gray-300 text-base"> |
|
Specialized guidance for biology post-doctoral researchers pursuing academic excellence in the United States. |
|
</p> |
|
<div class="flex space-x-6"> |
|
<a href="#" class="text-gray-400 hover:text-white"> |
|
<i class="fab fa-twitter text-xl"></i> |
|
</a> |
|
<a href="#" class="text-gray-400 hover:text-white"> |
|
<i class="fab fa-linkedin text-xl"></i> |
|
</a> |
|
<a href="#" class="text-gray-400 hover:text-white"> |
|
<i class="fab fa-researchgate text-xl"></i> |
|
</a> |
|
</div> |
|
</div> |
|
<div class="mt-12 grid grid-cols-2 gap-8 xl:mt-0 xl:col-span-2"> |
|
<div class="md:grid md:grid-cols-2 md:gap-8"> |
|
<div> |
|
<h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase"> |
|
Services |
|
</h3> |
|
<ul class="mt-4 space-y-4"> |
|
<li> |
|
<a href="#" class="text-base text-gray-400 hover:text-white"> |
|
Application Strategy |
|
</a> |
|
</li> |
|
<li> |
|
<a href="#" class="text-base text-gray-400 hover:text-white"> |
|
Document Editing |
|
</a> |
|
</li> |
|
<li> |
|
<a href="#" class="text-base text-gray-400 hover:text-white"> |
|
Interview Preparation |
|
</a> |
|
</li> |
|
<li> |
|
<a href="#" class="text-base text-gray-400 hover:text-white"> |
|
Career Planning |
|
</a> |
|
</li> |
|
</ul> |
|
</div> |
|
<div class="mt-12 md:mt-0"> |
|
<h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase"> |
|
Resources |
|
</h3> |
|
<ul class="mt-4 space-y-4"> |
|
<li> |
|
<a href="#" class="text-base text-gray-400 hover:text-white"> |
|
Blog |
|
</a> |
|
</li> |
|
<li> |
|
<a href="#" class="text-base text-gray-400 hover:text-white"> |
|
Webinars |
|
</a> |
|
</li> |
|
<li> |
|
<a href="#" class="text-base text-gray-400 hover:text-white"> |
|
Funding Guide |
|
</a> |
|
</li> |
|
<li> |
|
<a href="#" class="text-base text-gray-400 hover:text-white"> |
|
FAQ |
|
</a> |
|
</li> |
|
</ul> |
|
</div> |
|
</div> |
|
<div class="md:grid md:grid-cols-2 md:gap-8"> |
|
<div> |
|
<h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase"> |
|
Top Programs |
|
</h3> |
|
<ul class="mt-4 space-y-4"> |
|
<li> |
|
<a href="#" class="text-base text-gray-400 hover:text-white"> |
|
Stanford Biology |
|
</a> |
|
</li> |
|
<li> |
|
<a href="#" class="text-base text-gray-400 hover:text-white"> |
|
UCSF Biochemistry |
|
</a> |
|
</li> |
|
<li> |
|
<a href="#" class="text-base text-gray-400 hover:text-white"> |
|
UC Berkeley MCB |
|
</a> |
|
</li> |
|
<li> |
|
<a href="#" class="text-base text-gray-400 hover:text-white"> |
|
Harvard MCO |
|
</a> |
|
</li> |
|
</ul> |
|
</div> |
|
<div class="mt-12 md:mt-0"> |
|
<h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase"> |
|
Legal |
|
</h3> |
|
<ul class="mt-4 space-y-4"> |
|
<li> |
|
<a href="#" class="text-base text-gray-400 hover:text-white"> |
|
Privacy |
|
</a> |
|
</li> |
|
<li> |
|
<a href="#" class="text-base text-gray-400 hover:text-white"> |
|
Terms |
|
</a> |
|
</li> |
|
<li> |
|
<a href="#" class="text-base text-gray-400 hover:text-white"> |
|
Cookie Policy |
|
</a> |
|
</li> |
|
</ul> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="mt-12 border-t border-gray-700 pt-8"> |
|
<p class="text-base text-gray-400 text-center"> |
|
© 2023 NextStep Counseling. All rights reserved. |
|
</p> |
|
</div> |
|
</div> |
|
</footer> |
|
|
|
<script> |
|
|
|
document.getElementById('mobile-menu-button').addEventListener('click', function() { |
|
const menu = document.getElementById('mobile-menu'); |
|
if (menu.classList.contains('hidden')) { |
|
menu.classList.remove('hidden'); |
|
} else { |
|
menu.classList.add('hidden'); |
|
} |
|
}); |
|
|
|
|
|
document.querySelectorAll('a[href^="#"]').forEach(anchor => { |
|
anchor.addEventListener('click', function (e) { |
|
e.preventDefault(); |
|
|
|
const targetId = this.getAttribute('href'); |
|
if (targetId === '#') return; |
|
|
|
const targetElement = document.querySelector(targetId); |
|
if (targetElement) { |
|
targetElement.scrollIntoView({ |
|
behavior: 'smooth' |
|
}); |
|
|
|
|
|
const mobileMenu = document.getElementById('mobile-menu'); |
|
if (!mobileMenu.classList.contains('hidden')) { |
|
mobileMenu.classList.add('hidden'); |
|
} |
|
} |
|
}); |
|
}); |
|
</script> |
|
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=asifpa/nextstep" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
|
</html> |
