-
Notifications
You must be signed in to change notification settings - Fork 0
/
index1.html
78 lines (67 loc) · 3.3 KB
/
index1.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
<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>University Website</title>
<link rel="stylesheet" href="index.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
<!-- <script src="https://kit.fontawesome.com/yourcode.js" crossorigin="anonymous"></script> -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<section class="sub-header">
<nav>
<a href="index.html"><img src="logo.png" alt="logo"></a>
<div class="nav-links">
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="index1.html">ABOUT</a></li>
<li><a href="index2.html">COURSE</a></li>
<li><a href="">BLOG</a></li>
<li><a href="">CONTACT</a></li>
</ul>
</div>
</nav>
<h1>About Us</h1>
</section>
<!-- -------about us content------- -->
<section class="about-us">
<div class="row">
<div class="about-col">
<h1>We are World's Largest University</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem commodi soluta sed, tempore assumenda
quod! Itaque dolor, voluptatem expedita ipsam alias non mollitia voluptate aliquid magni reiciendis
eveniet harum animi quibusdam, ullam, quia repellat quos magnam laboriosam labore odio deserunt quis
sint. Pariatur hic vel sapiente accusantium! Rem, quos fugit.\ Lorem ipsum dolor sit amet consectetur
adipisicing elit. Suscipit tempora necessitatibus corrupti sed sapiente a reprehenderit incidunt
doloribus harum quos? Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dignissimos rem
reprehenderit praesentium, in id qui ad nam ipsam aut! Rem?</p>
<a href="" class="hero-btn red-btn">Explore Now</a>
</div>
<div class="about-col">
<img src="about.jpg" alt="">
</div>
</div>
</section>
<!-- -------Footer------ -->
<section class="footer">
<h4>About Us</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta rem, omnis quisquam ipsa quis, voluptatibus,
harum quibusdam nesciunt dignissimos suscipit voluptate? <br> Quibusdam sint molestiae culpa enim doloremque
reiciendis perferendis veniam!</p>
<div class="icon">
<!-- <i class="fas fa-facebook"></i> -->
<i class="fa fa-car"></i>
<!-- <i class="fas fa-cat"></i> -->
<!-- <i class="fas fa-instagram"></i> -->
<i class="fa fa-cloud"></i>
<i class="fa fa-file"></i>
<i class="fa fa-bars"></i>
</div>
<p>Made with <i class="fa fa-car"></i> by Easy Tutorials </p>
</section>
</body>
</html>