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    770

The 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/)



More Templates