-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
74 lines (62 loc) · 2.96 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
<!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">
<title>Document</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="css.css">
</head>
<body>
<section>
<!-- header section start here -->
<div class="sub-header">
<div class="navbar">
<div class="logo">
<img src="img/logo.png" alt="DD">
</div>
<input type="checkbox" id="check">
<label for="check" class="menu-bar">
<i class="fas fa-bars"></i>
</label>
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="course.html">SERVICE</a></li>
<li><a href="blog.html">BLOG</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</div>
<div class="sub-text-box">
<h1>ABOUT US</h1>
</div>
</div>
<!-- header section end here -->
<!-- about us section start here -->
<div class="sub-about-us">
<div class="sub-about">
<h2>We are the world's largest university</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero sit consequatur accusantium beatae exercitationem illum consequuntur repudiandae saepe, nihil aliquam quae unde tempore reiciendis deleniti. Optio voluptate porro, sit magnam tempora illum culpa magni delectus iusto dolorum repellendus placeat, eligendi exercitationem consequatur vitae debitis animi est similique recusandae non reiciendis neque? Ab quae ipsa architecto voluptatem obcaecati, maxime quod enim?</p>
<button>EXPLORE NOW</button>
</div>
<div class="sub-about">
<img src="img/about.jpg" alt="">
</div>
</div>
<!-- about us section end here -->
</section>
<footer>
<h1> About Us </h1>
<p> Lorem ipsum dolor sit amet , consectetur adipiscing elit .
Pellentesque aliquet turpis nulla , eleifend faucibus est
sollicitudin ut . Maecenas ut venenatis ex , et dapibus purus . </p>
<div class="footer-icon">
<i class="fa-brands fa-facebook"></i>
<i class="fa-brands fa-instagram"></i>
<i class="fa-brands fa-linkedin"></i>
<i class="fa-brands fa-youtube"></i>
</div>
</footer>
</body>
</html>