index.html

<h1>Examples</h1>
<a href = "/landing-layout-1">Landing 1</a><br>
<a href = "/landing-layout-2">Landing 2</a><br>
<a href = "/landing-layout-3">Landing 3</a><br>
<a href = "/itchallenge16">Landing 4</a><br>
<a href = "/flexbox-grid-example">MarkUp with FlexBox and Grid Layout</a><br>
<a href = "/sorting">Sorting</a><br>
<a href = "/funny-eyes">Funny Eyes</a><br>
<a href = "/weatherapp">Weather Application</a><br>
<a href = "/creativepage">Creative Markup</a><br>
<!--<a href = "/testprovider">Testprovider</a> - markup and development of the counter<br> -->
<a href = "/elekenbootstrap">Markup main shop page at Bootstrap </a><br>
<a href = "/emailtestprovider">Markup email letter for Labitex</a><br>
<a href = "/labitex">Landing Labitex</a> - lp for Labitex (css3-animation and slider built with JQuery)<br>
<a href = "/landingangular">Landing Angular</a> - form validation and sorting phones<br>
<a href = "/landingonbootstrap">Landing on Bootstrap</a><br>
<a href = "/landingtabs">Landingpage, simple tabs using JQuery</a><br>
<a href = "/portfolio">Landing Portfolio</a><br>
<!--<a href = "/wpthemelayout">Layout for blog WP</a><br>-->
<a href = "/bootstrap-layout">Bootstrap layuot</a><br>
<a href = "/hackbelarus">People Finder (front-end)</a><br>
<a href = "/form-kottans-markup">Form Layout</a><br>
<a href = "/reactwarriors-movieapp">Movies App</a>(built with ReactJS)<br>
<h2>JS30</h2>
<a href = "/drumandbass">Musical Keys</a> (press the shown keys on a keyboard)<br>
<a href = "/clock">Clock (CSS+JS)</a><br>
<a href = "/variables">Picture Editing</a> (change a blur and a frame width and color by moving radio-buttons<br>
<a href = "/keysequencedetection">Key sequence detection</a> (Just type a word 'secret' and you will see a funny result on a screen)<br>
<a href = "/dragslider">Slider</a><br>
<a href = "/slideinonscroll">Slide In on scroll</a><br>
<a href = "/drawing">Drawing</a> HTML5 Canvas<br>
<a href = "/animatedlinks">Animated Links</a> (Follow along links (highlighted in gray)<br>
<a href = "/animateddropdown">Animated Dropdown</a><br>
<a href = "/videoplayer">HTML5 Custom Video Player</a><br>
<a href = "/stickynavbar">Sticky Navbar</a><br>
<a href = "/textshadowanimation">Text Shadow Mouse Move Effect</a><br>
<a href = "/imagegallery">Image Gallery</a><br>
<a href = "/timers">Countdown Timer</a><br>
<a href = "/checkboxes">Checkboxes</a><br>
<a href = "/typecity">Type a City or a State USA</a><br>
<a href = "/arraymethods">Array Methods</a> (Map, Filter, Sort and Reduce)<br>
<a href = "/arraymethods-2">Array Methods</a> (Some, Every, Find, Index)<br>
<a href = "/arraymethods-3">Array Methods</a> (Spread operator, Object.assign, Slice)<br>
<a href = "/arraysorting">Sorting of an array</a><br>
<a href = "/speechrecognition">Speech Recognition</a> Speech to text<br>
<a href = "/speechsynthesis">Speech Synthesis</a> Text to Speech with settings <br>
<a href = "/videospeedcontroller">Video speed controller</a><br>
<a href = "/consolelog">Console.log: tips & tricks</a><br>
<a href = "/videolist">List of videos with timing</a><br>
<a href = "/compass">Compass</a> (available on mobile phone only)<br>
<a href = "/webcamfun">Web camera</a> (video and photo)<br>
<a href = "/jsevents">JS events</a> (Event capture, Propagation, Bubbling and Once)<br>
<a href = "/webcamfun">Web camera</a> (video and photo)<br>
<a href = "/whackamolegame">Game. Whack a mole</a> (click on appeared mole to high your score)<br>
<a href = "/localstorage">Local storage</a><br>
<!--<a href = "/greencityclient">GreenCity</a><br>  -->
<!--<img src = "http://i.piccy.info/i9/6526a57259318d789d809362790670eb/1473879596/27609/1070131/github_mark.png" style = "float:right; width: 30%;">-->