├── README.md
├── about.html
├── blog.html
├── contact.html
├── course-inner.html
├── course.html
├── images
├── a.png
├── b1.jpg
├── b2.jpg
├── b3.jpg
├── b4.png
├── back.jpg
├── back1.jpg
├── back2.jpg
├── c1.jpg
├── c2.jpg
├── c3.jpg
├── c4.jpg
├── c5.jpg
├── c6.jpg
├── c7.jpeg
├── fe1.png
├── fe2.png
├── logo.svg
├── menu.png
├── pro1.webp
├── pro2.webp
├── pro3.webp
├── pro4.webp
├── signup.jpg
├── trust (1).png
├── trust (2).png
├── trust (3).png
├── trust (4).png
├── trust (5).png
└── trust (6).png
├── index.html
├── post.html
└── style.css
/README.md:
--------------------------------------------------------------------------------
1 | # Create-Responsive-LMS/Edu-Website-HTML-CSS-Javascript
2 |
3 | Learn How To Make A Complete LMS Website Using HTML, CSS and JavaScript. If you are a beginner and want to make a responsive Complete HTML and CSS Multiple Pages Website Design Step by Step.
4 |
5 | [](https://www.youtube.com/playlist?list=PL9bD98LkBR7PlSUOf_sbqr235NgrxMnJP)
6 |
7 | ## What we will learn
8 | - Importance of Basic HTML CSS & JS.
9 | - Create Project Directory
10 | - Create Navigation Bar
11 | - Create Home Section
12 | - Create Feature Section
13 | - Create Popular Courses Section
14 | - Create Registration Form
15 | - Create Profile Section
16 | - Create Footer Section
17 | - Website Debugging
18 | - Make Responsive Website For Tablet
19 | - Make Responsive Website For Mobile
20 |
21 | # Sections
22 | - Home Page
23 | - About Page
24 | - Blog Page
25 | - Single Post
26 | - Course Page
27 | - Single Course
28 | - Contact Page
29 |
30 | Here you will find all the images I'm using to create this responsive lms website. In future, image folder can update.
31 |
32 | Get the full source code from [here1](https://www.buymeacoffee.com/tech2etc/e/42638).
33 |
34 | Get the full source code from [here2](https://ko-fi.com/s/9c53d5b08b).
35 |
--------------------------------------------------------------------------------
/about.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | Tech2 etc Tutorial
9 |
10 |
11 |
12 |
13 |
14 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
37 |
38 |
39 |
40 |
41 |
--------------------------------------------------------------------------------
/blog.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | Tech2 etc Tutorial
9 |
10 |
11 |
12 |
13 |
14 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
34 |
35 |
36 |
37 |
38 |
--------------------------------------------------------------------------------
/contact.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | Tech2 etc Tutorial
9 |
10 |
11 |
12 |
13 |
14 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
37 |
38 |
39 |
40 |
--------------------------------------------------------------------------------
/course-inner.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | Tech2 etc Tutorial
9 |
10 |
11 |
12 |
13 |
14 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
35 |
36 |
37 |
38 |
39 |
--------------------------------------------------------------------------------
/course.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | Tech2 etc Tutorial
9 |
10 |
11 |
12 |
13 |
14 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
34 |
35 |
36 |
37 |
--------------------------------------------------------------------------------
/images/a.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tech2etc/Responsive-LMS-Website-HTML-CSS-Javascript/fa1642f4542ad1fc423267701916b9db227d8501/images/a.png
--------------------------------------------------------------------------------
/images/b1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tech2etc/Responsive-LMS-Website-HTML-CSS-Javascript/fa1642f4542ad1fc423267701916b9db227d8501/images/b1.jpg
--------------------------------------------------------------------------------
/images/b2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tech2etc/Responsive-LMS-Website-HTML-CSS-Javascript/fa1642f4542ad1fc423267701916b9db227d8501/images/b2.jpg
--------------------------------------------------------------------------------
/images/b3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tech2etc/Responsive-LMS-Website-HTML-CSS-Javascript/fa1642f4542ad1fc423267701916b9db227d8501/images/b3.jpg
--------------------------------------------------------------------------------
/images/b4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tech2etc/Responsive-LMS-Website-HTML-CSS-Javascript/fa1642f4542ad1fc423267701916b9db227d8501/images/b4.png
--------------------------------------------------------------------------------
/images/back.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tech2etc/Responsive-LMS-Website-HTML-CSS-Javascript/fa1642f4542ad1fc423267701916b9db227d8501/images/back.jpg
--------------------------------------------------------------------------------
/images/back1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tech2etc/Responsive-LMS-Website-HTML-CSS-Javascript/fa1642f4542ad1fc423267701916b9db227d8501/images/back1.jpg
--------------------------------------------------------------------------------
/images/back2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tech2etc/Responsive-LMS-Website-HTML-CSS-Javascript/fa1642f4542ad1fc423267701916b9db227d8501/images/back2.jpg
--------------------------------------------------------------------------------
/images/c1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tech2etc/Responsive-LMS-Website-HTML-CSS-Javascript/fa1642f4542ad1fc423267701916b9db227d8501/images/c1.jpg
--------------------------------------------------------------------------------
/images/c2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tech2etc/Responsive-LMS-Website-HTML-CSS-Javascript/fa1642f4542ad1fc423267701916b9db227d8501/images/c2.jpg
--------------------------------------------------------------------------------
/images/c3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tech2etc/Responsive-LMS-Website-HTML-CSS-Javascript/fa1642f4542ad1fc423267701916b9db227d8501/images/c3.jpg
--------------------------------------------------------------------------------
/images/c4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tech2etc/Responsive-LMS-Website-HTML-CSS-Javascript/fa1642f4542ad1fc423267701916b9db227d8501/images/c4.jpg
--------------------------------------------------------------------------------
/images/c5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tech2etc/Responsive-LMS-Website-HTML-CSS-Javascript/fa1642f4542ad1fc423267701916b9db227d8501/images/c5.jpg
--------------------------------------------------------------------------------
/images/c6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tech2etc/Responsive-LMS-Website-HTML-CSS-Javascript/fa1642f4542ad1fc423267701916b9db227d8501/images/c6.jpg
--------------------------------------------------------------------------------
/images/c7.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tech2etc/Responsive-LMS-Website-HTML-CSS-Javascript/fa1642f4542ad1fc423267701916b9db227d8501/images/c7.jpeg
--------------------------------------------------------------------------------
/images/fe1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tech2etc/Responsive-LMS-Website-HTML-CSS-Javascript/fa1642f4542ad1fc423267701916b9db227d8501/images/fe1.png
--------------------------------------------------------------------------------
/images/fe2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tech2etc/Responsive-LMS-Website-HTML-CSS-Javascript/fa1642f4542ad1fc423267701916b9db227d8501/images/fe2.png
--------------------------------------------------------------------------------
/images/logo.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/images/menu.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tech2etc/Responsive-LMS-Website-HTML-CSS-Javascript/fa1642f4542ad1fc423267701916b9db227d8501/images/menu.png
--------------------------------------------------------------------------------
/images/pro1.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tech2etc/Responsive-LMS-Website-HTML-CSS-Javascript/fa1642f4542ad1fc423267701916b9db227d8501/images/pro1.webp
--------------------------------------------------------------------------------
/images/pro2.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tech2etc/Responsive-LMS-Website-HTML-CSS-Javascript/fa1642f4542ad1fc423267701916b9db227d8501/images/pro2.webp
--------------------------------------------------------------------------------
/images/pro3.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tech2etc/Responsive-LMS-Website-HTML-CSS-Javascript/fa1642f4542ad1fc423267701916b9db227d8501/images/pro3.webp
--------------------------------------------------------------------------------
/images/pro4.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tech2etc/Responsive-LMS-Website-HTML-CSS-Javascript/fa1642f4542ad1fc423267701916b9db227d8501/images/pro4.webp
--------------------------------------------------------------------------------
/images/signup.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tech2etc/Responsive-LMS-Website-HTML-CSS-Javascript/fa1642f4542ad1fc423267701916b9db227d8501/images/signup.jpg
--------------------------------------------------------------------------------
/images/trust (1).png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tech2etc/Responsive-LMS-Website-HTML-CSS-Javascript/fa1642f4542ad1fc423267701916b9db227d8501/images/trust (1).png
--------------------------------------------------------------------------------
/images/trust (2).png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tech2etc/Responsive-LMS-Website-HTML-CSS-Javascript/fa1642f4542ad1fc423267701916b9db227d8501/images/trust (2).png
--------------------------------------------------------------------------------
/images/trust (3).png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tech2etc/Responsive-LMS-Website-HTML-CSS-Javascript/fa1642f4542ad1fc423267701916b9db227d8501/images/trust (3).png
--------------------------------------------------------------------------------
/images/trust (4).png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tech2etc/Responsive-LMS-Website-HTML-CSS-Javascript/fa1642f4542ad1fc423267701916b9db227d8501/images/trust (4).png
--------------------------------------------------------------------------------
/images/trust (5).png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tech2etc/Responsive-LMS-Website-HTML-CSS-Javascript/fa1642f4542ad1fc423267701916b9db227d8501/images/trust (5).png
--------------------------------------------------------------------------------
/images/trust (6).png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tech2etc/Responsive-LMS-Website-HTML-CSS-Javascript/fa1642f4542ad1fc423267701916b9db227d8501/images/trust (6).png
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | Tech2 etc Tutorial
9 |
10 |
11 |
12 |
13 |
14 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
41 |
42 |
43 |
44 |
45 |
--------------------------------------------------------------------------------
/post.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | Tech2 etc Tutorial
9 |
10 |
11 |
12 |
13 |
14 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
35 |
36 |
37 |
38 |
39 |
--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
1 | @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");
2 | * {
3 | margin: 0;
4 | padding: 0;
5 | box-sizing: border-box;
6 | font-family: "Poppins", sans-serif;
7 | }
8 |
9 | body {
10 | font-family: "Poppins", sans-serif;
11 | }
12 |
13 | /* Global Tags */
14 |
15 | h1 {
16 | font-size: 2.5rem;
17 | font-weight: 700;
18 | color: rgb(35, 35, 85);
19 | }
20 |
21 | span {
22 | font-size: 0.9rem;
23 | color: #757373;
24 | }
25 |
26 | h6 {
27 | font-size: 1.1rem;
28 | color: rgb(24, 24, 49);
29 | }
30 |
31 | /* Navigation */
32 |
33 | /* Home */
34 |
35 | /* features */
36 |
37 | /* course */
38 |
39 | /* registration */
40 |
41 | /* experts */
42 |
43 | /* footer */
44 |
45 | /* About */
46 |
47 | /* Blog */
48 |
49 | /* Course_inner */
50 |
51 | /* contact */
52 |
53 | /* responsive */
54 |
55 | @media (max-width: 769px) {
56 | }
57 |
58 | @media (max-width: 475px) {
59 | }
60 |
--------------------------------------------------------------------------------