-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
145 lines (138 loc) · 6.99 KB
/
contact.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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Future University Library</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="assets/img/logo.png" />
<!--Imports Font Awesome Icons-->
<link href="assets/font-awesome/css/all.css" rel="stylesheet">
<!--Imports Materialize Minified CSS v1.0.0-->
<link rel="stylesheet" href="assets/css/materialize.min.css">
<link rel="stylesheet" type="text/css" media="screen" href="assets/css/main.css" />
</head>
<body class="red lighten-5">
<!-- Top Nagvigation Bar -->
<header>
<nav>
<div class="nav-wrapper red lighten-1">
<ul id="nav-mobile" class="left hide-on-med-and-down">
<li><a href="index.html">Home</a></li>
<li><a href="overview.html">Overview</a></li>
<li><a href="open_hours.html">Opening Hours</a></li>
<li><a href="staff.html">Library Staff</a></li>
<li><a href="regulations.html">Library Regulations</a></li>
<li><a href="instructions.html">Instructions</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
<a href="#" class="brand-logo responsive center hide-on-large"><img src="assets/img/icon.png" class="unilogo left"
alt="">Future University Library</a>
<a href="#" class="brand-logo right show-on-large2 small-text"><img src="assets/img/icon.png" class="unilogo left"
alt=""> Future University Library</a>
<!-- Side-nav Trigger -->
<a href="#" data-target="slide-out" class="sidenav-trigger"><i class="fas fa-bars"></i></a>
</div>
</nav>
</header>
<!-- Side Navigation Bar -->
<ul id="slide-out" class="sidenav">
<li><a href="index.html">Home</a></li>
<li><a href="overview.html">Overview</a></li>
<li><a href="open_hours.html">Opening Hours</a></li>
<li><a href="staff.html">Library Staff</a></li>
<li><a href="regulations.html">Library Regulations</a></li>
<li><a href="instructions.html">Instructions</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
<!-- Main Body Content -->
<main>
<div class="row container">
<div class="row">
<blockquote>
<h4>Contact Information</h4>
</blockquote>
</div>
<div class="row">
<span class="bigger-text"><i class="red-text fas fa-asterisk"></i> Click on card to view information</span>
</div>
<div class="row">
<div class="col s4 l4">
<div class="card white z-depth-5">
<div class="card-image activator waves-effect waves-block waves-light center">
<h2><i class="fas fa-phone center fa-2x hanan-text"></i></h2>
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">Phone Lines & Fax<i class="fas fa-ellipsis-v right"></i></span>
</div>
<div class="card-reveal red lighten-4 black-text">
<span class="card-title red-text text-darken-4">Phone Numbers<i class="fas fa-times black-text right"></i></span>
<p>+249 183428544 /45 /46</p>
<p>+249 183 428551</p>
</div>
</div>
</div>
<div class="col s4 l4">
<div class="card white z-depth-5">
<div class="card-image activator waves-effect waves-block waves-light center">
<h2><i class="fas fa-map-marker-alt fa-2x center hanan-text"></i></h2>
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">Location<i class="fas fa-ellipsis-v right"></i></span>
</div>
<div class="card-reveal red lighten-4 black-text">
<span class="card-title red-text text-darken-4">Location<i class="fas fa-times black-text right"></i></span>
<p>Africa St. Khartoum, Sudan</p>
</div>
</div>
</div>
<div class="col s4 l4">
<div class="card white z-depth-5">
<div class="card-image waves-effect activator waves-block waves-light center">
<h2><i class="fas fa-mail-bulk fa-2x center hanan-text"></i></h2>
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">Mail & Email<i class="fas fa-ellipsis-v right"></i></span>
</div>
<div class="card-reveal red lighten-4 black-text">
<span class="card-title red-text text-darken-4">Mail & Email<i class="fas fa-times black-text right"></i></span>
<p>P.O. Box: 10553</p>
<p>Email: [email protected]</p>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- Page Footer -->
<footer class="page-footer">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">Future University's Library</h5>
</div>
<div class="col l4 offset-l2 s12">
<h5 class="white-text">Links</h5>
<ul style="width:60%;">
<li><a class="grey-text text-lighten-3" href="index.html">Home</a></li>
<li><a class="grey-text text-lighten-3" href="instructions.html">Instructions</a></li>
<li><a class="grey-text text-lighten-3" href="contact.html">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright red lighten-1">
<div class="container">
© 2018 Copyright The Future University
<a class="grey-text text-lighten-4 right" target="_blank" href="http://fu.edu.sd">The
University's Site</a>
</div>
</div>
</footer>
<!-- Imports Jquery v3.3.1 -->
<script src="assets/js/jquery-3.3.1.min.js"></script>
<!-- Imports Materialize Minified JavaScript v1.0.0 -->
<script src="assets/js/materialize.min.js"></script>
<script src="assets/js/$cript.js"></script>
</body>
</html>