forked from jrsarath/Scarlett
-
Notifications
You must be signed in to change notification settings - Fork 0
/
support.php
158 lines (151 loc) · 9.37 KB
/
support.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
151
152
153
154
155
156
157
158
<?php include 'includes/functions.php'; ?>
<!DOCTYPE html>
<html lang="en">
<head>
<!-- head -->
<title>OWL Internet - Support</title>
<!-- include Depedencies -->
<?php include 'includes/common-header.php'; ?>
<!-- /.include Depedencies and nav-->
<!-- CONTENTS -->
<div class="header shared-hosting-header">
<video class="header-video-bg" src="assets/images/movies/coodiv-vid.mp4" loop autoplay poster="assets/images/movies/fallback.jpg"></video>
<div class="video-overlay"></div>
<?php include 'includes/nav.php'; ?>
<div class="container">
<div class="col-md-6 text-center">
<img class="img-responsive" src="assets/images/icons/support/customer-service.png" alt="">
</div>
<div class="col-md-6">
<h1>Have a <b>question</b>?<br>Need <b>help</b>?</h1>
<div class="call-to-action">
<a id="livechat-or-email" class="ybtn ybtn-shadow ybtn-white" href=""></a>
<a class="ybtn ybtn-shadow ybtn-green" href="#">Create Ticket</a>
</div>
</div>
</div>
</div>
<div class="host-plan-areatl" style="padding-top:80px;">
<div class="container our-client-img ht-prf">
<div style="margin-bottom:0px;" class="row-flex justify-content-center">
<h5 class="host-plans-title-non-index">multiple way to get support <span>let's find a solution together</span></h5>
<div class="col-md-3 col-xs-12 padonglass">
<div class="plan-none-ind-xs">
<img src="assets/images/icons/support/ticket.svg" alt="">
<h5>tickets <span>advance tech support</span></h5>
<a href="#"><i class="fa fa-chevron-right" aria-hidden="true"></i> <span style="margin-right: -10px;">Create ticket</span></a>
</div>
</div>
<div class="col-md-3 col-xs-12 padonglass">
<div class="plan-none-ind-xs">
<img src="assets/images/icons/support/books.svg" alt="">
<h5>knowledgebase<span>search help guides</span></h5>
<a href="#"><i class="fa fa-chevron-right" aria-hidden="true"></i> <span style="margin-right: -8px;">Search now</span></a>
</div>
</div>
<div class="col-md-3 col-xs-12 padonglass">
<div class="plan-none-ind-xs">
<img src="assets/images/icons/support/blog.svg" alt="">
<h5>blog <span>visit our blog</span></h5>
<a href="#"><i class="fa fa-chevron-right" aria-hidden="true"></i> <span style="margin-right: -5px;">Blog posts</span></a>
</div>
</div>
</div>
<div class="row-flex justify-content-center" style="margin-bottom:170px;">
<div class="col-md-3 col-xs-12 padonglass">
<div class="plan-none-ind-xs">
<img src="assets/images/icons/support/chat.svg" alt="">
<h5>live chat <span>24x7 live support</span></h5>
<a href="javascript:void(Tawk_API.toggle())"><i class="fa fa-chevron-right" aria-hidden="true"></i> <span>Chat now</span></a>
</div>
</div>
<div class="col-md-3 col-xs-12 padonglass">
<div class="plan-none-ind-xs">
<img src="assets/images/icons/support/faq.svg" alt="">
<h5>FAQ <span>See FAQs</span></h5>
<a href="#faqs" class="smooth-scroll"><i class="fa fa-chevron-right" aria-hidden="true"></i> <span>See FAQs</span></a>
</div>
</div>
<div class="col-md-3 col-xs-12 padonglass">
<div class="plan-none-ind-xs">
<img src="assets/images/icons/support/envelope.svg" alt="">
<h5>contact us <span>email us</span></h5>
<a href="#enquery" class="smooth-scroll"><i class="fa fa-chevron-right" aria-hidden="true"></i> <span>Email now</span></a>
</div>
</div>
</div>
</div>
<div class="dsrib-prtyer">
<div class="container">
<h4>or email us at<b>[email protected]</b> </h4>
</div>
</div>
</div>
<div class="container faq-contact">
<div class="row-flex justify-content-center">
<div class="col-md-6 col-xs-12" id="faqs">
<h5 class="host-plans-title-non-index text-left"><span>FAQ</span>Frequently asked questions</h5>
<div id="Accordion" data-children=".item">
<div class="item">
<a class="acoriennbrzbi collapsed" data-toggle="collapse" data-parent="#Accordion" href="#firstqst" aria-expanded="false" aria-controls="firstqst">
guarante ? <i class="fa fa-angle-down" aria-hidden="true"></i>
</a>
<div id="firstqst" class="includedonerbayt collapse" role="tabpanel" style="">
<p class="mb-3">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pretium lorem non vestibulum scelerisque. Proin a vestibulum sem, eget tristique massa. Aliquam lacinia rhoncus nibh quis ornare.
</p>
</div>
</div>
<div class="item">
<a class="acoriennbrzbi collapsed" data-toggle="collapse" data-parent="#Accordion" href="#secondqst" aria-expanded="false" aria-controls="secondqst">
whate its free supprt ? <i class="fa fa-angle-down" aria-hidden="true"></i>
</a>
<div id="secondqst" class="includedonerbayt collapse" role="tabpanel" style="">
<p class="mb-3">
Donec at ipsum dignissim, rutrum turpis scelerisque, tristique lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus nec dui turpis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
</p>
</div>
</div>
<div class="item">
<a class="acoriennbrzbi collapsed" data-toggle="collapse" data-parent="#Accordion" href="#secondqst" aria-expanded="false" aria-controls="secondqst">
whate its free supprt ? <i class="fa fa-angle-down" aria-hidden="true"></i>
</a>
<div id="secondqst" class="includedonerbayt collapse" role="tabpanel" style="">
<p class="mb-3">
Donec at ipsum dignissim, rutrum turpis scelerisque, tristique lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus nec dui turpis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
</p>
</div>
</div>
<div class="item">
<a class="acoriennbrzbi collapsed" data-toggle="collapse" data-parent="#Accordion" href="#secondqst" aria-expanded="false" aria-controls="secondqst">
whate its free supprt ? <i class="fa fa-angle-down" aria-hidden="true"></i>
</a>
<div id="secondqst" class="includedonerbayt collapse" role="tabpanel" style="">
<p class="mb-3">
Donec at ipsum dignissim, rutrum turpis scelerisque, tristique lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus nec dui turpis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
</p>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-xs-12" id="enquery">
<h5 class="host-plans-title-non-index text-left"><span>Inquiry</span>How can we help you ?</h5>
<form id="cotact-us-form" method="post" action="">
<input type="text" id="name" name="name" placeholder="your name" required="">
<input type="email" id="email" name="email" placeholder="your email" required="">
<input type="text" id="subject" name="subject" placeholder="Inquiry subject" required="">
<textarea id="message" name="message" placeholder="your message" required=""></textarea>
<span class="inline-button">
<button id="search-btn" type="submit" name="submit" value="send"> <i class="fa fa-angle-right" aria-hidden="true"></i></button>
</span>
</form>
<div id="form-messages"></div>
</div>
</div> <!-- END DOMAIN SEARCH -->
</div>
<!-- /.content -->
<!-- include scripts -->
<?php include 'includes/common-footer.php'; ?>
<!-- /.indlude scripts -->
</body>
</html>