Swipe: a Free One Page Bootstrap 5 Template
Swipe is a free mobile application One Page Bootstrap 5 Template featuring sections such as about, testimonials, frequently asked questions, and two app download CTA sections.
Using beautifully vibrant colors and illustrations you can create a stunning presentational page for your mobile app.
Sass source files
Although a very simple template, Swipe is powered by Sass source files that can make changing colors, sizing and fonts so much easier. The variables are an extension of the core values of Bootstrap 5.
Gulp & BrowserSync workflow
Swipe also comes with advanced Gulp commands such as compiling the Sass source files, generating both a minified and un-minified version of your project, and BrowserSync to make development a seamless process.
You can check out the official readme file to learn more about getting started with Swipe.
Built with Bootstrap 5 & Vanilla JS
Swipe is built using the latest version of Bootstrap 5 meaning that jQuery is not a required dependency neither for Bootstrap nor Swipe. We used good old vanilla Javascript for components such as the navigation bar, tooltips, and the smooth scrolling feature.
Built using Pixel Pro UI Kit
Swipe was built using our most advanced UI kit called Pixel Pro. This is just an example of how powerful the UI kit can be when building websites from different industries and categories.
The color palette of this template is composed by 24 colors:
| Color | Name | Hex | Rgb |
|---|---|---|---|
| Carnation | #fa6363 | rgb(250,99,99) | |
| Blue Dianne | #224d5a | rgb(34,77,90) | |
| Geraldine | #f89895 | rgb(248,152,149) | |
| Au Chico | #a25b5a | rgb(162,91,90) | |
| William | #406c6c | rgb(64,108,108) | |
| Sinbad | #a1cad4 | rgb(161,202,212) | |
| Rajah | #fab767 | rgb(250,183,103) | |
| Cello | #1c3c54 | rgb(28,60,84) | |
| Chardonnay | #fccc7c | rgb(252,204,124) | |
| Au Chico | #8c545c | rgb(140,84,92) | |
| Pickled Bluewood | #2c3c52 | rgb(44,60,82) | |
| Eunry | #d39d9d | rgb(211,157,157) | |
| Carnation | #f3655c | rgb(243,101,92) | |
| Teal Blue | #045256 | rgb(4,82,86) | |
| Sandy brown | #f2a66b | rgb(242,166,107) | |
| Smalt Blue | #508387 | rgb(80,131,135) | |
| Pickled Bluewood | #2c4d5b | rgb(44,77,91) | |
| Tower Gray | #a3b8bf | rgb(163,184,191) | |
| Alizarin Crimson | #d82838 | rgb(216,40,56) | |
| Cello | #1f3e55 | rgb(31,62,85) | |
| Rajah | #f4b768 | rgb(244,183,104) | |
| Smalt Blue | #598395 | rgb(89,131,149) | |
| Fiord | #435c6a | rgb(67,92,106) | |
| Casper | #a8c5d3 | rgb(168,197,211) |
Actions
Released
Category Landing Pages
Layout Responsive
Columns 4+
Retina Ready Yes
Files Included Html, CSS, JavaScript
Browser IE10, IE11, Firefox, Safari, Opera, Chrome5
Bootstrap Bootstrap 5
Tags bootstrap 5 vanillajs browsersync gulp swipe
Advertising
Advertising
