<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
<title>Liberty NFT Marketplace - Explore Listing Page</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Additional CSS Files -->
<link rel="stylesheet" href="assets/css/fontawesome.css">
<link rel="stylesheet" href="assets/css/templatemo-liberty-market.css">
<link rel="stylesheet" href="assets/css/owl.css">
<link rel="stylesheet" href="assets/css/animate.css">
<link rel="stylesheet"href="https://unpkg.com/swiper@7/swiper-bundle.min.css"/>
</head>
<body>
<!-- ***** Preloader Start ***** -->
<div id="js-preloader" class="js-preloader">
<div class="preloader-inner">
<span class="dot"></span>
<div class="dots">
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
<!-- ***** Preloader End ***** -->
<!-- ***** Header Area Start ***** -->
<header class="header-area header-sticky">
<div class="container">
<div class="row">
<div class="col-12">
<nav class="main-nav">
<!-- ***** Logo Start ***** -->
<a href="index.html" class="logo">
<img src="assets/images/logo.png" alt="">
</a>
<!-- ***** Logo End ***** -->
<!-- ***** Menu Start ***** -->
<ul class="nav">
<li><a href="index.html">Home</a></li>
<li><a href="explore.html" class="active">Explore</a></li>
<li><a href="details.html">Item Details</a></li>
<li><a href="author.html">Author</a></li>
<li><a href="create.html">Create Yours</a></li>
</ul>
<a class='menu-trigger'>
<span>Menu</span>
</a>
<!-- ***** Menu End ***** -->
</nav>
</div>
</div>
</div>
</header>
<!-- ***** Header Area End ***** -->
<div class="page-heading">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h6>Liberty NFT Market</h6>
<h2>Discover Some Top Items</h2>
<span>Home > <a href="#">Explore</a></span>
</div>
</div>
</div>
<div class="featured-explore">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<div class="owl-features owl-carousel">
<div class="item">
<div class="thumb">
<img src="assets/images/featured-01.jpg" alt="" style="border-radius: 20px;">
<div class="hover-effect">
<div class="content">
<h4>Triple Mutant Ape Bored</h4>
<span class="author">
<img src="assets/images/author.jpg" alt="" style="max-width: 50px; max-height: 50px; border-radius: 50%;">
<h6>Liberty Artist<br><a href="#">@libertyart</a></h6>
</span>
</div>
</div>
</div>
</div>
<div class="item">
<div class="thumb">
<img src="assets/images/featured-02.jpg" alt="" style="border-radius: 20px;">
<div class="hover-effect">
<div class="content">
<h4>Bored Ape Kennel Club</h4>
<span class="author">
<img src="assets/images/author.jpg" alt="" style="max-width: 50px; max-height: 50px; border-radius: 50%;">
<h6>Liberty Artist<br><a href="#">@libertyart</a></h6>
</span>
</div>
</div>
</div>
</div>
<div class="item">
<div class="thumb">
<img src="assets/images/featured-03.jpg" alt="" style="border-radius: 20px;">
<div class="hover-effect">
<div class="content">
<h4>Genesis Club by KMT</h4>
<span class="author">
<img src="assets/images/author.jpg" alt="" style="max-width: 50px; max-height: 50px; border-radius: 50%;">
<h6>Liberty Artist<br><a href="#">@libertyart</a></h6>
</span>
</div>
</div>
</div>
</div>
<div class="item">
<div class="thumb">
<img src="assets/images/featured-04.jpg" alt="" style="border-radius: 20px;">
<div class="hover-effect">
<div class="content">
<h4>Crypto Aurora Guy</h4>
<span class="author">
<img src="assets/images/author.jpg" alt="" style="max-width: 50px; max-height: 50px; border-radius: 50%;">
<h6>Liberty Artist<br><a href="#">@libertyart</a></h6>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="discover-items">
<div class="container">
<div class="row">
<div class="col-lg-5">
<div class="section-heading">
<div class="line-dec"></div>
<h2>Discover Some Of Our <em>Items</em>.</h2>
</div>
</div>
<div class="col-lg-7">
<form id="search-form" name="gs" method="submit" role="search" action="#">
<div class="row">
<div class="col-lg-4">
<fieldset>
<input type="text" name="keyword" class="searchText" placeholder="Type Something..." autocomplete="on" required>
</fieldset>
</div>
<div class="col-lg-3">
<fieldset>
<select name="Category" class="form-select" aria-label="Default select example" id="chooseCategory" onchange="this.form.click()">
<option selected>All Categories</option>
<option type="checkbox" name="option1" value="Music">Music</option>
<option value="Digital">Digital</option>
<option value="Blockchain">Blockchain</option>
<option value="Virtual">Virtual</option>
</select>
</fieldset>
</div>
<div class="col-lg-3">
<fieldset>
<select name="Price" class="form-select" aria-label="Default select example" id="chooseCategory" onchange="this.form.click()">
<option selected>Available</option>
<option value="Ending-Soon">Ending Soon</option>
<option value="Coming-Soon">Coming Soon</option>
<option value="Closed">Closed</option>
</select>
</fieldset>
</div>
<div class="col-lg-2">
<fieldset>
<button class="main-button">Search</button>
</fieldset>
</div>
</div>
</form>
</div
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
HTML5,作为现代网页开发的基础,展现出了无与伦比的强大与灵活性。它不仅优化了传统的网页标签,引入了如<article>, <section>, <header>, <footer>等语义化元素,使代码更加清晰易读,同时也增强了网页的交互性和动态效果。 HTML5的强大之处更在于其多媒体支持能力,如<video>和<audio>标签的引入,使得网页可以轻松地嵌入视频和音频内容,无需依赖第三方插件。此外,HTML5还提供了Canvas和SVG等绘图API,让网页能够实现复杂的图形绘制和动画效果。 对于响应式网页开发,HTML5同样表现出色。通过结合CSS3的媒体查询(Media Queries)技术,HTML5可以轻松地实现网页在不同设备和屏幕尺寸下的自适应布局,为用户带来更加流畅和一致的浏览体验。 如果你正在寻找一份高质量的响应式网页模板,这份HTML5源码资源将是你的不二之选。它不仅适配移动端设备,而且代码结构清晰、易于维护。无论你是正在进行课程设计、大作业还是毕业设计,这份资源都将为你的项目提供强有力的支持。快来查看这份资源,开启你的网页开发之旅吧!
资源推荐
资源详情
资源评论
收起资源包目录
数字虚拟技术应用网页模板-适配移动端设备-HTML网页源码.zip (68个子文件)
数字虚拟技术应用网页模板-适配移动端设备-HTML网页源码
html
explore.html 22KB
details.html 12KB
assets
js
tabs.js 475KB
owl-carousel.js 91KB
popup.js 1KB
isotope.js 34KB
isotope.min.js 117KB
custom.js 6KB
webfonts
fa-brands-400.ttf 177KB
fa-solid-900.ttf 291KB
fa-brands-400.woff2 103KB
fa-regular-400.woff2 23KB
fa-v4compatibility.ttf 10KB
fa-v4compatibility.woff2 5KB
fa-regular-400.ttf 59KB
fa-solid-900.woff2 122KB
css
flex-slider.css 7KB
templatemo-liberty-market.css 40KB
animate.css 57KB
fontawesome.css 120KB
owl.css 5KB
images
market-01.jpg 10KB
dark-bg.jpg 40KB
discover-04.jpg 20KB
current-01.jpg 17KB
current-02.jpg 16KB
single-author.jpg 16KB
discover-05.jpg 12KB
category-collection-dec.png 122KB
author-02.jpg 4KB
discover-06.jpg 11KB
icon-05.png 2KB
icon-06.png 2KB
featured-01.jpg 82KB
featured-02.jpg 46KB
icon-02.png 2KB
logo.png 5KB
current-03.jpg 13KB
banner-01.png 320KB
icon-04.png 2KB
banner-bg.jpg 281KB
discover-03.jpg 9KB
author.jpg 3KB
heading-bg.jpg 30KB
featured-04.jpg 35KB
create-yours.jpg 85KB
discover-01.jpg 10KB
item-details-01.jpg 110KB
current-04.jpg 18KB
author-03.jpg 4KB
featured-03.jpg 47KB
banner-02.png 313KB
icon-03.png 2KB
icon-01.png 2KB
main-bg.jpg 19KB
discover-02.jpg 11KB
collection-01.jpg 14KB
vendor
bootstrap
js
bootstrap.min.js 77KB
css
bootstrap.min.css 212KB
jquery
jquery.slim.min.js 68KB
jquery.slim.js 222KB
jquery.slim.min.map 103KB
jquery.js 276KB
jquery.min.js 85KB
jquery.min.map 129KB
author.html 12KB
index.html 20KB
create.html 8KB
共 68 条
- 1
资源评论
DTcode7
- 粉丝: 3w+
- 资源: 4986
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 使用 Java EE 7 的 Java Petstore.zip
- (源码)基于Qt和SQL Server的实验室设备管理系统.zip
- 使用 HTML、CSS 和 JAVASCRIPT 在 100 天内构建 100 多个项目.zip
- (源码)基于Python和Thingsboard框架的温湿度数据模拟与导出系统.zip
- 使用 HTML CSS 和 JavaScript 制作的项目.zip
- (源码)基于Python和Postgresql的图书管理系统.zip
- VID_20241125022451.mp4
- (源码)基于SSM框架的顶铮快递管理系统.zip
- 从 Java 到 Kotlin - 从 Java 到 Kotlin 的速查表.zip
- (源码)基于Spring Boot框架的项目管理系统.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功