How to add HTML, CSS, JavaScript on the front-end using a template hook in a plugin? I'm trying to render my HTML, CSS, JavaScript with the use of template hooks from a plugin.

{% hook 'video.slider' %}


Is it possible? If it is, can you give some snippet?
In your plugin's main file init method setup your template hook. In this hook you can call a service method to return your rendered HTML.

public function init()
    {
        craft()-&gt;templates-&gt;hook('video.slider', function(&amp;$context)
        {
            $response = craft()-&gt;pluginname_service-&gt;serviceMethod();
            return $response;
        });
    }


In your plugin's service file create a method to return your rendered HTML. 

function serviceMethod() 
    {   

        $oldPath = craft()-&gt;path-&gt;getTemplatesPath();

        $newPath = craft()-&gt;path-&gt;getPluginsPath().'path/templates/folder';
        craft()-&gt;path-&gt;setTemplatesPath($newPath);

        $templateName = '_templatename';

        //If you need to get data from somewhere else to pass to the template
        $htmlData = craft()-&gt;plugin_service-&gt;serviceMethod();

        $htmlResponse = craft()-&gt;templates-&gt;render($templateName, array("variableName" =&gt; $htmlData));

        //reset path
        craft()-&gt;path-&gt;setTemplatesPath($oldPath);

        return $htmlResponse;
    }