整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
现在asda网店如果正常下单的话，预约送货已经约到4月底了。这里给大家分享个小技巧，大家要记得每天晚上11点开始网上下单，到12点也就是凌晨的时候，要努力刷新，刷新，刷新，运气好的话，能刷到三天以内的。
小编给大家整理了一份英国目前接收网络下单送货的商店和超市的信息，包括各大购买食物的网站，包括英国各大超市、新鲜食材配送、亚洲食品网站、外卖平台。特别列出来给大家，希望有帮助，记得收藏！
主营面食和奶制品等
1.PAUL RHODES面包店（二十年品牌老店！格林威治附近8英里范围内的家庭都可以收到快递。）
指路：https：//paulrhodesbakery.co.uk/
2.Cheezelo奶酪店（有来自英国，法国，西班牙，意大利，瑞士，荷兰70多个不同的奶酪，在伦敦1-4区送货上门）
指路：https：//www.cheezelo.com/
3.THE ESTATE DAIRY奶饮品（很多朋友们喜欢用店里的Oatly Original 配咖啡。提供送货上门服务，送往伦敦各地。）
指路：www.theestatedairy.com
4.Ombra (Hackney)意面和酒等，指路：https：//ombrabar.restaurant
5.Odysea-希腊风味（1991年以来一直为英国提供正宗的希腊和地中海食材）
指路：https：//www.odysea.com
6.Sous Chef面食、谷物配料等，指路：https：//www.souschef.co.uk
7.布罗克利的琼斯（Jones of Brockley）1991年以来一直为英国提供正宗的希腊和地中海食材。
指路：https：//www.jonesofbrockley.com
8.面粉-指路：https：//www.shipton-mill.com/flour-direct-shop；
https：//www.dovesfarm.co.uk/；https：//grocemania.co.uk/
9.LARRY’s (Peckham)咖啡和小吃等，来自Levan and Salon团队的Larry ‘s是一家以peckham为基地的酒吧和餐厅，昼夜营业。
指路：https：//larryspeckham.co.uk
10.leilas_shop菜品
指路：https：//www.instagram.com/leilas_shop/？hl=en
11.HelloFresh，精致食谱、食材原料等
指路：https：//www.hellofresh.co.uk
12.Token4U各种杂货
指路：http：//shopping.token4u.com/en/content/7-Products
13.Gousto：根据食谱配送新鲜食材上门
指路：https：//www.gousto.co.uk/
主营酒水类
1.HAPPINESS FORGETS-鸡尾酒（鸡尾酒免费送货，COVID-19可能会剥夺你坐在酒吧里的机会，但这并不意味着你不能享受饮品！）
指路：www.happinessforgets.com
2.Low Intervention-葡萄酒，指路：https：//lowintervention.com/
3.Salt house bottle -葡萄酒，啤酒，果酒
指路：https：//salthousebottles.com/
4.106 Food加Drink葡萄酒、玫瑰酒等
指路：https：//www.161foodanddrink.com/
5.Salon Wine Store-葡萄酒，食品外卖
指路：https：//www.salonwinestore.co.uk/
6.40 Maltby Street- 葡萄酒，蔬菜，面包
指路：https：//www.40maltbystreet.com/
7.The Kernel Brewery (Bermondsey)-啤酒
指路：https：//store.thekernelbrewery.com/
8.Noble Find Liquor (Hackney)葡萄酒，啤酒，烈酒
指路：https：//www.noblefineliquor.co.uk/
8.Provisions (Highbury)葡萄酒和熟食
指路：https：//provisionslondon.co.uk/
9.The crouch end cellars (Crouch End) -酒等
指路：http：//www.thecrouchendcellars.com/
果蔬
1.Natoora，指路：https：//home-delivery.uk.natoora.com
2.Primeur，指路：https：//www.primeur.co
联系方式：0203 967 8000或电子邮件：sales@primeur.co
3.Andreas Veg
https：//www.andreasveg.co.uk/collections/fruit-and-vegetables
（网上商店暂时关闭到4月6日星期一）
4.New Covent Garden Market果蔬
指路：https：//www.newcoventgardenmarket.com
肉类
1.Donald russell，指路：https：//www.donaldrussell.com/
2.HG Walter，指路：https：//www.hgwalter.com/#
3.The Butchery
指路：https：//thebutcheryltd.com/home-delivery.html（非接触式送货上门）
4.Eat Great Meat，指路：https：//www.eatgreatmeat.co.uk
5.Farmdrop指路：https：//www.farmdrop.com/london（人多需排队）
6.Fosse Meadows，指路：https：//fossemeadows.com
中国及亚洲食物
Eggla-中超
斑马鲜生-中超
熊猫中超，支持微信下单
食在英国集市： 精选网红美食
https：//www.eatinginuk.co.uk/
Japan Centre： 英国最大日本超市
https：//www.japancentre.com/en
H Mart： 英国最大韩国超市
https：//hmart.co.uk/shop/en/
Oseyo： 韩国美食和文化产品
https：//www.oseyo.co.uk/
外卖平台：Deliveroo、UberEats、HungryPanda、呱呱叫餐
其他地区：（试试看以下超市）
牛津：Jing Jing Oriental Food Store
剑桥：Winfield
考文垂：Bai Xing Food百姓行 和 Wow
爱丁堡：Hing Sing ；Pat’s Chung Ying Chinese Supermarket ；Aihua Chinese Supermarket；Sin Fung Supermarket；Oriental Food Stores； Matthews Foods ( Edinburgh)；星光便利；信之优品
有网友建议爱丁堡的同学还可以试试Superior Oriental。老板微信是meijin_hong，他们家是微信选购。
约克：可以试试看国约克阳光超市 http：//www.ygcnshop.com/mobile/ ，客服的微信是：apple-840202
谢菲尔德：Coop 或者广兴或者Hungry Panda上的中国超市
布里斯托：Wah Yan Hong；Kin Yip Hon；Wai Yee Hong；Xin He Chinese Supermarket；Teoh‘s Oriental Supermarket
利物浦： 试试以下一些超市：思达；易捷；利达；中国行
伯明翰：可以试试看以下一些超市：Wing Yip 荣业行；Sun Yip ；Hoo Hing 和兴；New Harvest 新顺发；Sing Fat盛发行；Day In Chinese Supermarket 日进行；East West Chinese Food Store
曼彻斯特：试试看以下一些超市：Wing Hing Loon ；Woo Sang；Chi Yip；Hang Won Hong；Wing Yip；Wing Fat Supermarkets ；Dantes Oriental； Wing on Food
诺丁汉：ManLi Supermarket；Zhong Ying； Asiana； Fresh Asia； Oriental Mart；Hanson Chinese Supermarket； Tiger Tiger； Dhillon Foods
南安普顿：Sukee Market ；Yau Brothers
雷丁：Cmart Oriental和 See Woo (Reading)
格拉：Yuehao；Chung Ying ；SeeWoo；Lims ；Campbell’s ；Arden Caple Oriental Store；Chans ；Matthews Foods；Everyday oriental
莱斯特：The Farmland‘s；Asiana (Leicester) ；Tai Fat Company ；Wang Fung Hong
纽卡斯尔：荣康中超行微信Wing Kee Newcastle
祝所有在英国的华人同胞，都能平平安安，顺顺利利度过疫情，百毒不侵！
我们坚信，这场持久战，最终将取得胜利，现在需要做的是保持良好心态，做好个人防护，减少社交活动。
加油！抗疫必胜！
片胜于文字，而视频更胜于图片，相比文字和图片，视频这种多媒体形式在有效吸引用户视线、增强用户理解等方面的能力是毋庸置疑的，我们也从读图时代过渡到了现在的视频时代，各种短视频应用以及在线直播蜂拥而至，在我们日常的工作学习中也不免会用到一些视频素材。本文给大家介绍一些不错的无版权视频网站（部分需科学上网），用好了，视频制作的成本将大大降低。
1.Pixabay （https://pixabay.com/zh/videos/）
一个老牌的素材站了，Pixabay 为每一位作者都提供了个人主页，使用者可以关注、点赞以及给作者打钱买咖啡。除了视频，Pixabay 也提供数量众多的矢量图、插画、照片等无版权素材，均可免注册直接下载。
2.Pexels视频 （https://videos.pexels.com/）
Pexels 是集大成的素材站，无版权的图片和视频它都有，还集成了别的站点的资源，种类和数量都很可观。Pexels 上的视频均为 HD 高清格式，无需注册即可直接下载，鼠标悬停可预览，点击进入视频页面还能看到相似视频的推荐。
3.Videvo （https://www.videvo.net/）
Videvo提供大量素材和动态图像可供选择。Videvo库中的内容有一些限制，因此请在下载剪辑前仔细检查。
4.Videezy （https://www.videezy.com/）
Videezy网站同样也是一个纯粹的视频提供站点，我们可以进行关键字搜索，按照时间顺序查看，按照分类查询等等，目前只支持英文。Videezy网站将素材分为了免费和付费素材，免费素材可供我们免费个人使用或者商用。要想获取素材的更多权限就要选择付费素材了，这个的话大家自行选择。
5.CuteStockFootage （https://www.cutestockfootage.com/）
除了免费视频，CuteStockFootage还在其菜单的“免费资源”选项卡下提供各种其他好东西 - 如照片，音频剪辑，字体和纹理。
6.MotionPlaces （https://www.motionplaces.com/）
MotionPlaces是免费素材的另一个重要来源。视频按菜单中的位置和主题方便地组织。为了能够下载视频，需要输入电子邮件地址。
7.Vidsplay （https://www.vidsplay.com/）
Vidsplay允许按类别或关键字搜索其视频集。
8.Bottled Video （https://bottledvideo.com/）
Bottled Video提供免费的640×480视频剪辑，可以购买的HD和4K素材。虽然Bottled Video 内容库相当大，但从这个网站下载可能很困难，因为多年来垃圾邮件发送者滥用了网站的服务。因此，网站所有者创建了一种算法，当他们检测到过多的可疑活动时，将“免费”素材的成本增加到2美元。
9.Ignite Motion （https://www.ignitemotion.com/）
需要视频背景？Ignite Motion让您满意。他们欣赏 - 但不要求 - 使用他们剪辑的人的信用。
10.Wave.video （https://www.animatron.com/wave）
在线视频制作商Wave.video的用户可以访问内置的200多万个免费照片和视频库，可以用来制作视频。有很多免费和付费视频选项。
11.Mazwai （http://mazwai.com/#/grid）
Mazwai站点为我们提供了大量的免费视频素材供我们下载使用。网站的设计风格也十分简约，网站首页便是大屏的视频背景，鼠标悬浮即可进行预览，点击视频后进入视频播放器页面即可选择视频下载。当然你也可以选择顶部的浏览模式按钮进行浏览模式切换。
12.Motion Elements （https://www.motionelements.com/）
MotionElements目前提供超过3000个免费股票视频，他们每周都会发布新视频。
13.Splasheo （https://www.splasheo.com/）
并非所有Splasheo的产品都是免费的，但如果正在寻找一个提升YouTube品牌的outro，可以在“免费下载”标签下找到各种可供选择的产品。
14.OrangeHD
如果正在寻找高清素材或任何类型的自然视频，Orange HD值得一游。他们的图书馆可能不是互联网上最广泛的，因为该网站只有两个人的作品，但剪辑是美丽和独特的。
15.Production Crate （https://www.productioncrate.com/index.html）
Production Crate将大量资源 - 如素材，特效，模板和音频 - 放在触手可及的位置。它可以免费使用，但需要创建一个帐户。免费帐户每天限制为五次下载。
16.Free HD Stock Footage on Vimeo （https://vimeo.com/groups/freehd/）
这个Vimeo组有258个免费视频可供选择，全部由Vimeo用户Phil Fried创建。
17.Coverr （http://www.coverr.co/）
Coverr网站就是纯粹为我们提供免费视频下载的站点，网站为我们做了详细的视频分类，每周一会更新7个视频。如果你喜欢某个视频的话，可以直接点击播放按钮进行视频预览，预览后再决定是否下载。Coverr同时也是支持拥护上传的，如果你有不错的视频素材也可以分享给大家使用哦。
18.Life of Vids （https://www.lifeofvids.com/）
该网站上的所有视频均有加拿大一家叫 LEEROY 的数码创意工作室拍摄并上传。也许由于是工作室的偏好吧，相比起别家的唯美视频，Life of Vids 的视频多了很多较为日常的场景，比如忙碌的码头和工作中的挖掘机什么的，用作空镜之类的应该挺适合。此外工作室还有一个无版权图片网站 Life of Pix。
19.SplitShire （https://www.splitshire.com/）
SplitShire是网页设计师Daniel Nanescu的心血结晶，他想与全世界分享他的免费图片和视频集。
20.Motion Backgrounds （https://www.motionbackgroundsforfree.com/）
顾名思义，这个网站提供免费的运动背景。你可以随意使用它们,没有任何限制。
21.Stock Footage 4 Free （https://www.stockfootageforfree.com/）
On Stock Footage 4 Free，你会发现各种类别的免费剪辑，通常会在每周一，周三和周五添加新剪辑, 用户必须先创建帐户，然后才能下载免费素材。
22.Beachfront B-Roll （http://www.beachfrontbroll.com/）
Beachfront B-Roll是一个视频博客，提供高清素材和动画背景。由于格式的原因，可能需要寻找一些可以找到要查找的内容，尽管该网站允许选择要在页面顶部浏览的类别。该网站的内容是独一无二的，所以值得一看。此处的视频根据知识共享署名许可进行许可.
23.Mitch Martinez （http://mitchmartinez.com/free-4k-red-epic-stock-footage/）
如果正在搜索4K素材，请查看此站点。虽然它似乎不再更新，但仍有许多类别的视频供您浏览。如果计划在商业项目中使用剪辑，则需要先完成发布表单。
24.Pond5 Free Video Footage （https://www.pond5.com/）
Pond5对他们的大部分镜头收费，但他们也提供免费的旧镜头。
25.Fancy Footage Club （http://fancyfootage.com/）
Fancy Footage Club不再运行，但他们的网站仍在运行，仍然可以浏览他们的剪辑集，还可以在此处下载所有现有的素材。
26.Movie Tools （http://www.movietools.info/）
在MovieTools，可以下载免费的循环和背景，用于自己的非商业视频。他们的选择并不大，但你仍然可以在这里找到有用的东西。如果想将这些剪辑中的任何一个用于商业用途，则需要付费下载HD版本。
27.Clip Canvas （https://www.clipcanvas.com/free-footage/）
Clip Canvas提供170个免费视频。他们还有一个更大的镜头库可供购买。如果使用他们的剪辑，则无需提供归因。
28.OpenFootage （https://www.openfootage.net/）
OpenFootage在其网站上提供了很好的自然，延时和抽象视频选择。可以免费下载这些视频的低分辨率版本。更高质量的版本需要付费。免费下载根据知识共享署名许可进行许可。
29.Distill （http://www.wedistill.io/videos）
Distill 在精不在多，它的视频均由认证作者上传，每10天更新一次，每次10个视频（Cuto 既视感）。这些作者风格各异，数量也不多，是否适合就看缘分了，偶尔上去看看找点灵感也是不错的。由于更新频率不高，也可以订阅它的 Email 推送。
欢迎关注@中科维智卢利农头条号，如果你喜欢我的文章，不妨点赞、转发、收藏一下哦！
雪时间轴个人博客模板,女生唯美简洁个人博客静态页面模板，蓝色时间轴个人网页模板，下雪空间个人模板代码
1、html页面代码
<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>看雪时间轴个人博客模板 - bokequ.com</title>
<meta name="keywords" content="蓝色模板,个人网站模板,个人博客模板,博客模板,css3,html5,网站模板" />
<meta name="description" content="这是一个有关看雪时间轴的css3 html5 网站模板" />
<link href="css/styles.css" rel="stylesheet">
<link href="css/animation.css" rel="stylesheet">
<!-- 返回顶部调用 begin -->
<link href="css/lrtk.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/js.js"></script>
<!-- 返回顶部调用 end-->
<!--[if lt IE 9]>
<script src="js/modernizr.js"></script>
<![endif]-->
</head>
<body>
<header> <img src="http://www.bokequ.com/winter/templets/xq/images/logo.png" alt="看雪个人空间" width="170" height="60">
<h1><a href="http://www.bokequ.com/winter/">看雪时间轴个人博客模板</a></h1>
<p>看雪,是一种唯美的心境。这个冬季，放下疲惫的自己，一起看雪吧</p>
</header>
<div class="b_nav"></div>
<div id="nav">
<ul>
<li><a href="#">网站首页</a></li>
<li><a href="http://www.bokequ.com/blog/1/" target="_blank" title="个人博客模板">个人博客模板</a></li>
<li><a href="#" title="图书推荐">图书推荐</a></li>
<li><a href="#" title="网站建设">网站建设</a></li>
<li><a href="http://www.bokequ.com/category/web" target="_blank" title="HTML5 / CSS3">HTML5/CSS3</a></li>
<li><a href="#" target="_blank" title="技术探讨">技术探讨</a></li>
<li><a href="http://www.bokequ.com/wo/life/man/" target="_blank" title="慢生活">慢生活</a></li>
<li><a href="http://www.bokequ.com/wo/newstalk/" target="_blank" title="碎言碎语">碎言碎语</a></li>
</ul>
<!--获取当前页导航 高亮显示标题-->
</div>
<!--header end-->
<div id="mainbody">
<div class="info">
<figure> <img src="images/art1.jpg" alt="看雪，是一种唯美的心境">
<figcaption><strong>看雪，是一种唯美的心境</strong> 喜欢雪，没有理由，只是爱它的轻盈，却不张扬;痴迷于它的典雅，却不做作。纯纯的颜色，洁白如晶，如天使，似鹅毛，飘飘洒洒，漫天飞舞。它虽没有华丽的外套，白色却是最好的衣冠;它虽称不上雍容华贵，素雅却是最佳的装扮。带着它的雅致，迈着绝美的舞姿，随着冬的到来而翩翩起舞，洋洋洒洒，一泻千里。 </figcaption>
</figure>
<div class="card">
<h1>关于我</h1>
<p>网名：keyboard | 草戊水来</p>
<p>职业：Web前端设计师、网页设计</p>
<p>电话：18666888333</p>
<p>Email：snow@qq.com</p>
<ul class="linkmore">
<li><a href="#" class="talk" title="给我留言"></a></li>
<li><a href="#" class="address" title="联系地址"></a></li>
<li><a href="#" class="email" title="给我写信"></a></li>
<li><a href="#" class="photos" title="生活照片"></a></li>
<li><a href="#" class="heart" title="关注我"></a></li>
</ul>
</div>
</div>
<!--info end-->
<div class="blank"></div>
<div class="blogs">
<ul class="bloglist">
<li>
<div class="arrow_box">
<div class="ti"></div>
<!--三角形-->
<div class="ci"></div>
<!--圆形-->
<h2 class="title"><a href="http://www.bokequ.com/blog/12/1.html" target="_blank">雪，温暖了整个冬天。</a></h2>
<ul class="textinfo">
<a target="_blank" href="http://www.bokequ.com/blog/12/1.html"><img src="images/11.jpg"></a>
<p> 冬天总是不如夏春秋一般柔软多情，既然来了，就让人记得刻苦铭心。人生如此般，雪一般的岁月，苦中作乐，暂不说这是那些文人雅客笔下描写的那样如诗如画，却也是每一个人的雪景中总有一处属于自己建立起的一片天地。如痴如醉的自己，看不清别人，也看不清自己，倒也是一种境界，让人有点糊涂，有点执迷。 </p>
</ul>
<ul class="details">
<li class="likes"><a href="#">喜欢 10</a></li>
<li class="comments"><a href="#">评论 34</a></li>
<li class="icon-time"><a href="#">时间 2016-12-1</a></li>
</ul>
</div>
<!--arrow_box end-->
</li>
<li>
<div class="arrow_box">
<div class="ti"></div>
<!--三角形-->
<div class="ci"></div>
<!--圆形-->
<h2 class="title"><a href="http://www.bokequ.com/wo/" target="_blank">说好陪我看第一场雪。雪下了，你在哪？</a></h2>
<ul class="textinfo">
<a href="#"><img src="images/s5.jpg"></a>
<p> 1、雪很美， 当它落下来的那一刻，就注定要化成水。2、世界上没有不融化的雪，也没有永远不变的爱情，人心都是会变的。3、纯洁的雪，洗濯了肮脏的世界，邂逅的只是安静的大地。4、冬天下雪的时候他会背我走 可是我们分手了。5、冬天的早晨， 晴朗的阳光， 洁净安宁的雪， 一切美的就像我喜欢的她。6、当赤道留住雪花。眼泪融掉细沙，你肯珍惜我吗?</p>
</ul>
<ul class="details">
<li class="likes"><a href="#">喜欢 102</a></li>
<li class="comments"><a href="#">评论 58</a></li>
<li class="icon-time"><a href="#">时间 2016-12-2</a></li>
</ul>
</div>
<!--arrow_box end-->
</li>
<li>
<div class="arrow_box">
<div class="ti"></div>
<!--三角形-->
<div class="ci"></div>
<!--圆形-->
<h2 class="title"><a href="http://www.bokequ.com/wo/" target="_blank">风劲吹，雪漫舞</a></h2>
<ul class="textinfo">
<a href="#"><img src="images/s3.jpg"></a>
<p> 雪花漫天卷地落下来，犹如鹅毛一般，纷纷扬扬。轻轻地轻轻地落在房顶上，落在草地上，落在山峰上。一会儿，大地一片雪白，好象整个世界都是银白色的，闪闪发光。雪落在地上，那么纯洁，那么晶莹，真使人不忍心踩上去...</p>
</ul>
<ul class="details">
<li class="likes"><a href="#">喜欢 15</a></li>
<li class="comments"><a href="#">评论 2</a></li>
<li class="icon-time"><a href="#">时间 2016-12-3</a></li>
</ul>
</div>
<!--arrow_box end-->
</li>
<li>
<div class="arrow_box">
<div class="ti"></div>
<!--三角形-->
<div class="ci"></div>
<!--圆形-->
<h2 class="title"><a href="http://www.bokequ.com/wo/" target="_blank">北京下雪了</a></h2>
<ul class="textinfo">
<a href="#"><img src="images/s4.jpg"></a>
<p> 雪中的北京，好美，下雪天，是不是应该得到一个大大的拥抱，一杯喜欢的咖啡，牵手去踩踩雪，听着咯吱咯吱的声音。每年下雪的时候，都是我最想家的时候，以前北京下雪总是没有大连下的那么痛快，所以最冷的时候最怀念家乡的大学和温暖的被窝，原来寒冷真的会加重思乡之情……小伙伴们，你们还好吗?!</p>
</ul>
<ul class="details">
<li class="likes"><a href="#">喜欢 102</a></li>
<li class="comments"><a href="#">评论 58</a></li>
<li class="icon-time"><a href="#">时间 2016-12-4</a></li>
</ul>
</div>
<!--arrow_box end-->
</li>
<li>
<div class="arrow_box">
<div class="ti"></div>
<!--三角形-->
<div class="ci"></div>
<!--圆形-->
<h2 class="title"><a href="http://www.bokequ.com/wo/" target="_blank">看雪赏雪心情说说</a></h2>
<ul class="textinfo">
<a href="#"><img src="images/s1.jpg"></a>
<p> 踏上由雪铺砌的小路，独自漫步，踩上去听那咯吱咯吱的乐声，真比那天籁之音还要醉人，难怪有诗这样写到“此曲只应天上有，人间哪得几回闻。”你瞧，远出那被雪覆盖的枯枝，似开出了一朵朵白色的小花，真有点“忽如一夜春风来，千树万树梨花开”的味道，却又好似玉雕的一般，晶莹剔透。还有那房屋上，也都披上了厚厚的雪戎装。</p>
</ul>
<ul class="details">
<li class="likes"><a href="#">喜欢 15</a></li>
<li class="comments"><a href="#">评论 2</a></li>
<li class="icon-time"><a href="#">时间 2016-12-5</a></li>
</ul>
</div>
<!--arrow_box end-->
</li>
<li>
<div class="arrow_box">
<div class="ti"></div>
<!--三角形-->
<div class="ci"></div>
<!--圆形-->
<h2 class="title"><a href="http://www.bokequ.com/wo/" target="_blank">因为爱你，更是因为懂你</a></h2>
<ul class="textinfo">
<a href="#"><img src="images/12.jpg"></a>
<p> 外边仍然飘着转身急逝的雪花，多想在看看落满操场的雪花，多想和你踏着，听着雪碎的声音，如今只剩下惨淡的雪还在下，只能听见自己心碎的声音还在颤抖。望着你离开的背影，我告诉自己要坚强，不哭，是因为爱你，更是因为懂你。 </p>
</ul>
<ul class="details">
<li class="likes"><a href="#">喜欢 15</a></li>
<li class="comments"><a href="#">评论 2</a></li>
<li class="icon-time"><a href="#">时间 2016-12-6</a></li>
</ul>
</div>
<!--arrow_box end-->
</li>
<li>
<div class="arrow_box">
<div class="ti"></div>
<!--三角形-->
<div class="ci"></div>
<!--圆形-->
<h2 class="title"><a href="http://www.bokequ.com/wo/" target="_blank">长大后看雪，看的是心境</a></h2>
<ul class="textinfo">
<a href="#"><img src="images/art2.jpg"></a>
<p> 许多人看雪会看出许多往事，像小时候看雪，看的就是纯净，长大后看雪，看的是心境。不同的人生阶段看到的雪花固然不同，有看出惊艳的，有看出伤感的，有看出华丽的，有看出苍白的，不论看到了什么样的心境，雪还是雪，只是落在谁的心上，就堆积成什么样的形状。我到真心认为，雪就是雪，季节的使者，有它的时经典散文摘抄:候，证明这个季节是狂欢的，没它的时候，这个季节会显得格外冷清。</p>
</ul>
<ul class="details">
<li class="likes"><a href="#">喜欢 15</a></li>
<li class="comments"><a href="#">评论 2</a></li>
<li class="icon-time"><a href="#">时间 2016-12-7</a></li>
</ul>
</div>
<!--arrow_box end-->
</li>
<li>
<div class="arrow_box">
<div class="ti"></div>
<!--三角形-->
<div class="ci"></div>
<!--圆形-->
<h2 class="title"><a href="http://www.bokequ.com/wo/" target="_blank">雪景清纯美女图片下载</a></h2>
<ul class="textinfo">
<a href="#"><img src="images/13.jpg"></a>
<p> 雪,带着那冬季的清寒悄然飘落,雪花是多么美好,它纯净了整个世界,纯净了我们的心灵中的每一个角落。一起徒步看雪景也许最美的不是天长地久,而是和你一起坐在长椅上,看远处的雪景,天空很冷,我们却很幸福!</p>
</ul>
<ul class="details">
<li class="likes"><a href="#">喜欢 15</a></li>
<li class="comments"><a href="#">评论 2</a></li>
<li class="icon-time"><a href="#">时间 2016-12-8</a></li>
</ul>
</div>
<!--arrow_box end-->
</li>
<div class="post-nav-right"><p><a target="_blank" href="http://www.bokequ.com/blog/12/1.html" >点击阅读更多</a></p></div>
</ul>
<!--bloglist end-->
<aside>
<div class="search">
<form class="searchform" method="get" action="#">
<input type="text" name="s" value="Search" onFocus="this.value=''" onBlur="this.value='Search'">
</form>
</div>
<div class="viny">
<dl>
<dt class="art"><img src="images/13.jpg" alt="歌曲专辑"></dt>
<dd class="icon-song"><span></span>我很快乐</dd>
<dd class="icon-artist"><span></span>歌手：刘惜君</dd>
<dd class="icon-album"><span></span>专辑：《我很快乐》</dd>
<dd class="icon-like"><span></span><a href="#">喜欢</a></dd>
<dd class="music">
<audio src="http://www.bokequ.com/blog/12/images/kuaile.mp3" controls autoplay></audio>
</dd>
<!--也可以添加loop属性 音频加载到末尾时，会重新播放-->
</dl>
</div>
<div class="tuijian">
<h2>推荐文章</h2>
<ol>
<li><span><strong>1</strong></span><a target="_blank" href="http://www.bokequ.com/blog/summer/biye.html">广东省电子商务技师学院</a></li>
<li><span><strong>2</strong></span><a target="_blank" href="http://www.bokequ.com/shuo/">浅蓝色小清新说说文章类织梦CMS个人博客模板</a></li>
<li><span><strong>3</strong></span><a target="_blank" href="http://www.bokequ.com/blog/8/">花开花落—古典个人博客模板</a></li>
<li><span><strong>4</strong></span><a target="_blank" href="http://www.bokequ.com/winter/">心情日记_心情语录随笔个人博客模板</a></li>
<li><span><strong>5</strong></span><a target="_blank" href="http://www.bokequ.com/blog/sep/">九月.梦见夏天结束的样子个人博客</a></li>
<li><span><strong>6</strong></span><a target="_blank" href="http://www.bokequ.com/time/">小清新个人博客主页模板 - 用照片记录时光</a></li>
<li><span><strong>7</strong></span><a target="_blank" href="http://www.bokequ.com/blog/bozhao/index.html">广州博兆集团—五龙山庄拓展训练</a></li>
<li><span><strong>8</strong></span><a target="_blank" href="http://www.bokequ.com/wo/">个人生活点滴记录博客</a></li>
<li><span><strong>9</strong></span><a target="_blank" href="http://www.bokequ.com/blog/22/index.html">毕业了，一起看看青春期那些糟心大片！</a></li>
</ol>
</div>
<div class="toppic">
<h2>图文推荐</h2>
<ul>
<li><a href="#"><img src="images/k01.jpg">唯美雪景意境图片,唯美雪景意境图片壁纸！
<p>点击阅读更多...</p>
</a></li>
<li><a href="#"><img src="images/10.jpg">浪漫唯美雪景图片_下雪浪漫唯美图片下载
<p>点击阅读更多...</p>
</a></li>
<li><a href="#"><img src="images/k03.jpg">唯美人物雪景图片:冬天要是有雪才完美。
<p>点击阅读更多...</p>
</a></li>
<li><a href="#"><img src="images/12.jpg">最美冬天雪景图片大全。
<p>点击阅读更多...</p>
</a></li>
<li><a href="#"><img src="images/13.jpg">世上所谓幸福，就是一个笨蛋遇到一个傻瓜。
<p>点击阅读更多...</p>
</a></li>
</ul>
</div>
<div class="clicks">
<h2>热门点击</h2>
<ol>
<li><span><a href="#">慢生活</a></span><a href="http://www.bokequ.com/wo/share/">有一种思念，是淡淡的幸福,一个心情一行文字</a></li>
<li><span><a href="#">爱情美文</a></span><a href="http://www.bokequ.com/wo/share/">励志人生-要做一个潇洒的女人</a></li>
<li><span><a href="#">慢生活</a></span><a href="http://www.bokequ.com/wo/share/">女孩都有浪漫的小情怀——浪漫的求婚词</a></li>
<li><span><a href="#">博客模板</a></span><a href="http://www.bokequ.com/wo/share/">Green绿色小清新的夏天-个人博客模板</a></li>
<li><span><a href="#">女生个人博客</a></span><a href="http://www.bokequ.com/wo/share/">女生清新个人博客网站模板</a></li>
<li><span><a href="#">Wedding</a></span><a href="http://www.bokequ.com/wo/share/">Wedding-婚礼主题、情人节网站模板</a></li>
<li><span><a href="#">三栏布局</a></span><a href="http://www.bokequ.com/wo/share/">Column 三栏布局 个人网站模板</a></li>
<li><span><a href="#">个人网站模板</a></span><a href="http://www.bokequ.com/wo/share/">时间煮雨-个人网站模板</a></li>
<li><span><a href="#">古典风格</a></span><a href="http://www.bokequ.com/wo/share/">花气袭人是酒香—个人网站模板</a></li>
</ol>
</div>
<div class="visitors">
<h2>最新评论</h2>
<dl>
<dt><img src="images/s8.jpg" alt="看雪个人博客模板">
<dt>
<dd>DanceSmile
<time>38分钟前</time>
</dd>
<dd>在 <a href="http://www.yangqq.com/jstt/bj/2013-07-28/530.html" class="title">如果要学习web前端开发，需要学习什么？ </a>中评论：</dd>
<dd>文章非常详细，我很喜欢.前端的工程师很少，我记得几年前yahoo花高薪招聘前端也招不到</dd>
</dl>
<dl>
<dt><img src="images/s7.jpg" alt="看雪个人博客模板">
<dt>
<dd>yisa
<time>2小时前</time>
</dd>
<dd>在 <a href="http://www.bokequ.com/blog/7/" class="title">>青春往事个人博客模板 - bokequ.com</a>中评论：</dd>
<dd>我要下载个人博客模板</dd>
</dl>
<dl>
<dt><img src="images/s6.jpg" alt="看雪个人博客模板">
<dt>
<dd>个人博客
<time>12月7日</time>
</dd>
<dd>在 <a href="http://www.bokequ.com/wo/" class="title">如果个人博客网站再没有价值，你还会坚持吗？ </a>中评论：</dd>
<dd>博客色彩丰富，很是好看</dd>
</dl>
<dl>
<dt><img src="images/s2.jpg" alt="看雪个人博客模板">
<dt>
<dd>小林博客
<time>12月7日</time>
</dd>
<dd>在 <a href="http://www.bokequ.com/wo/" class="title">如果个人博客网站再没有价值，你还会坚持吗？ </a>中评论：</dd>
<dd>博客色彩丰富，很是好看</dd>
</dl>
<dl>
<dt><img src="images/s5.jpg" alt="看雪个人博客模板">
<dt>
<dd>MAOLAI博客
<time>12月7日</time>
</dd>
<dd>在 <a href="http://www.bokequ.com/wo/" class="title">如果个人博客网站再没有价值，你还会坚持吗？ </a>中评论：</dd>
<dd>博客色彩丰富，很是好看</dd>
</dl>
</div>
<div class="flickr">
<h2>最近访客</h2>
<ul>
<li><a href="#" rel="nofollw" title="梦想霞个人博客"><img src="images/s5.jpg"></a></li>
<li><a target="_blank" href="http://www.xuanfengge.com/" rel="nofollw" title="轩枫阁"><img src="images/s2.jpg"></a></li>
<li><a target="_blank" href="http://www.onmpw.com/index.html" rel="nofollw" title="迹忆博客"><img src="images/03.jpg"></a></li>
<li><a target="_blank" href="http://m.bokequ.com/" rel="nofollw" title="草根站长目录"><img src="images/04.jpg"></a></li>
<li><a href="#" rel="nofollw" title="艺小昔个人博客"><img src="images/05.jpg"></a></li>
<li><a target="_blank" href="http://www.bokequ.com/wo/newstalk/" rel="nofollw" title="心情说说"><img src="images/06.jpg"></a></li>
<li><a target="_blank" href="http://www.bokequ.com/wo/comic/" rel="nofollw" title="动漫资讯"><img src="images/s6.jpg"></a></li>
<li><a href="#" rel="nofollw" title="超神学院"><img src="images/08.jpg"></a></li>
<li><a target="_blank" href="http://www.bokequ.com/shuo/" rel="nofollw" title="唯美说说乐园"><img src="images/09.jpg"></a></li>
</ul>
</div>
</aside>
</div>
<!--blogs end-->
</div>
<!--mainbody end-->
<footer>
<div class="footer-bottom">
<p>Copyright 2016 时间：大约在冬季 Design by <a href="http://www.bokequ.com">MAOLAI博客(bokequ.com)</a> 模板下载地址：更新中...</p>
</div>
</footer>
<!-- jQuery仿腾讯回顶部和建议 代码开始 -->
<div id="tbox"> <a id="togbook" href="#"></a> <a id="gotop" href="javascript：void(0)"></a> </div>
<!-- 代码结束 -->
</body>
</html>2、css样式
@charset "gb2312";
/* CSS Document */
* { margin: 0; padding: 0 }
body { font: 14px "宋体", "Arial Narrow", HELVETICA; color: #3F3E3C; line-height: 1.5; background:url(../images/bg1.jpg)}
img { border: 0; vertical-align: middle }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 { font: 24px "微软雅黑", "Microsoft YaHei", Arial, Helvetica, sans-serif }
p { word-wrap: break-word }
ul, ol { list-style: none; }
a { color: #111; text-decoration: none; transition: All 1s ease; -webkit-transition: All 1s ease; -moz-transition: All 1s ease; -ms-transition: All 1s ease; -o-transition: All 1s ease; }
a:hover { color: #111; }
/* -----------------------nav 一级导航----------------- */
header {
padding:133px 0 0 0;
width:100%;
height:380px;
margin:auto;
background:url(../images/top.jpg) center 0 scroll no-repeat;}
header img {
float:left;
margin:0 20px 0 66px;
-webkit-animation:'flipInX' 1s ease 1s backwards;
-moz-animation:'flipInX' 1s ease 1s backwards;
-ms-animation:'flipInX' 1s ease 1s backwards;
-o-animation:'flipInX' 1s ease 1s backwards;
animation:'flipInX' 1s ease 1s backwards;
}
header h1 {
font-size:16px;
font-weight:normal;
text-shadow:#fff 1px 1px 1px;
}
.b_nav{background:url(../images/menu_bg.png) 50% 0%;width:100%; margin-top:-160px;height:50px;}
header h1 a {
color:#000
}
header h1 a:hover {
text-decoration:underline
}
header p {
margin:17px 0 0 0;
text-shadow:#000 1px 1px 1px;
color:#fff
}
#nav {
width:100%;
line-height:40px;
height:40px;
margin-top:-86px;
}
#nav ul {
list-style:none;
margin:auto;
width:1030px
}
#nav ul li {
float:left;
width:100px;
text-align:center;
text-shadow:#333 1px 1px 1px;
}
#nav ul li a {
display:block;
color:#FFF;
cursor:pointer;
font-weight:bold;
}
#nav ul li a:hover {
background:#6983d7;
color:#FFF;
font-weight:bold;
border-radius:50px 0
}
#nav ul li a#nav_current {
background:#6983d7;
color:#FFF;
font-weight:bold;
border-radius:50px 0
}
#mainbody { width: 100%;clear: both; overflow: hidden; }
/* ---------------------info------------------------- */
.info { width: 1000px; margin:50px auto; overflow: hidden; clear: both }
/* 图片向上翻转的动画效果 */
.info figure { display: inline-block; width: 630px; height: 250px; position: relative; float: left; }
.info figcaption { padding: 20px; position: absolute; top: 20%; left: 0; background: rgba(153,153,153,.8); color: white; opacity: 0; -webkit-transition: opacity .75s ease-out; -moz-transition: opacity .75s ease-out; -o-transition: opacity .75s ease-out; transition: opacity .75s ease-out; }
.info figure:hover figcaption { opacity: 1; } /* 用opacity 设置鼠标放上去显示文字的效果 */
.info figcaption strong { display: block; line-height: 40px }
/* card */
.card { box-shadow: 0px 1px 0px rgba(255,255,255,.1), inset 0px 1px 1px rgba(0,0,0,.7); border-radius: 6px; background:#fff url(../images/quote-bg.png) no-repeat top right; width: 350px; float: right; height: 250px; overflow: hidden }
.card h1 { padding: 10px }
.card p:first-child { padding: 40px 0 0 40px } /* 结构性伪类选择符 选择第一个p标签，并且设置上、左距离是40px*/
.card p { padding: 0 0 0 40px; line-height: 28px; color: #111;}
.linkmore { margin: 15px 0 0 15px }
.linkmore li a { height: 50px; width: 50px; display: block; overflow: hidden; box-shadow: 0px 1px 0px rgba(255,255,255,.1), inset 0px 1px 1px rgba(0,0,0,.7); border-radius: 50%; float: left; margin: 0 6px; }
.linkmore li a:hover { opacity: 0.5; -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); -moz-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); }
.talk, .address, .email, .photos, .heart { background: url(../images/icons.png) no-repeat; }
.talk { background-position: 13px 18px }
.address { background-position: 12px -22px }
.email { background-position: 12px -60px }
.photos { background-position: 12px -137px }
.heart { background-position: 13px -99px }
/* --------------------博客列表-------------------- */
.blogs { width: 1000px; margin: 0 auto 20px; }
.bloglist {margin-top:-33px; width: 666px; float: left; }
.bloglist>li { border-right: #fff 2px solid; padding: 20px 0; }
.arrow_box { background: #fff; box-shadow: 0px 1px 0px rgba(255,255,255,.1), inset 0px 1px 1px rgba(0,0,0,.7); width: 630px; color: #b9b9b9; border-radius: 6px; position: relative }
.ti { width: 0px; height: 0px; border-style: solid; border-width: 0px 0 20px 22px; border-color: transparent transparent transparent #fff; position: absolute; left: 630px; top: 20px; }/* 三角形 */
.ci { width: 10px; height: 10px; border-radius: 50%; position: absolute; left: 658px; top: 16px; background: #fff; border: 2px solid #fff; } /* 圆形定义边框色与背景一致 */
.ci:hover { border: 2px solid #B9B9B9; }
.arrow_box h2.title { padding: 0 0 0 20px; font: 16px/50px "微软雅黑", "Microsoft YaHei", Arial, Helvetica, sans-serif }
.arrow_box h2 a:hover { padding-left: 20px }
.textinfo { overflow: hidden; }
.arrow_box img { width:200px; padding: 4px; float: left; -webkit-transition: All 1s ease; -moz-transition: All 1s ease; -ms-transition: All 1s ease; -o-transition: All 1s ease; border-radius: 4px; margin: 0 20px 20px; }
.arrow_box img:hover { opacity: 0.6; }
.arrow_box p {color:#111; line-height: 24px; padding: 0 20px 20px }
.details { background:#fafafa; border-radius: 0 0 6px 6px; padding: 0 10px }
.details li { line-height: 26px; display: inline; font-size:14px; margin-right: 10px; }
.details li a { color: #3F3E3C }
.details li a:hover { color: #933 }
.icon-time, .likes, .comments { background: url(../images/icons.png) no-repeat }
.icon-time { background-position: 0 -208px; padding: 0 0 0 18px; }
.likes, .comments { float: right; padding: 0 0 0 14px; }
.likes { background-position: 0 -240px; }
.comments { background-position: 0 -220px; }
.post-nav-right{height:68px}
.post-nav-right p{text-align:center;line-height:60px;font-size:16px;}
.post-nav-right a{
padding: 10px 10px;
color: #222;
background: #fff;
border-radius: 3px;}
/*-------------------aside侧边栏--------------------------*/
aside { width: 310px; float: right; margin:-12px 0; }
aside h2{ font-weight:bold;font-size: 16px; margin-bottom: 10px;color: #222 }
aside div { box-shadow: 0px 1px 0px rgba(255,255,255,.1), inset 0px 1px 1px rgba(0,0,0,.7); border-radius: 6px; padding: 15px; background: #fff; margin-bottom: 20px; overflow: hidden; }
.tuijian li, .clicks li { white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.tuijian li a:hover { padding-left: 10px }
.tuijian li span:before { content: "0"; }/* 数字列表前面统一加0 */
.tuijian li span { margin-right: 10px; font-size: 14px; font-family: "微软雅黑"; }
.tuijian li:nth-child(-n+3) span { width: 39px; color: #999 } /* 选择从第3个开始倒数也就是第三个前面的 */
.tuijian li:nth-child(-n+3) strong { font-size: 24px; font-weight: normal; }
.tuijian li:first-child span { color: #f8490b; } /* 选择第一个 */
.tuijian li:nth-child(n+3) { line-height: 24px } /* 选择从第3个开始往后数 */
.tuijian li:nth-child(4) { margin: 5px 0 0 0 } /* 选择第四个 */
/* 图文推荐 */
.toppic li{margin:10px 0;}
.toppic li img { width:100px; float: left; margin-right: 10px; }
.toppic ul li:nth-child(2) { margin: 15px 0; }
.toppic ul li a { display: block; width: 100%; clear: both; overflow: hidden }
.toppic li p { color: #B5783E; padding-left: 110px; margin-top: 5px; }
.toppic li:first-child p { background-position: 90px -263px; }
.toppic li:nth-child(2) p { background-position: 90px -283px; }
.toppic li:last-child p { background-position: 90px -301px; }
/* 热门点击 */
.clicks li { line-height: 24px; }
.clicks li span:before { content: "【"; }
.clicks li span:after { content: "】"; }
.clicks li span a { padding: 0 5px; color: #366 }
.clicks li a:hover { text-decoration: underline }
/* search */
.searchform { overflow: hidden; padding: 10px; }
.searchform input { background:#fdfdfd url(../images/icons.png) no-repeat 3px -318px; border: 1px solid #111; width: 220px; line-height: 30px; color: #b9b9b9; padding-left: 30px; }
/* music */
.viny dl dd { color: #b9b9b9; line-height: 24px; }
.art { background: url(../images/vinyl.png) no-repeat left; width: 130px; float: left; background-size: 120px; }
.viny .art img { width: 90px; height: 90px; margin-left: 11px }
.viny dd span { width: 12px; height: 24px; margin-right: 7px; float: left; display: block; }
.icon-song span, .icon-artist span, .icon-album span, .icon-like span { background: url(../images/icons.png) no-repeat }
.icon-song span { background-position: -33px -344px }
.icon-artist span { background-position: -16px -344px }
.icon-album span { background-position: 0 -344px }
.icon-like span { background-position: -1px -299px; }
.icon-like a { color: #B5783E }
.icon-like a:hover { color: #FFF; text-decoration: underline }
.music audio { width: 100%; padding-top: 10px }
/* 最新评论 */
.visitors dl { display: block; overflow: hidden; margin-bottom: 12px }
.visitors dd { line-height: 22px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.visitors dd:last-child { color: #6A9150; }
.visitors time { color: #066; margin-left: 10px }
.visitors dt { float: left; }
.visitors dt img { width: 67px; height: 67px; margin-right: 10px; }
/* 最近访客 */
.flickr ul li { margin: 0 11px 11px 0; float: left; background: #000; }
.flickr ul li img { width: 67px; height: 67px; border: #111 solid 1px; }
.flickr ul li img:hover { opacity: 0.6 }
/* --------------------------footer----------------------- */
.footer-bottom {margin-top:38px;overflow: hidden; }
.footer-bottom p { font-size:14px;text-align:center;color:#fff; width: 1000px; margin: 0 auto; padding: 10px 0; }看雪时间轴个人博客模板代码演示http://www.bokequ.com/blog/12/
*请认真填写需求信息，我们会在24小时内与您取得联系。
