API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 16th, 2019
68
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.12 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>InLine Hosting business Free HTML5 Template</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7. <meta name="description" content="" />
  8. <meta name="author" content="http://webthemez.com" />
  9. <!-- css -->
  10. <link href="css/bootstrap.min.css" rel="stylesheet" />
  11. <link href="css/fancybox/jquery.fancybox.css" rel="stylesheet">
  12. <link href="css/jcarousel.css" rel="stylesheet" />
  13. <link href="css/flexslider.css" rel="stylesheet" />
  14. <link href="js/owl-carousel/owl.carousel.css" rel="stylesheet">
  15. <link rel="stylesheet" href="et-line-font/style.css" />
  16. <!--[if lte IE 7]><script src="lte-ie7.js"></script><![endif]-->
  17. <link href="css/style.css" rel="stylesheet" />
  18.  
  19. <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
  20. <!--[if lt IE 9]>
  21. <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  22. <![endif]-->
  23.  
  24. </head>
  25. <body>
  26. <div id="wrapper" class="home-page">
  27. <div class="topbar">
  28. <div class="container">
  29. <div class="row">
  30. <div class="col-md-12">
  31. <a class="navbar-brand pull-left" href="index.html"><img src="img/logo.png" alt="logo"/></a>
  32. <p class="pull-right"><i class="fa fa-phone"></i> Tel No. (+001) 123-456-789</p>
  33. </div>
  34. </div>
  35. </div>
  36. </div>
  37. <!-- start header -->
  38. <header>
  39. <div class="navbar navbar-default navbar-static-top">
  40. <div class="container">
  41. <div class="navbar-header">
  42. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  43. <span class="icon-bar"></span>
  44. <span class="icon-bar"></span>
  45. <span class="icon-bar"></span>
  46. </button>
  47.  
  48. </div>
  49. <div class="navbar-collapse collapse ">
  50. <ul class="nav navbar-nav">
  51. <li class="active"><a href="index.html">Home</a></li>
  52. <li class="dropdown">
  53. <a href="#" data-toggle="dropdown" class="dropdown-toggle">About Us <b class="caret"></b></a>
  54. <ul class="dropdown-menu">
  55. <li><a href="about.html">Our Company</a></li>
  56. <li><a href="#">Our Team</a></li>
  57. <li><a href="#">News</a></li>
  58. <li><a href="#">Investors</a></li>
  59. </ul>
  60. </li>
  61. <li><a href="services.html">Services</a></li>
  62. <li><a href="portfolio.html">Portfolio</a></li>
  63. <li><a href="pricing.html">Pricing</a></li>
  64. <li><a href="contact.html">Contact</a></li>
  65. </ul>
  66. </div>
  67. </div>
  68. </div>
  69. </header>
  70. <!-- end header -->
  71. <section id="banner">
  72.  
  73. <!-- Slider -->
  74. <div id="main-slider" class="flexslider">
  75. <ul class="slides">
  76. <li>
  77. <img src="img/slides/1.jpg" alt="" />
  78. <div class="flex-caption">
  79. <h3>Cloud Hosting</h3>
  80. <p>Doloribus perferquam</p>
  81.  
  82. </div>
  83. </li>
  84. <li>
  85. <img src="img/slides/2.jpg" alt="" />
  86. <div class="flex-caption">
  87. <h3>Fiber Internet</h3>
  88. <p>Consectetur provident</p>
  89.  
  90. </div>
  91. </li>
  92. </ul>
  93. </div>
  94. <!-- end slider -->
  95.  
  96. </section>
  97. <section id="call-to-action-2">
  98. <div class="container">
  99. <div class="row">
  100. <div class="col-md-12 aligncenter">
  101. <h3>Welcome to InLine Technologies</h3>
  102. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt eius magni provident, doloribus omnis minus temporibus perferendis nesciunt quam repellendus nulla nemo ipsum odit corrupti.</p>
  103.  
  104. </div>
  105. </div>
  106. </div>
  107. </section>
  108.  
  109.  
  110.  
  111. <section id="content">
  112.  
  113.  
  114. <div class="container">
  115. <div class="row">
  116. <div class="col-md-12">
  117. <div class="aligncenter"><h2 class="aligncenter">Services</h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt eius magni provident, doloribus omnis minus ovident, doloribus omnis minus temporibus perferendis nesciunt..</div>
  118. <br/>
  119. </div>
  120. </div>
  121. <div class="row">
  122. <div class="skill-home"> <div class="skill-home-solid clearfix">
  123. <div class="col-md-4 text-center">
  124. <div class="box-content">
  125. <span class="icons c1"><i class="icon-layers"></i></span> <div class="box-area">
  126. <h3>Web Hosting</h3> <p>Lorem ipsum dolor sitamet, consec tetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt eius magni provident</p></div></div>
  127. </div>
  128. <div class="col-md-4 text-center">
  129. <div class="box-content focus">
  130. <span class="icons c2"><i class="icon-gears"></i></span> <div class="box-area">
  131. <h3>Cloud Service</h3> <p>Lorem ipsum dolor sitamet, consec tetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt eius magni provident</p></div></div>
  132. </div>
  133. <div class="col-md-4 text-center">
  134. <div class="box-content">
  135. <span class="icons c3"><i class="icon-shield"></i></span> <div class="box-area">
  136. <h3>Fiber Net</h3> <p>Lorem ipsum dolor sitamet, consec tetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt eius magni provident</p></div>
  137. </div> </div>
  138. </div></div>
  139. </div>
  140.  
  141.  
  142. </div>
  143. </section>
  144. <section class="section-padding gray-bg">
  145. <div class="container">
  146. <div class="row">
  147. <div class="col-lg-6 col-sm-6 text-center wow fadeInLeft animated" data-wow-animation-name="fadeInLeft">
  148. <img src="img/server.png" alt="">
  149. </div>
  150. <div class="col-lg-6 col-sm-6 wow fadeInRight animated" data-wow-animation-name="fadeInRight">
  151. <h2>
  152. Our Features
  153. </h2>
  154. <hr>
  155. <p>
  156. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ablic jiener. natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ablic jiener. natus error sit voluptatem accusantiu.
  157. </p>
  158. <p>
  159. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ablic jiener. natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ablic jiener. natus error sit voluptatem accusantiu.
  160. </p>
  161. <p>
  162. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ablic jiener.
  163. </p>
  164. <hr>
  165. <a href="javascript:;" class="lineBtn">
  166. Request Quote
  167. </a>
  168. </div>
  169. </div>
  170. </div>
  171. </section>
  172.  
  173. <section class="about home-about">
  174. <div class="container">
  175.  
  176. <div class="row">
  177. <div class="col-md-4">
  178. <!-- Heading and para -->
  179. <div class="block-heading-two">
  180. <h3><span>Our Best Services</span></h3>
  181. </div>
  182. <p>Sed ut perspiciaatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur. <br><br>Sed ut perspiciaatis iste natus error sit voluptatem probably haven't heard of them accusamus.</p>
  183. </div>
  184. <div class="col-md-4">
  185. <div class="block-heading-two">
  186. <h3><span>News & Updates</span></h3>
  187. </div>
  188. <!-- Accordion starts -->
  189. <div class="panel-group" id="accordion-alt3">
  190. <!-- Panel. Use "panel-XXX" class for different colors. Replace "XXX" with color. -->
  191. <div class="panel">
  192. <!-- Panel heading -->
  193. <div class="panel-heading">
  194. <h4 class="panel-title">
  195. <a data-toggle="collapse" data-parent="#accordion-alt3" href="#collapseOne-alt3">
  196. <i class="fa fa-angle-right"></i> Accordion Heading Text Item # 1
  197. </a>
  198. </h4>
  199. </div>
  200. <div id="collapseOne-alt3" class="panel-collapse collapse">
  201. <!-- Panel body -->
  202. <div class="panel-body">
  203. Sed ut perspiciaatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas
  204. </div>
  205. </div>
  206. </div>
  207. <div class="panel">
  208. <div class="panel-heading">
  209. <h4 class="panel-title">
  210. <a data-toggle="collapse" data-parent="#accordion-alt3" href="#collapseTwo-alt3">
  211. <i class="fa fa-angle-right"></i> Accordion Heading Text Item # 2
  212. </a>
  213. </h4>
  214. </div>
  215. <div id="collapseTwo-alt3" class="panel-collapse collapse">
  216. <div class="panel-body">
  217. Sed ut perspiciaatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas
  218. </div>
  219. </div>
  220. </div>
  221. <div class="panel">
  222. <div class="panel-heading">
  223. <h4 class="panel-title">
  224. <a data-toggle="collapse" data-parent="#accordion-alt3" href="#collapseThree-alt3">
  225. <i class="fa fa-angle-right"></i> Accordion Heading Text Item # 3
  226. </a>
  227. </h4>
  228. </div>
  229. <div id="collapseThree-alt3" class="panel-collapse collapse">
  230. <div class="panel-body">
  231. Sed ut perspiciaatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas
  232. </div>
  233. </div>
  234. </div>
  235. <div class="panel">
  236. <div class="panel-heading">
  237. <h4 class="panel-title">
  238. <a data-toggle="collapse" data-parent="#accordion-alt3" href="#collapseFour-alt3">
  239. <i class="fa fa-angle-right"></i> Accordion Heading Text Item # 4
  240. </a>
  241. </h4>
  242. </div>
  243. <div id="collapseFour-alt3" class="panel-collapse collapse">
  244. <div class="panel-body">
  245. Sed ut perspiciaatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas
  246. </div>
  247. </div>
  248. </div>
  249. </div>
  250. <!-- Accordion ends -->
  251.  
  252. </div>
  253.  
  254. <div class="col-md-4">
  255. <div class="info-box">
  256. <div class="carousel slide" data-ride="carousel" id="quote-carousel">
  257.  
  258. <!-- Bottom Carousel Indicators -->
  259. <ol class="carousel-indicators">
  260. <li data-target="#quote-carousel" data-slide-to="0" class="active"></li>
  261. <li data-target="#quote-carousel" data-slide-to="1"></li>
  262. <li data-target="#quote-carousel" data-slide-to="2"></li>
  263. </ol>
  264.  
  265. <!-- Carousel Slides / Quotes -->
  266. <div class="carousel-inner">
  267.  
  268. <!-- Quote 1 -->
  269. <div class="item active">
  270. <div class="row">
  271. <div class="col-sm-12">
  272. <p>&ldquo;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Etiam porta sem malesuada magna mollis euismod. Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus.&rdquo;</p>
  273. <small><strong>Vulputate M., Dolor</strong></small>
  274. </div>
  275. </div>
  276. </div>
  277.  
  278. <!-- Quote 2 -->
  279. <div class="item">
  280. <div class="row">
  281. <div class="col-sm-12">
  282. <p>&ldquo;Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.&rdquo;</p>
  283. <small><strong>Fringilla A., Vulputate Sit</strong></small>
  284. </div>
  285. </div>
  286. </div>
  287.  
  288. <!-- Quote 3 -->
  289. <div class="item">
  290. <div class="row">
  291. <div class="col-sm-12">
  292. <p>&ldquo;Aenean lacinia bibendum nulla sed consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Maecenas faucibus mollis interdum. Cras mattis consectetur purus sit amet fermentum.&rdquo;</p>
  293. <small><strong>Aenean A., Justo Cras</strong></small>
  294. </div>
  295. </div>
  296. </div>
  297.  
  298. </div>
  299.  
  300.  
  301. </div>
  302. </div>
  303. </div>
  304.  
  305. </div>
  306.  
  307.  
  308.  
  309. <br>
  310.  
  311. </div>
  312.  
  313. </section>
  314.  
  315.  
  316. <section class="section-padding">
  317. <div class="container">
  318. <div class="row">
  319. <div class="col-md-6 col-sm-6">
  320. <div class="about-text">
  321. <h2>About Us</h2>
  322. <p>Curabitur aliquet quam id dui posuere blandit. Donec sollicitudin molestie malesuada Pellentesque <br>ipsum id orci porta dapibus. Vivamus suscipit tortor eget felis porttitor volutpat.</p>
  323.  
  324. <p>Grids is a responsive Multipurpose Template. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur aliquet quam id dui posuere blandit. Donec sollicitudin molestie malesuada. Pellentesque in ipsum id orci porta.</p>
  325. <p>Grids is a responsive Multipurpose Template. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur aliquet quam id dui posuere blandit.</p>
  326. <a href="#" class="lineBtn">Read More</a>
  327. </div>
  328. </div>
  329. <div class="col-md-6 col-sm-6">
  330. <div class="about-image">
  331. <img src="img/about.jpg" alt="About Images">
  332. </div>
  333. </div>
  334. </div>
  335. </div>
  336. </section>
  337.  
  338.  
  339.  
  340. <footer>
  341. <div class="container">
  342. <div class="row">
  343. <div class="col-lg-3">
  344. <div class="widget">
  345. <h5 class="widgetheading">Our Contact</h5>
  346. <address>
  347. <strong>InLine company Inc</strong><br>
  348. JC Main Road, Near Silnile tower<br>
  349. Pin-21542 NewYork US.</address>
  350. <p>
  351. <i class="icon-phone"></i> (123) 456-789 - 1255-12584 <br>
  352. <i class="icon-envelope-alt"></i> email@domainname.com
  353. </p>
  354. </div>
  355. </div>
  356. <div class="col-lg-3">
  357. <div class="widget">
  358. <h5 class="widgetheading">Quick Links</h5>
  359. <ul class="link-list">
  360. <li><a href="#">Latest Events</a></li>
  361. <li><a href="#">Terms and conditions</a></li>
  362. <li><a href="#">Privacy policy</a></li>
  363. <li><a href="#">Career</a></li>
  364. <li><a href="#">Contact us</a></li>
  365. </ul>
  366. </div>
  367. </div>
  368. <div class="col-lg-3">
  369. <div class="widget">
  370. <h5 class="widgetheading">Latest posts</h5>
  371. <ul class="link-list">
  372. <li><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></li>
  373. <li><a href="#">Pellentesque et pulvinar enim. Quisque at tempor ligula</a></li>
  374. <li><a href="#">Natus error sit voluptatem accusantium doloremque</a></li>
  375. </ul>
  376. </div>
  377. </div>
  378. <div class="col-lg-3">
  379. <div class="widget">
  380. <h5 class="widgetheading">Recent News</h5>
  381. <ul class="link-list">
  382. <li><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></li>
  383. <li><a href="#">Pellentesque et pulvinar enim. Quisque at tempor ligula</a></li>
  384. <li><a href="#">Natus error sit voluptatem accusantium doloremque</a></li>
  385. </ul>
  386. </div>
  387. </div>
  388. </div>
  389. </div>
  390. <div id="sub-footer">
  391. <div class="container">
  392. <div class="row">
  393. <div class="col-lg-6">
  394. <div class="copyright">
  395. <p>
  396. <span>&copy; InLine 2016 All right reserved. By </span><a href="http://webthemez.com" InLine="_blank">WebThemez</a>
  397. </p>
  398. </div>
  399. </div>
  400. <div class="col-lg-6">
  401. <ul class="social-network">
  402. <li><a href="#" data-placement="top" title="Facebook"><i class="fa fa-facebook"></i></a></li>
  403. <li><a href="#" data-placement="top" title="Twitter"><i class="fa fa-twitter"></i></a></li>
  404. <li><a href="#" data-placement="top" title="Linkedin"><i class="fa fa-linkedin"></i></a></li>
  405. <li><a href="#" data-placement="top" title="Pinterest"><i class="fa fa-pinterest"></i></a></li>
  406. <li><a href="#" data-placement="top" title="Google plus"><i class="fa fa-google-plus"></i></a></li>
  407. </ul>
  408. </div>
  409. </div>
  410. </div>
  411. </div>
  412. </footer>
  413. </div>
  414. <a href="#" class="scrollup"><i class="fa fa-angle-up active"></i></a>
  415. <!-- javascript
  416. ================================================== -->
  417. <!-- Placed at the end of the document so the pages load faster -->
  418. <script src="js/jquery.js"></script>
  419. <script src="js/jquery.easing.1.3.js"></script>
  420. <script src="js/bootstrap.min.js"></script>
  421. <script src="js/jquery.fancybox.pack.js"></script>
  422. <script src="js/jquery.fancybox-media.js"></script>
  423. <script src="js/jquery.flexslider.js"></script>
  424. <script src="js/animate.js"></script>
  425. <!-- Vendor Scripts -->
  426. <script src="js/modernizr.custom.js"></script>
  427. <script src="js/jquery.isotope.min.js"></script>
  428. <script src="js/jquery.magnific-popup.min.js"></script>
  429. <script src="js/animate.js"></script>
  430. <script src="js/custom.js"></script>
  431. <script src="js/owl-carousel/owl.carousel.js"></script>
  432. <script>
  433. $(document).ready(function() {
  434. //carousel options
  435. $('#quote-carousel').carousel({
  436. pause: true, interval: 10000,
  437. });
  438. });
  439. </script>
  440. </body>
  441. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!