|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Classical Mechanics | University Physics Program</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, #1e3a8a 0%, #0ea5e9 100%); |
|
|
} |
|
|
.module-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); |
|
|
} |
|
|
.instructor-card:hover { |
|
|
transform: scale(1.03); |
|
|
} |
|
|
.animate-float { |
|
|
animation: float 6s ease-in-out infinite; |
|
|
} |
|
|
@keyframes float { |
|
|
0% { transform: translateY(0px); } |
|
|
50% { transform: translateY(-15px); } |
|
|
100% { transform: translateY(0px); } |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="font-sans bg-gray-50"> |
|
|
|
|
|
<nav class="bg-white shadow-lg"> |
|
|
<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-atom text-blue-600 text-2xl mr-2"></i> |
|
|
<span class="text-xl font-bold text-gray-900">Physics Academy</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="hidden md:ml-6 md:flex md:items-center md:space-x-8"> |
|
|
<a href="#" class="text-gray-900 hover:text-blue-600 px-3 py-2 text-sm font-medium">Courses</a> |
|
|
<a href="#" class="text-gray-900 hover:text-blue-600 px-3 py-2 text-sm font-medium">Faculty</a> |
|
|
<a href="#" class="text-gray-900 hover:text-blue-600 px-3 py-2 text-sm font-medium">Resources</a> |
|
|
<a href="#" class="bg-blue-600 text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-blue-700">Enroll Now</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</nav> |
|
|
|
|
|
|
|
|
<div class="hero-gradient text-white py-20"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="md:flex items-center"> |
|
|
<div class="md:w-1/2 mb-10 md:mb-0"> |
|
|
<h1 class="text-4xl md:text-5xl font-bold mb-6">Classical Mechanics</h1> |
|
|
<p class="text-xl mb-8 opacity-90">Master the fundamental principles governing motion, forces, and energy in this comprehensive university-level course.</p> |
|
|
<div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4"> |
|
|
<a href="#enroll" class="bg-white text-blue-700 px-6 py-3 rounded-lg font-semibold text-center hover:bg-gray-100 transition duration-300">Enroll Today</a> |
|
|
<a href="#curriculum" class="border-2 border-white px-6 py-3 rounded-lg font-semibold text-center hover:bg-white hover:bg-opacity-10 transition duration-300">View Curriculum</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="md:w-1/2 flex justify-center"> |
|
|
<img src="https://illustrations.popsy.co/amber/launching.svg" alt="Physics illustration" class="w-3/4 animate-float"> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="py-16 bg-white"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-3xl font-bold text-gray-900 mb-4">Course Overview</h2> |
|
|
<div class="w-24 h-1 bg-blue-600 mx-auto"></div> |
|
|
</div> |
|
|
|
|
|
<div class="grid md:grid-cols-3 gap-8"> |
|
|
<div class="bg-gray-50 p-6 rounded-xl border border-gray-200"> |
|
|
<div class="text-blue-600 mb-4"> |
|
|
<i class="fas fa-graduation-cap text-3xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-semibold mb-3">Level</h3> |
|
|
<p class="text-gray-600">Advanced undergraduate course suitable for physics and engineering majors with calculus background.</p> |
|
|
</div> |
|
|
|
|
|
<div class="bg-gray-50 p-6 rounded-xl border border-gray-200"> |
|
|
<div class="text-blue-600 mb-4"> |
|
|
<i class="fas fa-clock text-3xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-semibold mb-3">Duration</h3> |
|
|
<p class="text-gray-600">12-week program with 4-6 hours of study per week, including lectures, problem sets, and labs.</p> |
|
|
</div> |
|
|
|
|
|
<div class="bg-gray-50 p-6 rounded-xl border border-gray-200"> |
|
|
<div class="text-blue-600 mb-4"> |
|
|
<i class="fas fa-certificate text-3xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-semibold mb-3">Certification</h3> |
|
|
<p class="text-gray-600">Earn a verified certificate upon successful completion with a passing grade of 70% or higher.</p> |
|
|
</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="text-center mb-16"> |
|
|
<h2 class="text-3xl font-bold text-gray-900 mb-4">Learning Objectives</h2> |
|
|
<div class="w-24 h-1 bg-blue-600 mx-auto"></div> |
|
|
</div> |
|
|
|
|
|
<div class="grid md:grid-cols-2 gap-8"> |
|
|
<div> |
|
|
<div class="flex items-start mb-6"> |
|
|
<div class="flex-shrink-0 bg-blue-100 rounded-lg p-3 mr-4"> |
|
|
<i class="fas fa-bullseye text-blue-600 text-xl"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h3 class="text-lg font-semibold mb-2">Master Newtonian Mechanics</h3> |
|
|
<p class="text-gray-600">Understand and apply Newton's laws of motion to analyze systems of particles and rigid bodies.</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="flex items-start mb-6"> |
|
|
<div class="flex-shrink-0 bg-blue-100 rounded-lg p-3 mr-4"> |
|
|
<i class="fas fa-project-diagram text-blue-600 text-xl"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h3 class="text-lg font-semibold mb-2">Lagrangian Formalism</h3> |
|
|
<p class="text-gray-600">Develop proficiency in using Lagrangian mechanics to solve complex dynamical problems.</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="flex items-start"> |
|
|
<div class="flex-shrink-0 bg-blue-100 rounded-lg p-3 mr-4"> |
|
|
<i class="fas fa-sync-alt text-blue-600 text-xl"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h3 class="text-lg font-semibold mb-2">Conservation Laws</h3> |
|
|
<p class="text-gray-600">Apply conservation of energy, momentum, and angular momentum to analyze physical systems.</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<div class="flex items-start mb-6"> |
|
|
<div class="flex-shrink-0 bg-blue-100 rounded-lg p-3 mr-4"> |
|
|
<i class="fas fa-compass text-blue-600 text-xl"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h3 class="text-lg font-semibold mb-2">Central Force Motion</h3> |
|
|
<p class="text-gray-600">Solve problems involving orbital mechanics and central force potentials.</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="flex items-start mb-6"> |
|
|
<div class="flex-shrink-0 bg-blue-100 rounded-lg p-3 mr-4"> |
|
|
<i class="fas fa-wave-square text-blue-600 text-xl"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h3 class="text-lg font-semibold mb-2">Oscillations</h3> |
|
|
<p class="text-gray-600">Analyze simple harmonic motion, damped oscillations, and forced oscillations.</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="flex items-start"> |
|
|
<div class="flex-shrink-0 bg-blue-100 rounded-lg p-3 mr-4"> |
|
|
<i class="fas fa-space-shuttle text-blue-600 text-xl"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h3 class="text-lg font-semibold mb-2">Rigid Body Dynamics</h3> |
|
|
<p class="text-gray-600">Understand the motion of rigid bodies, including rotation about fixed and moving axes.</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="curriculum" class="py-16 bg-white"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-3xl font-bold text-gray-900 mb-4">Course Curriculum</h2> |
|
|
<div class="w-24 h-1 bg-blue-600 mx-auto"></div> |
|
|
</div> |
|
|
|
|
|
<div class="space-y-6"> |
|
|
|
|
|
<div class="module-card bg-gray-50 border border-gray-200 rounded-xl overflow-hidden transition duration-300"> |
|
|
<div class="md:flex"> |
|
|
<div class="md:w-1/4 bg-blue-600 text-white p-6 flex items-center justify-center"> |
|
|
<div class="text-center"> |
|
|
<div class="text-4xl font-bold mb-2">01</div> |
|
|
<div class="text-xl font-semibold">Week 1-2</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="md:w-3/4 p-6"> |
|
|
<h3 class="text-xl font-bold mb-4">Newtonian Mechanics Foundations</h3> |
|
|
<div class="grid md:grid-cols-2 gap-4"> |
|
|
<div class="flex items-start"> |
|
|
<div class="flex-shrink-0 text-blue-600 mr-3 mt-1"> |
|
|
<i class="fas fa-check-circle"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-medium">Newton's Laws of Motion</h4> |
|
|
<p class="text-sm text-gray-600">Inertial frames, force, mass, and acceleration</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="flex items-start"> |
|
|
<div class="flex-shrink-0 text-blue-600 mr-3 mt-1"> |
|
|
<i class="fas fa-check-circle"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-medium">Work and Energy</h4> |
|
|
<p class="text-sm text-gray-600">Conservative forces, potential energy, energy conservation</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="flex items-start"> |
|
|
<div class="flex-shrink-0 text-blue-600 mr-3 mt-1"> |
|
|
<i class="fas fa-check-circle"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-medium">Momentum</h4> |
|
|
<p class="text-sm text-gray-600">Linear momentum, impulse, collisions</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="flex items-start"> |
|
|
<div class="flex-shrink-0 text-blue-600 mr-3 mt-1"> |
|
|
<i class="fas fa-check-circle"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-medium">Angular Momentum</h4> |
|
|
<p class="text-sm text-gray-600">Torque, rotational dynamics, conservation</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="module-card bg-gray-50 border border-gray-200 rounded-xl overflow-hidden transition duration-300"> |
|
|
<div class="md:flex"> |
|
|
<div class="md:w-1/4 bg-blue-700 text-white p-6 flex items-center justify-center"> |
|
|
<div class="text-center"> |
|
|
<div class="text-4xl font-bold mb-2">02</div> |
|
|
<div class="text-xl font-semibold">Week 3-4</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="md:w-3/4 p-6"> |
|
|
<h3 class="text-xl font-bold mb-4">Oscillations and Central Forces</h3> |
|
|
<div class="grid md:grid-cols-2 gap-4"> |
|
|
<div class="flex items-start"> |
|
|
<div class="flex-shrink-0 text-blue-600 mr-3 mt-1"> |
|
|
<i class="fas fa-check-circle"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-medium">Simple Harmonic Motion</h4> |
|
|
<p class="text-sm text-gray-600">Differential equations, energy in SHM</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="flex items-start"> |
|
|
<div class="flex-shrink-0 text-blue-600 mr-3 mt-1"> |
|
|
<i class="fas fa-check-circle"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-medium">Damped and Forced Oscillations</h4> |
|
|
<p class="text-sm text-gray-600">Resonance, quality factor, transient solutions</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="flex items-start"> |
|
|
<div class="flex-shrink-0 text-blue-600 mr-3 mt-1"> |
|
|
<i class="fas fa-check-circle"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-medium">Central Force Motion</h4> |
|
|
<p class="text-sm text-gray-600">Effective potential, Kepler's laws</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="flex items-start"> |
|
|
<div class="flex-shrink-0 text-blue-600 mr-3 mt-1"> |
|
|
<i class="fas fa-check-circle"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-medium">Orbital Mechanics</h4> |
|
|
<p class="text-sm text-gray-600">Two-body problem, scattering</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="module-card bg-gray-50 border border-gray-200 rounded-xl overflow-hidden transition duration-300"> |
|
|
<div class="md:flex"> |
|
|
<div class="md:w-1/4 bg-blue-800 text-white p-6 flex items-center justify-center"> |
|
|
<div class="text-center"> |
|
|
<div class="text-4xl font-bold mb-2">03</div> |
|
|
<div class="text-xl font-semibold">Week 5-7</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="md:w-3/4 p-6"> |
|
|
<h3 class="text-xl font-bold mb-4">Lagrangian and Hamiltonian Mechanics</h3> |
|
|
<div class="grid md:grid-cols-2 gap-4"> |
|
|
<div class="flex items-start"> |
|
|
<div class="flex-shrink-0 text-blue-600 mr-3 mt-1"> |
|
|
<i class="fas fa-check-circle"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-medium">Calculus of Variations</h4> |
|
|
<p class="text-sm text-gray-600">Euler-Lagrange equation</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="flex items-start"> |
|
|
<div class="flex-shrink-0 text-blue-600 mr-3 mt-1"> |
|
|
<i class="fas fa-check-circle"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-medium">Lagrangian Formulation</h4> |
|
|
<p class="text-sm text-gray-600">Generalized coordinates, constraints</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="flex items-start"> |
|
|
<div class="flex-shrink-0 text-blue-600 mr-3 mt-1"> |
|
|
<i class="fas fa-check-circle"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-medium">Symmetries and Conservation</h4> |
|
|
<p class="text-sm text-gray-600">Noether's theorem</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="flex items-start"> |
|
|
<div class="flex-shrink-0 text-blue-600 mr-3 mt-1"> |
|
|
<i class="fas fa-check-circle"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-medium">Hamiltonian Mechanics</h4> |
|
|
<p class="text-sm text-gray-600">Canonical equations, phase space</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="module-card bg-gray-50 border border-gray-200 rounded-xl overflow-hidden transition duration-300"> |
|
|
<div class="md:flex"> |
|
|
<div class="md:w-1/4 bg-blue-900 text-white p-6 flex items-center justify-center"> |
|
|
<div class="text-center"> |
|
|
<div class="text-4xl font-bold mb-2">04</div> |
|
|
<div class="text-xl font-semibold">Week 8-10</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="md:w-3/4 p-6"> |
|
|
<h3 class="text-xl font-bold mb-4">Rigid Body Dynamics</h3> |
|
|
<div class="grid md:grid-cols-2 gap-4"> |
|
|
<div class="flex items-start"> |
|
|
<div class="flex-shrink-0 text-blue-600 mr-3 mt-1"> |
|
|
<i class="fas fa-check-circle"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-medium">Rotation About Fixed Axis</h4> |
|
|
<p class="text-sm text-gray-600">Moment of inertia, parallel axis theorem</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="flex items-start"> |
|
|
<div class="flex-shrink-0 text-blue-600 mr-3 mt-1"> |
|
|
<i class="fas fa-check-circle"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-medium">General Motion of Rigid Bodies</h4> |
|
|
<p class="text-sm text-gray-600">Euler's equations, torque-free motion</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="flex items-start"> |
|
|
<div class="flex-shrink-0 text-blue-600 mr-3 mt-1"> |
|
|
<i class="fas fa-check-circle"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-medium">Gyroscopic Motion</h4> |
|
|
<p class="text-sm text-gray-600">Precession, nutation</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="flex items-start"> |
|
|
<div class="flex-shrink-0 text-blue-600 mr-3 mt-1"> |
|
|
<i class="fas fa-check-circle"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-medium">Non-inertial Reference Frames</h4> |
|
|
<p class="text-sm text-gray-600">Coriolis effect, centrifugal force</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="module-card bg-gray-50 border border-gray-200 rounded-xl overflow-hidden transition duration-300"> |
|
|
<div class="md:flex"> |
|
|
<div class="md:w-1/4 bg-indigo-900 text-white p-6 flex items-center justify-center"> |
|
|
<div class="text-center"> |
|
|
<div class="text-4xl font-bold mb-2">05</div> |
|
|
<div class="text-xl font-semibold">Week 11-12</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="md:w-3/4 p-6"> |
|
|
<h3 class="text-xl font-bold mb-4">Advanced Topics and Applications</h3> |
|
|
<div class="grid md:grid-cols-2 gap-4"> |
|
|
<div class="flex items-start"> |
|
|
<div class="flex-shrink-0 text-blue-600 mr-3 mt-1"> |
|
|
<i class="fas fa-check-circle"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-medium">Coupled Oscillations</h4> |
|
|
<p class="text-sm text-gray-600">Normal modes, beat phenomenon</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="flex items-start"> |
|
|
<div class="flex-shrink-0 text-blue-600 mr-3 mt-1"> |
|
|
<i class="fas fa-check-circle"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-medium">Continuum Mechanics</h4> |
|
|
<p class="text-sm text-gray-600">Waves in elastic media</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="flex items-start"> |
|
|
<div class="flex-shrink-0 text-blue-600 mr-3 mt-1"> |
|
|
<i class="fas fa-check-circle"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-medium">Chaos Theory</h4> |
|
|
<p class="text-sm text-gray-600">Nonlinear dynamics, phase portraits</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="flex items-start"> |
|
|
<div class="flex-shrink-0 text-blue-600 mr-3 mt-1"> |
|
|
<i class="fas fa-check-circle"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-medium">Special Relativity</h4> |
|
|
<p class="text-sm text-gray-600">Galilean transformations, limits of classical mechanics</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</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="text-center mb-16"> |
|
|
<h2 class="text-3xl font-bold text-gray-900 mb-4">Meet Your Instructors</h2> |
|
|
<div class="w-24 h-1 bg-blue-600 mx-auto"></div> |
|
|
</div> |
|
|
|
|
|
<div class="grid md:grid-cols-2 gap-8"> |
|
|
|
|
|
<div class="instructor-card bg-white rounded-xl shadow-md overflow-hidden transition duration-300"> |
|
|
<div class="md:flex"> |
|
|
<div class="md:w-1/3 bg-gray-100 flex items-center justify-center p-6"> |
|
|
<img src="https://randomuser.me/api/portraits/women/44.jpg" alt="Dr. Sarah Chen" class="rounded-full h-32 w-32 object-cover border-4 border-white shadow-md"> |
|
|
</div> |
|
|
<div class="md:w-2/3 p-6"> |
|
|
<h3 class="text-xl font-bold mb-1">Dr. Sarah Chen</h3> |
|
|
<p class="text-blue-600 font-medium mb-3">Professor of Theoretical Physics</p> |
|
|
<p class="text-gray-600 mb-4">Dr. Chen specializes in classical and quantum dynamics with over 15 years of teaching experience. Her research focuses on nonlinear dynamics and chaos theory.</p> |
|
|
<div class="flex space-x-4"> |
|
|
<a href="#" class="text-blue-600 hover:text-blue-800"> |
|
|
<i class="fab fa-google-scholar"></i> |
|
|
</a> |
|
|
<a href="#" class="text-blue-600 hover:text-blue-800"> |
|
|
<i class="fab fa-researchgate"></i> |
|
|
</a> |
|
|
<a href="#" class="text-blue-600 hover:text-blue-800"> |
|
|
<i class="fas fa-book"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="instructor-card bg-white rounded-xl shadow-md overflow-hidden transition duration-300"> |
|
|
<div class="md:flex"> |
|
|
<div class="md:w-1/3 bg-gray-100 flex items-center justify-center p-6"> |
|
|
<img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Dr. James Rodriguez" class="rounded-full h-32 w-32 object-cover border-4 border-white shadow-md"> |
|
|
</div> |
|
|
<div class="md:w-2/3 p-6"> |
|
|
<h3 class="text-xl font-bold mb-1">Dr. James Rodriguez</h3> |
|
|
<p class="text-blue-600 font-medium mb-3">Associate Professor of Applied Mechanics</p> |
|
|
<p class="text-gray-600 mb-4">With expertise in celestial mechanics and spacecraft dynamics, Dr. Rodriguez brings practical aerospace applications to classical mechanics concepts.</p> |
|
|
<div class="flex space-x-4"> |
|
|
<a href="#" class="text-blue-600 hover:text-blue-800"> |
|
|
<i class="fab fa-google-scholar"></i> |
|
|
</a> |
|
|
<a href="#" class="text-blue-600 hover:text-blue-800"> |
|
|
<i class="fab fa-linkedin"></i> |
|
|
</a> |
|
|
<a href="#" class="text-blue-600 hover:text-blue-800"> |
|
|
<i class="fas fa-rocket"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="py-16 bg-white"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-3xl font-bold text-gray-900 mb-4">What Students Say</h2> |
|
|
<div class="w-24 h-1 bg-blue-600 mx-auto"></div> |
|
|
</div> |
|
|
|
|
|
<div class="grid md:grid-cols-3 gap-8"> |
|
|
<div class="bg-gray-50 p-6 rounded-xl border border-gray-200"> |
|
|
<div class="flex mb-4"> |
|
|
<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> |
|
|
<p class="text-gray-600 mb-6">"The problem sets were challenging but extremely rewarding. Dr. Chen's explanations of Lagrangian mechanics were crystal clear."</p> |
|
|
<div class="flex items-center"> |
|
|
<img src="https://randomuser.me/api/portraits/women/68.jpg" alt="Student" class="w-10 h-10 rounded-full mr-3"> |
|
|
<div> |
|
|
<h4 class="font-medium">Emily Zhang</h4> |
|
|
<p class="text-sm text-gray-500">Physics Major, Class of 2023</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="bg-gray-50 p-6 rounded-xl border border-gray-200"> |
|
|
<div class="flex mb-4"> |
|
|
<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> |
|
|
<p class="text-gray-600 mb-6">"The virtual labs were surprisingly effective. I particularly enjoyed the orbital mechanics simulations - they made abstract concepts tangible."</p> |
|
|
<div class="flex items-center"> |
|
|
<img src="https://randomuser.me/api/portraits/men/75.jpg" alt="Student" class="w-10 h-10 rounded-full mr-3"> |
|
|
<div> |
|
|
<h4 class="font-medium">David Wilson</h4> |
|
|
<p class="text-sm text-gray-500">Aerospace Engineering, Class of 2024</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="bg-gray-50 p-6 rounded-xl border border-gray-200"> |
|
|
<div class="flex mb-4"> |
|
|
<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-half-alt text-yellow-400"></i> |
|
|
</div> |
|
|
<p class="text-gray-600 mb-6">"The instructors were always available for questions. The discussion forums were active with both students and professors participating."</p> |
|
|
<div class="flex items-center"> |
|
|
<img src="https://randomuser.me/api/portraits/women/63.jpg" alt="Student" class="w-10 h-10 rounded-full mr-3"> |
|
|
<div> |
|
|
<h4 class="font-medium">Priya Patel</h4> |
|
|
<p class="text-sm text-gray-500">Mechanical Engineering, Class of 2025</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="enroll" class="py-16 hero-gradient text-white"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="md:flex items-center justify-between"> |
|
|
<div class="md:w-2/3 mb-8 md:mb-0"> |
|
|
<h2 class="text-3xl font-bold mb-4">Ready to Master Classical Mechanics?</h2> |
|
|
<p class="text-xl opacity-90">Join hundreds of students who have transformed their understanding of physics through this comprehensive course.</p> |
|
|
</div> |
|
|
<div class="md:w-1/3"> |
|
|
<a href="#" class="block bg-white text-blue-700 px-6 py-4 rounded-lg font-bold text-center hover:bg-gray-100 transition duration-300 text-lg"> |
|
|
Enroll Now <i class="fas fa-arrow-right ml-2"></i> |
|
|
</a> |
|
|
<p class="text-center mt-3 text-blue-100">Next session starts June 15, 2023</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<footer class="bg-gray-900 text-white pt-16 pb-8"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="grid md:grid-cols-4 gap-8 mb-8"> |
|
|
<div> |
|
|
<div class="flex items-center mb-4"> |
|
|
<i class="fas fa-atom text-blue-400 text-2xl mr-2"></i> |
|
|
<span class="text-xl font-bold">Physics Academy</span> |
|
|
</div> |
|
|
<p class="text-gray-400">Advancing physics education through innovative online learning since 2010.</p> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<h3 class="text-lg font-semibold mb-4">Quick Links</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">All Courses</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">Faculty Directory</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">Research Opportunities</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">Student Resources</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<h3 class="text-lg font-semibold mb-4">Contact</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-envelope mr-2 text-blue-400"></i> |
|
|
<span class="text-gray-400">contact@physicsacademy.edu</span> |
|
|
</li> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-phone-alt mr-2 text-blue-400"></i> |
|
|
<span class="text-gray-400">(555) 123-4567</span> |
|
|
</li> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-map-marker-alt mr-2 text-blue-400"></i> |
|
|
<span class="text-gray-400">123 Science Ave, Cambridge, MA</span> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<h3 class="text-lg font-semibold mb-4">Follow Us</h3> |
|
|
<div class="flex space-x-4"> |
|
|
<a href="#" class="bg-gray-800 hover:bg-blue-600 w-10 h-10 rounded-full flex items-center justify-center transition duration-300"> |
|
|
<i class="fab fa-twitter"></i> |
|
|
</a> |
|
|
<a href="#" class="bg-gray-800 hover:bg-blue-700 w-10 h-10 rounded-full flex items-center justify-center transition duration-300"> |
|
|
<i class="fab fa-linkedin-in"></i> |
|
|
</a> |
|
|
<a href="#" class="bg-gray-800 hover:bg-pink-600 w-10 h-10 rounded-full flex items-center justify-center transition duration-300"> |
|
|
<i class="fab fa-instagram"></i> |
|
|
</a> |
|
|
<a href="#" class="bg-gray-800 hover:bg-red-600 w-10 h-10 rounded-full flex items-center justify-center transition duration-300"> |
|
|
<i class="fab fa-youtube"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center"> |
|
|
<p class="text-gray-400 mb-4 md:mb-0">© 2023 Physics Academy. All rights reserved.</p> |
|
|
<div class="flex space-x-6"> |
|
|
<a href="#" class="text-gray-400 hover:text-white">Privacy Policy</a> |
|
|
<a href="#" class="text-gray-400 hover:text-white">Terms of Service</a> |
|
|
<a href="#" class="text-gray-400 hover:text-white">Accessibility</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</footer> |
|
|
|
|
|
<script> |
|
|
|
|
|
document.querySelectorAll('a[href^="#"]').forEach(anchor => { |
|
|
anchor.addEventListener('click', function (e) { |
|
|
e.preventDefault(); |
|
|
document.querySelector(this.getAttribute('href')).scrollIntoView({ |
|
|
behavior: 'smooth' |
|
|
}); |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
const observer = new IntersectionObserver((entries) => { |
|
|
entries.forEach(entry => { |
|
|
if (entry.isIntersecting) { |
|
|
entry.target.classList.add('animate-fadeIn'); |
|
|
} |
|
|
}); |
|
|
}, {threshold: 0.1}); |
|
|
|
|
|
document.querySelectorAll('.module-card').forEach(card => { |
|
|
observer.observe(card); |
|
|
}); |
|
|
</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=talibanta/myspace" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
|
|
</html> |
