-
Notifications
You must be signed in to change notification settings - Fork 1
/
physics.html
113 lines (106 loc) · 5.77 KB
/
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
106
107
108
109
110
111
112
113
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Physics</title>
<link rel="stylesheet" href="materials/mstyle.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark shift" id="nav">
<div class="container-fluid">
<a class="navbar-brand" id="name" href="main.html"><img id="logo" src="logo.png">UniGrade</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="main.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link active" target="_blank" aria-current="page" href="https://chatroom-69ee8.web.app/">Chat-Room</a>
</li>
<li class="nav-item">
<a class="nav-link active" target="_blank" aria-current="page" href="main.html #course-head">Course Materials</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="container-fluid py-5">
<h1 class="display-5 fw-bold text-center"><span>Physics</span> is the best choice for you!</h1>
</div>
<div class="container-fluid py-1" id="course-head">
<h2 class="display-6 fw-bold text-center">Recommended Courses</h2>
</div>
<main>
<div class="container-fluid bg-trasparent my-4 p-3" style="position: relative;">
<div class="row row-cols-1 row-cols-xs-2 row-cols-sm-2 row-cols-lg-4 g-3">
<div class="col">
<div class="card h-100 shadow-sm"> <img
src="materials/udemy.png"
class="card-img-top" alt="...">
<div class="card-body">
<div class="clearfix mb-3"> <span class="float-start badge rounded-pill bg-primary">Rs 449</span> </div>
<a href="https://www.udemy.com/course/the-complete-ap-physics-course/" target="_blank" class="card-text stretched-link text-decoration-none">The Complete AP and College Physics Course</a>
</div>
</div>
</div>
<div class="col">
<div class="card h-100 shadow-sm"> <img
src="materials/edx.png"
class="card-img-top" alt="...">
<div class="card-body">
<div class="clearfix mb-3"> <span class="float-start badge rounded-pill bg-primary">Free</span> </div>
<a href="https://www.edx.org/course/ap-physics-1-2?index=product&queryID=b6e6fd695a330a19c390ab131f346b4d&position=5&linked_from=autocomplete" target="_blank" class="card-text stretched-link text-decoration-none">
AP Physics 1</a>
</div>
</div>
</div>
<div class="col">
<div class="card h-100 shadow-sm"> <img
src="materials/coursera.png"
class="card-img-top" alt="...">
<div class="card-body">
<div class="clearfix mb-3"> <span class="float-start badge rounded-pill bg-primary">Free/Rs 2295</span> </div>
<a href="https://www.coursera.org/learn/how-things-work" target="_blank" class="card-text stretched-link text-decoration-none">How Things Work: An Introduction to Physics</a>
</div>
</div>
</div>
<div class="col">
<div class="card h-100 shadow-sm"> <img
src="materials/udemy.png"
class="card-img-top" alt="...">
<div class="card-body">
<div class="clearfix mb-3"> <span class="float-start badge rounded-pill bg-primary">Rs 449</span> </div>
<a href="https://www.udemy.com/course/physics-kinematics/" target="_blank" class="card-text stretched-link text-decoration-none">Physics - Kinematics for High School and AP Physics 1
</a>
</div>
</div>
</div>
</div>
</div>
</main>
<br>
<div class="container-fluid py-1" id="course-head">
<h2 class="display-6 fw-bold text-center">Access Files Uploaded By Instructor</h2>
</div>
<center>
<div class="col" style="width: 25%; height: 30%; margin: 4%;">
<div class="card h-100">
<img src="physics.jpg" class="card-img-top"
alt="Skyscrapers" />
<div class="card-body text-center">
<h3 class="card-title text-center">Physics</h3>
<a href="userphysics.html" class="card-text text-center stretched-link text-decoration-none">
Click to access the files related to Physics
</a>
</div>
</div>
</div>
</center>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>
</body>
</html>