-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathaboutuspage.php
224 lines (212 loc) · 11.8 KB
/
aboutuspage.php
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
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
<!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="css/style.css" />
<title>About Us</title>
</head>
<body>
<nav>
<div class="nav-left">
<img src="images/menu-bar.png" class="menu-bar" alt="menu-bar" onclick="navMenu()" />
<img src="images/Team Emotional Intelligence.png" class="logo" alt="Social book logo" />
<ul>
<li><img src="images/bell.png" alt="notification" /></li>
<li><img src="images/messenger.png" alt="inbox" /></li>
<li><img src="images/video.gif" alt="video" /></li>
<li><img src="images/surprised.gif" alt="video" /></li>
<li><img src="images/happy logo.gif" alt="video" /></li>
<li><img src="images/happy.gif" alt="video" /></li>
<li><img src="images/kiss.gif" alt="video" /></li>
</ul>
</div>
<div class="nav-right">
<div class="search-box">
<img src="images/search.png" alt="search" />
<input type="text" placeholder="Search" />
</div>
<div class="nav-user-icon online">
<img src="images/profile-pic.png" alt="profile-pic" />
</div>
</div>
</nav>
<header class="header-nav">
<div class="container-nav">
<nav class="nav-bar">
<ul>
<li><a href="index.php" class="active">Home</a></li>
<li><a href="aboutuspage.php">About</a></li>
<li><a href="contactus.php">Contact</a></li>
<li><a href="#">Courses</a></li>
<li><a href="login.php">Login</a></li>
<li><a href="registration.php">Register</a></li>
</ul>
</nav>
</div>
</header>
<div class="container">
<!-- --------- left-sidebar---------- -->
<div class="left-sidebar">
<div class="imp-links">
<a href="#"><img src="images/read blogs.png" alt="read blogs" />Read Blogs</a>
<a href="#"><img src="images/quotes.png" alt="quotes" />Quotes Earth</a>
<a href="#"><img src="images/relaxing music.gif" alt="relaxing" />Relaxing
Music</a>
<a href="#"><img src="images/listen podcast.png" alt="relaxing" />Listen
Podcast</a>
<a href="#"><img src="images/buy e books.png" alt="buy books" />Buy
e-Books</a>
<a href="#"><img src="images/buy courses.png" alt="buy courses" />Buy Courses</a>
<a href="#">See More</a>
</div>
<div class="shortcut-links">
<p>Your Shortcuts</p>
<a href="#"><img src="images/fantasy1.jpg" alt="fantasy images" />Hello This
Title1</a>
<a href="#"><img src="images/fantasy2.jpg" alt="fantasy images" />Hello This
Title2</a>
<a href="#"><img src="images/fantasy3.jpg" alt="fantasy images" />Hello This
Title3</a>
<a href="#"><img src="images/fantasy4.jpg" alt="fantasy images" />Hello This
Title4</a>
</div>
</div>
<!-- --------- main-content---------- -->
<div class="main-content-about-us">
<div class="test-part">
<h2 class="about">About Us</h2>
<br />
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente,
dolore! Lorem, ipsum dolor sit amet consectetur adipisicing elit.
Corporis modi ab soluta fugit, mollitia iusto ut adipisci vitae
fugiat aperiam? Facilis ea dolor dolore odit ullam quibusdam
officiis doloremque alias eos dicta quae blanditiis temporibus
adipisci quidem, ut repellat numquam quaerat? Voluptates, laborum
accusantium totam ex dolorum autem dolores incidunt repudiandae
itaque, quas cupiditate atque quis. Fugit doloribus veritatis
pariatur voluptatibus quasi libero qui error tempora corporis
quisquam repudiandae velit distinctio sint consequuntur, labore
aliquid nam odio provident quas aut voluptatum sit nulla temporibus
vero. Quo repellat ad deleniti unde ut quas fugiat laudantium
praesentium enim, illum ratione impedit at libero odit optio non
accusantium hic fuga repellendus. Rerum at minima doloribus enim non
nesciunt. Deleniti aspernatur cupiditate excepturi illum ea rem
ullam obcaecati nemo alias vel quas vitae quos, impedit repudiandae
recusandae, facilis ex animi porro laboriosam quo exercitationem
hic? Sequi quia fugiat deleniti commodi sit veritatis voluptatibus
mollitia neque. Excepturi deserunt dolorem inventore, error,
mollitia molestias cupiditate alias sapiente facilis quos nobis vel
distinctio odit quam nemo quod. Impedit quam hic placeat quidem
incidunt voluptatum unde veritatis eligendi perspiciatis nisi ut,
odio id, nemo qui, similique aliquid esse! Deleniti harum quidem
dignissimos eaque, praesentium necessitatibus explicabo minima
impedit aut accusamus non quis cupiditate
</p>
<p>
<br />
est laborum facere dolorum reiciendis. Alias harum nemo rem.
Corrupti doloribus tempore ea soluta est, quia aperiam vero
voluptates laborum porro deleniti perferendis obcaecati, commodi
deserunt nostrum itaque minus eligendi? Magni corporis numquam
ducimus, expedita deserunt sapiente deleniti. Pariatur qui obcaecati
ratione. Nobis culpa molestiae, natus perferendis, hic eveniet
officia asperiores sapiente ab sequi excepturi quibusdam est et eos
nostrum magnam repudiandae voluptates incidunt necessitatibus
corrupti voluptate consequuntur? Nostrum est explicabo, enim ab
necessitatibus repudiandae. Nesciunt sint nam est omnis libero
molestias tenetur id beatae animi. Sapiente cupiditate eius
accusamus? Vitae voluptates cum iure pariatur laboriosam fuga
exercitationem rem illum enim aut dolor aliquid officiis amet neque,
similique harum animi aliquam blanditiis dolore sapiente expedita.
Sint eaque consequatur, necessitatibus, iste doloribus blanditiis
debitis voluptatibus sit dolor iure enim repellat dolorum. Cum,
architecto, alias dolorem similique itaque vero ab temporibus eaque
libero non vel asperiores quo ipsa consectetur voluptatibus
doloremque. Veritatis facilis dignissimos dolorum deleniti deserunt
aut. Unde reprehenderit, dolorum tenetur ullam quas assumenda
quisquam fugiat voluptate quod. Vel, et? Nemo exercitationem non sed
rerum enim suscipit ipsum mollitia aspernatur rem quo vero corporis
molestias tempora porro minus magni sapiente explicabo repellendus,
veniam iure, veritatis ea, odit ducimus. Vitae porro, ea beatae
exercitationem voluptatum necessitatibus, enim rerum velit
repudiandae quod saepe quia magnam, molestiae quidem. Minima
voluptatem iusto molestias facere aliquid incidunt id eaque dolore
velit nisi, aliquam est vitae earum non vel. Quos odio harum cumque
quae tempore itaque eveniet in illo quia sed officia doloribus quod
fugit, consequatur incidunt? Quae, laborum quod nulla excepturi
cupiditate nemo eveniet, esse et architecto, recusandae doloremque!
Odio repudiandae quae accusantium velit laborum harum reprehenderit
delectus veniam doloremque quaerat possimus itaque eum sint
voluptatum, sapiente inventore esse, tempora deleniti recusandae
minus a odit sit! Excepturi deserunt, repellendus labore odio
blanditiis, illo cumque reprehenderit dolor exercitationem libero
ullam illum dolore. Assumenda omnis nisi cumque sed, dolorum ipsum
ratione pariatur voluptatum repudiandae natus. Atque temporibus
alias obcaecati impedit quidem quia magni consectetur iure, saepe,
officia aut corporis qui mollitia recusandae nobis fugit eos.
Ducimus magnam ratione nihil magni veritatis autem aliquam iure
voluptatibus, ad natus dicta quo fugit fugiat pariatur alias libero
saepe quasi consectetur facere delectus adipisci asperiores minus
minima inventore? Officiis expedita deserunt inventore qui
praesentium suscipit, possimus aliquam, aspernatur animi, a quos
excepturi ad exercitationem cum non cupiditate provident minus.
Neque ad architecto consequuntur eaque, fugiat similique beatae
labore, earum amet accusantium repudiandae soluta suscipit nihil
ratione! Atque obcaecati suscipit eligendi. Nesciunt, totam aut
provident optio incidunt ullam minima cupiditate similique vitae qui
reiciendis quae sapiente ipsa! Aperiam quasi architecto ad unde
omnis officiis fugit quas ipsa in iusto distinctio, rerum repellat.
Quas voluptatum fugit tenetur. Saepe quos ipsa, sapiente, voluptatum
ducimus optio itaque quam eveniet praesentium totam excepturi
eligendi maiores dicta enim cupiditate ratione mollitia? Molestiae,
aperiam quidem tenetur porro tempora earum, saepe adipisci qui eaque
exercitationem non est, totam quaerat! Dolores sed accusamus,
voluptatibus, perferendis harum sequi esse itaque, mollitia
aspernatur necessitatibus eius! Ut tempore atque placeat rem! Magnam
quis iure ipsa. Necessitatibus sapiente exercitationem cumque
incidunt repudiandae molestiae? Obcaecati dicta amet nemo culpa et
dolore nihil quod. Aspernatur mollitia optio quidem laudantium
quibusdam repudiandae omnis incidunt reiciendis architecto iste
perspiciatis consequuntur tempora ab dignissimos aut nesciunt quos
accusamus, eum enim consequatur nemo a dolore laborum. Ratione,
maiores nulla odit cum facere ipsam necessitatibus quia! Quisquam
aut magni quo voluptatum pariatur quaerat ipsum eveniet aliquid,
doloribus consequuntur, similique explicabo eius, illo recusandae
sunt fuga ab id suscipit et tenetur tempore voluptatem
reprehenderit! Cupiditate atque quidem ex sapiente rerum ut
consectetur distinctio recusandae nostrum ipsa. Nulla fugiat odio
doloribus sapiente doloremque reiciendis minima repudiandae ipsa
magni beatae, ducimus quae voluptatibus. Omnis quasi suscipit a cum
eaque sapiente officia nesciunt quos, incidunt necessitatibus vero
deleniti reiciendis similique, aperiam pariatur labore consequuntur
voluptates impedit? Est tempore officiis accusantium culpa incidunt
</p>
<img src="images/Team Emotional Intelligence.png" alt="Team" class="team-ei" />
<br />
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid,
illum ducimus! Temporibus quia quis ipsum earum, suscipit veritatis
ut debitis recusandae et sed quidem magni cum ab a praesentium
quaerat nam molestias unde atque tempora tenetur vitae, deleniti
magnam. Tempora corrupti incidunt necessitatibus impedit. Tenetur
doloribus distinctio quis quidem? Odio, odit molestias aliquid eius
repudiandae quos temporibus quasi asperiores quia doloribus,
voluptates veritatis, cumque alias tenetur magni cupiditate? Quod,
ad modi a sunt unde possimus quos autem exercitationem id distinctio
blanditiis perferendis cupiditate doloribus eveniet veniam
consectetur optio fuga officia inventore explicabo ipsam voluptas
sapiente commodi. Nihil, doloribus. Assumenda, vitae?
</p>
</div>
</div>
</div>
<!-- --------- Footer---------- -->
<div class="footer">
<p>@Copyright 2022 - Emotional Intelligence</p>
</div>
<script src="script.js"></script>
</body>
</html>