<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<!--====== Title ======-->
<title>ClassiList Classified Ads Template</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--====== Favicon Icon ======-->
<link rel="shortcut icon" href="assets/images/favicon.png" type="image/png">
<!--====== Animate CSS ======-->
<link rel="stylesheet" href="assets/css/animate.css">
<!--====== Tiny slider CSS ======-->
<link rel="stylesheet" href="assets/css/tiny-slider.css">
<!--====== glightbox CSS ======-->
<link rel="stylesheet" href="assets/css/glightbox.min.css">
<!--====== Line Icons CSS ======-->
<link rel="stylesheet" href="assets/css/LineIcons.2.0.css">
<!--====== Selectr CSS ======-->
<link rel="stylesheet" href="assets/css/selectr.css">
<!--====== Nouislider CSS ======-->
<link rel="stylesheet" href="assets/css/nouislider.css">
<!--====== Bootstrap CSS ======-->
<link rel="stylesheet" href="assets/css/bootstrap-5.0.5-alpha.min.css">
<!--====== Style CSS ======-->
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<!--[if IE]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!--====== PRELOADER PART START ======-->
<div class="preloader">
<div class="loader">
<div class="ytp-spinner">
<div class="ytp-spinner-container">
<div class="ytp-spinner-rotator">
<div class="ytp-spinner-left">
<div class="ytp-spinner-circle"></div>
</div>
<div class="ytp-spinner-right">
<div class="ytp-spinner-circle"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--====== PRELOADER PART ENDS ======-->
<!--====== HEADER PART START ======-->
<header class="header_area">
<div id="header_navbar" class="header_navbar">
<div class="container position-relative">
<div class="row align-items-center">
<div class="col-xl-12">
<nav class="navbar navbar-expand-lg">
<a class="navbar-brand" href="">
<img id="logo" src="assets/images/logo.svg" alt="Logo">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="toggler-icon"></span>
<span class="toggler-icon"></span>
<span class="toggler-icon"></span>
</button>
<div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
<ul id="nav" class="navbar-nav">
<li class="nav-item">
<a class="page-scroll active" href="">Home</a>
</li>
<li class="nav-item">
<a class="page-scroll" data-toggle="collapse" data-target="#sub-nav1" aria-controls="sub-nav1" aria-expanded="false" aria-label="Toggle navigation" href="javascript:void(0)">Pages
<div class="sub-nav-toggler">
<span></span>
</div>
</a>
<ul class="sub-menu collapse" id="sub-nav1">
<li><a href="about.html">About</a></li>
<li><a href="service.html">Service</a></li>
<li><a href="category-list.html">Category List</a></li>
<li><a href="category.html">Category Grid</a></li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="accordions.html">Accordions</a></li>
<li><a href="product-details.html">Product Details</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="signup.html">Sign Up</a></li>
<li><a href="404.html">404 Page</a></li>
</ul>
</li>
<li class="nav-item">
<a class="page-scroll" data-toggle="collapse" data-target="#sub-nav" aria-controls="sub-nav" aria-expanded="false" aria-label="Toggle navigation" href="javascript:void(0)">Category
<div class="sub-nav-toggler">
<span></span>
</div>
</a>
<ul class="sub-menu collapse" id="sub-nav">
<li><a href="category.html">Category Grid</a></li>
<li><a href="category-list.html">Category List</a></li>
</ul>
</li>
<li class="nav-item">
<a class="page-scroll" href="product-details.html">Product Details</a>
</li>
</ul>
</div>
<ul class="header-btn d-md-flex">
<li>
<a href="#" class="main-btn account-btn">
<span class="d-md-none"><i class="lni lni-user"></i></span>
<span class="d-none d-md-block">My Account</span>
</a>
<ul class="dropdown-nav">
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="profile-settings.html">Profile Settings</a></li>
<li><a href="post-ad.html">Post Ad</a></li>
<li><a href="my-ads.html">My Ads</a></li>
<li><a href="offers.html">Offers/Messages</a></li>
<li><a href="payments.html">Payments</a></li>
<li><a href="favorites.html">Favorites</a></li>
<li><a href="privacy.html">Privacy</a></li>
<li><a href="javascript:void(0)">Sign Out</a></li>
</ul>
</li>
<li>
<a href="post-ad.html" class="main-btn btn-hover d-none d-md-block">Post An Ad</a>
</li>
</ul>
</nav> <!-- navbar -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- header navbar -->
</header>
<!--====== HEADER PART ENDS ======-->
<!--====== HERO PART START ======-->
<section id="home" class="hero-area bg_cover">
<div class="container">
<div class="row">
<div class="mx-auto col-lg-7 col-xl-6 col-md-10">
<div class="text-center hero-content">
<h1 class="mb-30 wow fadeInUp" data-wow-delay=".2s">Welcome to ClassList</h1>
<p class="wow fadeInUp" data-wow-delay=".4s">Buy and sell everything from used cars to mobile phones and computer or search for property, job and more</p>
</div>
</div>
</div>
</div>
</section>
<!--====== HERO PART END ======-->
<!--====== SEARCH PART START ======-->
<div class="search-area">
<div class="container">
<div class="search-wrapper">
<form action="javascript:;">
<div class="row justify-content-center">
<div class="col-lg-3 col-sm-5 col-10">
<div class="search-input">
<label for="keyword"><i class="lni lni-search-alt theme-color"></i></label>
<input type="text" name="keyword" id="keyword" placeholder="Product keyword">
</div>
</div>
<div class="col-lg-3 col-sm-5 col-10">
<div class="search-input">
<label for="category"><i class="lni lni-grid-alt theme-color"></i></label>
<select name="category" id="category">
<option value="none" selected="" disabled="">Categories</option>
<option value="none">Vehicle</option>
<option value="none">Electronics</option>
<option value="none">Mobiles</option>
<option value="none">Furniture</option>
<option value="none">Fashion</option>
<option value="none">Jobs</option>
<option value="none">Real Estate</option>
<option value="none">Animals</option>
<option value="none">Education</option>
<option value="none">Matrimony</option>
</select>
</div>
</div>
<div class="col-lg-3 col-sm-5 col-10">
<div class="search-input">
<label for="location"><i class="lni lni-map-marker theme-color"></i></label>
<select name="location" id="location">
<option value="none" selected="" disabled="">Locations</option>
<option value="none">New York</option>
<option value="none">California</option>
<option value="none">Washington</option>
<option valu
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
html+css+bootstrap实现电商网页制作,大气数码产品网页设计ClassiList.zip (116个子文件)
bootstrap-5.0.5-alpha.min.css 142KB
animate.css 76KB
style.css 69KB
LineIcons.2.0.css 28KB
plyr.css 24KB
glightbox.min.css 14KB
css2.css 10KB
selectr.css 7KB
nouislider.css 5KB
tiny-slider.css 2KB
LineIcons.eot 122KB
index.html 40KB
category.html 34KB
category-list.html 34KB
product-details.html 21KB
service.html 20KB
about.html 20KB
dashboard.html 20KB
favorites.html 20KB
offers.html 19KB
my-ads.html 19KB
post-ad.html 18KB
accordions.html 16KB
payments.html 15KB
profile-settings.html 15KB
signup.html 15KB
login.html 14KB
privacy.html 14KB
pricing.html 14KB
404.html 13KB
hero-bg.jpg 696KB
product-details-1.jpg 238KB
video-bg.jpg 223KB
banner-bg.jpg 163KB
product-details-2.jpg 44KB
l-product-6.jpg 35KB
l-product-1.jpg 32KB
l-product-2.jpg 29KB
ad-img.jpg 28KB
l-product-4.jpg 27KB
product-details-3.jpg 24KB
l-product-5.jpg 21KB
l-product-3.jpg 16KB
product-thumb-1.jpg 15KB
product-thumb-2.jpg 7KB
product-thumb-3.jpg 5KB
ima3.js 380KB
plyr.js 112KB
nouislider.js 96KB
bootstrap.bundle-5.0.0.alpha-min.js 82KB
glightbox.min.js 44KB
tiny-slider.js 31KB
selectr.min.js 29KB
wow.min.js 8KB
main.js 2KB
Free App Landing Page Template - AppLand.mp4 5.15MB
blank.mp4 2KB
about-img.png 149KB
why-us.png 123KB
profile-img.png 7KB
testimonial-2.png 3KB
testimonial-3.png 3KB
testimonial-1.png 3KB
favicon.png 664B
LineIcons.svg 596KB
map-img.svg 240KB
404-img.svg 8KB
graygrids-logo.svg 7KB
lineicons-logo.svg 6KB
plyr.svg 5KB
dot-shape.svg 5KB
pagebulb-logo.svg 5KB
uideck-logo.svg 4KB
logo-2.svg 1KB
logo.svg 1KB
subscribe-bg.svg 1KB
common-bg.svg 1KB
quote.svg 882B
LineIcons.ttf 122KB
LineIcons.woff 63KB
LineIcons.woff2 50KB
KFOlCnqEu92Fr1MmEU9fBBc4.woff2 16KB
KFOlCnqEu92Fr1MmWUlfBBc4.woff2 15KB
KFOlCnqEu92Fr1MmYUtfBBc4.woff2 15KB
KFOmCnqEu92Fr1Mu4mxK.woff2 15KB
KFOlCnqEu92Fr1MmSU5fBBc4.woff2 15KB
KFOmCnqEu92Fr1Mu72xKOzY.woff2 15KB
KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2 15KB
KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2 15KB
KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2 15KB
KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2 14KB
KFOmCnqEu92Fr1Mu7GxKOzY.woff2 12KB
KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2 12KB
KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2 12KB
KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2 12KB
KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2 11KB
KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2 10KB
KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2 9KB
KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2 9KB
KFOmCnqEu92Fr1Mu5mxKOzY.woff2 9KB
共 116 条
- 1
- 2
资源评论
枫蜜柚子茶
- 粉丝: 6345
- 资源: 4732
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功