-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
113 lines (106 loc) · 4.39 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>UniStats Website 2018</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/grid.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
</head>
<body>
<nav class="nav-bar">
<img class="logo" src="images/logo.png" alt="Logo">
<ul class="nav-menu" id="myTopnav">
<li><a href="statistics.html">Statistics</a></li>
<li><a href="universities.html">Universities</a></li>
<li><a class="active" href="index.html">Home</a></li>
<!-- <li><a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i></a></li> -->
</ul>
</nav>
<header>
<div class="welcome-text">
<h1>Tertiary Education Statistics Portal</h1>
<h1>Cameroon — Mauritius — UK</h1>
<br><br><br>
<a class="btn btn-full" href="#about">Learn More</a>
</div>
</header>
<section class="about" id="about">
<div class="row">
<h2>About UniStats</h2>
<p class="description">UniStats is a website aimed at providing information about the current provision of tertiary level education (i.e. university level education) in different countries. We currently provide information for Cameroon, Mauritius and the Uk with future plans of covering many more countries.</p>
</div>
<div class="row about-us">
<div class="col span-1-of-2 box part1">
<img src="images/uni1.jpeg" class="uniImage1" alt="Picture of University">
<h3>Get List of Universities</h3>
<p>The website provides a validated list of accredited universities in these countries as well as links to these universities official website. </p>
<a class="btn btn-full" href="universities.html">Read More</a>
</div>
<div class="col span-1-of-2 box part2">
<img src="images/stats2.jpg" class="uniImage2" alt="Picture of Statistics">
<h3>Get data about enrolment</h3>
<p>Get statistics about enrolment rates in different countries across different programmes, all presented to you on concised and visually appealling graphs. </p>
<a class="btn btn-full" href="statistics.html">Read More</a>
</div>
</div>
<!-- <div class="row">
<div class="row">
<h2>Contact Us</h2>
</div>
<div class="row contact">
<div class="col span-1-of-2 box">
<h3>Want to be a contributor to this project?</h3>
<p>If you would like to contribute towards this project, please do not hesitate to contact me using the contact form.</p>
<p>I equally welcome any feedback, suggestions or comments to help me improve on this.</p>
</div>
<div class="col span-1-of-2 box form">
<form>
<input type="text" class="form-control" name="name" id="name" placeholder="Your Name"><br>
<input type="text" class="form-control" name="email" id="email" placeholder="Your Email"><br>
<textarea name="message" class="form-control" name="message" id="message" cols="50" placeholder="Your massage"></textarea><br>
<button type="submit" class="btn btn-full">Send</button>
</form>
</div>
</div>
</div> -->
</section>
<br><br><br>
<footer>
<div class="" id="footer-menu">
<div class = "row">
<div class="col span-3-of-5 box">
<h3>About Us</h3>
<p>UniStats is your go-to place for all information regarding tertiary education in different countries. The information provided is from reliable sources and since trustworthy.</p>
<a class="btn btn-full" href="#about">Learn More</a>
</div>
<div class="col span-1-of-5 box">
<h3>Contact Us</h3>
<ul class="country-link">
<li><h5>African Leadership University</h5></li>
<br>
<li><h6>21001, West Building</h6></li>
<li><h6>Beau Plan Business Park</h6></li>
<li><h6>Pamplemousses, Mauritius</h6></li>
</ul>
</div>
<div class="col span-1-of-5 box">
<h3>Countries</h3>
<ul class="country-link">
<li>Cameroon</li>
<li>Mauritius</li>
<li>UK</li>
</ul>
</div>
</div>
</div>
<div class="" id="copyright-text">
<p>©UniSats 2018</p>
</div>
</footer>
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>