generated from microverseinc/readme-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcourses.html
142 lines (142 loc) · 5.58 KB
/
courses.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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"
integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
<title>Courses</title>
<script src="script.js" defer></script>
</head>
<body>
<header>
<section class="social-network">
<ul>
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#">Español</a></li>
</ul>
</section>
<nav>
<div class="logo"><a href="index.html"><strong>E</strong>asy <strong>S</strong>ience</a></div>
<div class="hamburger-menu"><img id="menu-button" src="assets/hamburger-menu.png" alt="menu"></div>
<ul id="menu">
<li class="closeButtonContainer"><span id="closeButton">X</span></li>
<li><a class="Personal-information" href="index.html">Home</a></li>
<li><a class="Personal-information" href="about.html">About</a></li>
<li><a class="Personal-information" href="index.html#contact">Contact</a></li>
<li><a class="Personal-information" href="#contact">Sponsor</a></li>
<li><a class="Personal-information" href="#contact">News</a></li>
<li><a class="Personal-information button sign-up" href="#">Sign up</a></li>
</ul>
</nav>
</header>
<main>
<section class="contact-container all-courses">
<hr>
<h1>Find the course for you</h1>
<hr>
</section>
<section class="math">
<h1>Math</h1>
<article class="card">
<div class="background-card"><h2>Algebra 1</h2></div>
</article>
<article class="card">
<div class="background-card"><h2>Algebra 2</h2></div>
</article>
<article class="card">
<div class="background-card"><h2>Trigonometry</h2></div>
</article>
<article class="card">
<div class="background-card"><h2>Analytic geometry</h2></div>
</article>
<article class="card">
<div class="background-card"><h2>Precalculus</h2></div>
</article>
<article class="card">
<div class="background-card"><h2>Calculus 1</h2></div>
</article>
<article class="card">
<div class="background-card"><h2>Calculus 2</h2></div>
</article>
<article class="card">
<div class="background-card"><h2>Statistics</h2></div>
</article>
<article class="card">
<div class="background-card"><h2>Probability</h2></div>
</article>
</section>
<section class="physics">
<h1>Physics</h1>
<article class="card">
<div class="background-card"><h2>Kinematics and introduction to dynamics</h2></div>
</article>
<article class="card">
<div class="background-card"><h2>Newton's laws</h2></div>
</article>
<article class="card">
<div class="background-card"><h2>Circular motion and gravitation</h2></div>
</article>
<article class="card">
<div class="background-card"><h2>Energy and momentum</h2></div>
</article>
<article class="card">
<div class="background-card"><h2>Simple harmonic motion and rotational motion</h2></div>
</article>
<article class="card">
<div class="background-card"><h2>Thermodynamics</h2></div>
</article>
</section>
<section class="chemistry">
<h1>Chemistry</h1>
<article class="card">
<div class="background-card"><h2>Atomic structure and properties</h2></div>
</article>
<article class="card">
<div class="background-card"><h2>Molecular and ionic compound structure and properties</h2></div>
</article>
<article class="card">
<div class="background-card"><h2>Intermolecular forces and properties</h2></div>
</article>
<article class="card">
<div class="background-card"><h2>Chemical reactions</h2></div>
</article>
<article class="card">
<div class="background-card"><h2>Kinetics</h2></div>
</article>
<article class="card">
<div class="background-card"><h2>Organic Chemistry</h2></div>
</article>
</section>
<section class="contact-container form-suggestion">
<div class="contact-text">
<h2>Didn't find the course for you?</h2>
<p>We add new courses all the time but we'll appreciate it if you tell us which one are you interested in</p>
<hr>
</div>
<div class="contact-form">
<form id="form" class="form" action="#" method="post">
<input type="text" id="name" name="user-name" placeholder="Full Name" required maxlength="30">
<input type="email" id="email" name="user-email" placeholder="Email Address" required>
<textarea name="message" id="msg" maxlength="500" placeholder="Suggest a course" required></textarea>
<button id="button" class="button" type="submit">Get in Touch</button>
</form>
<p>or</p>
<a class="button" href="#">Sign up</a>
</div>
</section>
</main>
<footer>
<section class="author">
<div class="logo"><a href="index.html"><strong>E</strong>asy <strong>S</strong>ience</a></div>
<div>
<p>copyright© 2021 easyscience.com</p>
<p>All right reserved. <a href="https://github.com/carloshs1994">Designed by Carlos Herver Solano</a></p>
</div>
</section>
</footer>
</body>
</html>