-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
85 lines (72 loc) · 3.57 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
<!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>About Us</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="./style.css">
</head>
<body>
<section class="sub-header" style="background-image: url(images/main-header.jpg);">
<nav>
<a href="index.html"><img src="images/logo.jpg" alt="" srcset=""></a>
<div class="nav-links" id="navLinks">
<i class="fa fa-times" onclick="hideMenu()"></i>
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="./about.html">About</a></li>
<li><a href="./course.html">Course</a></li>
<li><a href="./blog.html">Blog</a></li>
<li><a href="./contact.html">Contact</a></li>
</ul>
</div>
<i class="fa fa-bars" onclick="showMenu()"></i>
</nav>
<h1>About Us</h1>
</section>
<!-- --------about us content -->
<section class="about">
<div class="row">
<div class="about-col">
<h1>We are the leading educational institute</h1>
<p>
We are the leading private sector educational institute for marine scienses in the country. we offer courses for varity of fields. Our institute has currently opened and operating branches in many areas.
And provides unparallel level facilities to our students including class rooms, laborataries, accomodation and food.
<br> <br> A large 4 story library building is situated in the institute premises. It contains vast amount of boks ,papers ,researches and digital media covering all subjects. Its capable of accomodating upto 2000 students at once.
4 main laborataries with latest technology and modern laboratary equipments provides research and testing facilities to the students.
With the intensions to keep students life more balanced and aactive one, We provides facilities to engage in sport activities.
</p>
<a class="hero-btn about-btn" href="./blog.html">EXPLORE NOW</a>
</div>
<div class="about-col">
<img src="images/about-content.jpg" alt="image">
</div>
</div>
</section>
<!-- --------footer -->
<section class="footer">
<h4>About Us</h4>
<p>This is a demo web site built for learning purpose only</p>
<p>All the images included are taken from -<a href="http://www.google.com"> www.google.com</a></p>
<div class="icons">
<a href="https://[email protected]" target="_blank"><i class="fa fa-envelope"></i></a>
<a href="https://github.com/theekshanamadumal" target="_blank"><i class="fa fa-github"></i></a>
<a href="https://www.linkedin.com/in/theekshana-madumal-047261177" target="_blank"><i class="fa fa-linkedin"></i></a>
<a href="https://www.facebook.com/theekshana.madumal" target="_blank"><i class="fa fa-facebook"></i></a>
</div>
<p>made with <i class="fa fa-heart-o"></i> by theekshana</p>
</section>
<!-- ----js for toggle navbar------ -->
<script>
var navLinks=document.getElementById("navLinks") ;
function showMenu() {
navLinks.style.right="0"
}
function hideMenu() {
navLinks.style.right="-200px"
}
</script>
</body>
</html>