-
Notifications
You must be signed in to change notification settings - Fork 0
/
support.hbs
151 lines (146 loc) · 9.48 KB
/
support.hbs
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
<div class="flex text-gray-800 min-h-screen overflow-x-hidden">
<aside class="hidden asid">
<a href="#" class="flex items-center mx-auto my-12">
<div id="rounded-full-logo">
<img src="img/logo.png" alt="">
</div>
<span id="top-head">Bank Hamara</span>
</a>
<a href="#" id="logo-below"
class="block text-center text-white text-lg font-semibold bg-purple-600 hover:bg-purple-700 py-3 px-4 mx-8 rounded-lg">
Transfer money
</a>
<nav class="font-semibold text-gray-600 my-12">
<ul class="space-y-3">
<li>
<a href="dashboard?username={{user.username}}"
class="flex items-center px-8 py-3 bg-gradient-to-r hover:from-purple-200 hover:text-purple-600">
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-5 w-5 mr-5">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z" />
</svg>
Dashboard
</a>
</li>
<li>
<a href="cards?username={{user.username}}"
class="flex items-center px-8 py-3 bg-gradient-to-r hover:from-purple-200 hover:text-purple-600">
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-5 w-5 mr-5">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" />
</svg>
Cards
</a>
</li>
<li>
<a href="subscriptions?username={{user.username}}"
class="flex items-center px-8 py-3 bg-gradient-to-r hover:from-purple-200 hover:text-purple-600">
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-5 w-5 mr-5">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M9 13h6m-3-3v6m5 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
</svg>
Subscriptions
</a>
</li>
<li>
<a href="transaction?username={{user.username}}"
class="flex items-center px-8 py-3 bg-gradient-to-r hover:from-purple-200 hover:text-purple-600">
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-5 w-5 mr-5">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
Transactions
</a>
</li>
<li>
<a href="loans?username={{user.username}}"
class="flex items-center px-8 py-3 bg-gradient-to-r hover:from-purple-200 hover:text-purple-600">
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-5 w-5 mr-5">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
</svg>
Loans
</a>
</li>
<li>
<a href="#"
class="flex items-center px-8 py-3 bg-gradient-to-r from-purple-200 text-purple-600 inset-active-link">
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-5 w-5 mr-5">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" />
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
</svg>
Support
</a>
</li>
</ul>
</nav>
<div class="flex flex-col items-center py-3 px-4 bg-purple-200 bg-opacity-50 rounded-md mt-auto mb-10 mx-8">
<span class="font-semibold text-gray-900">Start saving!</span>
<a href="#" class="text-purple-600 font-medium underline">Upgrade to PRO</a>
</div>
</aside>
<div class="flex-grow bg-gray-100">
<header class="mt-12 px-16">
<div class="flex items-center mb-2">
<h1 class="text-3xl font-semibold mr-4">Need Help ?</h1>
<div class="ml-auto flex items-center space-x-3">
<button
class="p-2 text-gray-600 relative bg-white rounded-full shadow hover:bg-gray-100 hover:text-gray-700">
<span class="absolute top-0 right-0 h-3 w-3 bg-red-500 rounded-full mt-1 mr-2"></span>
<span
class="absolute top-0 right-0 h-3 w-3 bg-red-500 rounded-full mt-1 mr-2 animate-ping"></span>
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" />
</svg>
</button>
<button class="h-10 w-10 bg-gray-200 border shadow rounded-full overflow-hidden">
<img style="background-color: #000;" src="img\user-image.jpg"
class="h-full w-full object-cover" />
</button>
</div>
</div>
</header>
<div class="container">
<div class="row">
<div class="col-md-6">
<h1>Let's get you</br> some help!</h1>
<h6>Have any issue? Send us an <span class="email-us"><a href="mailto:support@bankhamara.com">email.</a></span></h6>
<div class="img-wrapper">
<img src="img/dashboard/onboard.png" alt="Help" id="help-img">
</div>
</div>
<div class="col-md-6">
<form>
<div class="form-group">
<label for="list">Name</label>
<input type="text" class="form-control" id="list" aria-describedby="emailHelp">
</div>
<div class="form-group">
<label for="tags">Subject</label>
<input type="text" class="form-control" id="tags">
</div>
<div class="form-group">
<label for="describe">Please desribe the issue you are facing ?</label>
<textarea type="text" class="form-control" id="describe" rows="5"></textarea>
</div>
<div class="form-group">
<label for="exampleFormControlSelect1">Select Category</label>
<select class="form-control" id="exampleFormControlSelect1">
<option>Account Related</option>
<option>Report Fraud Transactions</option>
<option>Loan</option>
<option>Regarding Pro Account</option>
<option>Unknown Charges Deduction</option>
<option>Others</option>
</select>
</div>
<button type="button" class="btn btn-primary"><span>Submit</span> <i id="arrow-sub"></i></button>
</div>
</div>
</div>
</div>
</div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/js/bootstrap.min.js'></script>