<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Constructive HTML Template</title>
<!--
Template 2102 Constructive
http://www.tooplate.com/view/2102-constructive
-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400"> <!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="css/fontawesome-all.min.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/magnific-popup.css"/>
<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
<link rel="stylesheet" href="css/tooplate-style.css">
<script>
var renderPage = true;
if(navigator.userAgent.indexOf('MSIE')!==-1
|| navigator.appVersion.indexOf('Trident/') > 0){
/* Microsoft Internet Explorer detected in. */
alert("Please view this in a modern browser such as Chrome or Microsoft Edge.");
renderPage = false;
}
</script>
</head>
<body>
<!-- Loader -->
<div id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<!-- Page Content -->
<div class="container-fluid tm-main">
<div class="row tm-main-row">
<!-- Sidebar -->
<div id="tmSideBar" class="col-xl-3 col-lg-4 col-md-12 col-sm-12 sidebar">
<button id="tmMainNavToggle" class="menu-icon">☰</button>
<div class="inner">
<nav id="tmMainNav" class="tm-main-nav">
<ul>
<li>
<a href="#intro" id="tmNavLink1" class="scrolly active" data-bg-img="constructive_bg_01.jpg" data-page="#tm-section-1">
<i class="fas fa-home tm-nav-fa-icon"></i>
<span>Introduction</span>
</a>
</li>
<li>
<a href="#products" id="tmNavLink2" class="scrolly" data-bg-img="constructive_bg_02.jpg" data-page="#tm-section-2" data-page-type="carousel">
<i class="fas fa-map tm-nav-fa-icon"></i>
<span>Our Products</span>
</a>
</li>
<li>
<a href="#company" class="scrolly" data-bg-img="constructive_bg_03.jpg" data-page="#tm-section-3">
<i class="fas fa-users tm-nav-fa-icon"></i>
<span>Our Company</span>
</a>
</li>
<li>
<a href="#contact" class="scrolly" data-bg-img="constructive_bg_04.jpg" data-page="#tm-section-4">
<i class="fas fa-comments tm-nav-fa-icon"></i>
<span>Contact Us</span>
</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="col-xl-9 col-lg-8 col-md-12 col-sm-12 tm-content">
<!-- section 1 -->
<section id="tm-section-1" class="tm-section">
<div class="ml-auto">
<header class="mb-4"><h1 class="tm-text-shadow">Constructive Design</h1></header>
<p class="mb-5 tm-font-big">Aenean fermentum vestibulum ipsum, ut pretium erat sodales sodales. Pellentesque quis orci vitae dui commodo sodales et ut quam. Etiam vitae egestas purus, ut malesuada enim.</p>
<a href="#" class="btn tm-btn tm-font-big" data-nav-link="#tmNavLink2">Continue...</a>
<!-- data-nav-link holds the ID of nav item, which means this link should behave the same as that nav item -->
</div>
</section>
<!-- section 2 -->
<section id="tm-section-2" class="tm-section tm-section-carousel">
<div>
<header class="mb-4"><h2 class="tm-text-shadow">Our Products</h2></header>
<div class="tm-img-container">
<div class="tm-img-slider">
<a href="img/gallery-img-01.jpg" class="tm-slider-img"><img src="img/gallery-img-01-tn.jpg" alt="Image" class="img-fluid"></a>
<a href="img/gallery-img-02.jpg" class="tm-slider-img"><img src="img/gallery-img-02-tn.jpg" alt="Image" class="img-fluid"></a>
<a href="img/gallery-img-03.jpg" class="tm-slider-img"><img src="img/gallery-img-03-tn.jpg" alt="Image" class="img-fluid"></a>
<a href="img/gallery-img-04.jpg" class="tm-slider-img"><img src="img/gallery-img-04-tn.jpg" alt="Image" class="img-fluid"></a>
<a href="img/gallery-img-05.jpg" class="tm-slider-img"><img src="img/gallery-img-05-tn.jpg" alt="Image" class="img-fluid"></a>
<a href="img/gallery-img-06.jpg" class="tm-slider-img"><img src="img/gallery-img-06-tn.jpg" alt="Image" class="img-fluid"></a>
</div>
</div>
</div>
</section>
<!-- section 3 -->
<section id="tm-section-3" class="tm-section">
<div class="row mb-4">
<header class="col-xl-12"><h2 class="tm-text-shadow">Our Company</h2></header>
</div>
<div class="row">
<div class="col-sm-12 col-md-6 col-lg-12 col-xl-6 mb-4">
<div class="media tm-bg-transparent-black tm-border-white">
<i class="fab fa-apple tm-icon-circled tm-icon-media"></i>
<div class="media-body">
<h3>HTML Templates</h3>
<p>We provide a variety of templates for you at no cost. Please spread a word about <a href="https://plus.google.com/+tooplate" target="_parent">Tooplate</a> website. Thank you.</p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-12 col-xl-6 mb-4">
<div class="media tm-bg-transparent-black tm-border-white">
<i class="fas fa-map-pin mr-4 tm-icon-circled tm-icon-media"></i>
<div class="media-body">
<h3>Free Images</h3>
<p>Photos by <a href="https://unsplash.com" target="_blank">Unsplash.com</a> website, ac ornare arcu finibus sed. Aenean ultrices nisi sit amet facilisis viverra.</p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-12 col-xl-6 mb-4">
<div class="media tm-bg-transparent-black tm-border-white">
<i class="fab fa-fly mr-4 tm-icon-circled tm-icon-media"></i>
<div class="media-body">
<h3>Phasellus eleifend</h3>
<p>Phasellus feugiat scelerisque sapien, ac ornare arcu finibus sed. Aenean ultrices nisi sit amet facilisis viverra.</p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-12 col-xl-6 mb-4">
<div class="media tm-bg-transparent-black tm-border-white">
<i class="fab fa-linode mr-4 tm-icon-circled tm-icon-media"></i>
<div class="media-body">
<h3>Phasellus eleifend</h3>
<p>Phasellus feugiat scelerisque sapien, ac ornare arcu finibus sed. Aenean ultrices nisi sit amet facilisis viverra.</p>
</div>
</div>
</div>
</div>
</section>
<!-- section 4 -->
<section id="tm-section-4" class="tm-section">
<div class="tm-bg-transparent-black tm-contact-box-pad">
<div class="row mb-4">
<div class="col-sm-12">
<header><h2 class="tm-text-shadow">Contact Us</h2></header>
</div>
</div>
<div class="row tm-page-4-content">
<div class="col-md-6 col-sm-12 tm-contact-col">
<div class="contact_message">
<form action="#contact" method="post" class="contact-form">
<div class="form-group">
<input type="text" id="contact_name" name="contact_name" class="form-control" placeholder="Name" required="">
</div>
<div class="form-group">
<input type="email" id="contact_email" name="contact_email" class="form-control" placeholder="Email" required="">
</div>
<div class="form-group">
<textarea id="contact_message" name="contact_message" class="form-con
公司级网站源码-公司产品动态单页面响应式网页模板-支持适配移动端.zip
版权申诉
26 浏览量
2024-03-23
09:34:12
上传
评论
收藏 3.34MB ZIP 举报
公司级网站源码-公司产品动态单页面响应式网页模板-支持适配移动端.zip （56个子文件） 
公司级网站源码-公司产品动态单页面响应式网页模板-支持适配移动端 html js 
jquery.magnific-popup.min.js 20KB jquery.backstretch.min.js 17KB jquery-3.2.1.min.js 85KB webfonts fa-brands-400.woff 62KB fa-brands-400.ttf 96KB
fa-brands-400.svg 496KB fa-solid-900.woff 48KB fa-solid-900.eot 100KB fa-solid-900.ttf 100KB fa-brands-400.woff2 53KB fa-regular-400.woff2 12KB fa-brands-400.eot 96KB fa-regular-400.eot 30KB fa-regular-400.woff 14KB fa-regular-400.svg 105KB fa-regular-400.ttf 30KB fa-solid-900.woff2 38KB fa-solid-900.svg 369KB img 
nav-item-highlight.png 996B nav-item.png 1017B
gallery-img-02.jpg 158KB Thumbs.db 263KB gallery-img-06.jpg 216KB constructive_bg_04.jpg 193KB gallery-img-06-tn.jpg 63KB gallery-img-04-tn.jpg 30KB gallery-img-05.jpg 162KB gallery-img-04.jpg 88KB gallery-img-01.jpg 192KB gallery-img-05-tn.jpg 36KB constructive_bg_01.jpg 317KB gallery-img-03-tn.jpg 53KB gallery-img-01-tn.jpg 50KB gallery-img-03.jpg 217KB gallery-img-02-tn.jpg 45KB constructive_bg_02.jpg 245KB constructive_bg_03.jpg 257KB css bootstrap.min.css 124KB magnific-popup.css 7KB fontawesome-all.min.css 34KB tooplate-style.css 13KB 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 86KB slick-theme.css 3KB slick.scss 2KB fonts slick.ttf 2KB slick.eot 2KB slick.svg 2KB slick.woff 1KB
index.html 14KB资源评论
