Creative Landing Page Template
Full featured, fully customizable & Responsive landing page template design that suits for your product, services template, business template, app templates etc...
Techmates 18 Mar, 2020 4244The neat & clean Landing page template design for all your needs.
If you're looking for a simple and minimal template for your landing page then this template is for you.
This template is fully customizable & fits in your Service based website, Products websites, Business template, and on any generalized website.
This template comes with several color themes. So you can customize your theme according to your needs.
The template is easy to use and easy to customize.
Follow the steps to customize design elements...
Customizations
- The template includes the color theme stylesheets(CSS files) separately. so you can customize the colors & theme easily.
Include one of the color themes that suit your project.
To include the color theme you've to include one of the color files before the head like below
<link rel="stylesheet" href="css/themes/bayoux-lily.css">
In the above example, we've included the Bayoux-lily color theme.
For further customization, you can change the CSS color code variables form the file.
for that, you can edit the file from themes directory(css/theme/...) & you've to modify below code/variables
CSS
:root {
--font-title: 'Rubik', sans-serif;
--font-content: 'Karla', sans-serif;
--clr-primary: #506084;
--clr-secondary: #B697B6;
--clr-light: #fff;
--clr-dark: #4c4c4c;
--clr-gray: #6c6c6c;
--clr-menu: #eee;
--radius: 5px;
}
In this, you can edit the font-family, main primary color, a secondary color, menu color, radius, etc...
- To customize the SVG we've used the library undraw(https://undraw.co/) you can download the suitable illustrator from undraw and place it wherever you want in the template.
- For icons, we've used the library iconmonstr(https://iconmonstr.com) & customize the icons. You can find custom icons inside the icon/custom directory.
- For testimonials, we've used library Humaaans(SVG)(https://www.humaaans.com/) face object.
More Features...
- Responsive for all the devices
- Easy to customize everything
- Cross-browser compatibility
- Multiple color themes
- Used pure SVG images/resources.
- Fast loading speed/Lightweight
Please check out the demo & enjoy it. For any suggestions or improvements, do comments on the below section.
Cheers!
Credits / Resources
- Google Fonts (http://fonts.google.com/) (Rubik & Karla)
- Line icons: WebFonts(Icons) (https://lineicons.com/)
- Undraw SVG/illustrations (https://undraw.co/)
- Humaaans SVG/illustration (https://www.humaaans.com/)
- Iconmonstr Icons (https://iconmonstr.com/)
- Slick carousel (https://kenwheeler.github.io/slick/)