Skip to content

Commit bb44170

Browse files
shivapuranikshivapuranik
committed
demo and authorization page added
1 parent 7fe763c commit bb44170

File tree

3 files changed

+558
-0
lines changed

3 files changed

+558
-0
lines changed

‎HTML/assets/img/faveo.png‎

33.6 KB
Loading

‎HTML/authorization.html‎

Lines changed: 275 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,275 @@
1+
<!DOCTYPE html>
2+
<!--[if IE 8]>
3+
<html class="ie">
4+
<![endif]-->
5+
<!--[if !(IE 8) ]><!-->
6+
<html lang="en">
7+
<!--<![endif]-->
8+
9+
<head>
10+
<meta charset="UTF-8">
11+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
12+
<title>NowKnow | Knowledge Base HTML Template</title>
13+
14+
<!-- Favicons -->
15+
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">
16+
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
17+
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
18+
<link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
19+
<link rel="shortcut icon" href="assets/ico/favicon.png">
20+
21+
<!-- Styles -->
22+
<!-- <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css" type="text/css" />-->
23+
<!-- <link rel="stylesheet" href="assets/font-awesome/css/all.min.css" type="text/css" />-->
24+
<!-- <link rel="stylesheet" href="assets/app/css/app.css" type="text/css" />-->
25+
<!-- <link rel="stylesheet" href="assets/app/css/edit.css" type="text/css" />-->
26+
<!-- <link rel="stylesheet" href="assets/app/css/custom.css" type="text/css" />-->
27+
<!--[if lt IE 9]>
28+
<script type="text/javascript" src="assets/app/js/html5shiv.min.js"></script>
29+
<script type="text/javascript" src="assets/app/js/respond.min.js"></script>
30+
<![endif]-->
31+
32+
<style>
33+
body {
34+
height: 100vh;
35+
justify-content: center;
36+
align-items: center;
37+
display: flex;
38+
background-color: #e2eaf7 !important;
39+
}
40+
41+
.footerlinks {
42+
color: gray;
43+
}
44+
45+
p {
46+
font-size: 14px !important;
47+
}
48+
49+
.btn-authorize:hover {
50+
background-color: #fff;
51+
border: 0.5px solid #099fdc;
52+
}
53+
</style>
54+
</head>
55+
56+
<body>
57+
58+
59+
60+
61+
<div class="container mt-5">
62+
63+
<div class="content-area">
64+
<div class="row">
65+
66+
<div id="content" class="site-content col-md-6 offset-md-2">
67+
68+
<article class="hentry error404 ">
69+
70+
<!-- CARD -->
71+
<div class="card border-0 shadow-sm">
72+
<div class="card-header border-1 bg-white mt-4" style="display: flex;">
73+
<div class="col-md-2">
74+
<img alt="Porto" width="60" height="30" src="../HTML/assets/img/faveo.png">
75+
</div>
76+
<div class="col-md-8">
77+
<span>Authorize support access to faveo </span>
78+
</div>
79+
</div>
80+
81+
82+
83+
<div class="card-body">
84+
85+
<h4 class="card-title text-6 text-center">Sign in to faveohelpdesk.com</h4>
86+
87+
<div class="container mt-4 text-center">
88+
<img class="rounded-circle" alt="avatar1"
89+
src="https://mdbcdn.b-cdn.net/img/new/avatars/9.webp" width="50" height="50" />
90+
91+
<p class="card-text">username@gamail.com</p>
92+
</div>
93+
94+
95+
<div class="container mt-5 mb-3">
96+
<p>
97+
By continuing, Support will be able to read all your personal data shared
98+
faveohelpdesk.com. See Privacy policy and Terms of Service to know more.
99+
</p>
100+
</div>
101+
102+
<hr class="mt-5" style="color: #828282;">
103+
104+
105+
106+
<div class="row text-center mt-4">
107+
<div class="form-group col-md-12">
108+
<a class="btn btn-light" href="#" role="button"
109+
style="font-size: small;">Cancel</a>
110+
<a class="btn btn-authorize"
111+
style="background-color: #099fdc; color: #fff;font-size: small;" href="#"
112+
role="button" data-loading-text="Loading...">Authorize support</a>
113+
</div>
114+
</div>
115+
</div>
116+
</div>
117+
<!-- CARD -->
118+
119+
<div class="container">
120+
121+
<div class="row bord text-inline">
122+
<div class="site-info col-md-8">
123+
<p class="text-muted">English <i class="fas fa-caret-down"></i></p>
124+
125+
</div>
126+
127+
128+
<div class="site-social col-md-4">
129+
<ul class="list-inline">
130+
<li class="list-inline-item"><a href="#">
131+
<p class="footerlinks">Help</p>
132+
</a></li>
133+
<li class="list-inline-item"><a href="#">
134+
<p class="footerlinks">Privacy</p>
135+
</a></li>
136+
<li class="list-inline-item"><a href="#">
137+
<p class="footerlinks">Terms</p>
138+
</a></li>
139+
</ul>
140+
</div>
141+
</div>
142+
143+
</div>
144+
145+
</article>
146+
147+
</div><!-- #content -->
148+
149+
</div>
150+
</div><!-- .content-area -->
151+
152+
</div>
153+
154+
155+
<!-- Script -->
156+
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script> -->
157+
<!-- <script type="text/javascript" src="assets/app/js/jquery-3.4.1.min.js"></script> -->
158+
159+
<!-- <script type="text/javascript" src="assets/app/js/jquery.min.js"></script> -->
160+
161+
<script type="text/javascript" src="assets/app/js/popper.min.js"></script>
162+
163+
<script type="text/javascript" src="assets/app/js/bootstrap.bundle.min.js"></script>
164+
<!-- <script type="text/javascript" src="assets/app/js/custom.js"></script> -->
165+
<!-- <script type="text/javascript" src="assets/app/js/superfish.js"></script> -->
166+
<!-- <script type="text/javascript" src="assets/app/js/jquery.mobilemenu.js"></script> -->
167+
<!-- <script type="text/javascript" src="assets/app/js/autocomplete.js"></script> -->
168+
<!-- <script type="text/javascript" src="assets/app/js/app.js"></script> -->
169+
170+
<script async>
171+
172+
let normalCSS = [
173+
{
174+
rel: 'stylesheet', type: 'text/css', href: 'assets/bootstrap/css/bootstrap.min.css'
175+
},
176+
{
177+
rel: 'stylesheet', type: 'text/css', href: 'assets/app/css/app.css',
178+
},
179+
{
180+
rel: 'stylesheet', type: 'text/css', href: 'assets/app/css/edit.css',
181+
},
182+
{
183+
rel: 'stylesheet', type: 'text/css', href: 'assets/app/css/custom.css',
184+
},
185+
{
186+
rel: 'stylesheet', type: 'text/css', href: 'assets/font-awesome/css/all.min.css'
187+
}
188+
// Add more objects for additional links
189+
];
190+
191+
let rtlCSS = [
192+
{
193+
rel: 'stylesheet', type: 'text/css', href: 'assets/bootstrap/css/bootstrap.rtl.min.css'
194+
},
195+
{
196+
rel: 'stylesheet', type: 'text/css', href: 'assets/app/css/rtl/app.css',
197+
},
198+
{
199+
rel: 'stylesheet', type: 'text/css', href: 'assets/app/css/rtl/edit.css',
200+
},
201+
{
202+
rel: 'stylesheet', type: 'text/css', href: 'assets/app/css/rtl/custom.css',
203+
},
204+
{
205+
rel: 'stylesheet', type: 'text/css', href: 'assets/font-awesome/css/all.min.css'
206+
}
207+
// Add more objects for additional links
208+
];
209+
210+
const urlParams = new URLSearchParams(window.location.search);
211+
212+
const body = document.body;
213+
214+
const flagIcon = document.getElementById('flagIcon');
215+
216+
if (urlParams.get('lang') && urlParams.get('lang') === 'ar') {
217+
218+
var existingLinks = document.querySelectorAll('link[rel="stylesheet"]');
219+
existingLinks.forEach(function (link) {
220+
link.parentNode.removeChild(link);
221+
});
222+
223+
flagIcon.src = './assets/img/ar.png';
224+
225+
flagIcon.alt = 'Arabic';
226+
227+
body.setAttribute('dir', 'rtl');
228+
229+
rtlCSS.forEach(function (linkData) {
230+
var link = document.createElement('link');
231+
link.rel = linkData.rel;
232+
link.type = linkData.type;
233+
link.href = linkData.href;
234+
// Append the link element to the document's head
235+
document.head.appendChild(link);
236+
});
237+
238+
setTimeout(() => {
239+
240+
body.style.display = 'block';
241+
242+
}, 1000)
243+
244+
} else {
245+
246+
var existingLinks1 = document.querySelectorAll('link[rel="stylesheet"]');
247+
existingLinks1.forEach(function (link) {
248+
link.parentNode.removeChild(link);
249+
});
250+
251+
// flagIcon.src = './assets/img/en.png';
252+
253+
// flagIcon.alt = 'English';
254+
255+
// body.removeAttribute('dir');
256+
257+
normalCSS.forEach(function (linkData) {
258+
var link = document.createElement('link');
259+
link.rel = linkData.rel;
260+
link.type = linkData.type;
261+
link.href = linkData.href;
262+
// Append the link element to the document's head
263+
document.head.appendChild(link);
264+
});
265+
266+
setTimeout(() => {
267+
268+
// body.style.display = 'block';
269+
270+
}, 1000)
271+
}
272+
</script>
273+
</body>
274+
275+
</html>

0 commit comments

Comments
 (0)