<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic page needs
============================================ -->
<title>Home</title>
<meta charset="utf-8">
<meta name="keywords" content="" />
<meta name="author" content="Magentech">
<meta name="robots" content="index, follow" />
<!-- Mobile specific metas
============================================ -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!-- Favicon
============================================ -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="ico/favicon.png">
<!-- Google web fonts
============================================ -->
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css'>
<!-- Libs CSS
============================================ -->
<link rel="stylesheet" href="css/bootstrap/css/bootstrap.min.css">
<link href="css/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="js/datetimepicker/bootstrap-datetimepicker.min.css" rel="stylesheet">
<link href="js/owl-carousel/owl.carousel.css" rel="stylesheet">
<link href="css/themecss/lib.css" rel="stylesheet">
<link href="js/jquery-ui/jquery-ui.min.css" rel="stylesheet">
<!-- Theme CSS
============================================ -->
<link href="css/themecss/so_megamenu.css" rel="stylesheet">
<link href="css/themecss/so-categories.css" rel="stylesheet">
<link href="css/themecss/so-listing-tabs.css" rel="stylesheet">
<link id="color_scheme" href="css/theme.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
</head>
<body class="common-home res layout-home1">
<div id="wrapper" class="wrapper-full banners-effect-7">
<!-- Header Container -->
<header id="header" class=" variantleft type_1">
<!-- Header Top -->
<div class="header-top compact-hidden">
<div class="container">
<div class="row">
<div class="header-top-left form-inline col-sm-6 col-xs-12 compact-hidden">
<div class="form-group languages-block ">
<form action="index.html" method="post" enctype="multipart/form-data" id="bt-language">
<a class="btn btn-xs dropdown-toggle" data-toggle="dropdown">
<img src="image/demo/flags/gb.png" alt="English" title="English">
<span class="">English</span>
<span class="fa fa-angle-down"></span>
</a>
<ul class="dropdown-menu">
<li><a href="index.html"><img class="image_flag" src="image/demo/flags/gb.png" alt="English" title="English" /> English </a></li>
<li> <a href="index.html"> <img class="image_flag" src="image/demo/flags/lb.png" alt="Arabic" title="Arabic" /> Arabic </a> </li>
</ul>
</form>
</div>
<div class="form-group currencies-block">
<form action="index.html" method="post" enctype="multipart/form-data" id="currency">
<a class="btn btn-xs dropdown-toggle" data-toggle="dropdown">
<span class="icon icon-credit "></span> US Dollar <span class="fa fa-angle-down"></span>
</a>
<ul class="dropdown-menu btn-xs">
<li> <a href="#">(€) Euro</a></li>
<li> <a href="#">(£) Pounds </a></li>
<li> <a href="#">($) US Dollar </a></li>
</ul>
</form>
</div>
</div>
<div class="header-top-right collapsed-block text-right col-sm-6 col-xs-12 compact-hidden">
<h5 class="tabBlockTitle visible-xs">More<a class="expander " href="#TabBlock-1"><i class="fa fa-angle-down"></i></a></h5>
<div class="tabBlock" id="TabBlock-1">
<ul class="top-link list-inline">
<li class="account" id="my_account">
<a href="#" title="My Account" class="btn btn-xs dropdown-toggle" data-toggle="dropdown"> <span >My Account</span> <span class="fa fa-angle-down"></span></a>
<ul class="dropdown-menu ">
<li><a href="register.html"><i class="fa fa-user"></i> Register</a></li>
<li><a href="login.html"><i class="fa fa-pencil-square-o"></i> Login</a></li>
</ul>
</li>
<li class="wishlist"><a href="#" id="wishlist-total" class="top-link-wishlist" title="Wish List (2)"><span>Wish List (2)</span></a></li>
<li class="checkout"><a href="#" class="top-link-checkout" title="Checkout"><span >Checkout</span></a></li>
<li class="login"><a href="#" title="Shopping Cart"><span >Shopping Cart</span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- //Header Top -->
<!-- Header center -->
<div class="header-center left">
<div class="container">
<div class="row">
<!-- Logo -->
<div class="navbar-logo col-md-3 col-sm-12 col-xs-12">
<a href="index.html"><img src="image/demo/logos/theme_logo.png" title="Your Store" alt="Your Store" /></a>
</div>
<!-- //end Logo -->
<!-- Search -->
<div id="sosearchpro" class="col-sm-7 search-pro">
<form method="GET" action="index.html">
<div id="search0" class="search input-group">
<div class="select_category filter_type icon-select">
<select class="no-border" name="category_id">
<option value="0">All Categories</option>
<option value="78">Apparel</option>
<option value="77">Cables & Connectors</option>
<option value="82">Cameras & Photo</option>
<option value="80">Flashlights & Lamps</option>
<option value="81">Mobile Accessories</option>
<option value="79">Video Games</option>
<option value="20">Jewelry & Watches</option>
<option value="76"> Earings</option>
<option value="26"> Wedding Rings</option>
<option value="27"> Men Watches</option>
</select>
</div>
<input class="autosearch-input form-control" type="text" value="" size="50" autocomplete="off" placeholder="Search" name="search">
<span class="input-group-btn">
<button type="submit" class="button-search btn btn-primary" name="submit_search"><i class="fa fa-search"></i></button>
</span>
</div>
<input type="hidden" name="route" value="product/search" />
</form>
</div>
<!-- //end Search -->
<!-- Secondary menu -->
<div class="col-md-2 col-sm-5 col-xs-12 shopping_cart pull-right">
<!--cart-->
<div id="cart" class=" btn-group btn-shopping-cart">
<a data-loading-text="Loading..." class="top_cart dropdown-toggle" data-toggle="dropdown">
<div class="shopcart">
<span class="handle pull-left"></span>
<span class="title">My cart</span>
<p class="text-shopping-cart cart-total-full">2 item(s) - $1,262.00 </p>
</div>
</a>
<ul class="tab-content content dropdown-menu pull-right shoppingcart-box" role="menu">
<li>
<table class="table table-striped">
<tbody>
<tr>
<td class="text-center" style="width:70px">
<a href="product.html"> <img src="image/demo/shop/product/35.jpg" style="width:70px" alt="Filet Mign" title="Filet Mign" class="preview"> </a>
</td>
<td class="text-left"> <a class="cart_product_name" href="product.html">Filet Mign</a> </td>
<td class="text-center"> x1 </td>
<td class="text-center"> $1,202.00 </td>
<td class="text-right">
<a href="product.html" c
没有合适的资源?快使用搜索试试~ 我知道了~
基于bootstrap的多功能电子商务html网页模板
共187个文件
png:93个
jpg:53个
js:15个
0 下载量 180 浏览量
2024-06-07
09:38:33
上传
评论
收藏 2.61MB ZIP 举报
温馨提示
基于Bootstrap的多功能电子商务HTML网页模板 一、使用场景 初创电商企业:对于初创电商企业,此模板提供了一个快速搭建在线商店的解决方案,无需从零开始设计,节省了大量时间和成本。 品牌电商网站:对于已有品牌的电商企业,此模板可根据品牌风格进行定制,打造独特的在线购物体验,增强品牌认知度。 多品类电商:模板支持多品类商品的展示和销售,无论是服装、家居、电子产品还是其他商品,都能得到良好的展示效果。 二、技术介绍 响应式设计:采用Bootstrap框架的响应式设计,确保网页在各种设备上都能得到良好的呈现,提高用户体验。 丰富组件:利用Bootstrap的组件库,模板包含商品展示、购物车、结账、用户账户等多种电商核心功能,满足电商网站的基本需求。 易于定制:HTML、CSS和JavaScript的清晰结构使得模板易于定制,企业可以根据自身需求对模板进行修改和扩展。 浏览器兼容性:模板支持主流浏览器,包括Chrome、Firefox、Safari等,确保用户在不同浏览器上都能正常访问网站。 总结:基于Bootstrap的多功能电子商务HTML网页模板为电商企业提供了一个高效、易用
资源推荐
资源详情
资源评论
收起资源包目录
基于bootstrap的多功能电子商务html网页模板 (187个子文件)
theme.css 159KB
bootstrap.min.css 120KB
font-awesome.min.css 26KB
responsive.css 19KB
so-listing-tabs.css 17KB
so_megamenu.css 16KB
so-categories.css 12KB
lib.css 7KB
owl.carousel.css 5KB
bootstrap-datetimepicker.min.css 5KB
jquery-ui.min.css 3KB
cpanel.css 3KB
fontawesome-webfont.eot 67KB
glyphicons-halflings-regular.eot 20KB
lazy-loader.gif 8KB
index.html 133KB
category.html 92KB
product.html 80KB
register.html 59KB
login.html 54KB
10.jpg 327KB
35.jpg 76KB
menu_bg2.jpg 56KB
e12.jpg 48KB
B10.jpg 45KB
34.jpg 45KB
B9.jpg 39KB
J6.jpg 36KB
E3.jpg 35KB
B5.jpg 34KB
W1.jpg 33KB
w10.jpg 31KB
J9.jpg 30KB
e11.jpg 30KB
14.jpg 26KB
E1.jpg 24KB
banner1.jpg 23KB
E2.jpg 22KB
home-2.jpg 22KB
home-4.jpg 21KB
img3.jpg 21KB
E4.jpg 21KB
home-3.jpg 21KB
home-1.jpg 21KB
img1.jpg 20KB
img4.jpg 20KB
18.jpg 19KB
9.jpg 18KB
19.jpg 18KB
img2.jpg 17KB
141.jpg 17KB
J5.jpg 17KB
11.jpg 17KB
banner3.jpg 17KB
E3_1.jpg 16KB
m3.jpg 15KB
15.jpg 15KB
J4.jpg 15KB
m2.jpg 13KB
E3_3.jpg 12KB
banner2.jpg 12KB
m1.jpg 10KB
jewelry-watches.jpg 8KB
sports-outdoors.jpg 8KB
toys-hobbies.jpg 8KB
automotive-motocrycle.jpg 8KB
bags-holiday-supplies-gifts.jpg 7KB
health-beauty.jpg 7KB
smartphone-tablets.jpg 7KB
electronics.jpg 6KB
blue.jpg 750B
green.jpg 730B
brown.jpg 709B
jquery-ui.min.js 98KB
owl.carousel.js 94KB
moment.js 91KB
jquery-2.2.4.min.js 84KB
libs.js 59KB
application.js 49KB
bootstrap.min.js 31KB
bootstrap-datetimepicker.min.js 23KB
so_megamenu.js 12KB
cpanel.js 6KB
jquery.countdown.min.js 5KB
jquery.dcjqaccordion.2.8.min.js 3KB
toppanel.js 2KB
addtocart.js 2KB
jquery.unveil.js 1KB
theme_logo.png 802KB
banner2-1.png 63KB
slider-2.png 48KB
slider-3.png 36KB
1.png 35KB
left-image-static.png 32KB
slider-1.png 32KB
electronic-cat.png 30KB
banner2-4.png 21KB
banner2-3.png 12KB
collections-4-1.png 6KB
37.png 6KB
共 187 条
- 1
- 2
资源评论
毕业设计精选
- 粉丝: 3798
- 资源: 702
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功