-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
161 lines (161 loc) · 8.31 KB
/
index.html
File metadata and controls
161 lines (161 loc) · 8.31 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>SMS Application</title>
<!-- CSS -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
<!-- js imports -->
<script src="https://use.fontawesome.com/1fdc368cde.js"></script>
</head>
<body>
<nav id="make-bootstrap-menu" class="navbar navbar-default navbar-dark">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
</button>
<a class="navbar-brand" href="index.html">SMS Application</a>
</div>
<div id="navbar " class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right ">
<li><a href="index.html ">Home</a></li>
<li><a href="register.html">Register</a></li>
<li><a href="log-in.html">Log-In</a></li>
<li><a href="index.html#contact">Contact Us</a></li>
</ul>
</div>
</div>
</nav>
<!--Nav End -->
<!-- banner -->
<div class="section-wrapper">
<section class="block">
<div class="jumbotron mb0">
<div class="container">
<h1>Register | Here</h1>
<p>This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
<p><a href="log-in.html" class="btn btn-primary btn-lg" role="button" ">Click Here to Log-in</a></p>
</div>
</div>
</section>
</div>
<!-- banner end -->
<!-- steps -->
<div class="section-wrapper">
<section class="block section-overlay section-padding">
<div class="container">
<div class="section-title center mb-medium text-center">
<h2 class="mb-small">Quick Start | <strong>Guide</strong></h2>
<p>Welcome to our web application please follow our 6 step quick start guide to get up and running as smooth as possible. If you need any assistance using the site please <a href="index.html#contact">Contact us</a> and some one will be able to assist you.</p>
</div>
<div class="row">
<div class="col-md-4 col-sm-6 mb-small">
<div class="card-item">
<i class="large-icon process-counter"></i>
<h4><strong>Register</strong></h4>
<p>Bacon ipsum dolor amet venison tenderloin pork loin porchetta, turducken t-bone frankfurter kevin pork chop drumstick. Chuck filet mignon tail meatball jerky boudin. Beef fatback biltong spare ribs ham swine tri-tip cow strip steak sausage chuck filet mignon pastrami.</p>
</div>
</div>
<div class="col-md-4 col-sm-6 mb-small">
<div class="card-item">
<i class="large-icon process-counter"></i>
<h4><strong>Log-in</strong></h4>
<p>Bacon ipsum dolor amet venison tenderloin pork loin porchetta, turducken t-bone frankfurter kevin pork chop drumstick. Chuck filet mignon tail meatball jerky boudin. Beef fatback biltong spare ribs ham swine tri-tip cow strip steak sausage chuck filet mignon pastrami.</p>
</div>
</div>
<div class="col-md-4 col-sm-6 mb-small">
<div class="card-item">
<i class="large-icon process-counter"></i>
<h4><strong>Send</strong></h4>
<p>Bacon ipsum dolor amet venison tenderloin pork loin porchetta, turducken t-bone frankfurter kevin pork chop drumstick. Chuck filet mignon tail meatball jerky boudin. Beef fatback biltong spare ribs ham swine tri-tip cow strip steak sausage chuck filet mignon pastrami.</p>
</div>
</div>
<div class="col-md-4 col-sm-6 mb-small">
<div class="card-item">
<i class="large-icon process-counter"></i>
<h4><strong>Notification</strong></h4>
<p>Bacon ipsum dolor amet venison tenderloin pork loin porchetta, turducken t-bone frankfurter kevin pork chop drumstick. Chuck filet mignon tail meatball jerky boudin. Beef fatback biltong spare ribs ham swine tri-tip cow strip steak sausage chuck filet mignon pastrami.</p>
</div>
</div>
<div class="col-md-4 col-sm-6 mb-small">
<div class="card-item">
<i class="large-icon process-counter"></i>
<h4><strong>Read</strong></h4>
<p>Bacon ipsum dolor amet venison tenderloin pork loin porchetta, turducken t-bone frankfurter kevin pork chop drumstick. Chuck filet mignon tail meatball jerky boudin. Beef fatback biltong spare ribs ham swine tri-tip cow strip steak sausage chuck filet mignon pastrami.</p>
</div>
</div>
<div class="col-md-4 col-sm-6 mb-small">
<div class="card-item">
<i class="large-icon process-counter"></i>
<h4><strong>Log-Out</strong></h4>
<p>Bacon ipsum dolor amet venison tenderloin pork loin porchetta, turducken t-bone frankfurter kevin pork chop drumstick. Chuck filet mignon tail meatball jerky boudin. Beef fatback biltong spare ribs ham swine tri-tip cow strip steak sausage chuck filet mignon pastrami.</p>
</div>
</div>
</div>
</div>
</section>
</div>
<!-- steps ends-->
<!-- Google Map End-->
<section class="section-wrapper block section-padding container mb-medium">
<div id="map-wrapper" class="edit-map">
<h4>Find Us at | GH6.12</h4>
<div id="map"></div>
</div>
</section>
<!-- Google Map End-->
<!-- Contact us form -->
<div id="contact"></div>
<div class="container text-center ">
<div class="row ">
<div class="col-md-8 col-md-offset-2 ">
<div class="section-title center ">
<h2 class="mb-small ">Contact | <strong>Us</strong></h2>
<p>If you have any problems please contact us using the form below...</p>
</div>
<!-- Contact us form -->
<form class="inline-handle " method="post " action="http://www.elizabethcastro.com/html6ed/examples/forms/showform.php ">
<div class="row ">
<div class="col-md-6 ">
<div class="form-group ">
<label>Name</label>
<input class="form-control " type="text " name="Name " placeholder="Enter Your Name ">
</div>
</div>
<div class="col-md-6 ">
<div class="form-group ">
<label>Email address</label>
<input class="form-control " type="email " name="E-mail " placeholder="Enter Your E-mail Address ">
</div>
</div>
</div>
<div class="form-group ">
<label>Message</label>
<textarea class="form-control " name="Message " rows="10 " cols="50 " placeholder="Enter Your Message Here "></textarea>
</div>
<button type="submit " class="btn btn-primary "> Submit</button>
</form>
</div>
</div>
</div>
<!-- Contact us form End -->
<!-- Footer Start-->
<footer class="footer-c footer-light section-padding text-center">
<div class="mb-medium footer-social">
<a href="https://www.facebook.com/dmuleicester"><i class="fa fa-facebook fa-2x edit-icon"></i></a>
<a href="https://twitter.com/dmuleicester"><i class="fa fa-twitter fa-2x edit-icon"></i></a>
<a href="https://plus.google.com/103011102637243054782/posts"><i class="fa fa-google-plus fa-2x edit-icon"></i></a>
<a href="index.html"><i class="fa fa-home fa-2x edit-icon"></i></a>
</div>
<div class="copyright-tag">17-3110-AA © | Secure Web Assignment 2017 |<a href="">sitemap</a></div>
</footer>
<!-- Footer End -->
<!-- Scripts Start -->
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDZnPN2MlGPV4IpHBMjAxqnTgkA7i9501I&callback=initMap"></script>
<script src="assets/js/map.js"></script>
<!-- Script end-->
</body>
</html>