Skip to content

Commit ae9f3ea

Browse files
aakashrajputaakashrajput
committed
created user reg page
1 parent 4ccf169 commit ae9f3ea

File tree

1 file changed

+366
-0
lines changed

1 file changed

+366
-0
lines changed

‎user_reg.php

Lines changed: 366 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,366 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="utf-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7+
<title>
8+
User Login | DevelopHowTo
9+
</title>
10+
<!-- Fonts and icons -->
11+
<link href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,600,700,800" rel="stylesheet" />
12+
<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">
13+
<!-- Nucleo Icons -->
14+
<link href="./assets/css/nucleo-icons.css" rel="stylesheet" />
15+
<!-- CSS Files -->
16+
<link href="./assets/css/black-dashboard.min.css" rel="stylesheet" />
17+
<!-- CSS Just for demo purpose, don't include it in your project -->
18+
<link href="./assets/demo/demo.css" rel="stylesheet" />
19+
</head>
20+
21+
<body class="register-page">
22+
<!-- Navbar -->
23+
<nav class="navbar navbar-expand-lg navbar-absolute navbar-transparent fixed-top">
24+
<div class="container-fluid">
25+
<div class="navbar-wrapper">
26+
<div class="navbar-toggle d-inline">
27+
<button type="button" class="navbar-toggler">
28+
<span class="navbar-toggler-bar bar1"></span>
29+
<span class="navbar-toggler-bar bar2"></span>
30+
<span class="navbar-toggler-bar bar3"></span>
31+
</button>
32+
</div>
33+
<a class="navbar-brand" href="javascript:void(0)">User Register Page | DevelopHowTo</a>
34+
</div>
35+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navigation" aria-expanded="false" aria-label="Toggle navigation">
36+
<span class="navbar-toggler-bar navbar-kebab"></span>
37+
<span class="navbar-toggler-bar navbar-kebab"></span>
38+
<span class="navbar-toggler-bar navbar-kebab"></span>
39+
</button>
40+
<div class="collapse navbar-collapse" id="navigation">
41+
<ul class="navbar-nav ml-auto">
42+
<li class="nav-item">
43+
<a href="../dashboard.html" class="nav-link text-primary">
44+
<i class="tim-icons icon-minimal-left"></i> Back to Website
45+
</a>
46+
</li>
47+
<li class="nav-item ">
48+
<a href="login.html" class="nav-link">
49+
<i class="tim-icons icon-single-02"></i> Login
50+
</a>
51+
</li>
52+
<!--li class="nav-item active ">
53+
<a href="pricing.html" class="nav-link">
54+
<i class="tim-icons icon-coins"></i> Pricing
55+
</a>
56+
</li>
57+
<li class="nav-item ">
58+
<a href="lock.html" class="nav-link">
59+
<i class="tim-icons icon-lock-circle"></i> Lock
60+
</a>
61+
</li-->
62+
</ul>
63+
</div>
64+
</div>
65+
</nav>
66+
<div class="modal modal-search fade" id="searchModal" tabindex="-1" role="dialog" aria-labelledby="searchModal" aria-hidden="true">
67+
<div class="modal-dialog" role="document">
68+
<div class="modal-content">
69+
<div class="modal-header">
70+
<input type="text" class="form-control" id="inlineFormInputGroup" placeholder="SEARCH">
71+
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
72+
<i class="tim-icons icon-simple-remove"></i>
73+
</button>
74+
</div>
75+
</div>
76+
</div>
77+
</div>
78+
<!-- End Navbar -->
79+
<div class="wrapper wrapper-full-page ">
80+
<div class="full-page register-page">
81+
<div class="content">
82+
<div class="container">
83+
<div class="row">
84+
<div class="col-md-5 ml-auto">
85+
<div class="info-area info-horizontal mt-5">
86+
<div class="icon icon-warning">
87+
<i class="tim-icons icon-wifi"></i>
88+
</div>
89+
<div class="description">
90+
<h3 class="info-title">Marketing</h3>
91+
<p class="description">
92+
We've created the marketing campaign of the website. It was a very interesting collaboration.
93+
</p>
94+
</div>
95+
</div>
96+
<div class="info-area info-horizontal">
97+
<div class="icon icon-primary">
98+
<i class="tim-icons icon-triangle-right-17"></i>
99+
</div>
100+
<div class="description">
101+
<h3 class="info-title">Fully Coded in HTML5</h3>
102+
<p class="description">
103+
We've developed the website with HTML5 and CSS3. The client has access to the code using GitHub.
104+
</p>
105+
</div>
106+
</div>
107+
<div class="info-area info-horizontal">
108+
<div class="icon icon-info">
109+
<i class="tim-icons icon-trophy"></i>
110+
</div>
111+
<div class="description">
112+
<h3 class="info-title">Built Audience</h3>
113+
<p class="description">
114+
There is also a Fully Customizable CMS Admin Dashboard for this product.
115+
</p>
116+
</div>
117+
</div>
118+
</div>
119+
<div class="col-md-7 mr-auto">
120+
<div class="card card-register card-white">
121+
<div class="card-header">
122+
<img class="card-img" src="./assets/img/card-primary.png" alt="Card image">
123+
<h4 class="card-title">Register</h4>
124+
</div>
125+
<div class="card-body">
126+
<form class="form">
127+
<div class="input-group">
128+
<div class="input-group-prepend">
129+
<div class="input-group-text">
130+
<i class="tim-icons icon-single-02"></i>
131+
</div>
132+
</div>
133+
<input type="text" class="form-control" placeholder="Full Name">
134+
</div>
135+
<div class="input-group">
136+
<div class="input-group-prepend">
137+
<div class="input-group-text">
138+
<i class="tim-icons icon-email-85"></i>
139+
</div>
140+
</div>
141+
<input type="text" placeholder="Email" class="form-control">
142+
</div>
143+
<div class="input-group">
144+
<div class="input-group-prepend">
145+
<div class="input-group-text">
146+
<i class="tim-icons icon-lock-circle"></i>
147+
</div>
148+
</div>
149+
<input type="text" class="form-control" placeholder="Password">
150+
</div>
151+
<div class="form-check text-left">
152+
<label class="form-check-label">
153+
<input class="form-check-input" type="checkbox">
154+
<span class="form-check-sign"></span>
155+
I agree to the
156+
<a href="javascript:void(0)">terms and conditions</a>.
157+
</label>
158+
</div>
159+
</form>
160+
</div>
161+
<div class="card-footer">
162+
<a href="javascript:void(0)" class="btn btn-primary btn-round btn-lg">Get Started</a>
163+
</div>
164+
</div>
165+
</div>
166+
</div>
167+
</div>
168+
</div>
169+
<footer class="footer">
170+
<div class="container-fluid">
171+
<ul class="nav">
172+
<li class="nav-item">
173+
<a href="javascript:void(0)" class="nav-link">
174+
Creative Tim
175+
</a>
176+
</li>
177+
<li class="nav-item">
178+
<a href="javascript:void(0)" class="nav-link">
179+
About Us
180+
</a>
181+
</li>
182+
<li class="nav-item">
183+
<a href="javascript:void(0)" class="nav-link">
184+
Blog
185+
</a>
186+
</li>
187+
</ul>
188+
<div class="copyright">
189+
©
190+
<script>
191+
document.write(new Date().getFullYear())
192+
</script> made with <i class="tim-icons icon-heart-2"></i> by
193+
<a href="javascript:void(0)" target="_blank">Creative Tim</a> for a better web.
194+
</div>
195+
</div>
196+
</footer>
197+
</div>
198+
</div>
199+
<!-- Core JS Files -->
200+
<script src="./assets/js/core/jquery.min.js"></script>
201+
<script src="./assets/js/core/popper.min.js"></script>
202+
<script src="./assets/js/core/bootstrap.min.js"></script>
203+
<script src="./assets/js/plugins/perfect-scrollbar.jquery.min.js"></script>
204+
<script src="./assets/js/plugins/moment.min.js"></script>
205+
<!-- Plugin for Switches, full documentation here: http://www.jque.re/plugins/version3/bootstrap.switch/ -->
206+
<script src="./assets/js/plugins/bootstrap-switch.js"></script>
207+
<!-- Plugin for Sweet Alert -->
208+
<script src="./assets/js/plugins/sweetalert2.min.js"></script>
209+
<!-- Plugin for Sorting Tables -->
210+
<script src="./assets/js/plugins/jquery.tablesorter.js"></script>
211+
<!-- Forms Validations Plugin -->
212+
<script src="./assets/js/plugins/jquery.validate.min.js"></script>
213+
<!-- Plugin for the Wizard, full documentation here: https://github.com/VinceG/twitter-bootstrap-wizard -->
214+
<script src="./assets/js/plugins/jquery.bootstrap-wizard.js"></script>
215+
<!-- Plugin for Select, full documentation here: http://silviomoreto.github.io/bootstrap-select -->
216+
<script src="./assets/js/plugins/bootstrap-selectpicker.js"></script>
217+
<!-- Plugin for the DateTimePicker, full documentation here: https://eonasdan.github.io/bootstrap-datetimepicker/ -->
218+
<script src="./assets/js/plugins/bootstrap-datetimepicker.js"></script>
219+
<!-- DataTables.net Plugin, full documentation here: https://datatables.net/ -->
220+
<script src="./assets/js/plugins/jquery.dataTables.min.js"></script>
221+
<!-- Plugin for Tags, full documentation here: https://github.com/bootstrap-tagsinput/bootstrap-tagsinputs -->
222+
<script src="./assets/js/plugins/bootstrap-tagsinput.js"></script>
223+
<!-- Plugin for Fileupload, full documentation here: http://www.jasny.net/bootstrap/javascript/#fileinput -->
224+
<script src="./assets/js/plugins/jasny-bootstrap.min.js"></script>
225+
<!-- Full Calendar Plugin, full documentation here: https://github.com/fullcalendar/fullcalendar -->
226+
<script src="./assets/js/plugins/fullcalendar.min.js"></script>
227+
<!-- Vector Map plugin, full documentation here: http://jvectormap.com/documentation/ -->
228+
<script src="./assets/js/plugins/jquery-jvectormap.js"></script>
229+
<!-- Plugin for the Sliders, full documentation here: http://refreshless.com/nouislider/ -->
230+
<script src="./assets/js/plugins/nouislider.min.js"></script>
231+
<!-- Google Maps Plugin -->
232+
<!-- Place this tag in your head or just before your close body tag. -->
233+
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDGat1sgDZ-3y6fFe6HD7QUziVC6jlJNog"></script>
234+
<!-- Chart JS -->
235+
<script src="./assets/js/plugins/chartjs.min.js"></script>
236+
<!-- Notifications Plugin -->
237+
<script src="./assets/js/plugins/bootstrap-notify.js"></script>
238+
<!-- Control Center for Black Dashboard: parallax effects, scripts for the example pages etc -->
239+
<script src="./assets/js/black-dashboard.min.js"></script>
240+
<!-- Black Dashboard DEMO methods, don't include it in your project! -->
241+
<script src="./assets/demo/demo.js"></script>
242+
<!-- Sharrre libray -->
243+
<script src="./assets/demo/jquery.sharrre.js"></script>
244+
245+
<noscript>
246+
<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=111649226022273&ev=PageView&noscript=1" />
247+
</noscript>
248+
<script>
249+
$(document).ready(function() {
250+
$().ready(function() {
251+
$sidebar = $('.sidebar');
252+
$navbar = $('.navbar');
253+
$main_panel = $('.main-panel');
254+
255+
$full_page = $('.full-page');
256+
257+
$sidebar_responsive = $('body > .navbar-collapse');
258+
sidebar_mini_active = true;
259+
white_color = false;
260+
261+
window_width = $(window).width();
262+
263+
fixed_plugin_open = $('.sidebar .sidebar-wrapper .nav li.active a p').html();
264+
265+
266+
267+
$('.fixed-plugin a').click(function(event) {
268+
if ($(this).hasClass('switch-trigger')) {
269+
if (event.stopPropagation) {
270+
event.stopPropagation();
271+
} else if (window.event) {
272+
window.event.cancelBubble = true;
273+
}
274+
}
275+
});
276+
277+
$('.fixed-plugin .background-color span').click(function() {
278+
$(this).siblings().removeClass('active');
279+
$(this).addClass('active');
280+
281+
var new_color = $(this).data('color');
282+
283+
if ($sidebar.length != 0) {
284+
$sidebar.attr('data', new_color);
285+
}
286+
287+
if ($main_panel.length != 0) {
288+
$main_panel.attr('data', new_color);
289+
}
290+
291+
if ($full_page.length != 0) {
292+
$full_page.attr('filter-color', new_color);
293+
}
294+
295+
if ($sidebar_responsive.length != 0) {
296+
$sidebar_responsive.attr('data', new_color);
297+
}
298+
});
299+
300+
$('.switch-sidebar-mini input').on("switchChange.bootstrapSwitch", function() {
301+
var $btn = $(this);
302+
303+
if (sidebar_mini_active == true) {
304+
$('body').removeClass('sidebar-mini');
305+
sidebar_mini_active = false;
306+
blackDashboard.showSidebarMessage('Sidebar mini deactivated...');
307+
} else {
308+
$('body').addClass('sidebar-mini');
309+
sidebar_mini_active = true;
310+
blackDashboard.showSidebarMessage('Sidebar mini activated...');
311+
}
312+
313+
// we simulate the window Resize so the charts will get updated in realtime.
314+
var simulateWindowResize = setInterval(function() {
315+
window.dispatchEvent(new Event('resize'));
316+
}, 180);
317+
318+
// we stop the simulation of Window Resize after the animations are completed
319+
setTimeout(function() {
320+
clearInterval(simulateWindowResize);
321+
}, 1000);
322+
});
323+
324+
$('.switch-change-color input').on("switchChange.bootstrapSwitch", function() {
325+
var $btn = $(this);
326+
327+
if (white_color == true) {
328+
329+
$('body').addClass('change-background');
330+
setTimeout(function() {
331+
$('body').removeClass('change-background');
332+
$('body').removeClass('white-content');
333+
}, 900);
334+
white_color = false;
335+
} else {
336+
337+
$('body').addClass('change-background');
338+
setTimeout(function() {
339+
$('body').removeClass('change-background');
340+
$('body').addClass('white-content');
341+
}, 900);
342+
343+
white_color = true;
344+
}
345+
346+
347+
});
348+
349+
$('.light-badge').click(function() {
350+
$('body').addClass('white-content');
351+
});
352+
353+
$('.dark-badge').click(function() {
354+
$('body').removeClass('white-content');
355+
});
356+
});
357+
});
358+
</script>
359+
<script>
360+
$(document).ready(function() {
361+
demo.checkFullPageBackgroundImage();
362+
});
363+
</script>
364+
</body>
365+
366+
</html>

0 commit comments

Comments
 (0)