Просмотр файла KoolTube/index.html

Конкурс дизайнеров на 15000 рублей
Скрипты | CMS | Боты
Размер файла: 40.15Kb 
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="utf-8" />
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6.     <meta name="viewport" content="width=device-width, initial-scale=1" />
  7.     <meta name="description" content="Free Bootstrap Themes by 365Bootstrap dot com - Free Responsive Html5 Templates">
  8.     <meta name="author" content="http://www.365bootstrap.com">
  9. 	
  10.     <title>KoolTube | Free Bootstrap Themes by 365Bootstrap.com</title>
  11. 	
  12.     <!-- Bootstrap Core CSS -->
  13.     <link rel="stylesheet" href="css/bootstrap.min.css"  type="text/css">
  14. 	
  15. 	<!-- Custom CSS -->
  16.     <link rel="stylesheet" href="css/style.css">
  17. 	
  18. 	<!-- Owl Carousel Assets -->
  19.     <link href="owl-carousel/owl.carousel.css" rel="stylesheet">
  20.     <link href="owl-carousel/owl.theme.css" rel="stylesheet">
  21. 	
  22. 	<!-- Custom Fonts -->
  23.     <link rel="stylesheet" href="font-awesome-4.4.0/css/font-awesome.min.css"  type="text/css">
  24. 	
  25. 	<!-- jQuery -->
  26. 	<script src="js/jquery-2.1.1.js"></script>
  27. 	
  28. 	<!-- Core JavaScript Files -->  	 
  29.     <script src="js/bootstrap.min.js"></script>
  30. 	
  31. 	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  32.     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  33.     <!--[if lt IE 9]>
  34.         <script src="js/html5shiv.js"></script>
  35.         <script src="js/respond.min.js"></script>
  36.     <![endif]-->
  37. </head>
  38.  
  39. <body>
  40. <header>
  41. 	<!--Top-->
  42. 	<nav id="top">
  43. 		<div class="container">
  44. 			<div class="row">
  45. 				<div class="col-md-6 col-sm-6">
  46. 					<strong>Welcome to KOOLTUBE!</strong>
  47. 				</div>
  48. 				<div class="col-md-6 col-sm-6">
  49. 					<ul class="list-inline top-link link">
  50. 						<li><a href="index.html"><i class="fa fa-home"></i> Home</a></li>
  51. 						<li><a href="contact.html"><i class="fa fa-comments"></i> Contact</a></li>
  52. 						<li><a href="#"><i class="fa fa-question-circle"></i> FAQ</a></li>
  53. 					</ul>
  54. 				</div>
  55. 			</div>
  56. 		</div>
  57. 	</nav>
  58. 	
  59. 	<!--Navigation-->
  60.     <nav id="menu" class="navbar">
  61. 		<div class="container">
  62. 			<div class="navbar-header"><span id="heading" class="visible-xs">Categories</span>
  63. 			  <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button>
  64. 			</div>
  65. 			<div class="collapse navbar-collapse navbar-ex1-collapse">
  66. 				<ul class="nav navbar-nav">
  67. 					<li><a href="index.html"><i class="fa fa-home"></i> Home</a></li>
  68. 					<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> Account</a>
  69. 						<div class="dropdown-menu">
  70. 							<div class="dropdown-inner">
  71. 								<ul class="list-unstyled">
  72. 									<li><a href="archive.html">Login</a></li>
  73. 									<li><a href="archive.html">Register</a></li>
  74. 								</ul>
  75. 							</div>
  76. 						</div>
  77. 					</li>
  78. 					<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-play-circle-o"></i> Video</a>
  79. 						<div class="dropdown-menu">
  80. 							<div class="dropdown-inner">
  81. 								<ul class="list-unstyled">
  82. 									<li><a href="archive.html">Text 201</a></li>
  83. 									<li><a href="archive.html">Text 202</a></li>
  84. 									<li><a href="archive.html">Text 203</a></li>
  85. 									<li><a href="archive.html">Text 204</a></li>
  86. 									<li><a href="archive.html">Text 205</a></li>
  87. 								</ul>
  88. 							</div> 
  89. 						</div>
  90. 					</li>
  91. 					<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-list"></i> Category</a>
  92. 						<div class="dropdown-menu" style="margin-left: -203.625px;">
  93. 							<div class="dropdown-inner">
  94. 								<ul class="list-unstyled">
  95. 									<li><a href="archive.html">Text 301</a></li>
  96. 									<li><a href="archive.html">Text 302</a></li>
  97. 									<li><a href="archive.html">Text 303</a></li>
  98. 									<li><a href="archive.html">Text 304</a></li>
  99. 									<li><a href="archive.html">Text 305</a></li>
  100. 								</ul>
  101. 								<ul class="list-unstyled">
  102. 									<li><a href="archive.html">Text 306</a></li>
  103. 									<li><a href="archive.html">Text 307</a></li>
  104. 									<li><a href="archive.html">Text 308</a></li>
  105. 									<li><a href="archive.html">Text 309</a></li>
  106. 									<li><a href="archive.html">Text 310</a></li>
  107. 								</ul>
  108. 								<ul class="list-unstyled">
  109. 									<li><a href="archive.html">Text 311</a></li>
  110. 									<li><a href="archive.html">Text 312</a></li>
  111. 									<li><a href="archive.html#">Text 313</a></li>
  112. 									<li><a href="archive.html#">Text 314</a></li>
  113. 									<li><a href="archive.html">Text 315</a></li>
  114. 								</ul>
  115. 							</div>
  116. 						</div>
  117. 					</li>
  118. 					<li><a href="archive.html"><i class="fa fa-cubes"></i> Blocks</a></li>
  119. 					<li><a href="contact.html"><i class="fa fa-envelope"></i> Contact</a></li>
  120. 				</ul>
  121. 			</div>
  122. 		</div>
  123. 	</nav>
  124. 	
  125. 	<div class="header-slide">
  126. 		<div id="owl-demo" class="owl-carousel">
  127. 			<div class="item">
  128. 				<div class="zoom-container">
  129. 					<div class="zoom-caption">
  130. 						<span>Video's Tag</span>
  131. 						<a href="single.html">
  132. 							<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  133. 						</a>
  134. 						<p>Video's Name</p>
  135. 					</div>
  136. 					<img src="images/2.jpg" />
  137. 				</div>
  138. 			</div>
  139. 			<div class="item">
  140. 				<div class="zoom-container">
  141. 					<div class="zoom-caption">
  142. 						<span>Video's Tag</span>
  143. 						<a href="single.html">
  144. 							<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  145. 						</a>
  146. 						<p>Video's Name</p>
  147. 					</div>
  148. 					<img src="images/3.jpg" />
  149. 				</div>
  150. 			</div>
  151. 			<div class="item">
  152. 				<div class="zoom-container">
  153. 					<div class="zoom-caption">
  154. 						<span>Video's Tag</span>
  155. 						<a href="single.html">
  156. 							<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  157. 						</a>
  158. 						<p>Video's Name</p>
  159. 					</div>
  160. 					<img src="images/4.jpg" />
  161. 				</div>
  162. 			</div>
  163. 			<div class="item">
  164. 				<div class="zoom-container">
  165. 					<div class="zoom-caption">
  166. 						<span>Video's Tag</span>
  167. 						<a href="single.html">
  168. 							<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  169. 						</a>
  170. 						<p>Video's Name</p>
  171. 					</div>
  172. 					<img src="images/5.jpg" />
  173. 				</div>
  174. 			</div>
  175. 			<div class="item">
  176. 				<div class="zoom-container">
  177. 					<div class="zoom-caption">
  178. 						<span>Video's Tag</span>
  179. 						<a href="single.html">
  180. 							<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  181. 						</a>
  182. 						<p>Video's Name</p>
  183. 					</div>
  184. 					<img src="images/6.jpg" />
  185. 				</div>
  186. 			</div>
  187. 			<div class="item">
  188. 				<div class="zoom-container">
  189. 					<div class="zoom-caption">
  190. 						<span>Video's Tag</span>
  191. 						<a href="single.html">
  192. 							<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  193. 						</a>
  194. 						<p>Video's Name</p>
  195. 					</div>
  196. 					<img src="images/7.jpg" />
  197. 				</div>
  198. 			</div>
  199. 			<div class="item">
  200. 				<div class="zoom-container">
  201. 					<div class="zoom-caption">
  202. 						<span>Video's Tag</span>
  203. 						<a href="single.html">
  204. 							<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  205. 						</a>
  206. 						<p>Video's Name</p>
  207. 					</div>
  208. 					<img src="images/8.jpg" />
  209. 				</div>
  210. 			</div>
  211. 			<div class="item">
  212. 				<div class="zoom-container">
  213. 					<div class="zoom-caption">
  214. 						<span>Video's Tag</span>
  215. 						<a href="single.html">
  216. 							<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  217. 						</a>
  218. 						<p>Video's Name</p>
  219. 					</div>
  220. 					<img src="images/9.jpg" />
  221. 				</div>
  222. 			</div>
  223. 		</div>
  224. 	</div>
  225. </header>
  226. <!-- Header -->
  227. 	
  228. 	<!-- /////////////////////////////////////////Content -->
  229. 	<div id="page-content" class="index-page">
  230. 	
  231. 		<div class="container">
  232. 			<div class="row">
  233. 				<div class="featured">
  234. 					<div class="main-vid">
  235. 						<div class="col-md-6">
  236. 							<div class="zoom-container">
  237. 								<div class="zoom-caption">
  238. 									<span>Video's Tag</span>
  239. 									<a href="single.html">
  240. 										<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  241. 									</a>
  242. 									<p>Video's Name</p>
  243. 								</div>
  244. 								<img src="images/1.jpg" />
  245. 							</div>
  246. 						</div>
  247. 					</div>
  248. 					<div class="sub-vid">
  249. 						<div class="col-md-3">
  250. 							<div class="zoom-container">
  251. 								<div class="zoom-caption">
  252. 									<span>Video's Tag</span>
  253. 									<a href="single.html">
  254. 										<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  255. 									</a>
  256. 									<p>Video's Name</p>
  257. 								</div>
  258. 								<img src="images/2.jpg" />
  259. 							</div>
  260. 							<div class="zoom-container">
  261. 								<div class="zoom-caption">
  262. 									<span>Video's Tag</span>
  263. 									<a href="single.html">
  264. 										<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  265. 									</a>
  266. 									<p>Video's Name</p>
  267. 								</div>
  268. 								<img src="images/3.jpg" />
  269. 							</div>
  270. 						</div>
  271. 						<div class="col-md-3">
  272. 							<div class="zoom-container">
  273. 								<div class="zoom-caption">
  274. 									<span>Video's Tag</span>
  275. 									<a href="single.html">
  276. 										<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  277. 									</a>
  278. 									<p>Video's Name</p>
  279. 								</div>
  280. 								<img src="images/4.jpg" />
  281. 							</div>
  282. 							<div class="zoom-container">
  283. 								<div class="zoom-caption">
  284. 									<span>Video's Tag</span>
  285. 									<a href="single.html">
  286. 										<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  287. 									</a>
  288. 									<p>Video's Name</p>
  289. 								</div>
  290. 								<img src="images/6.jpg" />
  291. 							</div>
  292. 						</div>
  293. 					</div>
  294. 					<div class="clear"></div>
  295. 				</div>
  296. 			</div>
  297. 			<div class="row">
  298. 				<div id="main-content" class="col-md-8">
  299. 					<div class="box">
  300. 						<div class="box-header">
  301. 							<h2><i class="fa fa-globe"></i> Featured Videos</h2>
  302. 						</div>
  303. 						<div class="box-content">
  304. 							<div class="row">
  305. 								<div class="col-md-6">
  306. 									<div class="wrap-vid">
  307. 										<div class="zoom-container">
  308. 											<div class="zoom-caption">
  309. 												<span>Video's Tag</span>
  310. 												<a href="single.html">
  311. 													<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  312. 												</a>
  313. 												<p>Video's Name</p>
  314. 											</div>
  315. 											<img src="images/7.jpg" />
  316. 										</div>
  317. 										<h3 class="vid-name"><a href="#">Video's Name</a></h3>
  318. 										<div class="info">
  319. 											<h5>By <a href="#">Kelvin</a></h5>
  320. 											<span><i class="fa fa-calendar"></i>25/3/2015</span> 
  321. 											<span><i class="fa fa-heart"></i>1,200</span>
  322. 										</div>
  323. 									</div>
  324. 									<p class="more">Aenean feugiat in ante et blandit. Vestibulum posuere molestie risus, ac interdum magna porta non. Pellentesque rutrum fringilla elementum. Curabitur tincidunt porta lorem vitae accumsan.</p>
  325. 									<a href="single.html" class="btn btn-1">Read More</a>
  326. 									<div class="line"></div>
  327. 									<div class="post wrap-vid">
  328. 										<div class="zoom-container">
  329. 											<div class="zoom-caption">
  330. 												<span>Video's Tag</span>
  331. 												<a href="single.html">
  332. 													<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  333. 												</a>
  334. 												<p>Video's Name</p>
  335. 											</div>
  336. 											<img src="images/8.jpg" />
  337. 										</div>
  338. 										<div class="wrapper">
  339. 											<h5 class="vid-name"><a href="#">Video's Name</a></h5>
  340. 											<div class="info">
  341. 												<h6>By <a href="#">Kelvin</a></h6>
  342. 												<span><i class="fa fa-calendar"></i>25/3/2015</span> 
  343. 												<span><i class="fa fa-heart"></i>1,200</span>
  344. 											</div>
  345. 										</div>
  346. 									</div>
  347. 									<div class="post wrap-vid">
  348. 										<div class="zoom-container">
  349. 											<div class="zoom-caption">
  350. 												<span>Video's Tag</span>
  351. 												<a href="single.html">
  352. 													<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  353. 												</a>
  354. 												<p>Video's Name</p>
  355. 											</div>
  356. 											<img src="images/9.jpg" />
  357. 										</div>
  358. 										<div class="wrapper">
  359. 											<h5 class="vid-name"><a href="#">Video's Name</a></h5>
  360. 											<div class="info">
  361. 												<h6>By <a href="#">Kelvin</a></h6>
  362. 												<span><i class="fa fa-calendar"></i>25/3/2015</span> 
  363. 												<span><i class="fa fa-heart"></i>1,200</span>
  364. 											</div>
  365. 										</div>
  366. 									</div>
  367. 									<div class="post wrap-vid">
  368. 										<div class="zoom-container">
  369. 											<div class="zoom-caption">
  370. 												<span>Video's Tag</span>
  371. 												<a href="single.html">
  372. 													<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  373. 												</a>
  374. 												<p>Video's Name</p>
  375. 											</div>
  376. 											<img src="images/6.jpg" />
  377. 										</div>
  378. 										<div class="wrapper">
  379. 											<h5 class="vid-name"><a href="#">Video's Name</a></h5>
  380. 											<div class="info">
  381. 												<h6>By <a href="#">Kelvin</a></h6>
  382. 												<span><i class="fa fa-calendar"></i>25/3/2015</span> 
  383. 												<span><i class="fa fa-heart"></i>1,200</span>
  384. 											</div>
  385. 										</div>
  386. 									</div>
  387. 								</div>
  388. 								<div class="col-md-6">
  389. 									<div class="wrap-vid">
  390. 										<div class="zoom-container">
  391. 											<div class="zoom-caption">
  392. 												<span>Video's Tag</span>
  393. 												<a href="single.html">
  394. 													<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  395. 												</a>
  396. 												<p>Video's Name</p>
  397. 											</div>
  398. 											<img src="images/9.jpg" />
  399. 										</div>
  400. 										<h3 class="vid-name"><a href="#">Video's Name</a></h3>
  401. 										<div class="info">
  402. 											<h5>By <a href="#">Kelvin</a></h5>
  403. 											<span><i class="fa fa-calendar"></i>25/3/2015</span> 
  404. 											<span><i class="fa fa-heart"></i>1,200</span>
  405. 										</div>
  406. 									</div>
  407. 									<p class="more">Aenean feugiat in ante et blandit. Vestibulum posuere molestie risus, ac interdum magna porta non. Pellentesque rutrum fringilla elementum. Curabitur tincidunt porta lorem vitae accumsan.</p>
  408. 									<a href="single.html" class="btn btn-1">Read More</a>
  409. 									<div class="line"></div>
  410. 									<div class="post wrap-vid">
  411. 										<div class="zoom-container">
  412. 											<div class="zoom-caption">
  413. 												<span>Video's Tag</span>
  414. 												<a href="single.html">
  415. 													<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  416. 												</a>
  417. 												<p>Video's Name</p>
  418. 											</div>
  419. 											<img src="images/4.jpg" />
  420. 										</div>
  421. 										<div class="wrapper">
  422. 											<h5 class="vid-name"><a href="#">Video's Name</a></h5>
  423. 											<div class="info">
  424. 												<h6>By <a href="#">Kelvin</a></h6>
  425. 												<span><i class="fa fa-calendar"></i>25/3/2015</span> 
  426. 												<span><i class="fa fa-heart"></i>1,200</span>
  427. 											</div>
  428. 										</div>
  429. 									</div>
  430. 									<div class="post wrap-vid">
  431. 										<div class="zoom-container">
  432. 											<div class="zoom-caption">
  433. 												<span>Video's Tag</span>
  434. 												<a href="single.html">
  435. 													<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  436. 												</a>
  437. 												<p>Video's Name</p>
  438. 											</div>
  439. 											<img src="images/5.jpg" />
  440. 										</div>
  441. 										<div class="wrapper">
  442. 											<h5 class="vid-name"><a href="#">Video's Name</a></h5>
  443. 											<div class="info">
  444. 												<h6>By <a href="#">Kelvin</a></h6>
  445. 												<span><i class="fa fa-calendar"></i>25/3/2015</span> 
  446. 												<span><i class="fa fa-heart"></i>1,200</span>
  447. 											</div>
  448. 										</div>
  449. 									</div>
  450. 									<div class="post wrap-vid">
  451. 										<div class="zoom-container">
  452. 											<div class="zoom-caption">
  453. 												<span>Video's Tag</span>
  454. 												<a href="single.html">
  455. 													<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  456. 												</a>
  457. 												<p>Video's Name</p>
  458. 											</div>
  459. 											<img src="images/2.jpg" />
  460. 										</div>
  461. 										<div class="wrapper">
  462. 											<h5 class="vid-name"><a href="#">Video's Name</a></h5>
  463. 											<div class="info">
  464. 												<h6>By <a href="#">Kelvin</a></h6>
  465. 												<span><i class="fa fa-calendar"></i>25/3/2015</span> 
  466. 												<span><i class="fa fa-heart"></i>1,200</span>
  467. 											</div>
  468. 										</div>
  469. 									</div>
  470. 								</div>
  471. 							</div>
  472. 						</div>
  473. 						<div class="line"></div>
  474. 					</div>
  475. 					<div class="box">
  476. 						<div class="box-header">
  477. 							<h2><i class="fa fa-play-circle-o"></i> Random Videos</h2>
  478. 						</div>
  479. 						<div class="box-content">
  480. 							<div class="row">
  481. 								<div class="col-md-4">
  482. 									<div class="wrap-vid">
  483. 										<div class="zoom-container">
  484. 											<div class="zoom-caption">
  485. 												<span>Video's Tag</span>
  486. 												<a href="single.html">
  487. 													<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  488. 												</a>
  489. 												<p>Video's Name</p>
  490. 											</div>
  491. 											<img src="images/3.jpg" />
  492. 										</div>
  493. 										<h3 class="vid-name"><a href="#">Video's Name</a></h3>
  494. 										<div class="info">
  495. 											<h5>By <a href="#">Kelvin</a></h5>
  496. 											<span><i class="fa fa-calendar"></i>25/3/2015</span> 
  497. 											<span><i class="fa fa-heart"></i>1,200</span>
  498. 										</div>
  499. 									</div>
  500. 									<div class="wrap-vid">
  501. 										<div class="zoom-container">
  502. 											<div class="zoom-caption">
  503. 												<span>Video's Tag</span>
  504. 												<a href="single.html">
  505. 													<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  506. 												</a>
  507. 												<p>Video's Name</p>
  508. 											</div>
  509. 											<img src="images/4.jpg" />
  510. 										</div>
  511. 										<h3 class="vid-name"><a href="#">Video's Name</a></h3>
  512. 										<div class="info">
  513. 											<h5>By <a href="#">Kelvin</a></h5>
  514. 											<span><i class="fa fa-calendar"></i>25/3/2015</span> 
  515. 											<span><i class="fa fa-heart"></i>1,200</span>
  516. 										</div>
  517. 									</div>
  518. 								</div>
  519. 								<div class="col-md-4">
  520. 									<div class="wrap-vid">
  521. 										<div class="zoom-container">
  522. 											<div class="zoom-caption">
  523. 												<span>Video's Tag</span>
  524. 												<a href="single.html">
  525. 													<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  526. 												</a>
  527. 												<p>Video's Name</p>
  528. 											</div>
  529. 											<img src="images/5.jpg" />
  530. 										</div>
  531. 										<h3 class="vid-name"><a href="#">Video's Name</a></h3>
  532. 										<div class="info">
  533. 											<h5>By <a href="#">Kelvin</a></h5>
  534. 											<span><i class="fa fa-calendar"></i>25/3/2015</span> 
  535. 											<span><i class="fa fa-heart"></i>1,200</span>
  536. 										</div>
  537. 									</div>
  538. 									<div class="wrap-vid">
  539. 										<div class="zoom-container">
  540. 											<div class="zoom-caption">
  541. 												<span>Video's Tag</span>
  542. 												<a href="single.html">
  543. 													<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  544. 												</a>
  545. 												<p>Video's Name</p>
  546. 											</div>
  547. 											<img src="images/6.jpg" />
  548. 										</div>
  549. 										<h3 class="vid-name"><a href="#">Video's Name</a></h3>
  550. 										<div class="info">
  551. 											<h5>By <a href="#">Kelvin</a></h5>
  552. 											<span><i class="fa fa-calendar"></i>25/3/2015</span> 
  553. 											<span><i class="fa fa-heart"></i>1,200</span>
  554. 										</div>
  555. 									</div>
  556. 								</div>
  557. 								<div class="col-md-4">
  558. 									<div class="wrap-vid">
  559. 										<div class="zoom-container">
  560. 											<div class="zoom-caption">
  561. 												<span>Video's Tag</span>
  562. 												<a href="single.html">
  563. 													<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  564. 												</a>
  565. 												<p>Video's Name</p>
  566. 											</div>
  567. 											<img src="images/7.jpg" />
  568. 										</div>
  569. 										<h3 class="vid-name"><a href="#">Video's Name</a></h3>
  570. 										<div class="info">
  571. 											<h5>By <a href="#">Kelvin</a></h5>
  572. 											<span><i class="fa fa-calendar"></i>25/3/2015</span> 
  573. 											<span><i class="fa fa-heart"></i>1,200</span>
  574. 										</div>
  575. 									</div>
  576. 									<div class="wrap-vid">
  577. 										<div class="zoom-container">
  578. 											<div class="zoom-caption">
  579. 												<span>Video's Tag</span>
  580. 												<a href="single.html">
  581. 													<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  582. 												</a>
  583. 												<p>Video's Name</p>
  584. 											</div>
  585. 											<img src="images/8.jpg" />
  586. 										</div>
  587. 										<h3 class="vid-name"><a href="#">Video's Name</a></h3>
  588. 										<div class="info">
  589. 											<h5>By <a href="#">Kelvin</a></h5>
  590. 											<span><i class="fa fa-calendar"></i>25/3/2015</span> 
  591. 											<span><i class="fa fa-heart"></i>1,200</span>
  592. 										</div>
  593. 									</div>
  594. 								</div>
  595. 							</div>
  596. 						</div>
  597. 						<div class="line"></div>
  598. 					</div>
  599. 					<div class="box">
  600. 						<div class="box-header">
  601. 							<h2><i class="fa fa-globe"></i> Hot Videos</h2>
  602. 						</div>
  603. 						<div class="box-content">
  604. 							<div class="row">
  605. 								<div class="col-md-6">
  606. 									<div class="wrap-vid">
  607. 										<div class="zoom-container">
  608. 											<div class="zoom-caption">
  609. 												<span>Video's Tag</span>
  610. 												<a href="single.html">
  611. 													<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  612. 												</a>
  613. 												<p>Video's Name</p>
  614. 											</div>
  615. 											<img src="images/9.jpg" />
  616. 										</div>
  617. 										<h3 class="vid-name"><a href="#">Video's Name</a></h3>
  618. 										<div class="info">
  619. 											<h5>By <a href="#">Kelvin</a></h5>
  620. 											<span><i class="fa fa-calendar"></i>25/3/2015</span> 
  621. 											<span><i class="fa fa-heart"></i>1,200</span>
  622. 										</div>
  623. 									</div>
  624. 									<p class="more">Aenean feugiat in ante et blandit. Vestibulum posuere molestie risus, ac interdum magna porta non. Pellentesque rutrum fringilla elementum. Curabitur tincidunt porta lorem vitae accumsan.</p>
  625. 									<a href="single.html" class="btn btn-1">Read More</a>
  626. 								</div>
  627. 								<div class="col-md-6">
  628. 									<div class="post wrap-vid">
  629. 										<div class="zoom-container">
  630. 											<div class="zoom-caption">
  631. 												<span>Video's Tag</span>
  632. 												<a href="single.html">
  633. 													<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  634. 												</a>
  635. 												<p>Video's Name</p>
  636. 											</div>
  637. 											<img src="images/4.jpg" />
  638. 										</div>
  639. 										<div class="wrapper">
  640. 											<h5 class="vid-name"><a href="#">Video's Name</a></h5>
  641. 											<div class="info">
  642. 												<h6>By <a href="#">Kelvin</a></h6>
  643. 												<span><i class="fa fa-calendar"></i>25/3/2015</span> 
  644. 												<span><i class="fa fa-heart"></i>1,200</span>
  645. 											</div>
  646. 										</div>
  647. 									</div>
  648. 									<div class="post wrap-vid">
  649. 										<div class="zoom-container">
  650. 											<div class="zoom-caption">
  651. 												<span>Video's Tag</span>
  652. 												<a href="single.html">
  653. 													<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  654. 												</a>
  655. 												<p>Video's Name</p>
  656. 											</div>
  657. 											<img src="images/5.jpg" />
  658. 										</div>
  659. 										<div class="wrapper">
  660. 											<h5 class="vid-name"><a href="#">Video's Name</a></h5>
  661. 											<div class="info">
  662. 												<h6>By <a href="#">Kelvin</a></h6>
  663. 												<span><i class="fa fa-calendar"></i>25/3/2015</span> 
  664. 												<span><i class="fa fa-heart"></i>1,200</span>
  665. 											</div>
  666. 										</div>
  667. 									</div>
  668. 									<div class="post wrap-vid">
  669. 										<div class="zoom-container">
  670. 											<div class="zoom-caption">
  671. 												<span>Video's Tag</span>
  672. 												<a href="single.html">
  673. 													<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  674. 												</a>
  675. 												<p>Video's Name</p>
  676. 											</div>
  677. 											<img src="images/6.jpg" />
  678. 										</div>
  679. 										<div class="wrapper">
  680. 											<h5 class="vid-name"><a href="#">Video's Name</a></h5>
  681. 											<div class="info">
  682. 												<h6>By <a href="#">Kelvin</a></h6>
  683. 												<span><i class="fa fa-calendar"></i>25/3/2015</span> 
  684. 												<span><i class="fa fa-heart"></i>1,200</span>
  685. 											</div>
  686. 										</div>
  687. 									</div>
  688. 									<div class="post wrap-vid">
  689. 										<div class="zoom-container">
  690. 											<div class="zoom-caption">
  691. 												<span>Video's Tag</span>
  692. 												<a href="single.html">
  693. 													<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  694. 												</a>
  695. 												<p>Video's Name</p>
  696. 											</div>
  697. 											<img src="images/7.jpg" />
  698. 										</div>
  699. 										<div class="wrapper">
  700. 											<h5 class="vid-name"><a href="#">Video's Name</a></h5>
  701. 											<div class="info">
  702. 												<h6>By <a href="#">Kelvin</a></h6>
  703. 												<span><i class="fa fa-calendar"></i>25/3/2015</span> 
  704. 												<span><i class="fa fa-heart"></i>1,200</span>
  705. 											</div>
  706. 										</div>
  707. 									</div>
  708. 								</div>
  709. 							</div>
  710. 						</div>
  711. 						<div class="line"></div>
  712. 					</div>
  713. 					<div class="box">
  714. 						<div class="box-header">
  715. 							<h2><i class="fa fa-vimeo-square"></i> New Videos</h2>
  716. 						</div>
  717. 						<div class="box-content">
  718. 							<div class="row">
  719. 								<div class="col-md-4">
  720. 									<div class="wrap-vid">
  721. 										<div class="zoom-container">
  722. 											<div class="zoom-caption">
  723. 												<span>Video's Tag</span>
  724. 												<a href="single.html">
  725. 													<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  726. 												</a>
  727. 												<p>Video's Name</p>
  728. 											</div>
  729. 											<img src="images/2.jpg" />
  730. 										</div>
  731. 										<h3 class="vid-name"><a href="#">Video's Name</a></h3>
  732. 										<div class="info">
  733. 											<h5>By <a href="#">Kelvin</a></h5>
  734. 											<span><i class="fa fa-calendar"></i>25/3/2015</span> 
  735. 											<span><i class="fa fa-heart"></i>1,200</span>
  736. 										</div>
  737. 									</div>
  738. 								</div>
  739. 								<div class="col-md-4">
  740. 									<div class="wrap-vid">
  741. 										<div class="zoom-container">
  742. 											<div class="zoom-caption">
  743. 												<span>Video's Tag</span>
  744. 												<a href="single.html">
  745. 													<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  746. 												</a>
  747. 												<p>Video's Name</p>
  748. 											</div>
  749. 											<img src="images/8.jpg" />
  750. 										</div>
  751. 										<h3 class="vid-name"><a href="#">Video's Name</a></h3>
  752. 										<div class="info">
  753. 											<h5>By <a href="#">Kelvin</a></h5>
  754. 											<span><i class="fa fa-calendar"></i>25/3/2015</span> 
  755. 											<span><i class="fa fa-heart"></i>1,200</span>
  756. 										</div>
  757. 									</div>
  758. 								</div>
  759. 								<div class="col-md-4">
  760. 									<div class="wrap-vid">
  761. 										<div class="zoom-container">
  762. 											<div class="zoom-caption">
  763. 												<span>Video's Tag</span>
  764. 												<a href="single.html">
  765. 													<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  766. 												</a>
  767. 												<p>Video's Name</p>
  768. 											</div>
  769. 											<img src="images/3.jpg" />
  770. 										</div>
  771. 										<h3 class="vid-name"><a href="#">Video's Name</a></h3>
  772. 										<div class="info">
  773. 											<h5>By <a href="#">Kelvin</a></h5>
  774. 											<span><i class="fa fa-calendar"></i>25/3/2015</span> 
  775. 											<span><i class="fa fa-heart"></i>1,200</span>
  776. 										</div>
  777. 									</div>
  778. 								</div>
  779. 							</div>
  780. 						</div>
  781. 					</div>
  782. 				</div>
  783. 				<div id="sidebar" class="col-md-4">
  784. 					<!---- Start Widget ---->
  785. 					<div class="widget wid-follow">
  786. 						<div class="heading"><h4><i class="fa fa-users"></i> Follow Us</h4></div>
  787. 						<div class="content">
  788. 							<ul class="list-inline">
  789. 								<li>
  790. 									<a href="facebook.com/">
  791. 										<div class="box-facebook">
  792. 											<span class="fa fa-facebook fa-2x icon"></span>
  793. 											<span>1250</span>
  794. 											<span>Fans</span>
  795. 										</div>
  796. 									</a>
  797. 								</li>
  798. 								<li>
  799. 									<a href="facebook.com/">
  800. 										<div class="box-twitter">
  801. 											<span class="fa fa-twitter fa-2x icon"></span>
  802. 											<span>1250</span>
  803. 											<span>Fans</span>
  804. 										</div>
  805. 									</a>
  806. 								</li>
  807. 								<li>
  808. 									<a href="facebook.com/">
  809. 										<div class="box-google">
  810. 											<span class="fa fa-google-plus fa-2x icon"></span>
  811. 											<span>1250</span>
  812. 											<span>Fans</span>
  813. 										</div>
  814. 									</a>
  815. 								</li>
  816. 							</ul>
  817. 							<img src="images/banner.jpg" />
  818. 						</div>
  819. 						<div class="line"></div>
  820. 					</div>
  821. 					<!---- Start Widget ---->
  822. 					<div class="widget wid-tags">
  823. 						<div class="heading"><h4><i class="fa fa-tags"></i> Tag</h4></div>
  824. 						<div class="content">
  825. 							<ul class="list-inline">
  826. 								<li><a href="#">animals ,</a></li>
  827. 								<li><a href="#">cooking ,</a></li>
  828. 								<li><a href="#">countries ,</a></li>
  829. 								<li><a href="#">home ,</a></li>
  830. 								<li><a href="#">likes ,</a></li>
  831. 								<li><a href="#">photo ,</a></li>
  832. 								<li><a href="#">travel ,</a></li>
  833. 								<li><a href="#">video</a></li>
  834. 							</ul>
  835. 						</div>
  836. 						<div class="line"></div>
  837. 					</div>
  838. 					<!---- Start Widget ---->
  839. 					<div class="widget wid-post">
  840. 						<div class="heading"><h4><i class="fa fa-globe"></i> Category</h4></div>
  841. 						<div class="content">
  842. 							<div class="post wrap-vid">
  843. 								<div class="zoom-container">
  844. 									<div class="zoom-caption">
  845. 										<span>Video's Tag</span>
  846. 										<a href="single.html">
  847. 											<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  848. 										</a>
  849. 										<p>Video's Name</p>
  850. 									</div>
  851. 									<img src="images/7.jpg" />
  852. 								</div>
  853. 								<div class="wrapper">
  854. 									<h5 class="vid-name"><a href="#">Video's Name</a></h5>
  855. 									<div class="info">
  856. 										<h6>By <a href="#">Kelvin</a></h6>
  857. 										<span><i class="fa fa-calendar"></i>25/3/2015</span> 
  858. 										<span><i class="fa fa-heart"></i>1,200</span>
  859. 									</div>
  860. 								</div>
  861. 							</div>
  862. 							<div class="post wrap-vid">
  863. 								<div class="zoom-container">
  864. 											<div class="zoom-caption">
  865. 												<span>Video's Tag</span>
  866. 												<a href="single.html">
  867. 													<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  868. 												</a>
  869. 												<p>Video's Name</p>
  870. 											</div>
  871. 											<img src="images/8.jpg" />
  872. 										</div>
  873. 								<div class="wrapper">
  874. 									<h5 class="vid-name"><a href="#">Video's Name</a></h5>
  875. 									<div class="info">
  876. 										<h6>By <a href="#">Kelvin</a></h6>
  877. 										<span><i class="fa fa-calendar"></i>25/3/2015</span> 
  878. 										<span><i class="fa fa-heart"></i>1,200</span>
  879. 									</div>
  880. 								</div>
  881. 							</div>
  882. 							<div class="post wrap-vid">
  883. 								<div class="zoom-container">
  884. 									<div class="zoom-caption">
  885. 										<span>Video's Tag</span>
  886. 										<a href="single.html">
  887. 											<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  888. 										</a>
  889. 										<p>Video's Name</p>
  890. 									</div>
  891. 									<img src="images/9.jpg" />
  892. 								</div>
  893. 								<div class="wrapper">
  894. 									<h5 class="vid-name"><a href="#">Video's Name</a></h5>
  895. 									<div class="info">
  896. 										<h6>By <a href="#">Kelvin</a></h6>
  897. 										<span><i class="fa fa-calendar"></i>25/3/2015</span> 
  898. 										<span><i class="fa fa-heart"></i>1,200</span>
  899. 									</div>
  900. 								</div>
  901. 							</div>
  902. 						</div>
  903. 						<div class="line"></div>
  904. 					</div>
  905. 					<!---- Start Widget ---->
  906. 					<div class="widget wid-news">
  907. 						<div class="heading"><h4><i class="fa fa-clock-o"></i> Top News</h4></div>
  908. 						<div class="content">
  909. 							<div class="wrap-vid">
  910. 								<div class="zoom-container">
  911. 									<div class="zoom-caption">
  912. 										<span>Video's Tag</span>
  913. 										<a href="single.html">
  914. 											<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  915. 										</a>
  916. 										<p>Video's Name</p>
  917. 									</div>
  918. 									<img src="images/3.jpg" />
  919. 								</div>
  920. 								<h3 class="vid-name"><a href="#">Video's Name</a></h3>
  921. 								<div class="info">
  922. 									<h5>By <a href="#">Kelvin</a></h5>
  923. 									<span><i class="fa fa-calendar"></i>25/3/2015</span> 
  924. 									<span><i class="fa fa-heart"></i>1,200</span>
  925. 								</div>
  926. 							</div>
  927. 							<div class="wrap-vid">
  928. 								<div class="zoom-container">
  929. 									<div class="zoom-caption">
  930. 										<span>Video's Tag</span>
  931. 										<a href="single.html">
  932. 											<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  933. 										</a>
  934. 										<p>Video's Name</p>
  935. 									</div>
  936. 									<img src="images/4.jpg" />
  937. 								</div>
  938. 								<h3 class="vid-name"><a href="#">Video's Name</a></h3>
  939. 								<div class="info">
  940. 									<h5>By <a href="#">Kelvin</a></h5>
  941. 									<span><i class="fa fa-calendar"></i>25/3/2015</span> 
  942. 									<span><i class="fa fa-heart"></i>1,200</span>
  943. 								</div>
  944. 							</div>
  945. 							<div class="wrap-vid">
  946. 								<div class="zoom-container">
  947. 									<div class="zoom-caption">
  948. 										<span>Video's Tag</span>
  949. 										<a href="single.html">
  950. 											<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  951. 										</a>
  952. 										<p>Video's Name</p>
  953. 									</div>
  954. 									<img src="images/5.jpg" />
  955. 								</div>
  956. 								<h3 class="vid-name"><a href="#">Video's Name</a></h3>
  957. 								<div class="info">
  958. 									<h5>By <a href="#">Kelvin</a></h5>
  959. 									<span><i class="fa fa-calendar"></i>25/3/2015</span> 
  960. 									<span><i class="fa fa-heart"></i>1,200</span>
  961. 								</div>
  962. 							</div>
  963. 						</div>
  964. 						<div class="line"></div>
  965. 					</div>
  966. 					<!---- Start Widget ---->
  967. 					<div class="widget wid-post">
  968. 						<div class="heading"><h4><i class="fa fa-comments"></i> Comment</h4></div>
  969. 						<div class="content">
  970. 							<div class="post">
  971. 								<a href="single.html">
  972. 									<img src="images/user.png" />
  973. 								</a>
  974. 								<div class="wrapper">
  975. 									<a href="#"><h5>Curabitur tincidunt porta lorem.</h5></a>
  976. 									<ul class="list-inline">
  977. 										<li><i class="fa fa-calendar"></i>25/3/2015</li> 
  978. 										<li><i class="fa fa-comments"></i>1,200</li>
  979. 									</ul>
  980. 								</div>
  981. 							</div>
  982. 							<div class="post">
  983. 								<a href="single.html">
  984. 									<img src="images/user.png" />
  985. 								</a>
  986. 								<div class="wrapper">
  987. 									<a href="#"><h5>Curabitur tincidunt porta lorem.</h5></a>
  988. 									<ul class="list-inline">
  989. 										<li><i class="fa fa-calendar"></i>25/3/2015</li> 
  990. 										<li><i class="fa fa-comments"></i>1,200</li>
  991. 									</ul>
  992. 								</div>
  993. 							</div>
  994. 							<div class="post">
  995. 								<a href="single.html">
  996. 									<img src="images/user.png" />
  997. 								</a>
  998. 								<div class="wrapper">
  999. 									<a href="#"><h5>Curabitur tincidunt porta lorem.</h5></a>
  1000. 									<ul class="list-inline">
  1001. 										<li><i class="fa fa-calendar"></i>25/3/2015</li> 
  1002. 										<li><i class="fa fa-comments"></i>1,200</li>
  1003. 									</ul>
  1004. 								</div>
  1005. 							</div>
  1006. 						</div>
  1007. 						<div class="line"></div>
  1008. 					</div>
  1009. 					<div class="widget wid-banner">
  1010. 						<img src="images/banner-2.jpg" />
  1011. 					</div>
  1012. 				</div>
  1013. 			</div>
  1014. 		</div>
  1015. 		
  1016. 	</div>
  1017.  
  1018. 	<footer>
  1019. 		<div class="top-footer">
  1020. 			<ul class="footer-social list-inline">
  1021. 				<li><a href="#"><i class="fa fa-twitter"></i> <span>Twitter</span></a></li>
  1022. 				<li><a href="#"><i class="fa fa-facebook"></i> <span>Facebook</span></a></li>
  1023. 				<li><a href="#"><i class="fa fa-google-plus"></i> <span>Google+</span></a></li>
  1024. 				<li><a href="#"><i class="fa fa-youtube"></i> <span>Video's Tag</span></a></li>
  1025. 				<li><a href="#"><i class="fa fa-vimeo-square"></i> <span>Vimeo</span></a></li>
  1026. 				<li><a href="#"><i class="fa fa-pinterest"></i> <span>Pinterest</span></a></li>
  1027. 				<li><a href="#"><i class="fa fa-rss"></i> <span>Rss</span></a></li>
  1028. 			</ul>  
  1029. 		</div>
  1030. 		<div class="wrap-footer">
  1031. 			<div class="container">
  1032. 				<div class="row"> 
  1033. 					<aside class="col-footer col-md-3">
  1034. 						<h2 class="footer-title">About Us</h2>
  1035. 						<div class="textwidget">Aenean feugiat in ante et blandit. Vestibulum posuere molestie risus, ac interdum magna porta non. Pellentesque rutrum fringilla elementum. Curabitur tincidunt porta lorem vitae accumsan. <br> <br> 
  1036. 						Aenean feugiat in ante et blandit. Vestibulum posuere molestie risus, ac interdum magna porta non. Pellentesque rutrum fringilla elementum. Curabitur tincidunt porta lorem vitae accumsan.</div>
  1037. 					</aside> 
  1038. 					<aside class="col-footer col-md-3 widget_recent_entries">
  1039. 						<h2 class="footer-title">Recent Posts</h2>
  1040. 						<ul>
  1041. 							<li><a href="#">MOST VISITED COUNTRIES</a></li>
  1042. 							<li><a href="#">5 PLACES THAT MAKE A GREAT HOLIDAY</a></li>
  1043. 							<li><a href="#">PEBBLE TIME STEEL IS ON TRACK TO SHIP IN JULY</a></li>
  1044. 							<li><a href="#">STARTUP COMPANY&#8217;S CO-FOUNDER TALKS ON HIS NEW PRODUCT</a></li>
  1045. 						</ul>
  1046. 					</aside>
  1047. 					<aside class="col-footer col-md-3">
  1048. 						<h2 class="footer-title">NEWS LETTER</h2>
  1049. 						If you want to receive our latest news send directly to your email, please leave your email address bellow. Subscription is free and you can cancel anytime.
  1050. 						<form action="#" method="post">
  1051. 							<input type="text" name="your-name" value="" size="40" placeholder="Your Email" />
  1052. 							<input type="submit" value="SUBSCRIBE" class="btn btn-3" />
  1053. 						</form>
  1054. 					</aside>
  1055. 					<aside class="col-footer col-md-3 wptt_TwitterTweets">
  1056. 						<h2 class="footer-title">Twitter</h2>
  1057. 						<ul class="fetched_tweets light">
  1058. 							<li class="tweets_avatar">
  1059. 								<div class="tweet_wrap">
  1060. 									<div class="wdtf-user-card ltr">
  1061. 										<div class="clear"></div>
  1062. 									</div>
  1063. 									<div class="tweet_data"> Check out 'NewsTube - Magazine Blog &amp; Video' on <a href="#" target="_blank" rel="nofollow">#EnvatoMarket</a> <a href="#" target="_blank" rel="nofollow">#themeforest</a> <a href="http://t.co/jQV1MrQQKY" target="_blank" rel="nofollow">http://t.co/jQV1MrQQKY</a></div> <br/>
  1064. 									<div class="clear"></div>
  1065. 									<div class="times"> <em> <a href="#" target="_blank" title="Follow cactusthemes on Twitter [Opens new window]"> 2 months ago </a> </em></div>
  1066. 									<div class="clear"></div>
  1067. 								</div>
  1068. 								<div class="clear"></div>
  1069. 							</li>
  1070. 							<li class="tweets_avatar">
  1071. 								<div class="tweet_wrap">
  1072. 									<div class="wdtf-user-card ltr"><div class="clear"></div></div>
  1073. 									<div class="tweet_data"> Our latest theme 'Nano - Simple Magazine WordPress Theme' on <a href="#" target="_blank" rel="nofollow">#EnvatoMarket</a> <a href="http://twitter.com/search?q=%23themeforest" target="_blank" rel="nofollow">#themeforest</a> <a href="http://t.co/IfZTbJTk06" target="_blank" rel="nofollow">http://t.co/IfZTbJTk06</a></div> <br/>
  1074. 									<div class="clear"></div>
  1075. 									<div class="times"> <em> <a href="#" target="_blank" title="Follow cactusthemes on Twitter [Opens new window]"> 5 months ago </a> </em></div>
  1076. 									<div class="clear"></div>
  1077. 								</div>
  1078. 								<div class="clear"></div>
  1079. 							</li>
  1080. 						</ul>
  1081. 					</aside>
  1082. 				</div>
  1083. 			</div>
  1084. 		</div>
  1085. 		<div class="bottom-footer">
  1086. 			<div class="container">
  1087. 				<div class="row">
  1088. 					<div class="col-md-6 col-sm-6 copyright">
  1089. 						<span>Copyright © 20xx - <a href="http://www.365bootstrap.com" target="_blank">Bootstrap Themes</a> by 365bootstrap</span>
  1090. 					</div>
  1091. 					<div class="col-md-6 col-sm-6 link">
  1092. 						<div class="menu-footer-menu-container">
  1093. 							<ul id="menu-footer-menu" class="menu list-inline">
  1094. 								<li><a href="#"><i class="fa fa-home"></i> Home</a></li>
  1095. 								<li><a href="#"><i class="fa fa-comments"></i> Contact</a></li>
  1096. 								<li><a href="#"><i class="fa fa-question-circle"></i> FAQ</a></li>
  1097. 							</ul>
  1098. 						</div>
  1099. 					</div>
  1100. 				</div>
  1101. 			</div>
  1102. 		</div> 
  1103. 	</footer>
  1104. 	<!-- Footer -->
  1105. 	
  1106. 	<!-- JS -->
  1107. 	<script src="owl-carousel/owl.carousel.js"></script>
  1108.     <script>
  1109.     $(document).ready(function() {
  1110.       $("#owl-demo").owlCarousel({
  1111.         autoPlay: 3000,
  1112.         items : 5,
  1113.         itemsDesktop : [1199,4],
  1114.         itemsDesktopSmall : [979,4]
  1115.       });
  1116.  
  1117.     });
  1118.     </script>
  1119. 	
  1120. </body>
  1121. </html>