bootsnipp.com Open in urlscan Pro
34.200.190.112  Public Scan

Form analysis
2 forms found in the DOM

GET https://bootsnipp.com/search

<form action="https://bootsnipp.com/search" method="GET" role="search">
  <input style="width:100%;margin-top:10px;" type="text" class="input-sm form-control" name="q" placeholder="Search for snippets">
</form>

POST https://www.paypal.com/cgi-bin/webscr

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
  <input type="hidden" name="cmd" value="_s-xclick">
  <input type="hidden" name="hosted_button_id" value="FDGD82NBKQDHJ">
  <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
  <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>

Text Content

Toggle navigation
Bootsnipp
 * Bootstrap For
   * CSS Frameworks
   * Bootstrap
   * Foundation
   * Semantic UI
   * Materialize
   * Pure
   * Bulma
   * References
   * CSS Reference
     

 * 
   
   
   
 * Tools
     
   * Community
   * Page Builder
   * Form Builder
   * Button Builder
   * Icon Search
   * Dan's Tools
   * Diff / Merge
   * Color Picker
   * Keyword Tool
   * Web Fonts
   * .htaccess Generator
   * Favicon Generator
   * Site Speed Test
 * Snippets
   * Featured
   * Tags
   * By Bootstrap Version
   * 4.1.1
   * 4.0.0
   * 3.3.0
   * 3.2.0
   * 3.1.0
   * 3.0.3
   * 3.0.1
   * 3.0.0
   * 2.3.2
 * Register
 * Login
   

"BOOTSTRAP DUAL DESIGN REGISTRATION FORM"
BOOTSTRAP 4.1.1 SNIPPET BY KSHITI06


4.1.1 registration

Preview HTML CSS
 
 * View Full Screen

Fork
 * Fork this

344.0K   249 Fav


Post to Facebook Tweet this



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

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"
rel="stylesheet" id="bootstrap-css">
<script
src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script
src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->

<div class="container register">
<div class="row">
<div class="col-md-3 register-left">
<img src="https://image.ibb.co/n7oTvU/logo_white.png" alt=""/>
<h3>Welcome</h3>
<p>You are 30 seconds away from earning your own money!</p>
<input type="submit" name="" value="Login"/><br/>
</div>
<div class="col-md-9 register-right">
<ul class="nav nav-tabs nav-justified" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="home-tab" data-toggle="tab" href="#home"
role="tab" aria-controls="home" aria-selected="true">Employee</a>
</li>
<li class="nav-item">
<a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile"
role="tab" aria-controls="profile" aria-selected="false">Hirer</a>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="home" role="tabpanel"
aria-labelledby="home-tab">
<h3 class="register-heading">Apply as a Employee</h3>
<div class="row register-form">
<div class="col-md-6">
<div class="form-group">
<input type="text" class="form-control" placeholder="First Name *" value="" />
</div>
<div class="form-group">
<input type="text" class="form-control" placeholder="Last Name *" value="" />
</div>
<div class="form-group">
<input type="password" class="form-control" placeholder="Password *" value="" />
</div>
<div class="form-group">
<input type="password" class="form-control" placeholder="Confirm Password *"
value="" />
</div>
<div class="form-group">
<div class="maxl">
<label class="radio inline">
<input type="radio" name="gender" value="male" checked>




XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
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

.register{
background: -webkit-linear-gradient(left, #3931af, #00c6ff);
margin-top: 3%;
padding: 3%;
}
.register-left{
text-align: center;
color: #fff;
margin-top: 4%;
}
.register-left input{
border: none;
border-radius: 1.5rem;
padding: 2%;
width: 60%;
background: #f8f9fa;
font-weight: bold;
color: #383d41;
margin-top: 30%;
margin-bottom: 3%;
cursor: pointer;
}
.register-right{
background: #f8f9fa;
border-top-left-radius: 10% 50%;
border-bottom-left-radius: 10% 50%;
}
.register-left img{
margin-top: 15%;
margin-bottom: 5%;
width: 25%;
-webkit-animation: mover 2s infinite alternate;
animation: mover 1s infinite alternate;
}
@-webkit-keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-20px); }
}
@keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-20px); }
}
.register-left p{




XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1




XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX


RELATED: SEE MORE

Free Template

Argon Dashboard




139.9K 32

Boostrap Dual Login Form



69.7K 12

Bootstrap 4 Simple Registration Form



70.7K 18

Bootstrap 4 Dual Navbar



--------------------------------------------------------------------------------


QUESTIONS / COMMENTS:


PostPosting GuidelinesFormatting

--------------------------------------------------------------------------------

- Now

--------------------------------------------------------------------------------

how to do validation in code



shubham123456789 (-2) - 1 year ago - Reply -2

--------------------------------------------------------------------------------

- Now

--------------------------------------------------------------------------------

where I can get above theme?

Sreevidhya (-12) - 2 years ago - Reply -12

--------------------------------------------------------------------------------

- Now

--------------------------------------------------------------------------------

Please mail me on my email address. patelkitty315@gmail.com



Thank you.

kshiti06 (4) - 2 years ago - Reply 4

--------------------------------------------------------------------------------

- Now

--------------------------------------------------------------------------------

Hi can i get it on commercial use?

bryan0911 () - 1 year ago - Reply 0

--------------------------------------------------------------------------------

- Now

--------------------------------------------------------------------------------

Thank You so much kshiti for this beautiful design , i have no words for that ,
please share your web /fb link i want to link in mine software as respect
/thanks.

You did the best job.

samiullahkaifi () - 1 year ago - Reply 0

--------------------------------------------------------------------------------

- Now

--------------------------------------------------------------------------------

I'm not able to use the above snippet, the Hirer tab is not working.

Saurabh1498 () - 1 year ago - Reply 0

--------------------------------------------------------------------------------

- Now

--------------------------------------------------------------------------------

Can't get it for free ??

hamzadaoud () - 2 years ago - Reply 0

--------------------------------------------------------------------------------

- Now

--------------------------------------------------------------------------------

No, please mail me on my email address. patelkitty315@gmail.com

Thank you.

kshiti06 (4) - 2 years ago - Reply 0

--------------------------------------------------------------------------------

- Now

--------------------------------------------------------------------------------




--------------------------------------------------------------------------------


 * 
 * Follow @bootsnipp
 * Tweet

Bootsnipp.com © 2017 Dan's Tools | Site Privacy policy | About | Advertise |
Featured snippets are MIT license.

×Close


DONATE


BTC: 12JxYMYi6Vt3mx3hcmP3B2oyFiCSF3FhYT
ETH: 0xCD715b2E3549c54A40e6ecAaFeB82138148a6c76

--------------------------------------------------------------------------------


Close