-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
155 lines (147 loc) · 4.54 KB
/
about.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
143
144
145
146
147
148
149
150
151
152
153
154
155
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link
href="https://unpkg.com/[email protected]/css/boxicons.min.css"
rel="stylesheet"
/>
<link rel="stylesheet" href="sty.css" />
</head>
<body>
<nav>
<img src="de5.jpg" />
<div class="navigation">
<ul>
<li><a href="index.html">Home</a></li>
<li><a class="active" href="about.html">About</a></li>
<li><a href="course.html">Course</a></li>
<li><a href="assign.html">Assessment </a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</nav>
<section id="about-home">
<h1>About NatureHub</h1>
</section>
<section id="about-container">
<div class="about-img">
<img src="a.jpeg" width="500" />
</div>
<div class="about-text">
<h2>
Welcome to NatureHub, Enhance your skills with best Online Courses
</h2>
<p>
You can start and finish one of these popular courses in under a day -
for free! Check out the list below.. Take the course for free
</p>
<div class="about-fe">
<img src="a2.webp" alt="" />
<div class="fe-text">
<h5>400+ Courses</h5>
<p>
You can start and finish one of these popular courses in under our
site
</p>
</div>
</div>
<div class="about-fe">
<img src="a2.webp" alt="" />
<div class="fe-text">
<h5>Lifetime Access</h5>
<p>
You can start and finish one of these popular courses in under our
site
</p>
</div>
</div>
</div>
</section>
<section id="features">
<h1>Awesome Features</h1>
<p>Benefits About Online Learning Expertise</p>
<div class="fea-base">
<div class="fea-box">
<i class="bx bxs-graduation"></i>
<h3>Scholarship Facility</h3>
<p>
One make creepath, man bearing their firmament won't great heaven
</p>
</div>
<div class="fea-box">
<i class="bx bx-certification"></i>
<h3>Global Certification</h3>
<p>
One make creepath, man bearing their firmament won't great heaven
</p>
</div>
<div class="fea-box">
<i class="bx bxl-tux"></i>
<h3>Online Expertise</h3>
<p>
One make creepath, man bearing their firmament won't great heaven
</p>
</div>
</div>
</section>
<section id="trust">
<h1>Trusted By</h1>
<p>Replenish man have thing gathering lights yielding shall you</p>
<div class="trust-img">
<img src="t.avif" />
<img src="t1.webp" />
<img src="t2.jpeg" />
<img src="t3.jpeg" />
</div>
</section>
<footer>
<div class="footer-col">
<h3>Top Production</h3>
<li>Manage Reputation</li>
<li>Power Tools</li>
<li>Managed Website</li>
<li>Marketing Services</li>
</div>
<div class="footer-col">
<h3>Top Production</h3>
<li>Power Tools</li>
<li>Jobs</li>
<li>Marketing Services</li>
<li>Managed Reputation</li>
</div>
<div class="footer-col">
<h3>Top Production</h3>
<li>Power Tools</li>
<li>Managed Website</li>
<li>Managed Reputation</li>
<li>Marketing Services</li>
</div>
<div class="footer-col">
<h3>Guides</h3>
<li>Research</li>
<li>Experts</li>
<li>Managed Website</li>
<li>Marketing Services</li>
</div>
<div class="footer-col">
<h3>Newsletter</h3>
<p>You can trust us. We only send promo offers,</p>
<div class="subscribe">
<input type="text" placeholder="Your Email Address" />
<a href="#" class="yellow">Subscribe</a>
</div>
</div>
<div class="copyright">
<p>Copyright @2024 All rights reserved | 2024 by Devank</p>
<div class="pro-links">
<i class="bx bxl-facebook"></i>
<i class="bx bxl-instagram"></i>
<i class="bx bxl-linkedin"></i>
</div>
</div>
</footer>
</body>
</html>