API tools faq
paste
Guest User

Untitled

a guest
Feb 2nd, 2017
517
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.56 KB | None | 0 0
raw download clone embed print report
  1. <snippet>
  2. <content><![CDATA[<!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <title>Controller a Corporate Category Flat Bootstrap Responsive Website Template | Home :: w3layouts</title>
  6. <!-- for-mobile-apps -->
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  9. <meta name="keywords" content="Controller Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
  10. Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
  11. <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
  12. function hideURLbar(){ window.scrollTo(0,1); } </script>
  13. <!-- //for-mobile-apps -->
  14. <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
  15. <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
  16. <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" />
  17.  
  18. <link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
  19.  
  20. <!-- start-smoth-scrolling -->
  21. </head>
  22.  
  23. <body>
  24. <!-- banner -->
  25. <div class="banner">
  26. <div class="container">
  27. <nav class="navbar navbar-default">
  28. <div class="navbar-header navbar-left">
  29. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
  30. <span class="sr-only">Toggle navigation</span>
  31. <span class="icon-bar"></span>
  32. <span class="icon-bar"></span>
  33. <span class="icon-bar"></span>
  34. </button>
  35. <h1><a class="navbar-brand" href="index.html">CO<span>N</span>TR<span>O</span>LL<span>E</span>R</a></h1>
  36. </div>
  37. <!-- Collect the nav links, forms, and other content for toggling -->
  38. <ul class="top-links">
  39. <li><a href="#"><i class="fa fa-facebook"></i></a></li>
  40. <li><a href="#"><i class="fa fa-twitter"></i></a></li>
  41. <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
  42. <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
  43. </ul>
  44. <div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
  45. <ul class="nav navbar-nav">
  46. <li class="active"><a href="index.html">Home</a></li>
  47.  
  48.  
  49. <li><a class="active" href="about.html">About</a></li>
  50. <li class="dropdown">
  51. <a href="#" class="dropdown-toggle" data-toggle="dropdown">Services <b class="caret"></b></a>
  52. <ul class="dropdown-menu">
  53. <li><a href="codes.html">Short Codes</a></li>
  54. <li><a href="codes.html">Typography</a></li>
  55. <li><a href="codes.html">Services</a></li>
  56. </ul>
  57. </li>
  58. <li><a href="portfolio.html">Portfolio</a></li>
  59. <li><a href="contact.html">Contact</a></li>
  60. </ul>
  61. </div>
  62. <!-- /.navbar-collapse -->
  63. </nav>
  64.  
  65. </div>
  66. <div class="clearfix"></div>
  67.  
  68. <div class="w3l_banner_info">
  69. <div class="slider">
  70. <div class="callbacks_container">
  71. <ul class="rslides" id="slider3">
  72. <li>
  73. <div class="w3l_banner_info">
  74. <h4>Initiate</h4>
  75. <p>Hello we are here to help you </p>
  76. <a href="single.html" class="hvr-underline-from-center read">Read More</a>
  77. </div>
  78. </li>
  79. <li>
  80. <div class="w3l_banner_info">
  81. <h4>A Smart</h4>
  82. <p>Hello we are here to help you </p>
  83. <a href="single.html" class="hvr-underline-from-center read">Read More</a>
  84. </div>
  85. </li>
  86. <li>
  87. <div class="w3l_banner_info">
  88. <h4>Business</h4>
  89. <p>Hello we are here to help you </p>
  90. <a href="single.html" class="hvr-underline-from-center read">Read More</a>
  91. </div>
  92. </li>
  93. <li>
  94. <div class="w3l_banner_info">
  95. <h4>Start Now</h4>
  96. <p>Hello we are here to help you </p>
  97. <a href="single.html" class="hvr-underline-from-center read">Read More</a>
  98. </div>
  99. </li>
  100. </ul>
  101. </div>
  102. </div>
  103.  
  104.  
  105. </div>
  106. </div>
  107. <!-- //banner -->
  108. <!-- about -->
  109. <div class="about" id="about">
  110. <div class="container">
  111. <div class="wthree-about">
  112. <div class="col-md-5 wthree-ab-left">
  113. <img src="images/ab.jpg" class="responsive" alt=" " />
  114. </div>
  115. <div class="col-md-7 wthree-ab-right">
  116. <h2>A Few Words About Us</h2>
  117. <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since, Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
  118. <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since, Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
  119. <a href="single.html" class="hvr-underline-from-center read">Read More</a>
  120. </div>
  121. <div class="clearfix"></div>
  122. </div>
  123. </div>
  124. </div>
  125. <!--// about -->
  126. <!---->
  127. <div class="content-bottom">
  128. <div class="content-in">
  129. <div class="port effect-1">
  130. <div class="image-box">
  131. <img src="images/g1.jpg" alt="" class="img-responsive">
  132. </div>
  133. <div class="text-desc">
  134. <h6>Controller</h6>
  135. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor .</p>
  136. </div>
  137. </div>
  138. </div>
  139. <div class="content-in">
  140. <div class="port effect-1">
  141. <div class="image-box">
  142. <img src="images/g2.jpg" alt="" class="img-responsive">
  143. </div>
  144. <div class="text-desc">
  145. <h6>Controller</h6>
  146. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor .</p>
  147. </div>
  148. </div>
  149. </div>
  150. <div class="content-in">
  151. <div class="port effect-1">
  152. <div class="image-box">
  153. <img src="images/g3.jpg" alt="" class="img-responsive">
  154. </div>
  155. <div class="text-desc">
  156. <h6>Controller</h6>
  157. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor .</p>
  158. </div>
  159. </div>
  160. </div>
  161. <div class="content-in">
  162. <div class="port effect-1">
  163. <div class="image-box">
  164. <img src="images/g4.jpg" alt="" class="img-responsive">
  165. </div>
  166. <div class="text-desc">
  167. <h6>Controller</h6>
  168. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor .</p>
  169. </div>
  170. </div>
  171. </div>
  172. <div class="clearfix"> </div>
  173. </div>
  174. <!---->
  175. <!-- /services -->
  176. <div class="service" id="services">
  177. <div class="container">
  178. <h3 class="tittle">Our Services</h3>
  179. <p class="sub">We are waiting your next move </p>
  180. </div>
  181. <div class="service-agileits">
  182. <div class="col-md-7 services-gds agile-info">
  183. <div class="col-md-6 list-gds text-center">
  184. <span class="glyphicon glyphicon-ok icon" aria-hidden="true"></span>
  185. <h4>Nam aliquam</h4>
  186. <p>Nam aliquam pretium feugiat. Duis sem est, viverra eu interdum ac,
  187. suscipit nec mauris. Suspendisse commodo tempor sagittis</p>
  188. </div>
  189. <div class="col-md-6 list-gds text-center">
  190. <span class="glyphicon glyphicon-time icon" aria-hidden="true"></span>
  191. <h4>Nam aliquam</h4>
  192. <p>Nam aliquam pretium feugiat. Duis sem est, viverra eu interdum ac,
  193. suscipit nec mauris. Suspendisse commodo tempor sagittis</p>
  194. </div>
  195. <div class="col-md-6 list-gds text-center">
  196. <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
  197. <h4>Nam aliquam </h4>
  198. <p>Nam aliquam pretium feugiat. Duis sem est, viverra eu interdum ac,
  199. suscipit nec mauris. Suspendisse commodo tempor sagittis</p>
  200. </div>
  201. <div class="col-md-6 list-gds text-center">
  202. <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
  203. <h4>Nam aliquam</h4>
  204. <p>Nam aliquam pretium feugiat. Duis sem est, viverra eu interdum ac,
  205. suscipit nec mauris. Suspendisse commodo tempor sagittis</p>
  206. </div>
  207.  
  208. <div class="clearfix"></div>
  209. </div>
  210. <div class="col-md-5 agitsworkw3ls-grid">
  211. </div>
  212. <div class="clearfix"></div>
  213. </div>
  214. </div>
  215. <!-- //services -->
  216. <!-- /client -->
  217. <div class="client-agile-info" id="client">
  218. <div class="container">
  219. <div class="client-top">
  220. <h3 class="tittle two">What Our clients Say</h3>
  221. <div class="slider">
  222. <div class="callbacks_container">
  223. <ul class="rslides" id="slider4">
  224. <li>
  225. <div class="agileits-clients">
  226. <div class="col-md-6 client_agile_info">
  227.  
  228. <div class="c-img"><i class="fa fa-quote-right"></i> </div>
  229. <p>Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</p>
  230. <h4><img src="images/f1.jpg" alt=""> Martin H. Joseph</h4>
  231.  
  232. </div>
  233. <div class="col-md-6 client_agile_info">
  234.  
  235. <div class="c-img"><i class="fa fa-quote-right"></i> </div>
  236. <p>Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</p>
  237. <h4><img src="images/f2.jpg" alt=""> Martin H.Wilson</h4>
  238.  
  239. </div>
  240. <div class="clearfix"></div>
  241. </div>
  242. </li>
  243. <li>
  244. <div class="agileits-clients">
  245. <div class="col-md-6 client_agile_info">
  246.  
  247. <div class="c-img"><i class="fa fa-quote-right"></i></div>
  248. <p>Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</p>
  249. <h4> <img src="images/f3.jpg" alt=""> Martin H.Wilson</h4>
  250.  
  251. </div>
  252. <div class="col-md-6 client_agile_info">
  253.  
  254. <div class="c-img"><i class="fa fa-quote-right"></i> </div>
  255. <p>Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</p>
  256. <h4><img src="images/f4.jpg" alt=""> Martin Pal</h4>
  257.  
  258. </div>
  259. <div class="clearfix"></div>
  260. </div>
  261. </li>
  262. <li>
  263. <div class="agileits-clients">
  264. <div class="col-md-6 client_agile_info">
  265.  
  266. <div class="c-img"><i class="fa fa-quote-right"></i> </div>
  267. <p>Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</p>
  268. <h4><img src="images/f1.jpg" alt=""> Martin H. Joseph</h4>
  269.  
  270. </div>
  271. <div class="col-md-6 client_agile_info">
  272.  
  273. <div class="c-img"><i class="fa fa-quote-right"></i></div>
  274. <p>Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</p>
  275. <h4> <img src="images/f2.jpg" alt=""> Martin Pal</h4>
  276.  
  277. </div>
  278.  
  279. <div class="clearfix"></div>
  280. </div>
  281. </li>
  282. </ul>
  283. </div>
  284. </div>
  285.  
  286.  
  287. </div>
  288. </div>
  289. </div>
  290. <!-- //client -->
  291. <!-- /contact -->
  292. <div class="contact-main-agile-info" id="contact">
  293. <div class="container">
  294. <h3 class="tittle">Contact Us</h3>
  295. <p class="sub">We are waiting your next move </p>
  296. <div class="contact-top-agileits">
  297. <div class="col-md-4 contact-grid ">
  298. <div class="contact-grid1 agileits-w3layouts">
  299. <i class="fa fa-location-arrow"></i>
  300. <div class="con-w3l-info">
  301. <h4>Address </h4>
  302. <p>12K Street<span>New York City.</span></p>
  303. </div>
  304. <div class="clearfix"></div>
  305. </div>
  306. </div>
  307. <div class="col-md-4 contact-grid">
  308. <div class="contact-grid2 w3">
  309. <i class="fa fa-volume-control-phone"></i>
  310. <div class="con-w3l-info">
  311. <h4>Call Us</h4>
  312. <p>+1234 567 890<span>+1234 567 890</span></p>
  313. </div>
  314. <div class="clearfix"></div>
  315. </div>
  316. </div>
  317. <div class="col-md-4 contact-grid">
  318. <div class="contact-grid3 w3l">
  319. <i class="fa fa-envelope"></i>
  320. <div class="con-w3l-info">
  321. <h4>Email</h4>
  322. <p><a href="mailto:[email protected]">[email protected]</a>
  323. <span><a href="mailto:[email protected]">[email protected]</a></span></p>
  324. </div>
  325. <div class="clearfix"></div>
  326. </div>
  327. </div>
  328. <div class="clearfix"></div>
  329. </div>
  330. </div>
  331. <!-- map -->
  332. <div class="map agileits">
  333. <div class="location-mark"><i class="fa fa-map-marker"></i></div>
  334. <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d26359195.17562375!2d-113.7156245614499!3d36.2473834534249!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x54eab584e432360b%3A0x1c3bb99243deb742!2sUnited+States!5e0!3m2!1sen!2sin!4v1471497559566" frameborder="0" style="border:0" allowfullscreen></iframe>
  335. <div class="map-grids">
  336. <h4>Send Us a Message Now</h4>
  337. <form action="#" method="post">
  338. <input type="text" name="Your Name" placeholder="Your Name" required=" ">
  339. <input type="text" name="Your Email" placeholder="Your Email" required=" ">
  340. <textarea name="Your Message" placeholder="Your Message" required=""></textarea>
  341. <input type="submit" value="SUBMIT">
  342. </form>
  343.  
  344. </div>
  345.  
  346. </div>
  347. <!-- //map -->
  348. </div>
  349. <!-- Footer -->
  350. <div class="w3l-footer">
  351. <div class="container">
  352. <div class="footer-info-agile">
  353. <div class="col-md-2 footer-info-grid links">
  354. <h4>QUICK LINKS</h4>
  355. <ul>
  356. <li><a href="index.html">Home</a></li>
  357. <li><a href="about.html">About</a></li>
  358. <li><a href="codes.html">Services</a></li>
  359. <li><a href="portfolio.html">Portfolio</a></li>
  360. <li><a href="contact.html">Contact</a></li>
  361. </ul>
  362. </div>
  363. <div class="col-md-3 footer-info-grid address">
  364. <h4>ADDRESS</h4>
  365. <address>
  366. <ul>
  367. <li>London Victoria 3000</li>
  368. <li>40019 King Street Melbourne</li>
  369. <li>BO,London</li>
  370. <li>Telephone : +1 (734) 123-4567</li>
  371. <li>Email : <a class="mail" href="mailto:[email protected]">info(at)example.com</a></li>
  372. </ul>
  373. </address>
  374. </div>
  375. <div class="col-md-3 footer-grid">
  376. <h4>INSTAGRAM</h4>
  377. <div class="footer-grid-instagram">
  378. <a href="#"><img src="images/f1.jpg" alt=" " class="img-responsive"></a>
  379. </div>
  380. <div class="footer-grid-instagram">
  381. <a href="#"><img src="images/f2.jpg" alt=" " class="img-responsive"></a>
  382. </div>
  383. <div class="footer-grid-instagram">
  384. <a href="#"><img src="images/f3.jpg" alt=" " class="img-responsive"></a>
  385. </div>
  386. <div class="footer-grid-instagram">
  387. <a href="#"><img src="images/f4.jpg" alt=" " class="img-responsive"></a>
  388. </div>
  389. <div class="clearfix"> </div>
  390. </div>
  391. <div class="col-md-4 footer-info-grid newsletter">
  392. <h4>NEWSLETTER</h4>
  393. <p>Subscribe to our newsletter and we will inform you about newest projects and promotions.
  394. </p>
  395.  
  396. <form action="#" method="post" class="newsletter">
  397. <input class="email" type="email" placeholder="Your email...">
  398. <input type="submit" class="submit" value="">
  399. </form>
  400. </div>
  401. <div class="clearfix"></div>
  402. </div>
  403.  
  404. <div class="connect-agileits">
  405. <div class="connect-social">
  406. <h4>CONNECT WITH US</h4>
  407. <section class="social">
  408. <ul>
  409. <li><a class="icon fb" href="#"><i class="fa fa-facebook"></i></a></li>
  410. <li><a class="icon tw" href="#"><i class="fa fa-twitter"></i></a></li>
  411. <li><a class="icon rss" href="#"><i class="fa fa-rss"></i></a></li>
  412. <li><a class="icon lin" href="#"><i class="fa fa-linkedin"></i></a></li>
  413. <li><a class="icon pin" href="#"><i class="fa fa-pinterest"></i></a></li>
  414. <li><a class="icon db" href="#"><i class="fa fa-dribbble"></i></a></li>
  415. <li><a class="icon gp" href="#"><i class="fa fa-google-plus"></i></a></li>
  416. </ul>
  417. </section>
  418.  
  419. </div>
  420. </div>
  421.  
  422. <div class="copyright-wthree">
  423. <p>&copy; 2017 Controller. All Rights Reserved | Design by <a href="http://w3layouts.com/"> W3layouts </a></p>
  424. </div>
  425.  
  426. </div>
  427. </div>
  428. <!-- for bootstrap working -->
  429. <!-- js -->
  430. <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
  431. <!-- //js -->
  432. <script>
  433. $('ul.nav li.dropdown').hover(function() {
  434. $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500);
  435. }, function() {
  436. $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500);
  437. });
  438. </script>
  439. <!--banner Slider starts Here-->
  440. <script src="js/responsiveslides.min.js"></script>
  441. <script>
  442. // You can also use "$(window).load(function() {"
  443. $(function () {
  444. // Slideshow 4
  445. $("#slider3").responsiveSlides({
  446. auto: true,
  447. pager:true,
  448. nav:false,
  449. speed: 500,
  450. namespace: "callbacks",
  451. before: function () {
  452. $('.events').append("<li>before event fired.</li>");
  453. },
  454. after: function () {
  455. $('.events').append("<li>after event fired.</li>");
  456. }
  457. });
  458.  
  459. });
  460. </script>
  461.  
  462. <!--banner Slider starts Here-->
  463. <script>
  464. // You can also use "$(window).load(function() {"
  465. $(function () {
  466. // Slideshow 4
  467. $("#slider4").responsiveSlides({
  468. auto: true,
  469. pager:false,
  470. nav:true,
  471. speed: 500,
  472. namespace: "callbacks",
  473. before: function () {
  474. $('.events').append("<li>before event fired.</li>");
  475. },
  476. after: function () {
  477. $('.events').append("<li>after event fired.</li>");
  478. }
  479. });
  480.  
  481. });
  482. </script>
  483. <!-- start-smoth-scrolling -->
  484. <script type="text/javascript" src="js/move-top.js"></script>
  485. <script type="text/javascript" src="js/easing.js"></script>
  486. <script type="text/javascript">
  487. jQuery(document).ready(function($) {
  488. $(".scroll").click(function(event){
  489. event.preventDefault();
  490. $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
  491. });
  492. });
  493. </script>
  494. <script src="js/bootstrap.js"></script>
  495. <!-- //for bootstrap working -->
  496.  
  497. </body>
  498. </html>
  499. ]]>
  500. </content>
  501. <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
  502. <tabTrigger>mycoolsite</tabTrigger>
  503. <!-- Optional: Set a scope to limit where the snippet will trigger -->
  504. <scope>text.html</scope>
  505. </snippet>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!