"Agent Hub"
Bootstrap 4.1.1 Snippet by divyalahad

Post to Facebook Tweet this

<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 ----------> <body class="main-section"> <video poster= id="bgvid" playsinline autoplay muted loop> <!-- WCAG general accessibility recommendation is that media such as background video play through only once. Loop turned on for the purposes of illustration; if removed, the end of the video will fade in the same way created by pressing the "Pause" button --> <source src="http://www.indiortours.es/images/video/Tropical.mp4" > </video> <header> <div class="container"> <div class="logo-header"> <img src="http://www.indiortours.es/img/logo/%E0%A4%87%E0%A4%82%E0%A4%A1%E0%A4%BF%E0%A4%AF%E0%A5%8B%E0%A4%B0_%E0%A4%9F%E0%A5%82%E0%A4%B0%E0%A5%8D%E0%A4%B8_%E0%A4%AA%E0%A4%BE%E0%A4%B0%E0%A4%A6%E0%A4%B0%E0%A5%8D%E0%A4%B6%E0%A5%80.png" alt="Logo"/> </div> </div> </header> <div class="container"> <div class="row"> <h1> Exclusive Agent Hub</h1> <p>A centralized website to provide our valued partners and agents with dedicated sales tool, images, videos, factsheets, training presentations and useful seasonal information on each of our destinations. </p> <div class=""> <div class="login-form-box"><id="login-form"> <!--<p class="login-rys">Recover your password</p> <p>We will send you an e-mail containing instructions on how you can reset your password</p>--> <form action="/" id="AgentLoginForm" method="post" accept-charset="utf-8" novalidate="novalidate" wtx-context=" "><div style="display:none;"><input name="_method" value="POST" wtx-context=" " type="hidden"></div> <div class="form-group"> <label class="label-control">Username</label> <input name="data[Agent][username]" class="form-control form-custom" id="AgentUsername" wtx-context=" " wtx-rule-v3="{{login.EmailAddress}}" type="text"> <!--<input class="form-control form-custom" name="username" placeholder="" type="text">--> </div> <div class="form-group"> <label class="label-control">Password</label> <input name="data[Agent][password]" class="form-control form-custom" id="AgentPassword" wtx-context=" " wtx-rule-v3="{{login.Password}}" type="password"> <!--<input class="form-control form-custom" name="username" placeholder="" type="text">--> </div> <div class="form-group"> <input rel="tooltip" data-placement="top" class="btn btn-red" value="Login" wtx-context=" " type="submit"> <span class="btn-divider">Or</span> <a href="javascript:void(0);" class="btn btn-red-outline register-form">Register</a> </div> </form> <p>Forgot your password? <a href="javascript:void(0);" class="reset-form">Click here.</a></p> </div> </div> </div> <div class="row collapse show" id="register-form"> <div class="col-lg-4 col-lg-offset-4 col-sm-6 col-sm-offset-3"> <form action="/" id="RegisterLoginForm" method="post" accept-charset="utf-8" novalidate="novalidate" wtx-context=" "><div style="display:none;"><input name="_method" value="POST" wtx-context=" " type="hidden"></div> <div class="login-form-box"> <div class="form-group"> <label class="label-control">Company</label> <input name="data[Register][company]" class="form-control form-custom" id="RegisterCompany" wtx-context=" " type="text"> </div> <div class="form-group"> <label class="label-control">Name</label> <input name="data[Register][name]" class="form-control form-custom" id="RegisterName" wtx-context=" " type="text"> </div> <div class="form-group"> <label class="label-control">Email</label> <input name="data[Register][email]" class="form-control form-custom" id="RegisterEmail" wtx-context=" " type="text"> </div> <div class="form-group"> <input rel="tooltip" data-placement="top" class="btn btn-red-outline" value="Send" wtx-context=" " type="submit"> <span class="btn-divider">Or</span> <a href="javascript:void(0);" class="btn btn-red login-form">Login</a> </div> </div> </form> </div> </div> <div class="row collapse" id="reset-form"> <div class="col-lg-4 col-lg-offset-4 col-sm-6 col-sm-offset-3"> <div class="login-form-box"> <p>We will send you an e-mail containing instructions on how you can reset your password</p> <form action="/" id="ResetLoginForm" method="post" accept-charset="utf-8" novalidate="novalidate" wtx-context="ED84D255-748A-4C85-9A49-ABAAEEF099E1"><div style="display:none;"><input name="_method" value="POST" wtx-context="83F2D406-74FF-48AE-8859-FFDC36C61651" type="hidden"></div> <div class="form-group"> <input name="data[Reset][email]" class="form-control form-custom" placeholder="Enter your e-mail address" id="ResetEmail" wtx-context="EBA31E76-05F4-48AA-8D6E-D98A1BC74C81" type="text"> </div> <div class="form-group"> <input rel="tooltip" data-placement="top" class="btn btn-red" value="Reset Password" wtx-context="" type="submit"> <span class="btn-divider">Or</span> <a href="javascript:void(0);" class="btn btn-red-outline login-form">Login</a> </div> </form> <p>If you can’t remember your e-mail, Contact Customer Support.</p> </div> </div> </div> </div> </div> <footer class="footer-main"> <div class="container"> <div class="footer-fixed"> <div class="row"> <div class="col-md-6 foot-left"> ©2018 b2b.indiortours.com, All Rights Reserved </div> <div class="col-md-6 foot-right"> <img src="/img/envelope.png" alt="envelope"> For more information, please contact <a href="mailto:info@indior.com">info@indior.com</a> </div> </div> </div> </div> </div> <div class="row collapse" </div> </div>

Related: See More

Now UI Kit Angular

Questions / Comments: