<!DOCTYPE HTML>
<html>
<head>
<title>Single</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Suity Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<!--webfont-->
<link href='http://fonts.useso.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script>$(document).ready(function(c) {
$('.alert-close').on('click', function(c){
$('.message').fadeOut('slow', function(c){
$('.message').remove();
});
});
});
</script>
<script>$(document).ready(function(c) {
$('.alert-close1').on('click', function(c){
$('.message1').fadeOut('slow', function(c){
$('.message1').remove();
});
});
});
</script>
<script>$(document).ready(function(c) {
$('.alert-close2').on('click', function(c){
$('.message2').fadeOut('slow', function(c){
$('.message2').remove();
});
});
});
</script>
<!----details-product-slider--->
<!-- Include the Etalage files -->
<!----//details-product-slider--->
<script src="js/easyResponsiveTabs.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#horizontalTab').easyResponsiveTabs({
type: 'default', //Types: default, vertical, accordion
width: 'auto', //auto or any width like 600px
fit: true // 100% fit in a container
});
});
</script>
</head>
<body>
<div class="sales">
<div class="container">
<div class="header_top">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=""/></a>
</div>
<div class="header-bottom-right">
<ul class="icon1 sub-icon1 profile_img">
<li><a class="active-icon c1" href="#">My Cart </a><div class="rate">3</div>
<ul class="sub-icon1 list">
<h3>Recently added items(3)</h3>
<div class="shopping_cart">
<div class="cart_box">
<div class="message">
<div class="alert-close"> </div>
<div class="list_img"><img src="images/1.jpg" class="img-responsive" alt=""/></div>
<div class="list_desc"><h4><a href="#">velit esse molestie</a></h4>1 x<span class="actual">
$12.00</span></div>
<div class="clearfix"></div>
</div>
</div>
<div class="cart_box">
<div class="message1">
<div class="alert-close1"> </div>
<div class="list_img"><img src="images/2.jpg" class="img-responsive" alt=""/></div>
<div class="list_desc"><h4><a href="#">velit esse molestie</a></h4>1 x<span class="actual">
$12.00</span></div>
<div class="clearfix"></div>
</div>
</div>
<div class="cart_box1">
<div class="message2">
<div class="alert-close2"> </div>
<div class="list_img"><img src="images/3.jpg" class="img-responsive" alt=""/></div>
<div class="list_desc"><h4><a href="#">velit esse molestie</a></h4>1 x<span class="actual">
$12.00</span></div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="total">
<div class="total_left">CartSubtotal : </div>
<div class="total_right">$250.00</div>
<div class="clearfix"> </div>
</div>
<div class="login_buttons">
<div class="check_button"><a href="checkout.html">Check out</a></div>
<div class="login_button"><a href="login.html">Login</a></div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</ul>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="menu">
<a href="#" class="right_bt" id="activator"><img src="images/menu.png" alt=""/></a>
<div class="box" id="box">
<div class="box_content_center">
<div class="menu_box_list">
<ul>
<li><a href="index.html">New Arrivals</a></li>
<li class="active"><a href="sales.html">Sales</a></li>
<li><a href="sales.html">Collection</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<a class="boxclose" id="boxclose"><img src="images/close.png" alt=""/></a>
</div>
</div>
<script type="text/javascript">
var $ = jQuery.noConflict();
$(function() {
$('#activator').click(function(){
$('#box').animate({'left':'0px'},500);
});
$('#boxclose').click(function(){
$('#box').animate({'left':'-2300px'},500);
});
});
$(document).ready(function(){
//Hide (Collapse) the toggle containers on load
$(".toggle_container").hide();
//Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state)
$(".trigger").click(function(){
$(this).toggleClass("active").next().slideToggle("slow");
return false; //Prevent the browser jump to the link anchor
});
});
</script>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="about_top">
<div class="container">
<div class="col-md-3">
<ul class="menu1">
<li class="item1"><a href="#" class="">What To Buy ?<img class="arrow-img" src="images/arrow.png" alt=""/> </a>
<ul class="cute" style="display: none; overflow: hidden;">
<li class="subitem1"><a href="single.html">Cute Kittens </a></li>
<li class="subitem2"><a href="single.html">Strange Stuff </a></li>
<li class="subitem3"><a href="single.html">Automatic Fails </a></li>
</ul>
</li>
</ul>
<!--initiate accordion-->
<script type="text/javascript">
$(function() {
var menu1_ul = $('.menu1> li > ul'),
menu1_a = $('.menu1 > li > a');
menu1_ul.hide();
menu1_a.click(function(e) {
e.preventDefault();
if(!$(this).hasClass('active')) {
menu1_a.removeClass('active');
menu1_ul.filter(':visible').slideUp('normal');
$(this).addClass('active').next().stop(true,true).slideDown('normal');
} else {
$(this).removeClass('active');
$(this).next().stop(true,true).slideUp('normal');
}
});
});
</script>
<div class="box1">
<ul class="box1_list">
<li><a
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
基于Bootstrap的外贸电子商务网站模板系统描述如下: 响应式设计:该模板充分利用Bootstrap的响应式布局特性,确保网站在各种屏幕尺寸和设备上都能良好地展示。无论是桌面电脑、平板电脑还是手机,用户都能获得一致且流畅的浏览体验。 模块化组件:通过Bootstrap提供的丰富组件,如导航栏、轮播图、购物车图标等,模板快速搭建起外贸电商所需的功能模块。这些组件不仅外观精美,而且易于定制,满足个性化需求。 国际化支持:模板支持多语言切换,方便外贸网站覆盖全球用户。同时,货币和支付方式的多样性也为国际交易提供了便利。 SEO优化:模板设计遵循搜索引擎优化(SEO)原则,使网站在搜索引擎结果中更易被找到。这有助于提高网站的曝光率,吸引更多潜在客户。 安全性与稳定性:模板经过严格的安全测试,确保用户数据的安全。同时,其稳定的性能也保证了网站在高并发访问时的顺畅运行。
资源推荐
资源详情
资源评论
收起资源包目录
外贸电子商务网站模板.zip (62个子文件)
moban891
register.html 11KB
sales.html 19KB
js
imagezoom.js 4KB
jquery.wmuSlider.js 12KB
cbpViewModeSwitch.js 1004B
easyResponsiveTabs.js 6KB
jquery.flexslider.js 54KB
jquery-1.11.1.min.js 94KB
classie1.js 2KB
jquery.flexisel.js 8KB
css
style.css 35KB
flexslider.css 7KB
component.css 4KB
bootstrap.css 118KB
login.html 10KB
index.html 14KB
contact.html 11KB
about.html 13KB
single.html 21KB
images
pic5.jpg 23KB
pic6.jpg 17KB
2.jpg 19KB
s5.jpg 30KB
banner.png 491KB
tick1.png 3KB
pic10.jpg 16KB
c3.png 6KB
s1.jpg 27KB
s2.jpg 15KB
c1.png 5KB
arrow.png 3KB
s6.jpg 21KB
pic8.jpg 14KB
menu.png 3KB
s12.jpg 76KB
pic9.jpg 22KB
logo.png 3KB
1.jpg 18KB
zoom.png 5KB
grid_view.png 3KB
list_view.png 3KB
s7.jpg 26KB
pic4.jpg 20KB
social.png 4KB
pic2.jpg 46KB
s13.jpg 114KB
pic3.jpg 14KB
s11.jpg 80KB
c4.png 6KB
arrow2.gif 115B
arrows.png 4KB
c2.png 5KB
pic1.jpg 20KB
close.png 3KB
f_logo.png 3KB
s3.jpg 18KB
pic7.jpg 17KB
3.jpg 19KB
s4.jpg 20KB
s8.jpg 15KB
close1.png 3KB
checkout.html 10KB
共 62 条
- 1
资源评论
毕业设计精选
- 粉丝: 3797
- 资源: 702
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功