<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>Timber a Wood Category Bootstrap Responsive Website Template | Home :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<meta name="keywords" content="Timber a Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all">
<link href="css/fontawesome-all.min.css" rel="stylesheet" type="text/css" media="all">
<link href="css/responsiveslides.css" rel="stylesheet" type="text/css" media="all">
<link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />
<link type="text/css" href="css/styles.css" rel="stylesheet" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
<link href="//fonts.googleapis.com/css?family=Roboto:400,500,700,900" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,600,700,800" rel="stylesheet">
</head>
<body>
<!-- Header -->
<header>
<section class="header">
<div class="banner">
<div class="w3_banner">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<h1><a class="navbar-brand" href="#">TIMBER</a></h1>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home </a>
</li>
<li class="nav-item active">
<a class="nav-link scroll" href="#about">About </a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#partners">Partners</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item scroll" href="#features">Features</a>
<a class="dropdown-item scroll" href="#gallery">Gallery</a>
<a class="dropdown-item scroll" href="#testimonials">Testimonials</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#contact">Contact</a>
</li>
</ul>
</div>
</nav>
</div>
<!-- banner-slider -->
<div class="w3l_imgs">
<h2>We Provide superior Quality Wood</h2>
<ul class="rslides" id="slider3">
<li><img src="images/1.jpeg" alt="" class="img-fluid"></li>
<li><img src="images/2.jpg" alt="" class="img-fluid"></li>
<li><img src="images/3.jpeg" alt="" class="img-fluid"></li>
</ul>
</div>
<!-- //banner-slider -->
<div class="w3ls_bm">
<div class="container">
<div class="row">
<div class=" w3_bml">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
<div class="wthree_rm">
<button type="button" class="btn btn-primary">
About Us
</button>
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
Read More
</button>
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="text-center" id="exampleModalLabel">Timber</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p class="wx">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-secondary">Save changes</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class=" w3_bmr">
<img src="images/banerl.jpg" alt="" class="img-fluid">
</div>
</div>
</div>
</div>
<div class="works" id="about">
<div class="container">
<div class="inner_sec_info_wthree_agile">
<div class="ser-first">
<div class="row">
<div class="col-md-3 ser-first-grid text-center">
<i class="far fa-arrow-alt-circle-down"></i>
<h3>Unique Design</h3>
<p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</div>
<div class="col-md-3 ser-first-grid text-center">
<i class="fab fa-android"></i>
<h3>Different Layout</h3>
<p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</div>
<div class="col-md-3 ser-first-grid text-center">
<i class="fas fa-arrow-circle-right"></i>
<h3>Portfolio Styles</h3>
<p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</div>
<div class="col-md-3 ser-first-grid text-center">
<i class="fas fa-baseball-ball"></i>
<h3>User Experience</h3>
<p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</div>
</div>
</div>
</div>
<div class="wthree_rm1">
<a href="#">More About Us</a>
<a href="#contact" class="scroll">Contact Us</a>
</div>
</div>
</div>
</div>
</div>
</section>
</header>
<!-- /Header -->
<!--partners-->
<section class="parnters text-white py-lg-5 py-md-4 py-sm-3 py-2" id="partners">
<div class="container py-lg-5 py-md-4 py-sm-3 py-2">
<h3 class="mb-lg-5 mb-md-4 mb-sm-3 mb-2">Our Partners</h3>
<div class="w3_part">
<div class="row">
<div class="col-md-3 col-sm-3 col-xs-3 usr-img">
<img src="images/logo1.jpg" alt="logo1" class=" img-fluid">
</div>
<div class="col-md-3 col-sm-3 col-xs-3 usr-img">
<img src="images/logo2.jpg" alt="logo1" class=" img-fluid">
</div>
<div class="col-md-3 col-sm-3 col-xs-3 usr-img">
<img src="images/logo3.jpg" alt="logo1" class=" img-fluid">
</div>
<div class="col-md-3 col-sm-3 col-xs-3 usr-img">
<img src="images/logo1.jpg" alt="logo1" class=" img-fluid">
</div>
</div>
<div class="w3_prtd">
<div class="row">
<div class="col-lg-9 col-md-9 col-sm-9 w3_prt">
<h4>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been</h4>
</div>
课设&大作业&毕设-木材加工厂响应式网页模板-适配移动端-HTML源码.zip
版权申诉
54 浏览量
2024-03-28
09:36:35
上传
评论
收藏 3.36MB ZIP 举报
课设&大作业&毕设-木材加工厂响应式网页模板-适配移动端-HTML源码.zip （55个子文件） 
课设&大作业&毕设-木材加工厂响应式网页模板-适配移动端-HTML源码 html js 
jquery.prettyPhoto.js 21KB jquery.min.v3.js 84KB responsiveslides.min.js 3KB bootstrap.min.js 48KB SmoothScroll.min.js 14KB jquery.easing.js 8KB easing.js 5KB move-top.js 1KB jquery.min.js 90KB script.js 1KB jquery.quicksand.js 14KB 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 css style.css 21KB bootstrap.min.css 141KB prettyPhoto.css 16KB fontawesome-all.min.css 34KB styles.css 1KB responsiveslides.css 490B
index.html 23KB images 
g3.jpg 94KB g2.jpg 91KB 2.jpg 246KB footer.jpg 219KB logo3.jpg 2KB
arrow.png 3KB g8.jpg 97KB 1.jpeg 534KB g7.jpg 138KB g6.jpg 79KB g11.jpg 126KB banerl.jpg 79KB sprite.png 4KB g12.jpg 66KB g10.jpg 145KB g5.jpg 122KB g4.jpg 150KB 3.jpeg 76KB logo1.jpg 1017B logo2.jpg 2KB g1.jpg 146KB g9.jpg 177KB资源评论
