<!--
Author: W3layouts
Author URL: http://w3layouts.com
-->
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Construe - Industrial Category Bootstrap Responsive Template | Home :: W3layouts </title>
<!--/google-fonts -->
<link href="https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,400;0,600;0,700;0,800;1,600&display=swap" rel="stylesheet">
<!--//google-fonts -->
<!--/Template-CSS -->
<link rel="stylesheet" href="assets/css/style-starter.css">
<!--//Template-CSS -->
</head>
<body>
<!-- top header -->
<section class="w3l-top-header py-3">
<div class="container">
<div class="d-grid main-top">
<div class="top-header-left">
<ul class="info-top-gridshny">
<li class="info-grid">
<div class="info-icon"><span class="far fa-clock"></span></div>
<div class="info-text">
<p>Monday - Friday 08:00 - 20:00</p>
<p>Saturday and Sunday - CLOSED</p>
</div>
</li>
<li class="info-grid">
<div class="info-icon"><span class="fas fa-phone-alt"></span></div>
<div class="info-text">
<p><a href="tel:+1(21) 234 4567">+1(21) 234 557 4567</a></p>
<p><a href="tel:+1(21) 234 4568">+1(21) 234 557 45678</a></p>
</div>
</li>
<li class="info-grid">
<div class="info-icon"><span class="fas fa-map-marker-alt"></span></div>
<div class="info-text">
<p>34th Avenue</p>
<p>New York, S2 Honey Block</p>
</div>
</li>
</ul>
</div>
<div class="top-header-right text-lg-right">
<ul>
<li>
<a href="#facebook"><span class="fab fa-facebook-f"></span></a>
</li>
<li>
<a href="#twitter"><span class="fab fa-twitter"></span></a>
</li>
<li><a href="#instagram" class="instagram mr-0"><span class="fab fa-instagram"></span></a></li>
</ul>
</div>
</div>
</div>
</section>
<!-- //top header -->
<!--/Header-->
<header id="site-header" class="">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-light stroke py-lg-0">
<h1><a class="navbar-brand pe-xl-5 pe-lg-4" href="index.html">
Construe
</a></h1>
<button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbarScroll" aria-controls="navbarScroll" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon fa icon-expand fa-bars"></span>
<span class="navbar-toggler-icon fa icon-close fa-times"></span>
</button>
<div class="collapse navbar-collapse" id="navbarScroll">
<ul class="navbar-nav ms-lg-auto my-2 my-lg-0 navbar-nav-scroll">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="services.html">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
<!--/search-right-->
<ul class="header-search mx-lg-4">
<div class="w3hny-search">
<form action="#" method="GET" class="d-flex search-form">
<input class="form-control" type="search" placeholder="Search..." aria-label="Search" required="">
<button class="btn btn-style btn-primary" type="submit"><i class="fas fa-search"></i></button>
</form>
</div>
</ul>
<!--//search-right-->
</div>
<!-- toggle switch for light and dark theme -->
<div class="mobile-position">
<nav class="navigation">
<div class="theme-switch-wrapper">
<label class="theme-switch" for="checkbox">
<input type="checkbox" id="checkbox">
<div class="mode-container">
<i class="gg-sun"></i>
<i class="gg-moon"></i>
</div>
</label>
</div>
</nav>
</div>
<!-- //toggle switch for light and dark theme -->
</nav>
</div>
</header>
<!--//Header-->
<!--/Banner-Start-->
<!-- main-slider -->
<section class="w3l-main-slider banner-slider" id="home">
<div class="owl-one owl-carousel owl-theme">
<div class="item">
<div class="slider-info banner-view banner-top1">
<div class="container">
<div class="banner-info header-hero-19 pt-lg-5">
<h3 class="title-hero-19">Your desire,</h3>
<h3 class="title-hero-19"> our challenge.</h3>
<p class="mt-4">Because we know how important this is for you</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- //main-slider -->
<!--/w3-grids-->
<section class="w3l-passion-sec2 py-5">
<div class="container py-md-5 py-3">
<div class="container">
<div class="row w3l-passion-mid-grids">
<div class="col-lg-6 passion-grid-item-info pe-lg-5 mb-lg-0 mb-5">
<div class="title-content-two">
<h6 class="title-subw3hny mb-1 text-left">About</h6>
<h3 class="title-w3l mb-4">Developing a relationship with concrete.</h3>
</div>
<p class="mt-3 pe-lg-5">Lorem ipsum viverra feugiat. Pellen tesque libero ut justo, ultrices in
ligula. Semper at tempufddfel.Lorem ipsum dolor sit, amet consectetur elit. Earum mollitia
cum ex ipsam autem!earum sequi amet.</p>
<div class="w3banner-content-btns">
<a href="about.html" class="btn btn-style btn-primary mt-lg-5 mt-4 me-2">Read More </a>
<a href="contact.html" class="btn btn-style btn-outline-dark mt-lg-5 mt-4">Contact Us </a>
</div>
</d
毕设&课设&大作业-工程设计实施方案响应式网页模板-适配移动端-HTML源码.zip
版权申诉
46 浏览量
2024-03-28
09:32:49
上传
评论
收藏 2.94MB ZIP 举报
毕设&课设&大作业-工程设计实施方案响应式网页模板-适配移动端-HTML源码.zip （51个子文件） 
工程设计实施方案响应式网页模板-适配移动端-HTML源码 html assets js 
bootstrap.min.js 59KB theme-change.js 692B jquery-3.3.1.min.js 68KB modernizr.custom.js 8KB webfonts fa-brands-400.woff 90KB fa-brands-400.ttf 133KB
fa-brands-400.svg 730KB fa-solid-900.woff 102KB fa-solid-900.eot 200KB fa-solid-900.ttf 200KB fa-brands-400.woff2 77KB fa-regular-400.woff2 13KB fa-brands-400.eot 134KB fa-regular-400.eot 34KB fa-regular-400.woff 16KB fa-regular-400.svg 141KB fa-regular-400.ttf 33KB fa-solid-900.woff2 78KB fa-solid-900.svg 896KB css style-starter.css 330KB images 
g3.jpg 29KB
ins.png 1KB g2.jpg 69KB down.png 240B tw.png 939B g8.jpg 59KB team4.jpg 32KB banner4.jpg 325KB logo.png 598B team3.jpg 56KB banner3.jpg 198KB g7.jpg 100KB left.png 3KB team2.jpg 45KB fb.png 791B g6.jpg 45KB banner1.jpg 102KB g5.jpg 82KB close.png 280B right.png 3KB g4.jpg 70KB ab.jpg 55KB team1.jpg 52KB banner2.jpg 188KB g1.jpg 40KB g9.jpg 46KB media-img.png 1015B
services.html 21KB index.html 33KB contact.html 19KB about.html 32KB资源评论
