devAid

A free Bootstrap 4 template designed to help developers promote their personal projects

What is devAid?

Explain your project in detail. Ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate.

Designed for developers

Outline a benefit here. Tell users what your plugin/software can do for them. You can change the icon above to any of the 1000+ FontAwesome icons available.

Time saver

Outline a benefit here. Tell users what your plugin/software can do for them. You can change the icon above to any of the 1000+ FontAwesome icons available.

UX-centred

Outline a benefit here. Tell users what your plugin/software can do for them. You can change the icon above to any of the 1000+ FontAwesome icons available.

Mobile-friendly

Outline a benefit here. Tell users what your plugin/software can do for them. You can change the icon above to any of the 1000+ FontAwesome icons available.

Easy to customise

Outline a benefit here. Tell users what your plugin/software can do for them. You can change the icon above to any of the 1000+ FontAwesome icons available.

SCSS source files included

Outline a benefit here. Tell users what your plugin/software can do for them. You can change the icon above to any of the 1000+ FontAwesome icons available.

Features

  • Fully responsive
  • HTML5 + CSS3
  • Built on Bootstrap 4
  • SCSS source files included
  • 1000+ FontAwesome 5 icons
  • 4 colour schemes
  • Compatible with all modern browsers

Get Started

HTML

PrismJS is used as the syntax highlighter here.

Below are the details of the custom PrismJS build used in this template. You can build your own version via their website should you need to.

  • Compression level: Minified
  • Theme: Okaidia
  • Languages: Markup, CSS, C-like, JavaScript, PHP and Python

    <p class="my-style">
      Hello World!
    </p>
                     

CSS

Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus.

    
    /*   
     * Template Name: devAid - Bootstrap 4 theme for developers
     * Version: 2.0
     * Author: Xiaoying Riley at 3rd Wave Media
     * Website: https://themes.3rdwavemedia.com/
     * Twitter: @3rdwave_themes
    */
    body {
      font-family: 'Lato', arial, sans-serif;
      color: #444444;
      font-size: 16px;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    

JavaScript

Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit ligula eget dolor.


    if( awesome ){
        console.log('This is Awesome');
    }else{
        $('body').addClass('give-me-awesome');
    }
                    

Full Documentation

If your documentation is very long you can host the full docs page (including FAQ etc) on GitHub and provide a Call to Action button below to direct users there.

More on GitHub

License

This Bootstrap theme is made by UX/UI designer Xiaoying Riley at 3rd Wave Media for developers and is 100% FREE as long as you keep the footer attribution link.

[Tip for developers]: If your project is open source, you might want to put a PayPal "Donate" button below so your users can express their gratitude. If your project is commercial, you can put a PayPal "Buy Now" button instead.

If you want to use this template without the footer attribution link, you can buy the commercial license via my website. Thank you for your support!

Contact

I hope you find this Bootstrap template useful.
Feel free to get in touch if you have any questions or suggestions.

Love free Bootstrap themes and templates?

Follow me on Twitter so you don’t miss any future freebies! You can find all the freebies I made for developers here.

[Tip for developers]: If you take on freelance work you can put a tailored message here about your availability to attract potential clients. Be creative and good luck! :)

Xiaoying Riley
UX/UI Designer

Get Connected