kangfarih

<h2>JS/CSS: Image carousel with interactive thumbnails</h2>

<div class="component">
  <div id="carousel" class="owl-carousel main-carousel">
    <div class="item">
      <img src="http://placehold.it/600x400/ACFF9C?text=Placeholder+image" alt="" class="image" />
    </div>
    <div class="item">
      <img src="http://placehold.it/600x400/E8D48E" alt="" class="image" />
    </div>

kangfarih

<main id="app" class="content">
  <nav class="nav">
    <menu class="nav__controls">
      <icon class="nav__icon" use="#filter"></icon>

      <li v-for="(active, menu) in menus" class="nav__label"
        :class="{
          'nav__label--active' : active,
          'nav__label--filter': activeFilters[menu].length
        }" @click="setMenu(menu, active)">

kangfarih

/**
* Get YouTube ID from various YouTube URL
* @author: takien
* @url: http://takien.com
* For PHP YouTube parser, go here http://takien.com/864
*/

function YouTubeGetID(url){
  var ID = '';
  url = url.replace(/(>|<)/gi,'').split(/(vi\/|v=|\/v\/|youtu\.be\/|\/embed\/)/);

kangfarih

/*
Made by [egy.js](https://www.instagram.com/egy.js/);
*/

see it on :

https://you-link.herokuapp.com/?url=https://www.youtube.com/watch?v=YGCLs9Bt_KY

https://you-link.herokuapp.com/?url=https://www.youtube.com/watch?v=[ID]

kangfarih

main( ) { 
extrn a, b, c; 
putchar(a); putchar(b); putchar(c); putchar(’!*n’); 
} 1 ’hell’; 
b ’o, w’; 
c ’orld’;

kangfarih

hello();

function hello(){
  console.log('Hello World!');
}