-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
157 lines (141 loc) · 5.81 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
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Start -->
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>IFly - Online Ticket Booking</title>
<meta name="description" content="IFly - Where Everyone Can Fly to Their Dreams"/>
<meta name="theme-color" content="#3D90E3"/>
<link rel="apple-touch-icon" href="../images/logo.png">
<link rel="shortcut icon" href="../images/logo.png">
<!-- Meta End -->
<!-- Link Start -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="../css/materialize.css" type="text/css" rel="stylesheet"/>
<link href="../css/style.css" type="text/css" rel="stylesheet"/>
<link rel="manifest" href="../manifest.json">
<link rel="shortcut icon" href="../images/favicon.ico" type="image/x-icon">
<link rel="icon" href="../images/favicon.ico" type="image/x-icon">
<!-- Link End -->
</head>
<body>
<!-- Navbar Start -->
<nav class="white" role="navigation">
<div class="nav-wrapper container">
<a id="logo-container" href="../index.html" class="brand-logo"><img class="responsive-img" src="../images/logo.png" width="60" height="auto"></a>
<ul class="right hide-on-med-and-down">
<li><a class="waves-effect" href="../index.html">Home</a></li>
<li><a class="waves-effect" href="about.html">About</a></li>
<li><a class="waves-effect" href="contact.html">Contact</a></li>
<li><a class="waves-effect" href="login.html">Login</a></li>
<li><a class="waves-effect" href="register.html">Register</a></li>
<li><a class="waves-effect" href="order.html">Order</a></li>
</ul>
<ul id="nav-mobile" class="sidenav">
<li><a class="waves-effect" href="../index.html">Home</a></li>
<li><a class="waves-effect" href="about.html">About</a></li>
<li><a class="waves-effect" href="contact.html">Contact</a></li>
<li><a class="waves-effect" href="login.html">Login</a></li>
<li><a class="waves-effect" href="register.html">Register</a></li>
<li><a class="waves-effect" href="order.html">Order</a></li>
</ul>
<a href="#" data-target="nav-mobile" class="sidenav-trigger"><i class="material-icons">menu</i></a>
</div>
</nav>
<!-- Navbar End -->
<!--Content Starts-->
<div class="contact">
<!--Hero Banner Start-->
<div id="index-banner" class="parallax-container">
<div class="section no-pad-bot">
<div class="container">
<br><br>
<h1 class="header center blue-text">Contact Us</h1>
<div class="row center">
<h5 class="header col s12 black-text">Tidak perlu khawatir, anda dapat menghubungi customer service kami disini</h5>
</div>
<br><br>
</div>
</div>
<div width="100%" class="parallax"><img src="../images/Parallax3.jpg" alt="Unsplashed background img 1"></div>
</div>
<br>
<!--Hero Banner Ends-->
<!--Contact Start-->
<div class="row">
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center blue-text"><i class="large material-icons">call</i></h2>
<h5 class="center">Phone</h5>
<h6 class="center">+6212345678910</h6>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center blue-text"><i class="material-icons">sms</i></h2>
<h5 class="center">Messaging</h5>
<h6 class="center">+6212345678910</h6>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center blue-text"><i class="material-icons">desktop_windows</i></h2>
<h5 class="center">Website</h5>
<h6 class="center">ifly.my.id</h6>
</div>
</div>
</div>
<!--Contact End-->
<!--Contact Start-->
<div class="row">
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center blue-text"><i class="large material-icons">email</i></h2>
<h5 class="center">Email</h5>
<h6 class="center">IFLy@gmail.com</h6>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center blue-text"><i class="material-icons">thumb_up</i></h2>
<h5 class="center">Facebook</h5>
<h6 class="center">IFLy Online Booking</h6>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center blue-text"><i class="material-icons">subscriptions</i></h2>
<h5 class="center">Youtube</h5>
<h6 class="center">IFLy Online Booking</h6>
</div>
</div>
</div>
<br>
<!--Contact End-->
</div>
<!--Content End-->
<!-- Footer Start -->
<footer class="page-footer">
<div class="container">
<div class="row">
<div class="col l12 s12 center-align">
<h5 class="white-text">IFly - Online Ticket Booking</h5>
<p class="grey-text text-lighten-4">Where Everyone Can Fly to Their Dreams</p>
</div>
</div>
</div>
<div class="footer-copyright center-align">
<div class="container">
© 2020-2021 Team 1 Semangat!!!<br>
</div>
</div>
</footer>
<!-- Footer End -->
<!--Scripts Starts-->
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="../js/materialize.js"></script>
<script src="../js/init.js"></script>
<!--Scripts Ends-->
</body>
</html>