-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsign_up.html
128 lines (120 loc) · 7.78 KB
/
sign_up.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, shrink-to-fit=9">
<meta name="description" content="Gambolthemes">
<meta name="author" content="Gambolthemes">
<title>Micko - Sign Up</title>
<!-- Favicon Icon -->
<link rel="icon" type="image/png" href="images/fav.png">
<!-- Stylesheets -->
<link href="https://fonts.googleapis.com/css2?family=Heebo:wght@100;300;400;500;700;800;900&display=swap" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<link href="css/night-mode.css" rel="stylesheet">
<!-- Vendor Stylesheets -->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
<link href="vendor/OwlCarousel/assets/owl.carousel.css" rel="stylesheet">
<link href="vendor/OwlCarousel/assets/owl.theme.default.min.css" rel="stylesheet">
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="vendor/bootstrap-select/dist/css/bootstrap-select.min.css" rel="stylesheet">
</head>
<body>
<!-- Body Start -->
<div class="form-wrapper">
<div class="app-form">
<div class="app-form-sidebar">
<div class="sign-logo">
<img src="images/logo_2.png" alt="">
</div>
<div class="sign_sidebar_text">
<h1>Best place to buy and sell digital products and LMS Courses with social Networking</h1>
</div>
</div>
<div class="app-form-content">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10 col-md-10">
<div class="app-top-items">
<div class="app-top-left-logo">
<img src="images/logo.png" alt="">
</div>
<div class="app-top-right-link">
Already have an account?<a class="SidebarRegister__link" href="sign_in.html">Sign In</a>
</div>
</div>
</div>
<div class="col-xl-5 col-lg-6 col-md-7">
<div class="registration">
<form>
<h2 class="registration_title">Sign up to Micko</h2>
<div class="form_group mt-30">
<label class="label25">Username*</label>
<input class="reg_form_input_1" name="username" type="text" placeholder="" value="">
</div>
<div class="form_group mt-25">
<label class="label25">Your Email*</label>
<input class="reg_form_input_1" name="email" type="email" placeholder="" value="">
</div>
<div class="form_group mt-25">
<label class="label25">Create Password*</label>
<div class="loc_group">
<input class="reg_form_input_1" name="password" type="password" placeholder="">
<span class="pass_show_dt cursor"><i class="fas fa-eye-slash"></i></span>
</div>
</div>
<div class="signup_check_checkbox mt-30">
<input type="checkbox" id="google_analytics_check">
<label for="google_analytics_check">I agree to the <a href="#">Privacy Policy</a> and <a href="#">Terms and Conditions</a></label>
</div>
<button class="btn-register btn-hover" type="submit" onclick="window.location.href='sign_up_steps.html'">Create Account</button>
</form>
<div class="registration_line">
<span class="registration_linetext">or</span>
</div>
<div class="social_buttons">
<div class="social_buttons_list">
<button class="google_login">
<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="google_login__icon" width="20" height="20"><path d="M18.453 8.355h-7.441a.593.593 0 00-.594.594v2.38c0 .327.266.593.594.593h4.191a5.587 5.587 0 01-2.406 2.82l1.785 3.094c2.863-1.656 4.559-4.566 4.559-7.82a6.11 6.11 0 00-.102-1.168.601.601 0 00-.586-.493z" fill="#167EE6"></path><path d="M10.02 15.492a5.55 5.55 0 01-4.801-2.777l-3.094 1.781a9.106 9.106 0 007.895 4.566 9.105 9.105 0 004.562-1.222v-.004l-1.785-3.094a5.5 5.5 0 01-2.777.75z" fill="#12B347"></path><path d="M14.578 17.84v-.004l-1.785-3.094a5.519 5.519 0 01-2.773.75v3.57a9.08 9.08 0 004.558-1.222z" fill="#0F993E"></path><path d="M4.469 9.941c0-1.011.277-1.957.75-2.773L2.125 5.387A9.008 9.008 0 00.898 9.94c0 1.66.446 3.215 1.227 4.555l3.094-1.781a5.479 5.479 0 01-.75-2.774z" fill="#FFD500"></path><path d="M10.02 4.39c1.335 0 2.566.477 3.523 1.266.238.196.582.18.797-.035l1.683-1.684a.598.598 0 00-.035-.874A9.064 9.064 0 0010.02.82a9.106 9.106 0 00-7.895 4.567l3.094 1.781a5.55 5.55 0 014.8-2.777z" fill="#FF4B26"></path><path d="M13.543 5.656c.238.196.582.18.797-.035l1.683-1.684a.598.598 0 00-.035-.874A9.064 9.064 0 0010.02.82v3.57c1.335 0 2.566.473 3.523 1.266z" fill="#D93F21"></path></svg>
<span class="google_login__text">Sign up with Google</span>
</button>
<button class="facebook_login facebook_login--small" data-toggle="tooltip" data-placement="top" title="Sign up with Facebook">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="facebook_login__icon" width="20" height="20"><path d="M8.434 11.3H5.959c-.4 0-.525-.15-.525-.525V7.75c0-.4.15-.525.525-.525h2.475v-2.2c0-1 .175-1.95.675-2.825.525-.9 1.275-1.5 2.225-1.85a5.562 5.562 0 011.925-.325h2.45c.35 0 .5.15.5.5v2.85c0 .35-.15.5-.5.5-.675 0-1.35 0-2.025.025-.675 0-1.025.325-1.025 1.025-.025.75 0 1.475 0 2.25h2.9c.4 0 .55.15.55.55v3.025c0 .4-.125.525-.55.525h-2.9v8.15c0 .425-.125.575-.575.575H8.959c-.375 0-.525-.15-.525-.525V11.3z"></path></svg>
</button>
<button class="twitter_login" data-toggle="tooltip" data-placement="top" title="Sign up with Twitter">
<svg data-prefix="fab" data-icon="twitter" class="svg-inline--fa fa-twitter fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="20" height="20"><path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg>
</button>
</div>
</div>
<div class="app_responsive_signup_link">
Already have an account?<a class="SidebarRegister__link" href="sign_in.html">Sign In</a>
</div>
</div>
</div>
</div>
</div>
<div class="register_footer mt-50">
© 2021 Micko owned by Gambolthemes. All rights reserved
<nav class="footer__links">
<a href="#" class="footer__link" target="_blank">Terms of Use</a>
<a href="#" class="footer__link" target="_blank">Privacy Policy</a>
<a href="#" class="footer__link" target="_blank">Refund Policy</a>
<a href="#" class="footer__link" target="_blank">About</a>
<a href="#" class="footer__link" target="_blank">Contact Us</a>
</nav>
</div>
</div>
</div>
</div>
<!-- Body End -->
<!-- Javascripts -->
<script src="js/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="vendor/OwlCarousel/owl.carousel.js"></script>
<script src="vendor/bootstrap-select/dist/js/bootstrap-select.min.js"></script>
<script src="js/custom.js"></script>
<script src="js/night-mode.js"></script>
</body>
</html>