-
Notifications
You must be signed in to change notification settings - Fork 392
/
modern_physics.html
105 lines (92 loc) · 5.37 KB
/
modern_physics.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Explore Modern Physics Courses | Learn Modern Physics</title>
<meta name="description" content="Explore our Modern Physics courses covering Quantum Theory, Relativity, Nuclear Physics, and more. Enroll now and build your Modern Physics skills.">
<link rel="stylesheet" href="./assets/css/style.css">
<link rel="shortcut icon" href="./favicon.svg" type="image/svg+xml">
</head>
<body>
<section class="section courses has-bg-image">
<div class="container">
<p class="title-sm text-center section-subtitle" id="data-science-label">Explore Courses</p>
<h2 class="headline-md text-center section-title">
Modern Physics <span class="span has-after">Courses</span>
</h2>
<p class="text-center description">
Modern physics, anchored in the transformative breakthroughs of the 20th century—Relativity and Quantum Mechanics—has profoundly altered our grasp of the physical universe. These theories, shattering the confines of classical thought, revealed an intricate and mysterious reality far beyond prior understanding.
</p>
<ul class="grid-list">
<li>
<div class="card course-card">
<div class="card-icon">
<img src="./assets/images/modern-physics/modernphysics.jpg" width="300" height="100" loading="lazy"
alt="Introduction to Modern Physics course overview image">
</div>
<div>
<h3 class="title-lg">Introduction to Modern Physics</h3>
<p class="title-sm">Duration: 4 weeks</p>
</div>
<a href="course-intro-modern-physics.html" class="layer-link" aria-label="Learn more about Introduction to Modern Physics"></a>
</div>
</li>
<li>
<div class="card course-card">
<div class="card-icon">
<img src="./assets/images/modern-physics/quantum.jpg" width="300" height="100" loading="lazy"
alt="Quantum Theory image">
</div>
<div>
<h3 class="title-lg">Quantum Theory</h3>
<p class="title-sm">Duration: 6 weeks</p>
</div>
<a href="course-quantum-theory.html" class="layer-link" aria-label="Learn more about Quantum Theory"></a>
</div>
</li>
<li>
<div class="card course-card">
<div class="card-icon">
<img src="./assets/images/modern-physics/relativity.jpg" width="300" height="100" loading="lazy"
alt="Relativity overview image">
</div>
<div>
<h3 class="title-lg">Relativity</h3>
<p class="title-sm">Duration: 5 weeks</p>
</div>
<a href="course-relativity.html" class="layer-link" aria-label="Learn more about Relativity"></a>
</div>
</li>
<li>
<div class="card course-card">
<div class="card-icon">
<img src="./assets/images/modern-physics/nuclear.jpg" width="300" height="100" loading="lazy"
alt="Nuclear Physics course overview image">
</div>
<div>
<h3 class="title-lg">Nuclear Physics</h3>
<p class="title-sm">Duration: 8 weeks</p>
</div>
<a href="course-nuclear-physics.html" class="layer-link" aria-label="Learn more about Nuclear Physics"></a>
</div>
</li>
<li>
<div class="card course-card">
<div class="card-icon">
<img src="./assets/images/modern-physics/cosmology.jpg" width="300" height="100" loading="lazy"
alt="Cosmology course overview image">
</div>
<div>
<h3 class="title-lg">Cosmology</h3>
<p class="title-sm">Duration: 10 weeks</p>
</div>
<a href="course-cosmology.html" class="layer-link" aria-label="Learn more about Cosmology"></a>
</div>
</li>
</ul>
<a href="enroll.html" class="btn btn-primary">Enroll in a Course</a>
</div>
</section>
</body>
</html>