类名shadow阴影，hover-shadow:hover效果加阴影

类名title(标题到副标题40px)的margin:0 0 40px;，subtitle(副标题到正文距离60px)的margin:0 0 60px;

类名-wrap：padding:80px 0 100px

标题

h1-AOMEI Backupper (60px，是helvetica Blk字体)

AOMEI Backupper Download Center

AOMEI Backupper Download Center

h2-AOMEI Backupper(36px)

h3-AOMEI Backupper(24px)

h4-AOMEI Backupper(20px)

h5-AOMEI Backupper(16px)

AOMEI Backupper(helvetica Th细体)

15% OFF

文字前小图标

里面个体用p和li都可以

• All-in-one data protection and disaster recovery solution for PCs and Laptops.

• All-in-one data protection and disaster recovery solution for PCs and Laptops.

• All-in-one data protection and disaster recovery solution for PCs and Laptops.

• All-in-one data protection and disaster recovery solution for PCs and Laptops.

• All-in-one data protection and disaster recovery solution for PCs and Laptops.

• All-in-one data protection and disaster recovery solution for PCs and Laptops.

• All-in-one data protection and disaster recovery solution for PCs and Laptops.

• All-in-one data protection and disaster recovery solution for PCs and Laptops.

• All-in-one data protection and disaster recovery solution for PCs and Laptops.

• All-in-one data protection and disaster recovery solution for PCs and Laptops.

• All-in-one data protection and disaster recovery solution for PCs and Laptops.

• All-in-one data protection and disaster recovery solution for PCs and Laptops.

• All-in-one data protection and disaster recovery solution for PCs and Laptops.

• All-in-one data protection and disaster recovery solution for PCs and Laptops.

• All-in-one data protection and disaster recovery solution for PCs and Laptops.

• All-in-one data protection and disaster recovery solution for PCs and Laptops.

All-in-one data protection and disaster recovery solution for PCs and Laptops.

professional

Technician

Customization Edition

All-in-one data protection and disaster recovery solution for PCs and Laptops.

All-in-one data protection and disaster recovery solution
for PCs and Laptops.

折扣胶囊

功能图标

小小图标

购买保证图标

css: /assets/css/icon.css images: /assets/images/icons/AB-pro-all-icon.png 

图标

中图标

大图标

按钮

learn more

大按钮

下载获取邮箱按钮

五个一排样式

• System Backup

  Only back up data that changes to save time and disk space.Only back up data that changes to save time and disk space.Only back up data that changes to save time and disk space.

• Disk Backup

• File backup

• File Sync

• Schedule backup

• Full backup

• Incremental &
  Differential backups

四个一排样式

• System Backup

• Disk Backup

• File backup

• File Sync

• Schedule backup

• Full backup

• Incremental &
  Differential backups

• Incremental &
  Differential backups

保障框

• Free Shipping

  Real-Time Delivery

• 90-Day

  Money Back Guarantee

• 256-BIT

  SSL Secure Order

• 24/7

  Free Technical Support

• Free Shipping

  Real-Time Delivery

• 90-Day

  Money Back Guarantee

• 256-BIT

  SSL Secure Order

• 24/7

  Free Technical Support

cc panel-box面板

水平盒子

有hover效果加类名hover，图片使用的类名为img-box的容器背景图(或者使用img标签加类名.img-normal,.img-hover)。没hover效果图边使用img标签

Media heading

Free disk partitioning and management tool to safely partition your hard drives.Free disk partitioning and management tool to safely partition your hard drives.Free disk partitioning and management tool to safely partition your hard drives.Free disk partitioning and management tool to safely partition your hard drives

Download Freeware

面板panel

For novice users, AOMEI Backupper is a good PC backup solution. The interface prioritizes the backup and restore processes and provides little room for user error, making it one of the easiest apps to use. While the backup and restore speeds weren’t the fastest in our review, they were above average, and the compression rate was the best in our tests. Overall, this is an excellent PC backup app.

learn more

Get state

All-in-one data protection.

All-in-one data protection.

All-in-one data protection.

All-in-one data protection.

All-in-one data protection.

vertical-box

第一个为图片使用类名”top-img“,第一为标题使用类名”top“

Complete and straightforward Windows backup software, sync, restore, and cloning software for Windows 10, 8.1, 8, 7, Vista, XP on home desktops, laptops and tablets.

Professional Edition

- For Home -

Complete and straightforward Windows backup software, sync, restore, and cloning software for Windows 10, 8.1, 8, 7, Vista, XP on home desktops, laptops and tablets.

learn more >>

Keith LaBorde Fremont, USA

I have been using this AOMEI Backupper software not only to do backups, but to do Upgrades to my older PC's to SSD's. The Clone function makes it so easy to clone your existing disk drive to a new one. Then you remove your old disk drive, replace it with the new one that you just cloned too, and it boots right up. The size of your target can be smaller or larger, as long as it fits. Thank Yoy!

有上角标

组合盒子

AOMEI Backupper Professional
AOMEI Partition Assistant Professional

Complete and easy-to-use backup & restore, sync, clone software for PC. All-in-one partition software and hard disk manager for PC. One-time purchase, lifetime free upgrade to every latest version.

$76.93 $109.90

Save Now
More Special Offers

AOMEI Backupper Professional + AOMEI Partition Assistant Professional

Complete and easy-to-use backup & restore, sync, clone software for PC. All-in-one partition software and hard disk manager for PC. One-time purchase, lifetime free upgrade to every latest version.

$76.93 $109.90

Save Now
More Special Offers

轮播图

bMiller United States

Cloud Backupper is amazing for cloud drive space combination, no waste. So worthy to own it. It makes me feel safe while backing up data to my own clouds.

bMiller United States

I used Cloud Backupper several times, and it helped me a lot, restore all my files and folders I have when I lost them in my computer, Thanks, Thanks, Thanks...

bMiller United States

Cloud Backupper - a fast web cloud backup service to combine all my free space of the clouds into bigger one, then safely and quickly to backup and restore files without losing anything.

The free trial version, including free tech support, lasts for 30 days but is not equipped with complete clone features. You must register before utilizing any cloning tools.

The free trial version, including free tech support, lasts for 30 days but is not equipped with complete clone features. You must register before utilizing any cloning tools.

表格

切换

下载弹出层，针对页面 /download.html 等

css: /assets/css/download-modal.css 以下是 js /** * 验证邮箱 * @param mail * @returns {boolean} */ function validateEmail(mail) { if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,9})+$/.test(mail)) { return true; } return false; } /** * 下载模态框 */ var $downloadModal = $('#am-modal-download'); if($downloadModal.length > 0) { function showInfoInDownloadModal(parent, info, status) { var infoClass = typeof status === 'undefined' ? 'has-error' : 'has-success'; parent.removeClass('has-error has-success').addClass(infoClass).find('[name="email"]').get(0).focus(); info.removeClass('hide'); } var $downloadButtons = $('[data-trigger="send-email"]'); var downloadModalTimer = null; $downloadButtons.each(function() { var $button = $(this); var buttonText = $button.text().replace(/(^\s+|\s+$)/, ''); $button.attr('data-buttontext', buttonText); $button.click(function () { downloadModalTimer && clearTimeout(downloadModalTimer); downloadModalTimer = setTimeout(function() { var parent = $button.closest('[data-elem="parent"]'); var redirect = $button.attr('data-redirect'); var downloadLink = $button.attr('href'); var email = parent.find('[name="email"]').val().replace(/(^\s+|\s+$)/i, ''); var hints = parent.find('.hint-info').closest('[data-elem="parent"]'); var infos = hints.find('.hint-info'); infos.addClass('hide'); if(!email) { showInfoInDownloadModal(parent, infos.eq(0)); return false; } if(!validateEmail(email)) { showInfoInDownloadModal(parent, infos.eq(1)); return false; } $.ajax({ url: 'https://www.aomeitech.com/aomeicms/api/iemail', data: { product: parent.find('[name="product_name"]').val(), email: email, from: window.location.pathname, lang: currentLang, }, method: 'GET', dataType: 'jsonp', beforeSend: function() { $button.html($button.attr('data-buttontext')).append(' ').addClass('disabled'); }, success: function (resp) { if( resp.status === 1 ) { $button.html($button.attr('data-buttontext')).remove('.glyphicon').removeClass('disabled'); showInfoInDownloadModal(parent, infos.eq(2), 1); // 下载软件并跳转到指定页面 window.location.href = downloadLink; setTimeout(function() { window.location.href = redirect; }, 1500); } else { showInfoInDownloadModal(parent, infos.eq(resp.eq)); $button.html($button.attr('data-buttontext')).remove('.glyphicon').removeClass('disabled'); } } }); }, 300); return false; }); }); } 

第一种

faq第二种

slidedown

reviews切换框

折扣码复制粘贴功能

/***css***/ .coupon-code { font-size: 30px; line-height: 1; font-weight: normal; color: #3996ff; padding: 8px; border-radius: 5px; border: dashed 2px #0c8cf9; max-width: 220px; margin: 0 auto 4px auto; text-align: center; } .coupon-box .btn { margin-top: 35px; } .coupon-using-tip { margin: 30px auto 60px; display: block; text-align: center; } .coupon-using-tip li { position: relative; display: inline-block; padding-left: 15px; margin: 0 15px; } .coupon-using-tip li:before { content: ''; display: block; width: 5px; height: 5px; background-color: #0b1115; position: absolute; top: 7px; left: 4px; border-radius: 50%; } /** js - 获取还剩多少的数字信息 **/ $.ajax({ url: '/0/rn.php', success:function (data) { data=JSON.parse(data); $('#down1').text(data.c10); $('#down').text(data.c30); } }); /** js - copy **/ $('[data-elem="copy"]').click(function() { var $this = $(this); __gc.amCopy($this, $this.attr('data-redirect')); }); /** 属性说明：**/ data-redirect: 复制后跳转的地址 

 /*css*/ .bg-paymd { padding: 55px 0; background: url(/assets/images/backgrounds/bg_paymd.jpg) no-repeat center; -webkit-background-size: cover; background-size: cover; margin-bottom: 0!important; } .payitem { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #fff; padding: 25px 35px; } .payitem.trans { padding: 0; } .payitem h3 { font-size: 3.0rem; } .bg-white h3 { color: #000; } .bg-white p { color: #666; } .mdinfo { display: table; width: 100%; margin: 30px auto 0 auto; } .mdinfo a { color: #fff; } .mdinfo .mdinfo-item { display: table-cell; width: 50%; } .mdinfo dt { font-size: 1.6rem; margin-bottom: 10px; } .mdinfo dd { margin-bottom: 5px; } .mdinfo dd:last-child { margin-bottom: 0; } .mdinfo .mdinfo-item:first-child { border-right: 2px solid #fff; } .mdinfo .mdinfo-item:last-child { padding-left: 45px; } .payitem > img { margin-top: 20px; } 

Sales Customer Service

If you encounter any problem during the online purchase, please feel free to contact us.

Phone Order - available 24/7

U.S. and Canada: 1-877-353-7297

International: 1-(952)646-5331

Email Address

[email protected]

Available Payment Methods

The product could be purchased through Credit Card, PayPal, Bank/Wire Transfer, Check/Money order, Fax, etc. Secure payments assured!

.icon { display: inline-block; *display:inline; vertical-align: middle; background-image: url(/assets/images/icons/AB-pro-all-icon.png); background-repeat: no-repeat; } .icon-sm { width: 50px; height: 50px; } .icon-md { width: 88px; height: 88px; } .icon-md2 { width: 60px; height: 60px; } .icon-secure-md2 { background: url(/assets/images/icons/secure-md2.png) no-repeat center; } .icon-guarantee-md2 { background: url(/assets/images/icons/guarantee-md2.png) no-repeat center; } .icon-good-md2 { background: url(/assets/images/icons/good-md2.png) no-repeat center; } .grt-img-box > p { margin-top: 20px; }