<!DOCTYPE html>
<html>
<head>
<title>Freebies - Free Resource Sharing Bootstrap 5 HTML CSS Website Template</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="author" content="">
<meta name="keywords" content="">
<meta name="description" content="">
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link id="theme" rel="stylesheet" type="text/css" href="assets/css/greyson-theme.css">
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<link rel="stylesheet" type="text/css" href="assets/css/icomoon.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="assets/css/css2.css" rel="stylesheet">
</head>
<body>
<div class="pattern-bg"></div>
<header id="header">
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container-fluid">
<a class="navbar-brand" href=""><img src="assets/images/main-logo.png" alt="logo"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasNavbarLabel">Offcanvas</h5>
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<ul class="navbar-nav justify-content-end fw-bold fs-6 text-uppercase flex-grow-1 pe-3 gap-3">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Freebies</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="dropdownId" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Pages</a>
<div class="dropdown-menu" aria-labelledby="dropdownId">
<a class="dropdown-item" href="blog.html">Blog</a>
<a class="dropdown-item" href="single-blog.html">Blog Single</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
</header>
<section id="billboard" class="col-md-12 mt-5">
<div class="container">
<div class="row">
<div class="text-content col-md-6 py-5">
<h1 class="display-4 fw-bold">Download these premium quality <a href="#" class="color-primary text-decoration-none">PSD Templates</a> all for free</h1>
<h4>Quality build on these ready to use Web Design Templates</h4>
<form class="searchbar d-flex mt-5">
<input class="form-control form-control-lg rounded-0 rounded-start" type="text" name="search" placeholder="What are you looking for?">
<button class="btn btn-primary rounded-0 rounded-end px-5" type="submit"><i class="icon icon-search"></i><span class="text-uppercase ps-2">search</span></button>
</form>
</div>
<div class="banner col-md-6"><img src="assets/images/main-slide.svg" alt="banner"></div>
</div>
</div><!--container-->
</section><!--billboard-->
<section class="my-5">
<div class="container">
<!-- Nav tabs -->
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link fw-bold text-uppercase active" id="ecommerce-tab" data-bs-toggle="tab" data-bs-target="#ecommerce" type="button" role="tab" aria-controls="ecommerce" aria-selected="true">ecommerce</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link fw-bold text-uppercase" id="portfolio-tab" data-bs-toggle="tab" data-bs-target="#portfolio" type="button" role="tab" aria-controls="portfolio" aria-selected="false">portfolio</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link fw-bold text-uppercase" id="agency-tab" data-bs-toggle="tab" data-bs-target="#agency" type="button" role="tab" aria-controls="agency" aria-selected="false">agency</button>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div class="tab-pane active" id="ecommerce" role="tabpanel" aria-labelledby="ecommerce-tab">
<div class="row row-cols-1 row-cols-md-3 g-5 mt-2">
<div class="col">
<a href="#"><img src="assets/images/product-thumb-1.jpg" alt="template" class="img-fluid"></a>
<h6 class="my-2"><a href="#" class="text-dark text-decoration-none">HTML CSS Template</a></h6>
</div>
<div class="col">
<a href="#"><img src="assets/images/product-thumb-2.jpg" alt="template" class="img-fluid"></a>
<h6 class="my-2"><a href="#" class="text-dark text-decoration-none">Free Business PSD Template</a></h6>
</div>
<div class="col">
<a href="#"><img src="assets/images/product-thumb-3.jpg" alt="template" class="img-fluid"></a>
<h6 class="my-2"><a href="#" class="text-dark text-decoration-none">Free Business PSD Template</a></h6>
</div>
<div class="col">
<a href="#"><img src="assets/images/product-thumb-4.jpg" alt="template" class="img-fluid"></a>
<h6 class="my-2"><a href="#" class="text-dark text-decoration-none">Free Business PSD Template</a></h6>
</div>
<div class="col">
<a href="#"><img src="assets/images/product-thumb-5.jpg" alt="template" class="img-fluid"></a>
<h6 class="my-2"><a href="#" class="text-dark text-decoration-none">Free Business PSD Template</a></h6>
</div>
<div class="col">
<a href="#"><img src="assets/images/product-thumb-10.jpg" alt="template" class="img-fluid"></a>
<h6 class="my-2"><a href="#" class="text-dark text-decoration-none">Free Business PSD Template</a></h6>
</div>
</div><!--row-->
</div>
<div class="tab-pane" id="portfolio" role="tabpanel" aria-labelledby="portfolio-tab">
<div class="row row-cols-1 row-cols-md-3 g-5 mt-2">
<div class="col">
<a href="#"><img src="assets/images/product-thumb-6.jpg" alt="template" class="img-fluid"></a>
<h6 class="my-2"><a href="#" class="text-dark text-decoration-none">Business Figma Template</a></h6>
</div>
<div class="col">
<a href="#"><img src="assets/images/product-thumb-7.jpg" alt="template" class="img-fluid"></a>
<h6 class="my-2"><a href="#" class="text-dark text-decoration-none">Free Business PSD Template</a></h6>
</div>
<div class="col">
<a href="#"><img src="assets/images/product-thumb-8.jpg" alt="template" class="img-fluid"></a>
<h6 class="my-2"><a href="#" class="text-dark text-decoration-none">Free Business PSD Template</a></h6>
</div>
<div class="col">
<a href="#"><img src="assets/images/product-thumb-9.jpg" alt="template" class="img-fluid"></a>
<h6 class="my-2"><a href="#" class="text-dark text-decoration-none">Free Business PSD Template</a></h6>
</div>
<div class="col">
<a href="#"><img src="assets/images/product-thumb-10.jpg" alt="template" class="img-fluid"></a>
<h6 class="my-2"><a href="#" class="text-dark text-decoration-none">Free Business PSD Template</a></h6>
</div>
</div>
</div>
<div class="tab-pane" id="agency" role="tabpanel" aria-labelledby="agency-tab">
<div class="row row-cols-1 row-cols-md-3 g-5 mt-2">
<div class="col">
<a href="#"><img src="assets/images/product-thumb-11.jpg" alt="template" class="img-fluid"></a>
<h6 class="my-2"><a href="#" class="text-dark text-decoration-none">Free Agency Figma Template</a></h6>
</div>
<div class="co
网页设计模板html代码，商务网页设计与制作模板.zip
版权申诉
110 浏览量
2024-03-18
23:50:57
上传
评论
收藏 2.8MB ZIP 举报
网页设计模板html代码，商务网页设计与制作模板.zip （65个子文件） 
网页设计模板html代码，商务网页设计与制作模板 assets font 
TK3_WkUHHAIjg75cFRf3bXL8LICs18NvsUtiZTaR.woff2 8KB 1Ptyg83HX_SGhgqO0yLcmjzUAuWexZNR8aevGw.woff2 13KB Simple-Line-Icons.eot 53KB TK3iWkUHHAIjg752Fz8Ghe4.woff2 23KB 1Ptyg83HX_SGhgqO0yLcmjzUAuWexZNR8aOvG4w-.woff2 7KB 7Auwp_0qiz-afT3GLRrX.woff2 12KB 1Ptyg83HX_SGhgqO0yLcmjzUAuWexZNR8amvG4w-.woff2 12KB icomoon.woff 4KB TK3iWkUHHAIjg752HT8Ghe4.woff2 15KB
icomoon.svg 10KB TK3_WkUHHAIjg75cFRf3bXL8LICs18NvsUliZTaR.woff2 4KB 1Ptyg83HX_SGhgqO0yLcmjzUAuWexZNR8aivG4w-.woff2 5KB TK3_WkUHHAIjg75cFRf3bXL8LICs18NvsUhiZTaR.woff2 12KB 1Ptwg83HX_SGhgqk2hAjQlW_mEuZ0FsSKeOfGZQ6.woff2 14KB icomoon.eot 4KB 7Auwp_0qiz-afTLGLQ.woff2 32KB TK3iWkUHHAIjg752Fj8Ghe4.woff2 7KB 1Ptyg83HX_SGhgqO0yLcmjzUAuWexZNR8aqvG4w-.woff2 9KB 7Auwp_0qiz-afTzGLRrX.woff2 29KB TK3_WkUHHAIjg75cFRf3bXL8LICs18NvsUZiZQ.woff2 13KB Simple-Line-Icons.woff 79KB Simple-Line-Icons.woff2 29KB TK3_WkUHHAIjg75cFRf3bXL8LICs18NvsUJiZTaR.woff2 7KB 1Ptwg83HX_SGhgqk2hAjQlW_mEuZ0FsSKeOfHZQ6HTY.woff2 7KB TK3iWkUHHAIjg752GT8G.woff2 28KB 1Ptwg83HX_SGhgqk2hAjQlW_mEuZ0FsSKeOfFJQ6HTY.woff2 9KB 1Ptwg83HX_SGhgqk2hAjQlW_mEuZ0FsSKeOfF5Q6HTY.woff2 13KB TK3iWkUHHAIjg752FD8Ghe4.woff2 19KB Simple-Line-Icons.svg 233KB 1Ptwg83HX_SGhgqk2hAjQlW_mEuZ0FsSKeOfFpQ6HTY.woff2 5KB icomoon.ttf 4KB Simple-Line-Icons.ttf 53KB image dotted-circle.svg 132KB js bootstrap.bundle.min.js 79KB jquery-1.11.0.min.js 94KB css simple-line-icons.css 13KB style.css 1KB css2.css 5KB bootstrap.min.css 227KB icomoon.css 1KB css-Muli200300400700.css 4KB css-Oswald200300400700.css 6KB greyson-theme.css 141KB images 
product-thumb-11.jpg 134KB product-thumb-12.jpg 139KB blogbg.jpg 315KB product-thumb-2.jpg 102KB product-thumb-8.jpg 95KB postitem3.jpg 34KB product-thumb-1.jpg 95KB main-slide.svg 33KB postitem1.jpg 44KB product-thumb-10.jpg 140KB product-thumb-4.jpg 133KB product-thumb-3.jpg 236KB product-thumb-5.jpg 88KB sectionbg.jpg 124KB postitem2.jpg 38KB product-thumb-7.jpg 178KB
main-logo.png 3KB product-thumb-6.jpg 203KB product-thumb-9.jpg 70KB
single-blog.html 11KB index.html 15KB blog.html 9KB资源评论
