-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathcontact.html
130 lines (119 loc) · 4.77 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
<!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">
<title>EDX Hosting: Contact</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet">
<!-- Font Awesome Stylesheet -->
<link href="css/font-awesome.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
<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>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">EDX Hosting</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="index.html">Home</a></li>
<li><a href="domains.html">Domains</a></li>
<li class="active"><a href="contact.html">Contact</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#" data-toggle="modal" data-target="#myModal">Login</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Login</h4>
</div>
<div class="modal-body">
<form>
<div class="form-group">
<label>Email address</label>
<input type="email" class="form-control" placeholder="Enter Email">
</div>
<div class="form-group">
<label>Password</label>
<input type="password" class="form-control" placeholder="Enter Password">
</div>
</form>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-default">Submit</button>
</div>
</div>
</div>
</div>
<section class="jumbotron">
<div class="container">
<h2><i class="fa fa home"></i> Contact Us Today</h2>
<p>Lorem ipsum dolor sit amet, consecteteur adipiscing elit. Nulla quam tellus, tristique et, tristique quis, porta sit amet arcu. Aliquam erat volutpat. Curabitur feugiat leo quis lacus facilitis venenatis</p>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col-md-12">
<iframe src="https://www.google.com/maps/place/Nigeria/@8.9233587,-0.3674603,5z/data=!3m1!4b1!4m5!3m4!1s0x104e0baf7da48d0d:0x99a8fe4168c50bc8!8m2!3d9.081999!4d8.675277?hl=en" width="100%" height="350" frameborder="0" style="border:0";></iframe>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div classs="row">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-body">
<form>
<div class="form-group">
<label>Name</label>
<input type="text" class="form-control" placeholder="Enter name">
</div>
<div class="form-group">
<label>Email address</label>
<input type="email" class="form-control" placeholder="Enter email">
</div>
<div class="form-group">
<label>Message</label>
<textarea class="form-control" placeholder="Enter message"></textarea>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<p class="pull-right"><a href="#">Back to Top</a></p>
<p> EDX Hosting © 2015.· <a href="#">Privacy</a> · <a href="#">Terms</a></p>
</div>
</footer>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>