WWW.4444FW.COM_WWW4444FWCOM

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.

WWW.4444FW.COM_WWW4444FWCOM

Outline a benefit here. Tell users what your plugin/software can do for them. You can change the icon above to any of the 400+ 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 400+ 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 400+ 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 400+ 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 400+ FontAwesome icons available.

LESS 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 400+ FontAwesome icons available.

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 - Responsive Website Template for developers
     * Version: 1.0
     * Author: Xiaoying Riley at 3rd Wave Media
     * Website: #
     * 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.

Want to get more freebies in the future?

I tweet about #UX and #webdev related resources/content at @3rdwave_themes

If you like what I do, you can follow me on twitter and I will keep you informed about my next free template there :)

[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

WWW.4444FW.COM_WWW4444FWCOM

What is devAid?