<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Home</title>
<link rel="stylesheet" href="static/css/all.min.css">
<link rel="stylesheet" href="static/css/slick.css">
<link rel="stylesheet" href="static/css/slick-theme.css">
<link rel="stylesheet" href="static/css/magnific-popup.css">
<link rel="stylesheet" href="static/css/bootstrap.min.css">
<link rel="stylesheet" href="static/css/tooplate-infinite-loop.css">
</head>
<body>
<!-- Hero section -->
<section id="infinite" class="text-white tm-font-big tm-parallax">
<!-- Navigation -->
<nav class="navbar navbar-expand-md tm-navbar" id="tmNav">
<div class="container">
<div class="tm-next">
<a href="#infinite" class="navbar-brand">Infinite Loop</a>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<i class="fas fa-bars navbar-toggler-icon"></i>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link tm-nav-link" href="#infinite">Home</a>
</li>
<li class="nav-item">
<a class="nav-link tm-nav-link" href="#whatwedo">What We Do</a>
</li>
<li class="nav-item">
<a class="nav-link tm-nav-link" href="#testimonials">Testimonials</a>
</li>
<li class="nav-item">
<a class="nav-link tm-nav-link" href="#gallery">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link tm-nav-link" href="#contact">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="text-center tm-hero-text-container">
<div class="tm-hero-text-container-inner">
<h2 class="tm-hero-title">Infinite Loop</h2>
<p class="tm-hero-subtitle">
Bootstrap 4.0 Parallax Theme
<br>Free HTML Template by TOOPLATE
</p>
</div>
</div>
<div class="tm-next tm-intro-next">
<a href="#whatwedo" class="text-center tm-down-arrow-link">
<i class="fas fa-2x fa-arrow-down tm-down-arrow"></i>
</a>
</div>
</section>
<section id="whatwedo" class="tm-section-pad-top">
<div class="container">
<div class="row tm-content-box"><!-- first row -->
<div class="col-lg-12 col-xl-12">
<div class="tm-intro-text-container">
<h2 class="tm-text-primary mb-4 tm-section-title">What We Do</h2>
<p class="mb-4 tm-intro-text">
This is Infinite Loop, free Bootstrap 4.0 HTML template with a parallax effect. This layout is what you can modify and use for your websites. Please spread a word to your friends about our website. Thank you for supporting us. If you have any question, you can contact us or chat with us on our.</p>
</div>
</div>
</div><!-- first row -->
<div class="row tm-content-box"><!-- second row -->
<div class="col-lg-1">
<i class="far fa-3x fa-chart-bar text-center tm-icon"></i>
</div>
<div class="col-lg-5">
<div class="tm-intro-text-container">
<h2 class="tm-text-primary mb-4">Market Analysis</h2>
<p class="mb-4 tm-intro-text">
Praesent sed pharetra lorem, blandit convallis mi. Aenean ornare elit ac metus lacinia, sed iaculis nibh semper. Pellentesque est urna.</p>
</div>
</div>
<div class="col-lg-1">
<i class="far fa-3x fa-comment-alt text-center tm-icon"></i>
</div>
<div class="col-lg-5">
<div class="tm-intro-text-container">
<h2 class="tm-text-primary mb-4">Fast Support</h2>
<p class="mb-4 tm-intro-text">
Credit goes to website for all images used in this template. Cras condimentum mi et sapien dignissim luctus.</p>
</div>
</div>
</div><!-- second row -->
<div class="row tm-content-box"><!-- third row -->
<div class="col-lg-1">
<i class="fas fa-3x fa-fingerprint text-center tm-icon"></i>
</div>
<div class="col-lg-5">
<div class="tm-intro-text-container">
<h2 class="tm-text-primary mb-4">Top Security</h2>
<p class="mb-4 tm-intro-text">
You have <strong>no</strong> authority to post this template as a ZIP file on your template collection websites. You can <strong>use</strong> this template for your commercial websites.</p>
<div class="tm-continue">
<a href="#testimonials" class="tm-intro-text tm-btn-primary">Learn More</a>
</div>
</div>
</div>
<div class="col-lg-1">
<i class="fas fa-3x fa-users text-center tm-icon"></i>
</div>
<div class="col-lg-5">
<div class="tm-intro-text-container">
<h2 class="tm-text-primary mb-4">Social Work</h2>
<p class="mb-4 tm-intro-text">
You can change by either <b><em>fas or far</em></b> in the HTML codes. For Examples:<br>
<em><i class="fas fa-users"><i class="far fa-chart-bar"></em> </p>
<div class="tm-continue">
<a href="#testimonials" class="tm-intro-text tm-btn-primary">Details</a>
</div>
</div>
</div>
</div><!-- third row -->
</div>
</section>
<section id="testimonials" class="tm-section-pad-top tm-parallax-2">
<div class="container tm-testimonials-content">
<div class="row">
<div class="col-lg-12 tm-content-box">
<h2 class="text-white text-center mb-4 tm-section-title">Testimonials</h2>
<p class="mx-auto tm-section-desc text-center">
Nulla dictum sem non eros euismod, eu placerat tortor lobortis. Suspendisse id velit eu libero pellentesque interdum. Etiam quis congue eros.
</p>
<div class="mx-auto tm-gallery-container tm-gallery-container-2">
<div class="tm-testimonials-carousel">
<figure class="tm-testimonial-item">
<img src="static/picture/testimonial-img-01.jpg" alt="Image" class="img-fluid mx-auto">
<blockquote>This background image includes a semi-transparent overlay layer. This section also has a parallax image effect.</blockquote>
<figcaption>Catherine Win (Designer)</figcaption>
</figure>
<figure class="tm-testimonial-item">
<img src="static/picture/testimonial-img-02.jpg" alt="Image" class="img-fluid mx-auto">
<blockquote>Testimonial section comes with carousel items. You can use Infinite Loop HTML CSS template for your websites.</blockquote>
<figcaption>Dual Rocker (CEO)</figcaption>
</figure>
<figure class="tm-testimonial-item">
<img src="static/picture/testimonial-img-03.jpg" alt="Image" class="img-fluid mx-auto">
<blockquote>Nulla finibus ligula nec tortor convallis tincidunt. Interdum et malesuada fames ac ante ipsum primis in faucibus.</blockquote>
<figcaption>Sandar Soft (Marketing)</figcaption>
</figure>
<figure class="tm-testimonial-item">
<img src="static/picture/testimonial-img-04.jpg" alt="Image" class="img-fluid mx-auto">
<blockquote>Curabitur rutrum pharetra lobortis. Pellentesque vehicula, velit quis eleifend fermentum, erat arcu aliquet neque.</blockquote>
<figcaption>Oliva Htoo (Designer)</figcaption>
</figure>
<figure class="tm-testimonial-item">
<img src="static/picture/testimonial-img-02.jpg" alt="Image" class="img-fluid mx-auto">
<blockquote>Integer sit amet risus et erat imperdiet finibus. Nam lacus nunc, vulputate id ex eget, euismod auctor augue.</blockquote>
<figcaption>Jacob Joker (CTO)</figcaption>
</figure>
</div>
</div>
</div>
</div>
</div>
<div class="tm-bg-overlay"></div>
</section>
<section id="gallery" class="tm-section-pad-top">
<div class="container tm-container-gallery">
<div class="row">
<div class="text-center col-12">
<h2 class="tm-tex
Bootstrap响应式视差背景效果单页企业官网模板
版权申诉
5 浏览量
2022-07-14
02:43:57
上传
评论
收藏 2.64MB RAR 举报
Zp_demo.demohuo.top_165.rar （61个子文件） 
Zp_demo.demohuo.top_165 
index.html 17KB static css 
tooplate-infinite-loop.css 11KB magnific-popup.css 7KB bootstrap.min.css 138KB slick-theme.css 3KB slick.css 2KB css.css 8KB all.min.css 50KB image 
ajax-loader.gif 4KB
infinite-loop-02.jpg 130KB infinite-loop-03.jpg 124KB infinite-loop-01.jpg 264KB infinite-loop-02-mobile.jpg 95KB picture gallery-img-01.jpg 48KB testimonial-img-03.jpg 7KB gallery-tn-05.jpg 24KB gallery-img-06.jpg 113KB gallery-img-02.jpg 93KB gallery-tn-06.jpg 34KB gallery-tn-04.jpg 35KB testimonial-img-01.jpg 8KB testimonial-img-02.jpg 7KB testimonial-img-04.jpg 7KB gallery-img-04.jpg 101KB gallery-tn-03.jpg 26KB gallery-tn-02.jpg 32KB gallery-img-05.jpg 79KB gallery-tn-01.jpg 21KB gallery-img-03.jpg 93KB js jquery.singlePageNav.min.js 3KB jquery.magnific-popup.min.js 20KB bootstrap.min.js 50KB jquery-1.9.1.min.js 90KB slick.min.js 42KB easing.min.js 2KB file gallery-img-01.jpg 48KB gallery-img-06.jpg 113KB gallery-img-02.jpg 93KB gallery-img-04.jpg 101KB gallery-img-05.jpg 79KB gallery-img-03.jpg 93KB font slick.ttf 2KB fa-solid-900.woff2 72KB fa-brands-400.woff2 68KB slick.woff 1KB fa-brands-400.woff 80KB 1Ptug8zYS_SKggPNyCMIT5lu.woff2 30KB fa-brands-400.eot 123KB 1Ptug8zYS_SKggPNyCAIT5lu.woff2 26KB fa-regular-400.woff2 14KB fa-solid-900.eot 193KB 1Ptug8zYS_SKggPNyCkIT5lu.woff2 25KB fa-regular-400.ttf 39KB fa-regular-400.eot 40KB 1Ptug8zYS_SKggPNyCIIT5lu.woff2 11KB fa-solid-900.ttf 192KB fa-brands-400.ttf 123KB slick.eot 2KB 1Ptug8zYS_SKggPNyC0ITw.woff2 46KB fa-regular-400.woff 18KB fa-solid-900.woff 93KB资源评论
你热爱好热啊
- 粉丝: 2
- 资源: 1385
