Vodi sidebar HTML

custom.html

Categories:

<div class="widget_categories">
	
	<ul>
	<li class="cat-item cat-item-2"><a href="http://localhost/~akther/vodi/category/alignment/" title="Posts in this category test image and text alignment.">Alignment</a>
</li>
	<li class="cat-item cat-item-3"><a href="http://localhost/~akther/vodi/category/post-format-aside/" title="Posts in this category test the aside post format.">Aside</a>
</li>
	<li class="cat-item cat-item-4"><a href="http://localhost/~akther/vodi/category/post-format-audio/" title="Posts in this category test the audio post format.">Audio</a>
</li>
	<li class="cat-item cat-item-5"><a href="http://localhost/~akther/vodi/category/captions/" title="Posts in this category test image captions.">Captions</a>
</li>
	<li class="cat-item cat-item-6"><a href="http://localhost/~akther/vodi/category/post-format-chat/" title="Posts in this category test the chat post format.">Chat</a>
</li>
	
	<li class="cat-item cat-item-7"><a href="http://localhost/~akther/vodi/category/codex/" title="Posts in this category contain Codex references.">Codex</a>
</li>
	<li class="cat-item cat-item-8"><a href="http://localhost/~akther/vodi/category/comments/" title="Posts in this category test comments.">Comments</a>
</li>
	<li class="cat-item cat-item-9"><a href="http://localhost/~akther/vodi/category/content/" title="Posts in this category test post content.">Content</a>
</li>
	<li class="cat-item cat-item-10"><a href="http://localhost/~akther/vodi/category/corner-case/" title="Posts in this category test odd corner cases, using uncovered by rare user workflows.">Corner Case</a>
</li>
	<li class="cat-item cat-item-11"><a href="http://localhost/~akther/vodi/category/embeds/" title="Posts in this category test various embed codes.">Embeds</a>
</li>
	<li class="cat-item cat-item-12"><a href="http://localhost/~akther/vodi/category/excerpt/" title="Posts in this category test post excerpts.">Excerpt</a>
</li>
	
	<li class="cat-item cat-item-14"><a href="http://localhost/~akther/vodi/category/formatting/" title="Posts in this category test various formatting scenarios.">Formatting</a>
</li>
	<li class="cat-item cat-item-15"><a href="http://localhost/~akther/vodi/category/post-format-gallery/" title="Posts in this category test the gallery post format.">Gallery</a>
</li>
	
	<li class="cat-item cat-item-16"><a href="http://localhost/~akther/vodi/category/images/" title="Posts in this category test images in various ways.">Images</a>
</li>
	<li class="cat-item cat-item-17"><a href="http://localhost/~akther/vodi/category/jetpack/" title="Posts in this category test Jetpack features.">Jetpack</a>
</li>
	<li class="cat-item cat-item-18"><a href="http://localhost/~akther/vodi/category/post-format-link/" title="Posts in this category test the link post format.">Link</a>
</li>
	<li class="cat-item cat-item-19"><a href="http://localhost/~akther/vodi/category/lists/" title="Posts in this category test various list scenarios.">Lists</a>
</li>
	<li class="cat-item cat-item-20"><a href="http://localhost/~akther/vodi/category/markup/" title="Posts in this category test markup tags and styles.">Markup</a>
</li>
	
	
	<li class="cat-item cat-item-23"><a href="http://localhost/~akther/vodi/category/password/" title="Posts in this category test the post password feature.">Password</a>
</li>
	<li class="cat-item cat-item-24"><a href="http://localhost/~akther/vodi/category/pingbacks/" title="Posts in this category test pingbacks.">Pingbacks</a>
</li>
	
	<li class="cat-item cat-item-26"><a href="http://localhost/~akther/vodi/category/post-format-quote/" title="Posts in this category test the quote post format.">Quote</a>
</li>
	<li class="cat-item cat-item-27"><a href="http://localhost/~akther/vodi/category/shortcodes/" title="Posts in this category test various shortcodes.">Shortcodes</a>
</li>
	<li class="cat-item cat-item-28"><a href="http://localhost/~akther/vodi/category/standard/" title="Posts in this category test the standard post format.">Standard</a>
</li>
	<li class="cat-item cat-item-29"><a href="http://localhost/~akther/vodi/category/post-format-status/" title="Posts in this category test the status post format.">Status</a>
</li>
	<li class="cat-item cat-item-30"><a href="http://localhost/~akther/vodi/category/sticky/">Sticky</a>
</li>
	<li class="cat-item cat-item-31"><a href="http://localhost/~akther/vodi/category/titles/" title="Posts in this category test post title scenarios.">Titles</a>
</li>
	<li class="cat-item cat-item-32"><a href="http://localhost/~akther/vodi/category/trackbacks/" title="Posts in this category test trackbacks.">Trackbacks</a>
</li>
	<li class="cat-item cat-item-33"><a href="http://localhost/~akther/vodi/category/twitter/" title="Posts in this category test various Twitter features.">Twitter</a>
</li>
	
	<li class="cat-item cat-item-34"><a href="http://localhost/~akther/vodi/category/unpublished/" title="Posts in this category test unpublished posts.">Unpublished</a>
</li>
	<li class="cat-item cat-item-35"><a href="http://localhost/~akther/vodi/category/post-format-video/" title="Posts in this category test the video post format.">Video</a>
</li>

		</ul>
</div>
/*...........................*/
Audio Widget:

<div class="audio-widget">
	<ul class="audio-options">
				<li>
					<a href="#">
				
				<svg 
 xmlns="http://www.w3.org/2000/svg"
 xmlns:xlink="http://www.w3.org/1999/xlink"
 width="25px" height="13px">
<path fill-rule="evenodd"  fill="rgb(180, 187, 192)"
 d="M20.307,9.609 C20.307,10.614 20.307,11.618 20.307,12.623 C20.130,12.728 19.956,12.850 19.821,13.000 C19.601,12.921 19.707,12.983 19.578,12.874 C18.772,12.585 17.421,10.890 16.782,10.237 C16.620,10.028 16.458,9.819 16.296,9.609 C11.069,9.609 5.841,9.609 0.614,9.609 C0.485,9.500 0.588,9.565 0.371,9.483 C0.330,9.358 0.290,9.232 0.249,9.107 C-0.026,8.688 0.128,7.495 0.128,6.846 C0.128,4.865 -0.284,1.703 0.371,0.190 C2.407,-0.055 4.942,0.065 7.178,0.065 C11.109,0.065 15.040,0.065 18.970,0.065 C20.327,0.065 24.401,-0.265 24.805,0.567 C25.093,1.009 24.927,2.276 24.927,2.953 C24.927,5.006 25.158,7.527 24.805,9.358 C24.683,9.400 24.562,9.442 24.440,9.483 C23.951,9.826 21.161,9.623 20.307,9.609 ZM1.465,1.446 C1.465,3.706 1.465,5.967 1.465,8.228 C6.570,8.228 11.677,8.228 16.782,8.228 C17.251,8.989 18.235,10.000 18.970,10.488 C18.959,9.776 18.987,9.014 19.092,8.479 C20.044,7.963 22.219,8.214 23.589,8.228 C23.589,5.967 23.589,3.706 23.589,1.446 C16.215,1.446 8.839,1.446 1.465,1.446 ZM3.775,3.455 C4.498,3.444 5.291,3.466 5.841,3.581 C6.036,4.158 5.971,5.189 5.963,5.967 C5.841,6.009 5.720,6.051 5.598,6.093 C5.181,6.402 3.976,6.194 3.532,6.093 C3.532,6.009 3.532,5.925 3.532,5.841 C3.070,5.190 3.547,3.828 3.775,3.455 ZM9.002,3.455 C9.610,3.455 10.218,3.455 10.825,3.455 C11.173,4.037 11.208,4.789 11.190,5.841 C11.085,5.974 11.147,5.868 11.068,6.093 C10.987,6.093 10.906,6.093 10.825,6.093 C10.408,6.402 9.204,6.194 8.759,6.093 C8.759,6.009 8.759,5.925 8.759,5.841 C8.298,5.190 8.774,3.828 9.002,3.455 ZM14.229,3.455 C14.837,3.455 15.445,3.455 16.052,3.455 C16.400,4.037 16.435,4.789 16.417,5.841 C16.312,5.974 16.374,5.868 16.296,6.093 C16.215,6.093 16.133,6.093 16.052,6.093 C15.635,6.402 14.431,6.194 13.986,6.093 C13.792,5.516 13.856,4.484 13.864,3.707 C14.018,3.626 14.117,3.572 14.229,3.455 ZM19.578,3.455 C20.233,3.445 20.914,3.479 21.401,3.581 C21.442,3.707 21.482,3.832 21.523,3.958 C21.754,4.300 21.659,5.283 21.644,5.841 C21.467,5.946 21.293,6.068 21.158,6.218 C20.469,6.229 19.731,6.201 19.213,6.093 C19.019,5.516 19.083,4.484 19.092,3.707 C19.132,3.707 19.173,3.707 19.213,3.707 C19.213,3.664 19.213,3.623 19.213,3.581 C19.470,3.536 19.445,3.557 19.578,3.455 Z"/>
</svg>
			<span class="subtitle">
				SUBTITLE
			</span>
				
				</a>
		</li>
			<li>
				<a href="#">
			<svg 
 xmlns="http://www.w3.org/2000/svg"
 xmlns:xlink="http://www.w3.org/1999/xlink"
 width="15px" height="21px">
<path fill-rule="evenodd"  fill="rgb(173, 180, 185)"
 d="M12.632,5.326 C11.393,5.317 9.871,5.200 8.782,5.415 C8.726,5.527 8.688,5.598 8.607,5.680 C8.662,5.841 8.619,5.763 8.694,5.857 C8.779,6.128 8.781,6.122 9.044,6.212 C9.445,6.485 11.928,6.310 12.632,6.300 C12.632,6.596 12.632,6.890 12.632,7.186 C11.420,7.176 9.932,7.065 8.869,7.274 C8.796,7.403 8.711,7.530 8.607,7.629 C8.662,7.789 8.619,7.712 8.694,7.805 C8.786,8.059 8.710,7.975 8.957,8.071 C9.364,8.349 11.915,8.169 12.632,8.160 C12.632,8.485 12.632,8.809 12.632,9.134 C11.378,9.134 10.123,9.134 8.869,9.134 C8.796,9.263 8.711,9.390 8.607,9.488 C8.662,9.649 8.619,9.571 8.694,9.665 C8.898,10.237 11.744,10.042 12.632,10.020 C12.603,10.787 12.574,11.555 12.544,12.322 C11.943,14.374 9.623,16.926 6.594,16.130 C5.906,15.949 5.369,15.928 4.844,15.599 C3.093,14.500 2.265,12.986 2.307,10.020 C3.561,10.020 4.815,10.020 6.069,10.020 C6.189,9.795 6.239,9.709 6.244,9.311 C5.416,8.874 3.459,9.124 2.307,9.134 C2.307,8.809 2.307,8.485 2.307,8.160 C3.546,8.169 5.068,8.286 6.157,8.071 C6.215,7.905 6.241,7.725 6.244,7.451 C6.117,7.377 5.991,7.292 5.894,7.186 C4.698,7.186 3.502,7.186 2.307,7.186 C2.307,6.890 2.307,6.596 2.307,6.300 C2.994,6.321 5.701,6.475 6.069,6.212 C6.257,6.077 6.240,5.835 6.244,5.503 C6.157,5.474 6.069,5.444 5.982,5.415 C5.574,5.137 3.023,5.317 2.307,5.326 C2.266,2.100 5.435,-0.952 9.044,0.278 C10.997,0.944 12.659,2.655 12.632,5.326 ZM8.869,21.001 C7.936,21.001 7.002,21.001 6.069,21.001 C6.069,20.145 6.069,19.289 6.069,18.433 C3.077,17.822 1.041,15.735 0.207,12.942 C-0.156,11.727 0.021,9.907 0.032,8.426 C0.242,8.310 0.280,8.264 0.644,8.249 C0.994,8.925 0.829,10.459 0.819,11.437 C0.936,12.027 1.053,12.617 1.169,13.208 C1.494,14.089 2.047,14.894 2.569,15.599 C2.884,16.024 3.432,16.274 3.882,16.573 C6.862,18.551 10.905,17.647 12.719,15.156 C13.336,14.310 13.751,13.234 14.032,12.056 C14.318,10.854 13.365,8.351 14.732,8.249 C15.127,9.014 14.917,10.797 14.907,11.879 C14.790,12.411 14.674,12.942 14.557,13.474 C14.206,14.354 13.689,15.230 13.157,15.953 C12.624,16.677 11.466,17.525 10.619,17.901 C10.036,18.078 9.453,18.256 8.869,18.433 C8.869,19.289 8.869,20.145 8.869,21.001 Z"/>
</svg>
		<span class="lector">
			LECTOR
			</span>
			</a>
		</li>
				<li>
					<a href="#">
				<svg 
 xmlns="http://www.w3.org/2000/svg"
 xmlns:xlink="http://www.w3.org/1999/xlink"
 width="21px" height="18px">
<path fill-rule="evenodd"  fill="rgb(172, 179, 184)"
 d="M5.719,-0.000 C7.839,1.295 9.856,6.649 8.625,10.277 C8.217,11.480 7.683,12.738 6.978,13.703 C6.648,14.156 6.135,14.534 5.816,15.000 C5.784,15.000 5.751,15.000 5.719,15.000 C5.719,14.969 5.719,14.938 5.719,14.907 C5.347,14.687 4.801,14.223 4.654,13.796 C6.706,12.515 8.099,7.453 6.785,4.351 C6.440,3.539 5.947,2.637 5.429,1.944 C5.299,1.771 4.694,1.383 4.654,1.203 C4.606,0.993 5.570,0.220 5.719,-0.000 ZM3.395,2.222 C3.969,2.412 4.158,3.054 4.460,3.518 C6.033,5.937 6.045,9.062 4.460,11.481 C4.155,11.946 3.971,12.584 3.395,12.777 C3.047,12.284 2.419,12.053 2.426,11.481 C3.020,11.115 3.197,10.485 3.491,9.814 C4.460,7.606 3.883,4.676 2.329,3.333 C2.684,2.963 3.039,2.592 3.395,2.222 ZM1.070,4.444 C2.800,4.997 2.793,9.993 1.070,10.555 C0.766,10.113 0.196,9.887 0.005,9.352 C0.700,8.891 1.008,7.363 0.586,6.389 C0.495,6.180 -0.053,5.707 0.005,5.463 C0.029,5.359 0.926,4.657 1.070,4.444 ZM15.281,2.999 C13.161,4.295 11.144,9.648 12.375,13.278 C12.783,14.480 13.317,15.738 14.022,16.703 C14.352,17.156 14.865,17.534 15.184,18.000 C15.216,18.000 15.248,18.000 15.281,18.000 C15.281,17.969 15.281,17.938 15.281,17.907 C15.653,17.687 16.199,17.222 16.346,16.796 C14.294,15.515 12.901,10.453 14.215,7.352 C14.560,6.539 15.053,5.637 15.571,4.944 C15.701,4.771 16.305,4.382 16.346,4.203 C16.394,3.993 15.430,3.220 15.281,2.999 ZM17.605,5.222 C17.030,5.412 16.842,6.054 16.540,6.518 C14.966,8.937 14.955,12.062 16.540,14.481 C16.845,14.946 17.029,15.584 17.605,15.778 C17.953,15.285 18.581,15.054 18.574,14.481 C17.980,14.115 17.802,13.484 17.508,12.814 C16.540,10.606 17.117,7.676 18.671,6.333 C18.316,5.963 17.960,5.592 17.605,5.222 ZM19.930,7.444 C18.200,7.997 18.207,12.993 19.930,13.555 C20.234,13.112 20.804,12.887 20.995,12.351 C20.300,11.891 19.992,10.363 20.414,9.388 C20.504,9.180 21.053,8.708 20.995,8.463 C20.971,8.358 20.074,7.658 19.930,7.444 Z"/>
</svg>
			<span class="dubbing">
				DUBBING
			</span>
				</a>
		</li>
			<li> 
				<a href="#">
			<svg 
 xmlns="http://www.w3.org/2000/svg"
 xmlns:xlink="http://www.w3.org/1999/xlink"
 width="21px" height="21px">
<path fill-rule="evenodd"  fill="rgb(173, 180, 185)"
 d="M9.809,0.001 C15.147,-0.065 18.448,2.486 20.043,6.158 C21.081,8.545 21.431,11.768 20.297,14.422 C19.126,17.162 16.918,19.200 14.123,20.325 C13.230,20.685 12.173,20.689 11.162,20.916 C9.506,21.287 7.247,20.335 6.257,19.904 C2.224,18.148 -1.689,12.587 0.759,6.663 C1.813,4.111 3.825,1.932 6.341,0.844 C7.074,0.619 7.807,0.395 8.540,0.170 C8.947,0.066 9.500,0.203 9.809,0.001 ZM6.849,5.146 C7.920,5.258 8.992,5.371 10.063,5.483 C10.063,3.993 10.063,2.503 10.063,1.013 C10.006,1.013 9.950,1.013 9.894,1.013 C9.624,1.236 9.245,1.312 8.963,1.519 C8.169,2.102 7.019,3.967 6.849,5.146 ZM10.993,1.013 C10.993,2.475 10.993,3.937 10.993,5.398 C11.139,5.450 11.259,5.475 11.501,5.483 C12.078,5.128 13.959,5.522 14.292,4.977 C14.089,4.717 14.100,4.382 13.953,4.049 C13.449,2.897 12.453,1.189 10.993,1.013 ZM7.694,1.351 C7.476,1.518 7.224,1.479 6.933,1.603 C6.062,1.976 3.918,3.195 3.635,4.049 C3.663,4.049 3.691,4.049 3.719,4.049 C3.959,4.251 5.726,4.924 5.918,4.808 C6.086,4.590 6.048,4.340 6.172,4.049 C6.535,3.199 7.112,1.915 7.864,1.435 C7.774,1.362 7.846,1.405 7.694,1.351 ZM13.277,1.351 C13.587,1.744 13.897,2.138 14.207,2.531 C14.656,3.250 14.887,4.086 15.222,4.892 C15.866,4.679 17.235,4.460 17.506,3.881 C17.088,3.616 16.795,3.154 16.406,2.868 C15.542,2.234 14.457,1.625 13.277,1.351 ZM1.012,9.953 C2.394,9.953 3.776,9.953 5.157,9.953 C4.925,8.665 5.503,6.953 5.665,5.736 C5.103,5.670 2.992,4.777 2.958,4.808 C1.855,5.586 1.219,8.205 1.012,9.953 ZM15.476,5.736 C15.621,7.099 15.966,8.300 15.983,9.953 C17.365,9.953 18.747,9.953 20.128,9.953 C20.128,9.924 20.128,9.896 20.128,9.868 C20.015,9.194 19.902,8.519 19.790,7.844 C19.395,6.653 18.766,5.694 18.183,4.724 C17.344,5.101 16.529,5.595 15.476,5.736 ZM6.003,9.953 C7.384,9.953 8.766,9.953 10.147,9.953 C10.147,9.924 10.147,9.896 10.147,9.868 C9.943,9.572 10.015,6.782 10.147,6.410 C9.978,6.410 9.809,6.410 9.640,6.410 C9.450,6.283 6.595,6.073 6.595,6.073 C6.114,6.737 6.120,8.918 6.003,9.953 ZM10.993,6.410 C10.993,7.591 10.993,8.772 10.993,9.953 C12.346,9.953 13.700,9.953 15.053,9.953 C15.083,8.500 14.955,7.083 14.546,5.989 C13.468,6.189 12.236,6.372 10.993,6.410 ZM5.665,15.181 C5.580,14.324 5.364,13.279 5.157,12.398 C5.034,11.872 5.225,11.157 5.073,10.965 C4.645,10.679 1.851,10.871 1.097,10.880 C1.051,11.008 1.039,11.022 1.012,11.217 C1.308,11.684 1.172,12.534 1.351,13.073 C1.749,14.270 2.371,15.223 2.958,16.193 C3.775,15.823 4.602,15.274 5.665,15.181 ZM10.063,14.506 C10.063,13.298 10.063,12.089 10.063,10.880 C8.738,10.880 7.412,10.880 6.087,10.880 C6.041,11.008 6.029,11.022 6.003,11.217 C6.178,11.493 5.997,12.007 6.087,12.398 C6.276,13.210 6.318,14.198 6.595,14.928 C7.550,14.603 8.894,14.521 10.063,14.506 ZM10.993,14.506 C12.256,14.491 13.489,14.703 14.546,14.928 C14.546,14.872 14.546,14.815 14.546,14.759 C15.011,14.125 15.054,11.997 15.053,10.880 C13.728,10.880 12.403,10.880 11.078,10.880 C10.765,11.794 10.986,13.421 10.993,14.506 ZM15.476,15.181 C16.076,15.246 18.149,16.139 18.183,16.109 C19.126,15.389 19.507,13.666 19.874,12.314 C19.950,12.035 20.174,11.175 20.043,10.965 C19.616,10.679 16.822,10.871 16.068,10.880 C15.947,11.225 15.978,11.838 15.983,12.314 C15.814,13.270 15.645,14.226 15.476,15.181 ZM10.063,15.434 C9.395,15.416 7.042,15.609 6.849,15.940 C7.052,16.199 7.041,16.535 7.187,16.868 C7.721,18.088 8.657,19.556 10.063,19.904 C10.063,18.414 10.063,16.924 10.063,15.434 ZM10.993,15.434 C10.993,16.924 10.993,18.414 10.993,19.904 C12.579,19.678 13.955,17.301 14.292,15.771 C13.200,15.739 12.189,15.452 10.993,15.434 ZM5.749,16.024 C5.299,16.374 4.178,16.610 3.635,16.868 C3.635,16.924 3.635,16.980 3.635,17.036 C4.052,17.300 4.344,17.767 4.734,18.048 C5.604,18.676 6.686,19.292 7.864,19.566 C7.864,19.538 7.864,19.510 7.864,19.482 C7.162,19.010 6.606,17.841 6.257,17.036 C6.113,16.706 6.127,16.361 5.918,16.109 C5.829,16.036 5.900,16.079 5.749,16.024 ZM15.222,16.024 C14.660,17.479 14.043,18.405 13.277,19.566 C13.333,19.566 13.390,19.566 13.446,19.566 C13.708,19.365 14.042,19.375 14.376,19.229 C15.165,18.885 17.251,17.636 17.506,16.868 C16.780,16.556 16.006,16.329 15.222,16.024 Z"/>
</svg>
			
			<span class="original">
				ORIGINAL
			</span>
			</a>
		</li>
	</ul>
</div>

/*.......*/
Vodi Categories Widget:

<div class="widget vodi-categories-widget">
	<ul class="categories">
		<li class="category">
			<a href="#">0-9</a>	
			<span class="count">13</span>
		</li>
		<li class="category">
			<a href="#">A</a>	
			<span class="count">13</span>
		</li>
		<li class="category">
			<a href="#">B</a>	
			<span class="count">13</span>
		</li>
		<li class="category">
			<a href="#">C</a>	
			<span class="count">13</span>
		</li>
		<li class="category">
			<a href="#">D</a>	
			<span class="count">13</span>
		</li>
		<li class="category">
			<a href="#">E</a>	
			<span class="count">13</span>
		</li>
		<li class="category">
			<a href="#">F</a>	
			<span class="count">13</span>
		</li>
		<li class="category">
			<a href="#">G</a>	
			<span class="count">13</span>
		</li>
		<li class="category">
			<a href="#">H</a>	
			<span class="count">13</span>
		</li>
		<li class="category">
			<a href="#">I</a>	
			<span class="count">13</span>
		</li>
		<li class="category">
			<a href="#">J</a>	
			<span class="count">13</span>
		</li>
		<li class="category">
			<a href="#">K</a>	
			<span class="count">13</span>
		</li>
		<li class="category">
			<a href="#">L</a>	
			<span class="count">13</span>
		</li>
		<li class="category">
			<a href="#">M</a>	
			<span class="count">13</span>
		</li>
		<li class="category">
			<a href="#">N	
				<span class="count">13</span>
			</a>
		</li>
		<li class="category">
			<a href="#">O</a>	
			<span class="count">13</span>
		</li>
		<li class="category">
			<a href="#">P</a>	
			<span class="count">13</span>
		</li>
		<li class="category">
			<a href="#">Q</a>	
			<span class="count">13</span>
		</li>
		<li class="category">
			<a href="#">R</a>	
			<span class="count">13</span>
		</li>
		<li class="category">
			<a href="#">S</a>	
			<span class="count">13</span>
		</li>
		<li class="category">
			<a href="#">T</a>	
			<span class="count">13</span>
		</li>
		<li class="category">
			<a href="#">U</a>	
			<span class="count">13</span>
		</li>
		<li class="category">
			<a href="#">V</a>	
			<span class="count">13</span>
		</li>
		<li class="category">
			<a href="#">W</a>	
			<span class="count">13</span>
		</li>
		<li class="category">
			<a href="#">X</a>	
			<span class="count">13</span>
		</li>
		<li class="category">
			<a href="#">Y</a>	
			<span class="count">13</span>
		</li>
		<li class="category">
			<a href="#">Z</a>	
			<span class="count">13</span>
		</li>
	</ul>
</div>

/*.......*/
Movies by Year:

<div class="widget movies-by-year">
	<ul class="movies-year">
		<li class="year">
			<a href="#">
			<span class="count">2018</span>
				</a>
		</li>
		<li class="year">
			<a href="#">
			<span class="count">2018</span>
				</a>
		</li>
		<li class="year">
			<a href="#">
			<span class="count">2018</span>
				</a>
		</li>
		<li class="year">
			<a href="#">
			<span class="count">2018</span>
				</a>
		</li>
		<li class="year">
			<a href="#">
			<span class="count">2018</span>
				</a>
		</li>
		<li class="year">
			<a href="#">
			<span class="count">2018</span>
				</a>
		</li>
		<li class="year">
			<a href="#">
			<span class="count">2018</span>
				</a>
		</li>
		<li class="year">
			<a href="#">
			<span class="count">2018</span>
				</a>
		</li>
		<li class="year">
			<a href="#">
			<span class="count">2018</span>
				</a>
		</li>
		<li class="year">
			<a href="#">
			<span class="count">2018</span>
				</a>
		</li>
		<li class="year">
			<a href="#">
			<span class="count">2018</span>
				</a>
		</li>
		<li class="year">
		<a href="#">
			<span class="count">2018</span>
				</a>
		</li>
		<li class="year">
			<a href="#">
			<span class="count">2018</span>
				</a>
		</li>
		<li class="year">
			<a href="#">
			<span class="count">2018</span>
				</a>
		</li>
		<li class="year">
			<a href="#">
			<span class="count">2018</span>
				</a>
		</li>
		<li class="year">
			<a href="#">
			<span class="count">2018</span>
				</a>
		</li>
		<li class="year">
			<a href="#">
			<span class="count">2018</span>
				</a>
		</li>
		<li class="year">
			<a href="#">
			<span class="count">2018</span>
				</a>
		</li>
		<li class="year">
			<a href="#">
			<span class="count">2018</span>
				</a>
		</li>
	</ul>
</div>

/*.........*/
Filter by Rating:

<form method="get" action="#"><div class="rating_slider_wrapper"><div class="rating_slider ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><div class="ui-slider-range ui-widget-header ui-corner-all" style="left: 45.087%; width: 29.6%;"></div><span class="ui-slider-handle ui-state-default ui-corner-all" tabindex="0" style="left: 42.087%;"></span><span class="ui-slider-handle ui-state-default ui-corner-all" tabindex="0" style="left: 74%;"></span></div><div class="rating_slider_amount"> <input type="text" id="min_price" name="min_price" value="35" data-min="35" placeholder="Min price" style="display: none;"> <input type="text" id="max_price" name="max_price" value="3485" data-max="3485" placeholder="Max price" style="display: none;"> <button type="submit" class="button">Filter</button><div class="rating_label" style=""> <span class="from">2.4</span> <span class="to">5.5</span></div><div class="clear"></div></div></div></form>

/*.........*/
Top 5 List:

<div class="top-5-movies">
			<div class="movies-list">
				<header class="section-movies-list-header">
					<h2 class="section-movies-list-title">TOP 5 list</h2>
					
				</header>

					<div id="movies" class="tabbed">
						<div class="movie">
							<a href="#" class="movie__link">
								<span class="year">2018</span>
								<h3 class="movie__name">Bilal: A New Breed of Hero</h3>
<span class="movie__type">Comedy,Drama</span></a></div>
						<div class="movie">
							<a href="#" class="movie__link">
								<span class="year">2018</span>
								<h3 class="movie__name">Bilal: A New Breed of Hero</h3>
<span class="movie__type">Comedy,Drama</span></a></div>
						<div class="movie">
							<a href="#" class="movie__link">
								<span class="year">2018</span>
								<h3 class="movie__name">Bilal: A New Breed of Hero</h3>
<span class="movie__type">Comedy,Drama</span></a></div>
						<div class="movie">
							<a href="#" class="movie__link">
								<span class="year">2018</span>
								<h3 class="movie__name">Bilal: A New Breed of Hero</h3>
<span class="movie__type">Comedy,Drama</span></a></div>
						<div class="movie">
							<a href="#" class="movie__link">
								<span class="year">2018</span>
								<h3 class="movie__name">Bilal: A New Breed of Hero</h3>
<span class="movie__type">Comedy,Drama</span></a></div>

		</div>
			</div>
		</div>