Today I’ve just released a new Bootstrap template called Regis, a registration template that you can use to promote a product, event, app, newsletter, etc.
It comes with a fullscreen-image top section with a register form and call-to-action buttons.
It has various sections you can use throughout the page like “Main features”, “Video sections”, “Pricing tables”, “Testimonials”, and a working AJAX contact form.
Below you can find the live preview link and download link. I hope you like it! As usual, let me know if you have any questions or suggestions in the comments or by email.
Want to Save this Article?
Features
- Front-end framework: Bootstrap v5.3.3
- Modern Registration Form
- Responsive design
- Transparent navbar menu
- Fullscreen image backgrounds
- Working AJAX contact form
- Page animations
- Popup video section
- Pricing tables
- Desktop PC .psd (Photoshop) file included
- and more.
Don’t Miss These Other Templates!
Dany: Free Bootstrap Landing Page Template
Lando: Free Bootstrap Landing Page
Jona: Free Business Template
Image Preview
How To Use This Template?
Installing the template
To install the template, just extract and upload all the files of the template’s folder to your server (apart from the .psd file). Then read below and customize the files as you like.
Changing the backgrounds
The backgrounds are located in the assets/ folder inside the template’s main folder. Upload in this folder the background you want and then open the style.css file (in the template’s main folder). Change the backgrounds from the code, for example:
#header {
background-image: url(assets/bg-1.jpg);
}
Setting up the contact form
The contact form is used in the bottom of the template but it can be added in all the templates sections, wherever you need it.
Open the contact-1.php file (assets/). From there you can set up the email where you want to
receive the messages.
You can set up the text to display on the page when the form is submitted in the file scripts.js (assets/). Or the error text in the file index.html.
Changing the logo
You can find the logo image in the /assets folder. Replace it with your logo and change the logo sizes in the style.css file.
Changing the favicon
You can find the favicon in the “/assets” folder. Just replace it with the icon you want.
Changing all other images
You can find the other images in the images folder (/assets/images). Just replace them with your own images and photos and add their names in the index.html file.
To customize the PC computer images, you can use the PSD file available in the template’s main folder. You’ll need Adobe Photoshop, or you can contact me for template customization service.
Using modals
Bootstrap Modals in this template are used for the video presentation of the product and for the terms and conditions. You can see the modal’s HTML code from the index.html file in the main folder of the template.
You can learn more about modals from the Bootstrap documentation.
This way you can modify the existing modals or add your own. If you need help, just let me know.
Other settings
The plugins and libraries used in this template come with many other settings. If you want to use these settings
or you need other documentation, just open the plugin file and in the beginning of the file, you’ll find its official website and documentation.
How to contact me?
For questions or suggestions, you can contact me on this page.
Demo and Download
License
You can use this template in personal and commercial projects. Just don’t distribute or sell it “as is”.
Thanks