-
Notifications
You must be signed in to change notification settings - Fork 1
/
home.php
150 lines (133 loc) · 6.13 KB
/
home.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>iHome</title>
<!-- Bootstrap core CSS -->
<link href="css/min_ss.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/business-frontpage.css" rel="stylesheet">
<style type="text/css">
.navbar-brand {
font-size: 15px;
font-weight: lighter;
font-family: sans-serif;
color: grey;
}
body {
background-color: whitesmoke;
}
</style>
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="home.php">Home</a>
<a class="navbar-brand" href="iform.php">iDescription</a>
<a class="navbar-brand" href="about.php">Latest Feeds</a>
<a class="navbar-brand" href="charts.php">iFrequency</a>
<!--Research: End session when user logs out-->
<a class="navbar-brand" href="index.php">Logout</a>
</div>
</nav>
<!-- Header with Background Image -->
<header class="business-header" style="background-image:url(resources/images/winter_Fotor.jpg)">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h1 class="display-3 text-center mt-4"><b style="font-weight: bold; color:sandybrown">iReport</b> <br> <i style="color:darkgrey; font-weight:500"><font size="6px">Bringing our services closer to you</font></i></h1>
</div>
</div>
</div>
</header>
<br>
<!-- Page Content -->
<div class="container">
<div class="row">
<div class="col-sm-8">
<h2 class="mt-4" style="font-weight:bold">About Us</h2>
<hr style="width:3.7cm" align="left">
<p>The transport industry in Kenya is faced with numerous unreported cases and at times, unsolved road incidences, majorly due to reckless and non-obedient road users to the laws governing the traffic sector in the Nation. The most common road incidences that occur on our roads is the “Hit-and-Run” cases, where road users (drivers, motorcyclists etc) cause a traffic accident and immediately flee the scene not minding the state of the victim or the consequences of their actions.</p>
<hr>
<p>iReport is a Web application and an Information System, which hopes to solve these traffic incidences by giving road users the ability to quickly access and report a traffic incident which will enable the aithorities to easily facilitate the following services in a timely manner: </p>
<ol>
<li>Provide safety to road users.</li>
<li>Map areas prone to road accidents.</li>
<li>Provide effective and quick response to road incidents.</li>
<li>Generate proper communication between the authorities and road users.</li>
</ol>
<hr>
</div>
<div class="col-sm-4">
<h2 class="mt-4">Contact Us</h2>
<address>
<strong>iReport</strong>
<br>001 Nairobi
<br>Kenya
<br>
</address>
<address>
<abbr>Phone:</abbr>
(123) 456-7890
<br>
<abbr>Email:</abbr>
<a href="mailto:#">iReport@gmail.com</a>
</address>
<hr>
<div>
<p>View a list of telephone hotlines available for the convenience of the user in case of an emergency situation.</p><a href="emergency.html" class="btn btn-primary">Emergency Contacts</a></div>
</div>
</div>
<!-- /.row -->
<div class="row">
<div class="col-sm-4 my-4">
<div class="card">
<div class="card-body">
<h4 class="card-title">Report a crime</h4>
<p class="card-text">A platform that enables a user to quickly report a crime as it happens.</p>
</div>
<div class="card-footer">
<a href="iform.php" class="btn btn-primary">Report</a>
</div>
</div>
</div>
<div class="col-sm-4 my-4">
<div class="card">
<div class="card-body">
<h4 class="card-title">News and Reports</h4>
<p class="card-text">Our team is dedicated to ensure that the Kenyan citizen gets an easier gateway access, directly to the authorities.</p>
</div>
<div class="card-footer">
<a href="about.php" class="btn btn-primary">View Feeds</a>
</div>
</div>
</div>
<div class="col-sm-4 my-4">
<div class="card">
<div class="card-body">
<h4 class="card-title">Traffic Act</h4>
<p class="card-text">It is wise to be in the know to avoid fleecing by the boys in blue. Here is the list of minor traffic offences ant the fines associated with them:
</p>
</div>
<div class="card-footer">
<a href="charge.html" class="btn btn-primary">Charge Sheet</a>
</div>
</div>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.container -->
<!-- Footer -->
<footer class="py-5 bg-dark">
<div class="container">
<p class="m-0 text-center" style="color:white; font-weight:bold">Copyright © <img src="resources/images/iReport_bwire.png" alt="irepor logo" style="width: 3cm; height: 1cm">2018</p>
</div>
<!-- /.container -->
</footer>
</body>
</html>