index.html 32 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6. <meta name="description" content="Tivo is a free HTML landing page template built with Bootstrap to help you crate engaging presentations for SaaS apps and convert visitors into users.">
  7. <title>工时管家</title>
  8. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700&display=swap&subset=latin-ext" rel="stylesheet">
  9. <link href="css/bootstrap.css" rel="stylesheet">
  10. <link href="css/fontawesome-all.css" rel="stylesheet">
  11. <link href="css/swiper.css" rel="stylesheet">
  12. <link href="css/magnific-popup.css" rel="stylesheet">
  13. <link href="css/styles.css" rel="stylesheet">
  14. <link rel="icon" href="images/favicon.png">
  15. </head>
  16. <body data-spy="scroll" data-target=".fixed-top">
  17. <div class="spinner-wrapper">
  18. <div class="spinner">
  19. <div class="bounce1"></div>
  20. <div class="bounce2"></div>
  21. <div class="bounce3"></div>
  22. </div>
  23. </div>
  24. <nav class="navbar navbar-expand-lg navbar-dark navbar-custom fixed-top">
  25. <div class="container">
  26. <!-- Text Logo - Use this if you don't have a graphic logo -->
  27. <!-- <a class="navbar-brand logo-text page-scroll" href="index.html">Tivo</a> -->
  28. <!-- Image Logo -->
  29. <a class="navbar-brand logo-image" href="index.html"><img src="images/logo.svg" alt="alternative"></a>
  30. <!-- Mobile Menu Toggle Button -->
  31. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
  32. <span class="navbar-toggler-awesome fas fa-bars"></span>
  33. <span class="navbar-toggler-awesome fas fa-times"></span>
  34. </button>
  35. <!-- end of mobile menu toggle button -->
  36. <div class="collapse navbar-collapse" id="navbarsExampleDefault">
  37. <ul class="navbar-nav ml-auto">
  38. <li class="nav-item">
  39. <a class="nav-link page-scroll" href="#header">网站首页 <span class="sr-only">(current)</span></a>
  40. </li>
  41. <li class="nav-item">
  42. <a class="nav-link page-scroll" href="#features">关于我们</a>
  43. </li>
  44. <li class="nav-item other-item">
  45. <a class="nav-link page-scroll" href="#details">软件下载</a>
  46. </li>
  47. <li class="nav-item">
  48. <a class="nav-link page-scroll" href="#details">立即注册</a>
  49. </li>
  50. <li class="nav-divider"></li>
  51. <li class="nav-item">
  52. <a class="nav-link page-scroll" href="#details">后台登录</a>
  53. </li>
  54. </ul>
  55. </div>
  56. </div>
  57. </nav>
  58. <header id="header" class="header">
  59. <div class="header-content">
  60. <div class="container">
  61. <div class="row">
  62. <div class="col-lg-6 col-xl-5">
  63. <div class="text-container">
  64. <h1>最贴心的工时管理工具</h1>
  65. <p class="p-large">工时管家利用图像识别技术,精准判断员工桌面运行软件,可统计员工每天工时分配情况,如工作、娱乐等;领导可通过后台查看员工实时桌面,并对员工异常工作状态做出提醒。</p>
  66. <a class="btn-solid-lg page-scroll" href="#details">免费下载试用</a>
  67. </div>
  68. </div>
  69. <div class="col-lg-6 col-xl-7">
  70. <div class="image-container">
  71. <div class="img-wrapper">
  72. <img class="img-fluid" src="images/header-software-app.png" alt="alternative">
  73. </div>
  74. </div>
  75. </div>
  76. </div>
  77. </div>
  78. </div>
  79. </header>
  80. <svg class="header-frame" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 1920 310"><defs><style>.cls-1{fill:#20a0ff;}</style></defs><title>header-frame</title><path class="cls-1" d="M0,283.054c22.75,12.98,53.1,15.2,70.635,14.808,92.115-2.077,238.3-79.9,354.895-79.938,59.97-.019,106.17,18.059,141.58,34,47.778,21.511,47.778,21.511,90,38.938,28.418,11.731,85.344,26.169,152.992,17.971,68.127-8.255,115.933-34.963,166.492-67.393,37.467-24.032,148.6-112.008,171.753-127.963,27.951-19.26,87.771-81.155,180.71-89.341,72.016-6.343,105.479,12.388,157.434,35.467,69.73,30.976,168.93,92.28,256.514,89.405,100.992-3.315,140.276-41.7,177-64.9V0.24H0V283.054Z"/></svg>
  81. <!-- Details -->
  82. <div id="details" class="basic-1">
  83. <div class="container">
  84. <div class="row">
  85. <div class="col-lg-6">
  86. <div class="text-container">
  87. <h2>工时管家客户端</h2>
  88. <p>工时管家客户端会截取保存员工当前桌面,通过图像分析,精准判断员工正在操作的软件,
  89. 获知该员工当前的工作状态,如编程、设计、查阅资料、处理文档、玩游戏、听音乐等; 员工通过客户端可查看自己每天的工作时间段,
  90. 填写工作日报,对于工时统计的异常情况,可发起异常申请。</p>
  91. <a class="btn-solid-reg page-scroll" href="sign-up.html">去下载</a>
  92. </div>
  93. </div>
  94. <div class="col-lg-6">
  95. <div class="image-container">
  96. <img class="img-fluid" src="images/desk1.png" alt="alternative">
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  102. <!-- end of details -->
  103. <!-- Features -->
  104. <div id="features" class="tabs">
  105. <div class="container">
  106. <div class="row">
  107. <div class="col-lg-6">
  108. <div class="image-container">
  109. <img class="img-fluid" src="images/desk2.png" alt="alternative">
  110. </div> <!-- end of image-container -->
  111. </div> <!-- end of col -->
  112. <div class="col-lg-6">
  113. <div class="text-container">
  114. <h3>工时管家管理后台</h3>
  115. <p>领导通过后台可查看通过客户端所截取的员工电脑桌面图像,
  116. 通过图像识别技术可对员工异常工作状态进行提醒,如玩游戏、听音乐、看影视剧等; 并对每个员工的工时进行分类统计,支持导出报表;
  117. 领导可查看员工通过客户端所填写的工作日报及异常申请。</p>
  118. <a class="btn-solid-reg popup-with-move-anim" href="#details-lightbox-1">去登录</a>
  119. </div>
  120. </div>
  121. </div>
  122. </div>
  123. </div>
  124. <!-- end of features -->
  125. <!-- Description -->
  126. <div class="cards-1">
  127. <div class="container">
  128. <div class="row">
  129. <div class="col-lg-12">
  130. <h2 class="h2-heading">产品特色功能</h2>
  131. </div>
  132. </div>
  133. <div class="row">
  134. <div class="col-lg-12">
  135. <div class="card">
  136. <div class="card-image">
  137. <img class="img-fluid" src="images/1.png" alt="alternative">
  138. </div>
  139. <div class="card-body">
  140. <h4 class="card-title">图像分析</h4>
  141. <p>采用最新的图像分析技术<br>拥有海量数据提供支持<br>可以做到千张图片无差错</p>
  142. </div>
  143. </div>
  144. <div class="card">
  145. <div class="card-image">
  146. <img class="img-fluid" src="images/2.png" alt="alternative">
  147. </div>
  148. <div class="card-body">
  149. <h4 class="card-title">统计视图</h4>
  150. <p>统计员工每天工时分配<br>深入分析细分工作状态<br>进行可视化统计</p>
  151. </div>
  152. </div>
  153. <div class="card">
  154. <div class="card-image">
  155. <img class="img-fluid" src="images/3.png" alt="alternative">
  156. </div>
  157. <div class="card-body">
  158. <h4 class="card-title">实时提醒</h4>
  159. <p>领导实时获取员工工作状态<br>对于异常工作状态<br>可以第一时间收到提醒</p>
  160. </div>
  161. </div>
  162. </div>
  163. </div>
  164. <div class="row">
  165. <div class="col-lg-12">
  166. <div class="card">
  167. <div class="card-image">
  168. <img class="img-fluid" src="images/4.png" alt="alternative">
  169. </div>
  170. <div class="card-body">
  171. <h4 class="card-title">项目管理</h4>
  172. <p>以项目作为纬度进行工时统计<br>掌握员工对每个项目所花工时<br>有利于领导对项目整体进度进行调整</p>
  173. </div>
  174. </div>
  175. <div class="card">
  176. <div class="card-image">
  177. <img class="img-fluid" src="images/5.png" alt="alternative">
  178. </div>
  179. <div class="card-body">
  180. <h4 class="card-title">员工绩效</h4>
  181. <p>深入分析员工工作状态<br>比对标准工作时间<br>智能计算员工绩效</p>
  182. </div>
  183. </div>
  184. <div class="card">
  185. <div class="card-image">
  186. <img class="img-fluid" src="images/6.png" alt="alternative">
  187. </div>
  188. <div class="card-body">
  189. <h4 class="card-title">自觉养成</h4>
  190. <p>工时管家这个隐形之眼<br>对员工进行警示与督促作用<br>使其无形中养成自省的习惯</p>
  191. </div>
  192. </div>
  193. </div>
  194. </div>
  195. </div>
  196. </div>
  197. <!-- end of description -->
  198. <!-- Video -->
  199. <div id="video" class="basic-2">
  200. <div class="container">
  201. <div class="row">
  202. <div class="col-lg-12">
  203. <!-- Video Preview -->
  204. <div class="image-container">
  205. <div class="video-wrapper">
  206. <a class="popup-youtube" href="https://www.youtube.com/watch?v=fLCjQJCekTs" data-effect="fadeIn">
  207. <img class="img-fluid" src="images/video-image.png" alt="alternative">
  208. <span class="video-play-button">
  209. <span></span>
  210. </span>
  211. </a>
  212. </div> <!-- end of video-wrapper -->
  213. </div> <!-- end of image-container -->
  214. <!-- end of video preview -->
  215. <div class="p-heading">What better way to show off Tivo marketing automation saas app than presenting you some great situations of each module and tool available to users in a video</div>
  216. </div> <!-- end of col -->
  217. </div> <!-- end of row -->
  218. </div> <!-- end of container -->
  219. </div> <!-- end of basic-2 -->
  220. <!-- end of video -->
  221. <!-- Pricing -->
  222. <div id="pricing" class="cards-2">
  223. <div class="container">
  224. <div class="row">
  225. <div class="col-lg-12">
  226. <div class="above-heading">PRICING</div>
  227. <h2 class="h2-heading">Pricing Options Table</h2>
  228. </div> <!-- end of col -->
  229. </div> <!-- end of row -->
  230. <div class="row">
  231. <div class="col-lg-12">
  232. <!-- Card-->
  233. <div class="card">
  234. <div class="card-body">
  235. <div class="card-title">BASIC</div>
  236. <div class="price"><span class="currency">$</span><span class="value">Free</span></div>
  237. <div class="frequency">14 days trial</div>
  238. <div class="divider"></div>
  239. <ul class="list-unstyled li-space-lg">
  240. <li class="media">
  241. <i class="fas fa-check"></i><div class="media-body">Email Marketing Module</div>
  242. </li>
  243. <li class="media">
  244. <i class="fas fa-check"></i><div class="media-body">User Control Management</div>
  245. </li>
  246. <li class="media">
  247. <i class="fas fa-times"></i><div class="media-body">List Building And Cleaning</div>
  248. </li>
  249. <li class="media">
  250. <i class="fas fa-times"></i><div class="media-body">Collected Data Reports</div>
  251. </li>
  252. <li class="media">
  253. <i class="fas fa-times"></i><div class="media-body">Planning And Evaluation</div>
  254. </li>
  255. </ul>
  256. <div class="button-wrapper">
  257. <a class="btn-solid-reg page-scroll" href="sign-up.html">SIGN UP</a>
  258. </div>
  259. </div>
  260. </div> <!-- end of card -->
  261. <!-- end of card -->
  262. <!-- Card-->
  263. <div class="card">
  264. <div class="card-body">
  265. <div class="card-title">ADVANCED</div>
  266. <div class="price"><span class="currency">$</span><span class="value">29.99</span></div>
  267. <div class="frequency">monthly</div>
  268. <div class="divider"></div>
  269. <ul class="list-unstyled li-space-lg">
  270. <li class="media">
  271. <i class="fas fa-check"></i><div class="media-body">Email Marketing Module</div>
  272. </li>
  273. <li class="media">
  274. <i class="fas fa-check"></i><div class="media-body">User Control Management</div>
  275. </li>
  276. <li class="media">
  277. <i class="fas fa-check"></i><div class="media-body">List Building And Cleaning</div>
  278. </li>
  279. <li class="media">
  280. <i class="fas fa-times"></i><div class="media-body">Collected Data Reports</div>
  281. </li>
  282. <li class="media">
  283. <i class="fas fa-times"></i><div class="media-body">Planning And Evaluation</div>
  284. </li>
  285. </ul>
  286. <div class="button-wrapper">
  287. <a class="btn-solid-reg page-scroll" href="sign-up.html">SIGN UP</a>
  288. </div>
  289. </div>
  290. </div> <!-- end of card -->
  291. <!-- end of card -->
  292. <!-- Card-->
  293. <div class="card">
  294. <!--<div class="label">
  295. <p class="best-value">Best Value</p>
  296. </div> -->
  297. <div class="card-body">
  298. <div class="card-title">COMPLETE</div>
  299. <div class="price"><span class="currency">$</span><span class="value">39.99</span></div>
  300. <div class="frequency">monthly</div>
  301. <div class="divider"></div>
  302. <ul class="list-unstyled li-space-lg">
  303. <li class="media">
  304. <i class="fas fa-check"></i><div class="media-body">Email Marketing Module</div>
  305. </li>
  306. <li class="media">
  307. <i class="fas fa-check"></i><div class="media-body">User Control Management</div>
  308. </li>
  309. <li class="media">
  310. <i class="fas fa-check"></i><div class="media-body">List Building And Cleaning</div>
  311. </li>
  312. <li class="media">
  313. <i class="fas fa-check"></i><div class="media-body">Collected Data Reports</div>
  314. </li>
  315. <li class="media">
  316. <i class="fas fa-check"></i><div class="media-body">Planning And Evaluation</div>
  317. </li>
  318. </ul>
  319. <div class="button-wrapper">
  320. <a class="btn-solid-reg page-scroll" href="sign-up.html">SIGN UP</a>
  321. </div>
  322. </div>
  323. </div> <!-- end of card -->
  324. <!-- end of card -->
  325. </div> <!-- end of col -->
  326. </div> <!-- end of row -->
  327. </div> <!-- end of container -->
  328. </div> <!-- end of cards-2 -->
  329. <!-- end of pricing -->
  330. <!-- Testimonials -->
  331. <div class="slider-2">
  332. <div class="container">
  333. <div class="row">
  334. <div class="col-lg-12">
  335. <!-- Text Slider -->
  336. <div class="slider-container">
  337. <div class="swiper-container text-slider">
  338. <div class="swiper-wrapper">
  339. <!-- Slide -->
  340. <div class="swiper-slide">
  341. <div class="image-wrapper">
  342. <img class="img-fluid" src="images/testimonial-1.jpg" alt="alternative">
  343. </div> <!-- end of image-wrapper -->
  344. <div class="text-wrapper">
  345. <div class="testimonial-text">I started to use Tivo with the free trial about a year ago and never stopped since then. It does all the repeating marketing tasks and allows me to focus on core development activities like new product research and design. I love it and recommend it to everyone.</div>
  346. <div class="testimonial-author">Jude Thorn - Online Marketer</div>
  347. </div> <!-- end of text-wrapper -->
  348. </div> <!-- end of swiper-slide -->
  349. <!-- end of slide -->
  350. <!-- Slide -->
  351. <div class="swiper-slide">
  352. <div class="image-wrapper">
  353. <img class="img-fluid" src="images/testimonial-2.jpg" alt="alternative">
  354. </div> <!-- end of image-wrapper -->
  355. <div class="text-wrapper">
  356. <div class="testimonial-text">Awesome features for the money. I never thought such a low ammount of money would bring me so many leads per month. Before Tivo I used the services of an agency which cost 10x more and delivered far less. Highly recommended to marketers focused on results.</div>
  357. <div class="testimonial-author">Roy Smith - Developer</div>
  358. </div> <!-- end of text-wrapper -->
  359. </div> <!-- end of swiper-slide -->
  360. <!-- end of slide -->
  361. <!-- Slide -->
  362. <div class="swiper-slide">
  363. <div class="image-wrapper">
  364. <img class="img-fluid" src="images/testimonial-3.jpg" alt="alternative">
  365. </div> <!-- end of image-wrapper -->
  366. <div class="text-wrapper">
  367. <div class="testimonial-text">Tivo is the best marketing automation app for small and medium sized business. It understands the mindset of young entrepreneurs and provides the necessary data for wise marketing decisions. Just give it a try and you will definitely not regret spending your time.</div>
  368. <div class="testimonial-author">Marsha Singer - Online Marketer</div>
  369. </div> <!-- end of text-wrapper -->
  370. </div> <!-- end of swiper-slide -->
  371. <!-- end of slide -->
  372. <!-- Slide -->
  373. <div class="swiper-slide">
  374. <div class="image-wrapper">
  375. <img class="img-fluid" src="images/testimonial-4.jpg" alt="alternative">
  376. </div> <!-- end of image-wrapper -->
  377. <div class="text-wrapper">
  378. <div class="testimonial-text">Tivo is one of the greatest marketing automation apps out there. I especially love the Reporting Tools module because it gives me such a great amount of information based on little amounts of input gathered in just few weeks of light weight usage. Recommended!</div>
  379. <div class="testimonial-author">Ronda Louis - Online Marketer</div>
  380. </div> <!-- end of text-wrapper -->
  381. </div> <!-- end of swiper-slide -->
  382. <!-- end of slide -->
  383. </div> <!-- end of swiper-wrapper -->
  384. <!-- Add Arrows -->
  385. <div class="swiper-button-next"></div>
  386. <div class="swiper-button-prev"></div>
  387. <!-- end of add arrows -->
  388. </div> <!-- end of swiper-container -->
  389. </div> <!-- end of slider-container -->
  390. <!-- end of text slider -->
  391. </div> <!-- end of col -->
  392. </div> <!-- end of row -->
  393. </div> <!-- end of container -->
  394. </div> <!-- end of slider-2 -->
  395. <!-- end of testimonials -->
  396. <!-- Newsletter -->
  397. <div class="form">
  398. <div class="container">
  399. <div class="row">
  400. <div class="col-lg-12">
  401. <div class="text-container">
  402. <div class="above-heading">NEWSLETTER</div>
  403. <h2>Stay Updated With The Latest News To Get More Qualified Leads</h2>
  404. <!-- Newsletter Form -->
  405. <form id="newsletterForm" data-toggle="validator" data-focus="false">
  406. <div class="form-group">
  407. <input type="email" class="form-control-input" id="nemail" required>
  408. <label class="label-control" for="nemail">Email</label>
  409. <div class="help-block with-errors"></div>
  410. </div>
  411. <div class="form-group checkbox">
  412. <input type="checkbox" id="nterms" value="Agreed-to-Terms" required>I've read and agree to Tivo's written <a href="privacy-policy.html">Privacy Policy</a> and <a href="terms-conditions.html">Terms Conditions</a>
  413. <div class="help-block with-errors"></div>
  414. </div>
  415. <div class="form-group">
  416. <button type="submit" class="form-control-submit-button">SUBSCRIBE</button>
  417. </div>
  418. <div class="form-message">
  419. <div id="nmsgSubmit" class="h3 text-center hidden"></div>
  420. </div>
  421. </form>
  422. <!-- end of newsletter form -->
  423. </div> <!-- end of text-container -->
  424. </div> <!-- end of col -->
  425. </div> <!-- end of row -->
  426. <div class="row">
  427. <div class="col-lg-12">
  428. <div class="icon-container">
  429. <span class="fa-stack">
  430. <a href="#your-link">
  431. <i class="fas fa-circle fa-stack-2x"></i>
  432. <i class="fab fa-facebook-f fa-stack-1x"></i>
  433. </a>
  434. </span>
  435. <span class="fa-stack">
  436. <a href="#your-link">
  437. <i class="fas fa-circle fa-stack-2x"></i>
  438. <i class="fab fa-twitter fa-stack-1x"></i>
  439. </a>
  440. </span>
  441. <span class="fa-stack">
  442. <a href="#your-link">
  443. <i class="fas fa-circle fa-stack-2x"></i>
  444. <i class="fab fa-pinterest-p fa-stack-1x"></i>
  445. </a>
  446. </span>
  447. <span class="fa-stack">
  448. <a href="#your-link">
  449. <i class="fas fa-circle fa-stack-2x"></i>
  450. <i class="fab fa-instagram fa-stack-1x"></i>
  451. </a>
  452. </span>
  453. <span class="fa-stack">
  454. <a href="#your-link">
  455. <i class="fas fa-circle fa-stack-2x"></i>
  456. <i class="fab fa-linkedin-in fa-stack-1x"></i>
  457. </a>
  458. </span>
  459. </div> <!-- end of col -->
  460. </div> <!-- end of col -->
  461. </div> <!-- end of row -->
  462. </div> <!-- end of container -->
  463. </div> <!-- end of form -->
  464. <!-- end of newsletter -->
  465. <!-- Footer -->
  466. <svg class="footer-frame" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 1920 79"><defs><style>.cls-2{fill:#20a0ff;}</style></defs><title>footer-frame</title><path class="cls-2" d="M0,72.427C143,12.138,255.5,4.577,328.644,7.943c147.721,6.8,183.881,60.242,320.83,53.737,143-6.793,167.826-68.128,293-60.9,109.095,6.3,115.68,54.364,225.251,57.319,113.58,3.064,138.8-47.711,251.189-41.8,104.012,5.474,109.713,50.4,197.369,46.572,89.549-3.91,124.375-52.563,227.622-50.155A338.646,338.646,0,0,1,1920,23.467V79.75H0V72.427Z" transform="translate(0 -0.188)"/></svg>
  467. <div class="footer">
  468. <div class="container">
  469. <div class="row">
  470. <div class="col-md-4">
  471. <div class="footer-col first">
  472. <h4>About Tivo</h4>
  473. <p class="p-small">We're passionate about designing and developing one of the best marketing apps in the market</p>
  474. </div>
  475. </div> <!-- end of col -->
  476. <div class="col-md-4">
  477. <div class="footer-col middle">
  478. <h4>Important Links</h4>
  479. <ul class="list-unstyled li-space-lg p-small">
  480. <li class="media">
  481. <i class="fas fa-square"></i>
  482. <div class="media-body">Our business partners <a class="white" href="#your-link">startupguide.com</a></div>
  483. </li>
  484. <li class="media">
  485. <i class="fas fa-square"></i>
  486. <div class="media-body">Read our <a class="white" href="terms-conditions.html">Terms & Conditions</a>, <a class="white" href="privacy-policy.html">Privacy Policy</a></div>
  487. </li>
  488. </ul>
  489. </div>
  490. </div> <!-- end of col -->
  491. <div class="col-md-4">
  492. <div class="footer-col last">
  493. <h4>Contact</h4>
  494. <ul class="list-unstyled li-space-lg p-small">
  495. <li class="media">
  496. <i class="fas fa-map-marker-alt"></i>
  497. <div class="media-body">22 Innovative, San Francisco, CA 94043, US</div>
  498. </li>
  499. <li class="media">
  500. <i class="fas fa-envelope"></i>
  501. <div class="media-body"><a class="white" href="mailto:contact@tivo.com">contact@tivo.com</a> <i class="fas fa-globe"></i><a class="white" href="#your-link">www.tivo.com</a></div>
  502. </li>
  503. </ul>
  504. </div>
  505. </div> <!-- end of col -->
  506. </div> <!-- end of row -->
  507. </div> <!-- end of container -->
  508. </div> <!-- end of footer -->
  509. <!-- end of footer -->
  510. <!-- Copyright -->
  511. <div class="copyright">
  512. <div class="container">
  513. <div class="row">
  514. <div class="col-lg-12">
  515. <p class="p-small">Copyright © Tivo - More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
  516. </div> <!-- end of col -->
  517. </div> <!-- enf of row -->
  518. </div> <!-- end of container -->
  519. </div> <!-- end of copyright -->
  520. <!-- end of copyright -->
  521. <!-- Scripts -->
  522. <script src="js/jquery.min.js"></script> <!-- jQuery for Bootstrap's JavaScript plugins -->
  523. <script src="js/popper.min.js"></script> <!-- Popper tooltip library for Bootstrap -->
  524. <script src="js/bootstrap.min.js"></script> <!-- Bootstrap framework -->
  525. <script src="js/jquery.easing.min.js"></script> <!-- jQuery Easing for smooth scrolling between anchors -->
  526. <script src="js/swiper.min.js"></script> <!-- Swiper for image and text sliders -->
  527. <script src="js/jquery.magnific-popup.js"></script> <!-- Magnific Popup for lightboxes -->
  528. <script src="js/validator.min.js"></script> <!-- Validator.js - Bootstrap plugin that validates forms -->
  529. <script src="js/scripts.js"></script> <!-- Custom scripts -->
  530. </body>
  531. </html>