Просмотр файла KoolTube/contact.php

Конкурс дизайнеров на 15000 рублей
Автопокупка рекламы
Размер файла: 19.96Kb 
  1. <?php
  2. /*
  3. Free Bootstrap Themes : http://www.365bootstrap.com
  4. */
  5.  
  6. $text = "<span style='color:red; font-size: 35px; line-height: 40px; magin: 10px;'>Error! Please try again.</span>";
  7.  
  8. if(isset($_POST['name']))
  9. {
  10. 	$name=$_POST['name'];
  11. 	$email=$_POST['email'];
  12. 	$message=$_POST['message'];
  13.  
  14. 	$to = "youremail@gmail.com";
  15. 	$subject = "365bootstrap - Testing Contact Form";
  16. 	$message = " Name: " . $name ."\r\n Email: " . $email . "\r\n Message:\r\n" . $message;
  17. 	 
  18. 	$from = "365bootstrap.com";
  19. 	$headers = "From:" . $from . "\r\n";
  20. 	$headers .= "Content-type: text/plain; charset=UTF-8" . "\r\n"; 
  21. 	 
  22. 	if(@mail($to,$subject,$message,$headers))
  23. 	{
  24. 	  $text = "<span style='color:blue; font-size: 35px; line-height: 40px; margin: 10px;'>Your Message was sent successfully !</span>";
  25. 	}
  26. }
  27. ?>
  28. <!DOCTYPE html>
  29. <html lang="en">
  30. <head>
  31.     <meta charset="utf-8" />
  32.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  33.     <meta name="viewport" content="width=device-width, initial-scale=1" />
  34.     <meta name="description" content="Free Bootstrap Themes by 365Bootstrap dot com - Free Responsive Html5 Templates">
  35.     <meta name="author" content="http://www.365bootstrap.com">
  36. 	
  37.     <title>KoolTube | Free Bootstrap Themes by 365Bootstrap.com</title>
  38. 	
  39.     <!-- Bootstrap Core CSS -->
  40.     <link rel="stylesheet" href="css/bootstrap.min.css"  type="text/css">
  41. 	
  42. 	<!-- Custom CSS -->
  43.     <link rel="stylesheet" href="css/style.css">
  44. 	
  45. 	<!-- Owl Carousel Assets -->
  46.     <link href="owl-carousel/owl.carousel.css" rel="stylesheet">
  47.     <link href="owl-carousel/owl.theme.css" rel="stylesheet">
  48. 	
  49. 	<!-- Custom Fonts -->
  50.     <link rel="stylesheet" href="font-awesome-4.4.0/css/font-awesome.min.css"  type="text/css">
  51. 	
  52. 	<!-- jQuery and Modernizr-->
  53. 	<script src="js/jquery-2.1.1.js"></script>
  54. 	
  55. 	<!-- Core JavaScript Files -->  	 
  56.     <script src="js/bootstrap.min.js"></script>
  57. 	
  58. 	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  59.     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  60.     <!--[if lt IE 9]>
  61.         <script src="js/html5shiv.js"></script>
  62.         <script src="js/respond.min.js"></script>
  63.     <![endif]-->
  64. </head>
  65.  
  66. <body>
  67. <header>
  68. 	<!--Top-->
  69. 	<nav id="top">
  70. 		<div class="container">
  71. 			<div class="row">
  72. 				<div class="col-md-6 col-sm-6">
  73. 					<strong>Welcome to KOOLTUBE!</strong>
  74. 				</div>
  75. 				<div class="col-md-6 col-sm-6">
  76. 					<ul class="list-inline top-link link">
  77. 						<li><a href="index.html"><i class="fa fa-home"></i> Home</a></li>
  78. 						<li><a href="contact.html"><i class="fa fa-comments"></i> Contact</a></li>
  79. 						<li><a href="#"><i class="fa fa-question-circle"></i> FAQ</a></li>
  80. 					</ul>
  81. 				</div>
  82. 			</div>
  83. 		</div>
  84. 	</nav>
  85. 	
  86. 	<!--Navigation-->
  87.     <nav id="menu" class="navbar">
  88. 		<div class="container">
  89. 			<div class="navbar-header"><span id="heading" class="visible-xs">Categories</span>
  90. 			  <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button>
  91. 			</div>
  92. 			<div class="collapse navbar-collapse navbar-ex1-collapse">
  93. 				<ul class="nav navbar-nav">
  94. 					<li><a href="index.html"><i class="fa fa-home"></i> Home</a></li>
  95. 					<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> Account</a>
  96. 						<div class="dropdown-menu">
  97. 							<div class="dropdown-inner">
  98. 								<ul class="list-unstyled">
  99. 									<li><a href="archive.html">Login</a></li>
  100. 									<li><a href="archive.html">Register</a></li>
  101. 								</ul>
  102. 							</div>
  103. 						</div>
  104. 					</li>
  105. 					<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-play-circle-o"></i> Video</a>
  106. 						<div class="dropdown-menu">
  107. 							<div class="dropdown-inner">
  108. 								<ul class="list-unstyled">
  109. 									<li><a href="archive.html">Text 201</a></li>
  110. 									<li><a href="archive.html">Text 202</a></li>
  111. 									<li><a href="archive.html">Text 203</a></li>
  112. 									<li><a href="archive.html">Text 204</a></li>
  113. 									<li><a href="archive.html">Text 205</a></li>
  114. 								</ul>
  115. 							</div> 
  116. 						</div>
  117. 					</li>
  118. 					<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-list"></i> Category</a>
  119. 						<div class="dropdown-menu" style="margin-left: -203.625px;">
  120. 							<div class="dropdown-inner">
  121. 								<ul class="list-unstyled">
  122. 									<li><a href="archive.html">Text 301</a></li>
  123. 									<li><a href="archive.html">Text 302</a></li>
  124. 									<li><a href="archive.html">Text 303</a></li>
  125. 									<li><a href="archive.html">Text 304</a></li>
  126. 									<li><a href="archive.html">Text 305</a></li>
  127. 								</ul>
  128. 								<ul class="list-unstyled">
  129. 									<li><a href="archive.html">Text 306</a></li>
  130. 									<li><a href="archive.html">Text 307</a></li>
  131. 									<li><a href="archive.html">Text 308</a></li>
  132. 									<li><a href="archive.html">Text 309</a></li>
  133. 									<li><a href="archive.html">Text 310</a></li>
  134. 								</ul>
  135. 								<ul class="list-unstyled">
  136. 									<li><a href="archive.html">Text 311</a></li>
  137. 									<li><a href="archive.html">Text 312</a></li>
  138. 									<li><a href="archive.html#">Text 313</a></li>
  139. 									<li><a href="archive.html#">Text 314</a></li>
  140. 									<li><a href="archive.html">Text 315</a></li>
  141. 								</ul>
  142. 							</div>
  143. 						</div>
  144. 					</li>
  145. 					<li><a href="archive.html"><i class="fa fa-cubes"></i> Blocks</a></li>
  146. 					<li><a href="contact.html"><i class="fa fa-envelope"></i> Contact</a></li>
  147. 				</ul>
  148. 			</div>
  149. 		</div>
  150. 	</nav>
  151. 	
  152. 	<div class="header-slide">
  153. 		<div id="owl-demo" class="owl-carousel">
  154. 			<div class="item">
  155. 				<div class="zoom-container">
  156. 					<div class="zoom-caption">
  157. 						<span>Video's Tag</span>
  158. 						<a href="single.html">
  159. 							<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  160. 						</a>
  161. 						<p>Video's Name</p>
  162. 					</div>
  163. 					<img src="images/2.jpg" />
  164. 				</div>
  165. 			</div>
  166. 			<div class="item">
  167. 				<div class="zoom-container">
  168. 					<div class="zoom-caption">
  169. 						<span>Video's Tag</span>
  170. 						<a href="single.html">
  171. 							<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  172. 						</a>
  173. 						<p>Video's Name</p>
  174. 					</div>
  175. 					<img src="images/3.jpg" />
  176. 				</div>
  177. 			</div>
  178. 			<div class="item">
  179. 				<div class="zoom-container">
  180. 					<div class="zoom-caption">
  181. 						<span>Video's Tag</span>
  182. 						<a href="single.html">
  183. 							<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  184. 						</a>
  185. 						<p>Video's Name</p>
  186. 					</div>
  187. 					<img src="images/4.jpg" />
  188. 				</div>
  189. 			</div>
  190. 			<div class="item">
  191. 				<div class="zoom-container">
  192. 					<div class="zoom-caption">
  193. 						<span>Video's Tag</span>
  194. 						<a href="single.html">
  195. 							<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  196. 						</a>
  197. 						<p>Video's Name</p>
  198. 					</div>
  199. 					<img src="images/5.jpg" />
  200. 				</div>
  201. 			</div>
  202. 			<div class="item">
  203. 				<div class="zoom-container">
  204. 					<div class="zoom-caption">
  205. 						<span>Video's Tag</span>
  206. 						<a href="single.html">
  207. 							<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  208. 						</a>
  209. 						<p>Video's Name</p>
  210. 					</div>
  211. 					<img src="images/6.jpg" />
  212. 				</div>
  213. 			</div>
  214. 			<div class="item">
  215. 				<div class="zoom-container">
  216. 					<div class="zoom-caption">
  217. 						<span>Video's Tag</span>
  218. 						<a href="single.html">
  219. 							<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  220. 						</a>
  221. 						<p>Video's Name</p>
  222. 					</div>
  223. 					<img src="images/7.jpg" />
  224. 				</div>
  225. 			</div>
  226. 			<div class="item">
  227. 				<div class="zoom-container">
  228. 					<div class="zoom-caption">
  229. 						<span>Video's Tag</span>
  230. 						<a href="single.html">
  231. 							<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  232. 						</a>
  233. 						<p>Video's Name</p>
  234. 					</div>
  235. 					<img src="images/8.jpg" />
  236. 				</div>
  237. 			</div>
  238. 			<div class="item">
  239. 				<div class="zoom-container">
  240. 					<div class="zoom-caption">
  241. 						<span>Video's Tag</span>
  242. 						<a href="single.html">
  243. 							<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  244. 						</a>
  245. 						<p>Video's Name</p>
  246. 					</div>
  247. 					<img src="images/9.jpg" />
  248. 				</div>
  249. 			</div>
  250. 		</div>
  251. 	</div>
  252. </header>
  253. <!-- Header -->
  254. 	
  255. 	<!-- /////////////////////////////////////////Content -->
  256. 	<div id="page-content" class="contact-page">
  257. 		<div class="container">
  258. 			<div class="row">
  259. 				<div id="main-content" class="col-md-8">
  260. 					<div class="box">
  261. 						<center><div class="art-header">
  262. 							<h1 class="center">Contact</h1>
  263. 						</div></center>
  264. 						<!--Warning-->
  265. 						<center><?php echo $text;?></center>
  266. 						<!---->
  267. 						<div class="art-content">
  268. 							<div id="contact_form">
  269. 								<form name="form1" id="ff" method="post" action="contact.php">
  270. 									<label>
  271. 									<span>Enter your name:</span>
  272. 									<input type="text"  name="name" id="name" required>
  273. 									</label>
  274. 									<label>
  275. 									<span>Enter your email:</span>
  276. 									<input type="email"  name="email" id="email" required>
  277. 									</label>
  278. 									<label>
  279. 									<span>Your message here:</span>
  280. 									<textarea name="message" id="message"></textarea>
  281. 									</label>
  282. 									<center><input class="sendButton" type="submit" name="Submit" value="Submit"></center>
  283. 								</form>
  284. 							</div>
  285. 						</div>
  286. 					</div>
  287. 				</div>
  288. 				<div id="sidebar" class="col-md-4">
  289. 					<!---- Start Widget ---->
  290. 					<div class="widget wid-follow">
  291. 						<div class="heading"><h4><i class="fa fa-users"></i> Follow Us</h4></div>
  292. 						<div class="content">
  293. 							<ul class="list-inline">
  294. 								<li>
  295. 									<a href="facebook.com/">
  296. 										<div class="box-facebook">
  297. 											<span class="fa fa-facebook fa-2x icon"></span>
  298. 											<span>1250</span>
  299. 											<span>Fans</span>
  300. 										</div>
  301. 									</a>
  302. 								</li>
  303. 								<li>
  304. 									<a href="facebook.com/">
  305. 										<div class="box-twitter">
  306. 											<span class="fa fa-twitter fa-2x icon"></span>
  307. 											<span>1250</span>
  308. 											<span>Fans</span>
  309. 										</div>
  310. 									</a>
  311. 								</li>
  312. 								<li>
  313. 									<a href="facebook.com/">
  314. 										<div class="box-google">
  315. 											<span class="fa fa-google-plus fa-2x icon"></span>
  316. 											<span>1250</span>
  317. 											<span>Fans</span>
  318. 										</div>
  319. 									</a>
  320. 								</li>
  321. 							</ul>
  322. 							<img src="images/banner.jpg" />
  323. 						</div>
  324. 						<div class="line"></div>
  325. 					</div>
  326. 					<!---- Start Widget ---->
  327. 					<div class="widget wid-post">
  328. 						<div class="heading"><h4><i class="fa fa-globe"></i> Category</h4></div>
  329. 						<div class="content">
  330. 							<div class="post wrap-vid">
  331. 								<div class="zoom-container">
  332. 									<div class="zoom-caption">
  333. 										<span>Video's Tag</span>
  334. 										<a href="single.html">
  335. 											<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  336. 										</a>
  337. 										<p>Video's Name</p>
  338. 									</div>
  339. 									<img src="images/7.jpg" />
  340. 								</div>
  341. 								<div class="wrapper">
  342. 									<h5 class="vid-name"><a href="#">Video's Name</a></h5>
  343. 									<div class="info">
  344. 										<h6>By <a href="#">Kelvin</a></h6>
  345. 										<span><i class="fa fa-calendar"></i>25/3/2015</span> 
  346. 										<span><i class="fa fa-heart"></i>1,200</span>
  347. 									</div>
  348. 								</div>
  349. 							</div>
  350. 							<div class="post wrap-vid">
  351. 								<div class="zoom-container">
  352. 											<div class="zoom-caption">
  353. 												<span>Video's Tag</span>
  354. 												<a href="single.html">
  355. 													<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  356. 												</a>
  357. 												<p>Video's Name</p>
  358. 											</div>
  359. 											<img src="images/8.jpg" />
  360. 										</div>
  361. 								<div class="wrapper">
  362. 									<h5 class="vid-name"><a href="#">Video's Name</a></h5>
  363. 									<div class="info">
  364. 										<h6>By <a href="#">Kelvin</a></h6>
  365. 										<span><i class="fa fa-calendar"></i>25/3/2015</span> 
  366. 										<span><i class="fa fa-heart"></i>1,200</span>
  367. 									</div>
  368. 								</div>
  369. 							</div>
  370. 							<div class="post wrap-vid">
  371. 								<div class="zoom-container">
  372. 									<div class="zoom-caption">
  373. 										<span>Video's Tag</span>
  374. 										<a href="single.html">
  375. 											<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  376. 										</a>
  377. 										<p>Video's Name</p>
  378. 									</div>
  379. 									<img src="images/9.jpg" />
  380. 								</div>
  381. 								<div class="wrapper">
  382. 									<h5 class="vid-name"><a href="#">Video's Name</a></h5>
  383. 									<div class="info">
  384. 										<h6>By <a href="#">Kelvin</a></h6>
  385. 										<span><i class="fa fa-calendar"></i>25/3/2015</span> 
  386. 										<span><i class="fa fa-heart"></i>1,200</span>
  387. 									</div>
  388. 								</div>
  389. 							</div>
  390. 						</div>
  391. 						<div class="line"></div>
  392. 					</div>
  393. 					<!---- Start Widget ---->
  394. 					<div class="widget wid-news">
  395. 						<div class="heading"><h4><i class="fa fa-clock-o"></i> Top News</h4></div>
  396. 						<div class="content">
  397. 							<div class="wrap-vid">
  398. 								<div class="zoom-container">
  399. 									<div class="zoom-caption">
  400. 										<span>Video's Tag</span>
  401. 										<a href="single.html">
  402. 											<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  403. 										</a>
  404. 										<p>Video's Name</p>
  405. 									</div>
  406. 									<img src="images/3.jpg" />
  407. 								</div>
  408. 								<h3 class="vid-name"><a href="#">Video's Name</a></h3>
  409. 								<div class="info">
  410. 									<h5>By <a href="#">Kelvin</a></h5>
  411. 									<span><i class="fa fa-calendar"></i>25/3/2015</span> 
  412. 									<span><i class="fa fa-heart"></i>1,200</span>
  413. 								</div>
  414. 							</div>
  415. 							<div class="wrap-vid">
  416. 								<div class="zoom-container">
  417. 									<div class="zoom-caption">
  418. 										<span>Video's Tag</span>
  419. 										<a href="single.html">
  420. 											<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  421. 										</a>
  422. 										<p>Video's Name</p>
  423. 									</div>
  424. 									<img src="images/4.jpg" />
  425. 								</div>
  426. 								<h3 class="vid-name"><a href="#">Video's Name</a></h3>
  427. 								<div class="info">
  428. 									<h5>By <a href="#">Kelvin</a></h5>
  429. 									<span><i class="fa fa-calendar"></i>25/3/2015</span> 
  430. 									<span><i class="fa fa-heart"></i>1,200</span>
  431. 								</div>
  432. 							</div>
  433. 							<div class="wrap-vid">
  434. 								<div class="zoom-container">
  435. 									<div class="zoom-caption">
  436. 										<span>Video's Tag</span>
  437. 										<a href="single.html">
  438. 											<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
  439. 										</a>
  440. 										<p>Video's Name</p>
  441. 									</div>
  442. 									<img src="images/5.jpg" />
  443. 								</div>
  444. 								<h3 class="vid-name"><a href="#">Video's Name</a></h3>
  445. 								<div class="info">
  446. 									<h5>By <a href="#">Kelvin</a></h5>
  447. 									<span><i class="fa fa-calendar"></i>25/3/2015</span> 
  448. 									<span><i class="fa fa-heart"></i>1,200</span>
  449. 								</div>
  450. 							</div>
  451. 						</div>
  452. 					</div>
  453. 				</div>
  454. 			</div>
  455. 		</div>
  456. 	</div>
  457.  
  458. 	<footer>
  459. 		<div class="top-footer">
  460. 			<ul class="footer-social list-inline">
  461. 				<li><a href="#"><i class="fa fa-twitter"></i> <span>Twitter</span></a></li>
  462. 				<li><a href="#"><i class="fa fa-facebook"></i> <span>Facebook</span></a></li>
  463. 				<li><a href="#"><i class="fa fa-google-plus"></i> <span>Google+</span></a></li>
  464. 				<li><a href="#"><i class="fa fa-youtube"></i> <span>Video's Tag</span></a></li>
  465. 				<li><a href="#"><i class="fa fa-vimeo-square"></i> <span>Vimeo</span></a></li>
  466. 				<li><a href="#"><i class="fa fa-pinterest"></i> <span>Pinterest</span></a></li>
  467. 				<li><a href="#"><i class="fa fa-rss"></i> <span>Rss</span></a></li>
  468. 			</ul>  
  469. 		</div>
  470. 		<div class="wrap-footer">
  471. 			<div class="container">
  472. 				<div class="row"> 
  473. 					<aside class="col-footer col-md-3">
  474. 						<h2 class="footer-title">About Us</h2>
  475. 						<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> 
  476. 						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>
  477. 					</aside> 
  478. 					<aside class="col-footer col-md-3 widget_recent_entries">
  479. 						<h2 class="footer-title">Recent Posts</h2>
  480. 						<ul>
  481. 							<li><a href="#">MOST VISITED COUNTRIES</a></li>
  482. 							<li><a href="#">5 PLACES THAT MAKE A GREAT HOLIDAY</a></li>
  483. 							<li><a href="#">PEBBLE TIME STEEL IS ON TRACK TO SHIP IN JULY</a></li>
  484. 							<li><a href="#">STARTUP COMPANY&#8217;S CO-FOUNDER TALKS ON HIS NEW PRODUCT</a></li>
  485. 						</ul>
  486. 					</aside>
  487. 					<aside class="col-footer col-md-3">
  488. 						<h2 class="footer-title">NEWS LETTER</h2>
  489. 						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.
  490. 						<form action="#" method="post">
  491. 							<input type="text" name="your-name" value="" size="40" placeholder="Your Email" />
  492. 							<input type="submit" value="SUBSCRIBE" class="btn btn-3" />
  493. 						</form>
  494. 					</aside>
  495. 					<aside class="col-footer col-md-3 wptt_TwitterTweets">
  496. 						<h2 class="footer-title">Twitter</h2>
  497. 						<ul class="fetched_tweets light">
  498. 							<li class="tweets_avatar">
  499. 								<div class="tweet_wrap">
  500. 									<div class="wdtf-user-card ltr">
  501. 										<div class="clear"></div>
  502. 									</div>
  503. 									<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/>
  504. 									<div class="clear"></div>
  505. 									<div class="times"> <em> <a href="#" target="_blank" title="Follow cactusthemes on Twitter [Opens new window]"> 2 months ago </a> </em></div>
  506. 									<div class="clear"></div>
  507. 								</div>
  508. 								<div class="clear"></div>
  509. 							</li>
  510. 							<li class="tweets_avatar">
  511. 								<div class="tweet_wrap">
  512. 									<div class="wdtf-user-card ltr"><div class="clear"></div></div>
  513. 									<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/>
  514. 									<div class="clear"></div>
  515. 									<div class="times"> <em> <a href="#" target="_blank" title="Follow cactusthemes on Twitter [Opens new window]"> 5 months ago </a> </em></div>
  516. 									<div class="clear"></div>
  517. 								</div>
  518. 								<div class="clear"></div>
  519. 							</li>
  520. 						</ul>
  521. 					</aside>
  522. 				</div>
  523. 			</div>
  524. 		</div>
  525. 		<div class="bottom-footer">
  526. 			<div class="container">
  527. 				<div class="row">
  528. 					<div class="col-md-6 col-sm-6 copyright">
  529. 						<span>Copyright © 20xx - <a href="http://www.365bootstrap.com" target="_blank">Bootstrap Themes</a> by 365bootstrap</span>
  530. 					</div>
  531. 					<div class="col-md-6 col-sm-6 link">
  532. 						<div class="menu-footer-menu-container">
  533. 							<ul id="menu-footer-menu" class="menu list-inline">
  534. 								<li><a href="#"><i class="fa fa-home"></i> Home</a></li>
  535. 								<li><a href="#"><i class="fa fa-comments"></i> Contact</a></li>
  536. 								<li><a href="#"><i class="fa fa-question-circle"></i> FAQ</a></li>
  537. 							</ul>
  538. 						</div>
  539. 					</div>
  540. 				</div>
  541. 			</div>
  542. 		</div> 
  543. 	</footer>
  544. 	<!-- Footer -->
  545. 	
  546. 	<!-- JS -->
  547. 	<script src="owl-carousel/owl.carousel.js"></script>
  548.     <script>
  549.     $(document).ready(function() {
  550.       $("#owl-demo").owlCarousel({
  551.         autoPlay: 3000,
  552.         items : 5,
  553.         itemsDesktop : [1199,4],
  554.         itemsDesktopSmall : [979,4]
  555.       });
  556.  
  557.     });
  558.     </script>
  559. 	
  560. </body>
  561. </html>