<!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>Dream Pulse TemplateMo</title>
<!--
DREAM PULSE
https://templatemo.com/tm-536-dream-pulse
-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,600" />
<link rel="stylesheet" href="css/all.min.css" />
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="slick/slick.css"/>
<link rel="stylesheet" href="slick/slick-theme.css"/>
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/templatemo-dream-pulse.css" />
</head>
<body>
<main class="container-fluid">
<div class="row">
<nav id="tmSidebar" class="tm-bg-black-transparent tm-sidebar">
<button class="navbar-toggler" type="button" aria-label="Toggle navigation">
<i class="fas fa-bars"></i>
</button>
<div class="tm-sidebar-sticky">
<div class="tm-brand-box">
<div class="tm-double-border-1">
<div class="tm-double-border-2">
<h1 class="tm-brand text-uppercase">Dream Pulse</h1>
</div>
</div>
</div>
<ul id="tmMainNav" class="nav flex-column text-uppercase text-right tm-main-nav">
<li class="nav-item">
<a href="#intro" class="nav-link active">
<span class="d-inline-block mr-3">Intro</span>
<span class="d-inline-block tm-white-rect"></span>
</a>
</li>
<li class="nav-item">
<a href="#about" class="nav-link">
<span class="d-inline-block mr-3">About</span>
<span class="d-inline-block tm-white-rect"></span>
</a>
</li>
<li class="nav-item">
<a href="#work" class="nav-link">
<span class="d-inline-block mr-3">Work</span>
<span class="d-inline-block tm-white-rect"></span>
</a>
</li>
<li class="nav-item">
<a href="#clients" class="nav-link">
<span class="d-inline-block mr-3">Clients</span>
<span class="d-inline-block tm-white-rect"></span>
</a>
</li>
<li class="nav-item">
<a href="#talk" class="nav-link">
<span class="d-inline-block mr-3">Let's Talk</span>
<span class="d-inline-block tm-white-rect"></span>
</a>
</li>
</ul>
<ul class="nav flex-row tm-social-links">
<li class="nav-item">
<a href="https://facebook.com" class="nav-link tm-social-link">
<i class="fab fa-facebook-f"></i>
</a>
</li>
<li class="nav-item">
<a href="https://twitter.com" class="nav-link tm-social-link">
<i class="fab fa-twitter"></i>
</a>
</li>
<li class="nav-item">
<a href="https://dribbble.com" class="nav-link tm-social-link">
<i class="fab fa-dribbble"></i>
</a>
</li>
<li class="nav-item">
<a href="https://linkedin.com" class="nav-link tm-social-link">
<i class="fab fa-linkedin-in"></i>
</a>
</li>
</ul>
<footer class="text-center text-white small">
<p class="mb--0 mb-2">Copyright 2020 Dream Pulse</p>
<p class="mb-0">Design:
<a rel="nofollow" href="https://templatemo.com" class="tm-footer-link">Template Mo</a>
</p>
</footer>
</div>
</nav>
<main role="main" class="ml-sm-auto col-12">
<div
class="parallax-window"
data-parallax="scroll"
data-image-src="img/dream-pulse-header.jpg">
<div class="tm-section-wrap">
<section id="intro" class="tm-section">
<div class="tm-bg-white-transparent tm-intro">
<h2 class="tm-section-title mb-5 text-uppercase tm-color-primary">Introducing Dream Pulse</h2>
<p class="tm-color-gray">
This box alpha 30 percent. Left sidebar is a sticky element.
Right side Contents are scrolling up and down. This background has a
parallax effect.
</p>
<p class="mb-0 tm-color-gray">
Dream Pulse is a Bootstrap 4.3.1 template designed for your websites. You can modify this layout as you like.
</p>
</div>
</section>
</div>
</div>
<div class="tm-section-wrap bg-white">
<section id="about" class="row tm-section">
<div class="col-xl-6">
<div class="tm-section-half">
<div><i class="fas fa-6x fa-balance-scale mb-5 tm-section-icon"></i></div>
<h2 class="tm-section-title tm-color-primary mb-5">About Us</h2>
<p class="mb-5">
When first section is scrolled up, BG image will be
disappeared with a parallax effect. Donec ac tempor tellus, a
eleifend ligula. Fusce vitae sem sed purus euismod
condimentum.
</p>
<p>
Sed at orci non metus tristique suscipit vitae in nibh. Sed
rutrum odio ac est hendrerit, at vestibulum felis condimentum.
</p>
</div>
</div>
<div class="col-xl-6">
<div class="tm-section-half">
<div><i class="far fa-6x fa-building mb-5 tm-section-icon"></i></div>
<h2 class="tm-section-title tm-color-primary mb-5">Company Profile</h2>
<p class="mb-5">
You can use this template for your commercial websites or for your clients.
You are NOT allowed to re-post this template as a downloadable ZIP file
on your template collection sites. It is illegal.
</p>
<p>
Suspendisse fermentum orci eget lorem euismod suscipit. Morbi
condimentum odio metus, at finibus dolor sollicitudin quis.
Curabitur eu congue erat.
</p>
</div>
</div>
</section>
</div>
<div class="tm-section-wrap bg-white">
<section id="work" class="row tm-section">
<div class="col-12">
<div class="w-100 tm-double-border-1 tm-border-gray">
<div class="tm-double-border-2 tm-border-gray tm-box-pad">
<div class="tm-gallery-wrap">
<h2 class="tm-color-primary tm-section-title mb-4 ml-2">Our Work</h2>
<div class="tm-gallery">
<div class="tm-gallery-item">
公司级网站源码-左右信息介绍响应式网页模板-支持适配移动端.zip （66个子文件） 
公司级网站源码-左右信息介绍响应式网页模板-支持适配移动端 html js 
jquery.magnific-popup.min.js 20KB parallax.min.js 7KB jquery.singlePageNav.min.js 3KB jquery.min.js 86KB templatemo-scripts.js 2KB webfonts fa-brands-400.woff 85KB fa-brands-400.ttf 126KB
fa-brands-400.svg 674KB fa-solid-900.woff 96KB fa-solid-900.eot 188KB fa-solid-900.ttf 187KB fa-brands-400.woff2 73KB fa-regular-400.woff2 13KB fa-brands-400.eot 126KB fa-regular-400.eot 34KB fa-regular-400.woff 16KB fa-regular-400.svg 141KB fa-regular-400.ttf 33KB fa-solid-900.woff2 74KB fa-solid-900.svg 820KB img 
client-6.png 7KB client-5.png 8KB client-7.png 8KB client-8.png 10KB client-4.png 16KB
dream-pulse-header.jpg 76KB client-2.png 7KB client-1.png 10KB gallery 02.jpg 32KB 06.jpg 24KB 01.jpg 22KB 08.jpg 20KB 07.jpg 25KB 05.jpg 18KB 04.jpg 12KB large 02.jpg 96KB 06.jpg 76KB 01.jpg 73KB 08.jpg 63KB 07.jpg 88KB 05.jpg 53KB 04.jpg 40KB 09.jpg 185KB 03.jpg 75KB 09.jpg 50KB 03.jpg 24KB client-3.png 10KB css bootstrap.min.css 152KB templatemo-dream-pulse.css 11KB magnific-popup.css 7KB all.min.css 55KB slick slick-theme.less 4KB config.rb 161B slick.less 2KB slick-theme.scss 5KB slick.css 2KB slick.min.js 42KB
ajax-loader.gif 4KB slick.js 87KB slick-theme.css 3KB slick.scss 2KB fonts slick.ttf 2KB slick.eot 2KB slick.svg 2KB slick.woff 1KB
index.html 19KB资源评论
