Watch 1 Star 0 Fork 1

zukunft / miaokePC

Join us
Explore and code with more than 2 million developers,Free private repositories !:)
Sign up
This repository doesn't specify license. Without author's permission, this code is only for learning and cannot be used for other purposes.
Nothing here. spread retract

Clone or download
index.html 40.12 KB
Copy Edit Web IDE Raw Blame History
曾泽坪 authored 2019-11-13 22:06 . 修改
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799
<!--
* @Author: zengzeping
* @Date: 2019-09-05 10:31:30
* @LastEditors: zengzeping
* @LastEditTime: 2019-09-26 16:59:53
* @Description: file content
-->
<!DOCTYPE html>
<html lang="cn-ZH">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0,maximum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>妙可科技</title>
<link rel="stylesheet" href="./assets/css/normalize.min.css">
<link rel="stylesheet" href="./assets/css/reset.min.css">
<link rel="stylesheet" href="./assets/css/swiper.min.css">
<link rel="stylesheet" href="./assets/css/style.min.css">
</head>
<body>
<header></header>
<div class="swiper-banner">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide" style="background-image: url(./assets/images/banner01@2x.png)">
</div>
<div class="swiper-slide" style="background-image: url(./assets/images/banner02@2x.png)">
</div>
<div class="swiper-slide" style="background-image: url(./assets/images/banner03@2x.png)">
</div>
<div class="swiper-slide" style="background-image: url(./assets/images/banner04@2x.png)">
</div>
</div>
<div class="banner-pagination swiper-pagination"></div>
</div>
</div>
<div class="main">
<div class="container">
<section>
<div class="section-title">
<h1>妙可教育</h1>
<h2>专注互联网教育 , 培养专业“全才”, 服务学生发展 , 助力好就业</h2>
<div class="des margin">
我们专注大学生与职场新人的UI、交互设计入行就业培训,帮助学员从0到1全面构建产品设计语言知识体系,提供专业、优质、全面的业内一线UI设计、交互设计培训解决方案。
</div>
</div>
<div class="section-button primary margin">
<a href="#page">了解更多</a>
</div>
</section>
<section class="has-circle has-bottom-triangle">
<div class="section-container">
<div class="section-title">
<h2 id="page">你挑剔师资配置?我们比你更挑剔!</h2>
<h2 class="bolder">20+顶尖导师配置妙可独创6V1教学辅导</h2>
<div class="des margin">
资深UI、交互实战讲师团,设计行业深耕多年,全程学习监督,高频课程辅导
</div>
</div>
<div class="section-body flex-center edu-config">
<ul class="item-list text-right flex-between">
<li class="item flex-center">
<div class="text-icon flex-align-center">
<div class="text">
<h3>行业专家</h3>
<span class="uppercase opacity-4">industry</span>
</div>
<i class="icon icon-sz-1"></i>
</div>
<i class="line translate-y-t"></i>
</li>
<li class="item flex-center">
<div class="text-icon flex-align-center">
<div class="text">
<h3>主讲导师</h3>
<span class="uppercase opacity-4">speaker</span>
</div>
<i class="icon icon-sz-2"></i>
</div>
<i class="line"></i>
</li>
<li class="item flex-center">
<div class="text-icon flex-align-center">
<div class="text">
<h3>作业导师</h3>
<span class="uppercase opacity-4">homework</span>
</div>
<i class="icon icon-sz-3"></i>
</div>
<i class="line translate-y-b"></i>
</li>
</ul>
<div class="center">
<div class="img-box"><img class="lazyload" data-src="./assets/images/shizi-pic.svg" alt="作品集03" srcset="">
</div>
</div>
<ul class="item-list flex-between">
<li class="item flex-center">
<div class="text-icon flex-align-center">
<div class="text">
<h3>就业导师</h3>
<span class="uppercase opacity-4">employment</span>
</div>
<i class="icon icon-sz-4 order-f"></i>
</div>
<i class="line translate-y-t order-f"></i>
</li>
<li class="item flex-center">
<div class="text-icon flex-align-center">
<div class="text">
<h3>求职顾问</h3>
<span class="uppercase opacity-4">application</span>
</div>
<i class="icon icon-sz-5 order-f"></i>
</div>
<i class="line order-f"></i>
</li>
<li class="item flex-center">
<div class="text-icon flex-align-center">
<div class="text">
<h3>课程班主任</h3>
<span class="uppercase opacity-4">course</span>
</div>
<i class="icon icon-sz-6 order-f"></i>
</div>
<i class="line translate-y-b order-f"></i>
</li>
</ul>
</div>
</div>
</section>
<section class="has-bg has-bottom-triangle">
<div class="section-container">
<div class="section-title color-white">
<h2>你对课程服务有疑惑?专家面授实操筑品质!</h2>
<div class="des margin">
全程学习监督,高频课程辅导<br> 随时为你答疑解惑、零距离教学,让你的学习不再拖延
</div>
</div>
<div class="section-body">
<ul class="card-list flex">
<li class=" col-6 md-col-8 tb-col-12 sm-col-24">
<div class="item flex-align-center">
<i class="icon icon-dayi-1"></i>
<div class="info text-center">
<div class="title ">作业批改点评&反馈</div>
<div class="des">
行业专家针对作业进行面授实战操作,详细讲解每一步操作执行步骤,让学员能高效的完成每一次作业输出
</div>
</div>
</div>
</li>
<li class=" col-6 md-col-8 tb-col-12 tb-col-12 sm-col-24">
<div class="item flex-align-center">
<i class="icon icon-dayi-2"></i>
<div class="info text-center">
<div class="title ">微信&QQ日常答疑</div>
<div class="des">
行业专家针对作业进行面授实战操作,详细讲解每一步操作执行步骤,让学员能高效的完成每一次作业输出
</div>
</div>
</div>
</li>
<li class=" col-6 md-col-8 tb-col-12 sm-col-24">
<div class="item flex-align-center">
<i class="icon icon-dayi-3"></i>
<div class="info text-center">
<div class="title ">行业专家面授实操</div>
<div class="des">
行业专家针对作业进行面授实战操作,详细讲解每一步操作执行步骤,让学员能高效的完成每一次作业输出
</div>
</div>
</div>
</li>
<li class=" col-6 md-col-8 tb-col-12 sm-col-24">
<div class="item flex-align-center">
<i class="icon icon-dayi-4"></i>
<div class="info text-center">
<div class="title ">1V1个性辅导</div>
<div class="des">
行业专家针对作业进行面授实战操作,详细讲解每一步操作执行步骤,让学员能高效的完成每一次作业输出
</div>
</div>
</div>
</li>
<li class=" col-6 md-col-8 tb-col-12 sm-col-24">
<div class="item flex-align-center">
<i class="icon icon-dayi-5"></i>
<div class="info text-center">
<div class="title ">内部专家指导</div>
<div class="des">
行业专家针对作业进行面授实战操作,详细讲解每一步操作执行步骤,让学员能高效的完成每一次作业输出
</div>
</div>
</div>
</li>
<li class=" col-6 md-col-8 tb-col-12 sm-col-24">
<div class="item flex-align-center">
<i class="icon icon-dayi-6"></i>
<div class="info text-center">
<div class="title ">外部专家评审</div>
<div class="des">
行业专家针对作业进行面授实战操作,详细讲解每一步操作执行步骤,让学员能高效的完成每一次作业输出
</div>
</div>
</div>
</li>
<li class=" col-6 md-col-8 tb-col-12 sm-col-24">
<div class="item flex-align-center">
<i class="icon icon-dayi-7"></i>
<div class="info text-center">
<div class="title ">实战项目教学</div>
<div class="des">
行业专家针对作业进行面授实战操作,详细讲解每一步操作执行步骤,让学员能高效的完成每一次作业输出
</div>
</div>
</div>
</li>
<li class="placeholder"></li>
</ul>
</div>
</div>
</section>
<section class="has-bottom-triangle light">
<div class="section-container">
<div class="section-title">
<h2>你担心求职/就业虚假承诺?</h2>
<h2 class="bolder">弄虚作假全额赔付!</h2>
<div class="des margin">
11项实习/求职/就业服务,挖掘互联网22大就业方向,全面提升就业机会 多重企业合作模式,多重服务多重选择,实现一站式人次输送
</div>
</div>
<div class="section-body flex-justify-center flex-wrap table-flex-column">
<ul class="order-list col-15 md-col-12 tb-col-22">
<li>
<div class="ordinal"> <span>1</span> </div>
<div class="text">
<h3>竞争力测评</h3>
<span>围绕学员求职方向、结合企业招聘需求,实现学员优化求职简历&作品最优化</span>
</div>
</li>
<li>
<div class="ordinal"> <span>2</span> </div>
<div class="text">
<h3>简历&作品优化指导</h3>
<span>围绕学员求职方向、结合企业招聘需求,实现学员优化求职简历&作品最优化</span>
</div>
</li>
<li>
<div class="ordinal"> <span>3</span> </div>
<div class="text">
<h3>就业导师指导</h3>
<span>一线互联网企业资深HR/猎头专家全程参与,提供全方位笔试/面试指导,破解求职套路</span>
</div>
</li>
<li>
<div class="ordinal"> <span>4</span> </div>
<div class="text">
<h3>职业规划指导</h3>
<span>根据学员的竞争力测评结果,从自身定位梳理+目标行业规划+明确求职意向这几个方面,为学员全面规划职业道路</span>
</div>
</li>
<li>
<div class="ordinal"> <span>5</span> </div>
<div class="text">
<h3>行业人才库推荐</h3>
<span>学员可以将个人简历和相关作品录入我们的行业人才库,我们将不定期推荐给相关企业,进行就业匹配</span>
</div>
</li>
<li>
<div class="ordinal"> <span>6</span> </div>
<div class="text">
<h3>求职资料·定期更新</h3>
<span>学院搜集整理相关设计师的笔试/面试题集、面经,定期提供给学院下载查阅</span>
</div>
</li>
</ul>
<div class="img-box col-9 md-col-12 tb-col-14 ">
<img class="lazyload" data-src="./assets/images/index/pic_getoffer.png" data-srcset="./assets/images/index/pic_getoffer@2x.png 2x" alt="">
</div>
</div>
</div>
</section>
<section class="has-bg has-bg-light">
<div class="section-container">
<div class="section-title">
<h2>OFFER保障方案学生的5大特色服务</h2>
<div class="des margin">
强大业界人脉,保障就业与薪资,让你的梦想成为现实
</div>
</div>
<div class="section-body">
<ul class="process-list flex-center">
<li>
<div class="info-box">
<div class="img-box">
<img class="lazyload blur-up" data-src="./assets/images/index/offer01.svg" alt="">
</div>
<div class="info text-center">
<h3>简历&作品无限优化</h3>
<span>结合企业实际招聘要求,打造完美简历</span>
</div>
</div>
<div class="process-line">
</div>
</li>
<li>
<div class="info-box">
<div class="img-box">
<img class="lazyload blur-up" data-src="./assets/images/index/offer02.svg" alt="">
</div>
<div class="info text-center">
<h3>行业专家1V1指导</h3>
<span>BAT等一线互联网行业大咖面对面交流</span>
</div>
</div>
</li>
<li>
<div class="process-line process-line-2 ">
</div>
<div class="info-box">
<div class="img-box">
<img class="lazyload blur-up" data-src="./assets/images/index/offer03.svg" alt="">
</div>
<div class="info text-center">
<h3>求职顾问1V1跟进</h3>
<span>实时跟进学院状态提供就业辅导与推荐</span>
</div>
</div>
</li>
</ul>
<ul class="process-list process-list-2 flex-center">
<li>
<div class="info-box">
<div class="img-box">
<img class="lazyload blur-up" data-src="./assets/images/index/offer04.svg" alt="">
</div>
<div class="info text-center">
<h3>求职复盘</h3>
<span>对选择改项方案的学员从多方面进行复盘总结</span>
</div>
</div>
<div class="process-line roate">
</div>
</li>
<li class="order">
<div class="info-box">
<div class="img-box">
<img class="lazyload blur-up" data-src="./assets/images/index/offer05.svg" alt="">
</div>
<div class="info text-center">
<h3>名人专属推荐服务</h3>
<span>学院与名企合作,内推+双选招聘</span>
</div>
</div>
<div class="process-line translate-y-t">
</div>
<div class="process-line hidden">
</div>
</li>
</ul>
</div>
</div>
</section>
<section class="">
<div class="section-container">
<div class="section-title">
<h2>35门课程资源</h2>
<h2 class="bolder">轻松获取海量教育内容</h2>
<div class="des margin">
22个专业类目覆盖行业全栈课程内容源自BAT,紧跟名企招聘需求,高标准学习产出。为商业赋能的UI、交互设计课程,结合商业全案项目的学习模式,突破传统能力瓶颈,释放全栈设计熵值
</div>
</div>
<div class="section-body flex-between">
<ul class="row-list">
<li class="flex-between flex-align-center">
<div class="text md-col-12">
<h3>交互设计</h3>
<span>解析交互设计定律,扫除产品设计障碍,构建全面的交互设计知识体系。</span>
</div>
<div class="img-box md-col-12">
<img class="lazyload blur-up" data-src="./assets/images/index/class_pic01.svg" alt="">
</div>
</li>
<li class="flex-between flex-align-center">
<div class="img-box">
<img class="lazyload blur-up" data-src="./assets/images/index/class_pic02.svg" alt="">
</div>
<div class="text">
<h3>UI设计</h3>
<span>解析交互设计定律,扫除产品设计障碍,构建全面的交互设计知识体系。</span>
</div>
</li>
<li class="flex-between flex-align-center">
<div class="text">
<h3>增长设计</h3>
<span>培养多维度综合设计能力,打造更易用、更具美感和商业价值的设计,做有灵魂的设计师。</span>
<ul class="det-list">
<li>
<h5>产品规划</h5>
<span>解读产品流程,告别野路子,系统学习产品方法论,全面提升产品设计能力</span>
</li>
<li>
<h5>运营设计</h5>
<span>剖析产品运营模式,打造产品设计核心引擎,成为全能运营设计师</span>
</li>
<li>
<h5>用户研究</h5>
<span>零基础学会体系化的“读心术”可“研”可“填”一手掌握。</span>
</li>
</ul>
</div>
<div class="img-box">
<img class="lazyload blur-up" data-src="./assets/images/index/class_pic03.svg" alt="">
</div>
</li>
</ul>
</div>
</div>
</section>
<section>
<div class="section-container">
<div class="section-title">
<h2>热门班型</h2>
<h2 class="bolder">选择适合你的学习方案</h2>
<div class="des margin">
多元化实战班型,因材施教分级教学,职场深造选择灵活,“就业”or“择业”,总有一款适合你
</div>
</div>
<div class="section-body flex-between cus-swiper">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img class="lazyload blur-up" data-src="./assets/images/index/project-1.png" alt="" srcset="./assets/images/index/project-1@2x.png 2x">
</div>
<div class="swiper-slide">
<img class="lazyload blur-up" data-src="./assets/images/index/project-2.png" alt="" srcset="./assets/images/index/project-2@2x.png 2x">
</div>
<div class="swiper-slide">
<img class="lazyload blur-up" data-src="./assets/images/index/project-3.png" alt="" srcset="./assets/images/index/project-3@2x.png 2x">
</div>
</div>
</div>
<ul class="nav-swiper">
<li class="active flex-between ">
<div class="icon flex-align-center"></div>
<div class="text-container">
<h3>专业技能特训班</h3>
<span>学员可以将个人简历和相关作品录入我们的行</span>
<button> <a href="./project_1.html">了解更多</a></button>
</div>
</li>
<li class="flex-between">
<div class="icon flex-align-center"></div>
<div class="text-container">
<h3>UI/交互设计菁英班</h3>
<span>6大模块了解“用户体验设计”岗位</span>
<button> <a href="./project_2.html">了解更多</a></button>
</div>
</li>
<li class="flex-between">
<div class="icon flex-align-center"></div>
<div class="text-container">
<h3>UI/交互设计保就业班</h3>
<span>清晰用户体验设计师职业发展路径</span>
<button> <a href="./project_3.html">了解更多</a></button>
</div>
</li>
</ul>
</div>
</div>
</section>
<!-- start -->
<section class="help_you">
<div class="section-container">
<div class="section-title">
<h2>学不会别担心,我们会帮你</h2>
<div class="des margin">
助教长期辅导,课后福利多多
</div>
</div>
<div class="help_way flex-between">
<div class="list md-col-8 sm-col-12">
<i class="icon icon-h-1"></i>
<h3>中间掉课怎么办?</h3>
<p>中途楼下的课程有回放,永久可看,而且任何不懂的地方,都可以找助教或者老师单独咨询,享受一对一服务。</p>
</div>
<div class="list md-col-8 sm-col-12">
<i class="icon icon-h-2"></i>
<h3>学历流程复杂吗?</h3>
<p>学习流程分为预习 — 听课 — 整理笔记 — 作业,每一步都有引导,让你放心学习。</p>
</div>
<div class="list md-col-8 sm-col-12">
<i class="icon icon-h-3"></i>
<h3>平时作业多吗?</h3>
<p>平时会根据课堂内容布置作业,每节课都有新知识,认真努力的跟着老师一起做作业成长飞速。</p>
</div>
<div class="list md-col-8 sm-col-12">
<i class="icon icon-h-4"></i>
<h3>中间掉课怎么办?</h3>
<p>中途楼下的课程有回放,永久可看,而且任何不懂的地方,都可以找助教或者老师单独咨询,享受一对一服务。</p>
</div>
<div class="list md-col-8 sm-col-12">
<i class="icon icon-h-5"></i>
<h3>中间掉课怎么办?</h3>
<p>中途楼下的课程有回放,永久可看,而且任何不懂的地方,都可以找助教或者老师单独咨询,享受一对一服务。</p>
</div>
<div class="list md-col-8 sm-col-12">
<i class="icon icon-h-6"></i>
<h3>中间掉课怎么办?</h3>
<p>中途楼下的课程有回放,永久可看,而且任何不懂的地方,都可以找助教或者老师单独咨询,享受一对一服务。</p>
</div>
</div>
</div>
</section>
<section class="all_lead has-bg-no-column">
<div class="section-container">
<div class="section-title">
<h2 class="great_stu">全面领先同行,学习更优势</h2>
<div class="des margin another_des">
让你知道为什么选择我们
</div>
</div>
<div class="lead_des flex-between flex-align-center">
<div class="boyu_edu table">
<table>
<tr>
<th class="table_title">妙可教育</th>
</tr>
<tr>
<td>专注培养互联网行业全栈设计师</td>
</tr>
<tr>
<td>imac高配一体机</td>
</tr>
<tr>
<td>写字楼租一层,独立管理,设施完善</td>
</tr>
<tr>
<td>BAT一线资深设计师</td>
</tr>
<tr>
<td>BAT设计人才培养体系</td>
</tr>
<tr>
<td>老师面对面授课</td>
</tr>
<tr>
<td>边学边做,老师1V1指导实际项目</td>
</tr>
<tr>
<td>就业率95%以上</td>
</tr>
</table>
</div>
<div class="lead_des_PK">
</div>
<div class="table">
<table>
<tr>
<th class="table_title">其他机构</th>
</tr>
<tr>
<td>什么挣钱教什么</td>
</tr>
<tr>
<td>普通pc机</td>
</tr>
<tr>
<td>租1、2间办公室</td>
</tr>
<tr>
<td>小公司初级设计师</td>
</tr>
<tr>
<td>课程大多拼凑而成,不成体系</td>
</tr>
<tr>
<td>录课或大班直播(一次性面向数百人)</td>
</tr>
<tr>
<td>只讲一些理论方法</td>
</tr>
<tr>
<td>就业率70% - 90%不等</td>
</tr>
</table>
</div>
</div>
</div>
</section>
<section class="last_part has-bg-columns work-list">
<div class="section-container">
<div class="section-title">
<h2 class="great_stu">学员优秀作品</h2>
<div class="des margin another_des">
勤加练习收获多,每节课都收获满满
</div>
</div>
<div class="mk-stu-works flex flex-wrap">
<div class="flex-between flex-wrap col-16 row">
<div class="col-12">
<img class="lazyload blur-up" data-src="./assets/images/index/work_01.png" data-srcset="./assets/images/index/work_01@2x.png 2x" alt="作品集01">
</div>
<div class="col-12">
<img class="lazyload blur-up" data-src="./assets/images/index/work_02.png" data-srcset="./assets/images/index/work_02@2x.png 2x" alt="作品集02">
</div>
<div class="col-16 cus-width">
<img class="lazyload blur-up" data-src="./assets/images/index/work_04.png" data-srcset="./assets/images/index/work_04@2x.png 2x" alt="作品集04">
</div>
<div class="col-8 cus-width">
<img class="lazyload blur-up" data-src="./assets/images/index/work_05.png" data-srcset="./assets/images/index/work_05@2x.png 2x" alt="作品集05">
</div>
</div>
<div class="col-8 ">
<img class="lazyload blur-up" data-src="./assets/images/index/work_03.png" data-srcset="./assets/images/index/work_03@2x.png 2x" alt="作品集03">
</div>
<div class="col-12"><img class="lazyload blur-up" data-src="./assets/images/index/work_06.png" data-srcset="./assets/images/index/work_06@2x.png 2x" alt="作品集06"></div>
<div class="col-12"><img class="lazyload blur-up" data-src="./assets/images/index/work_07.png" data-srcset="./assets/images/index/work_07@2x.png 2x" alt="作品集07"></div>
<div class="col-12"><img class="lazyload blur-up" data-src="./assets/images/index/work_08.png" data-srcset="./assets/images/index/work_08@2x.png 2x" alt="作品集08"></div>
<div class="col-12"><img class="lazyload blur-up" data-src="./assets/images/index/work_09.png" data-srcset="./assets/images/index/work_09@2x.png 2x" alt="作品集09"></div>
<div class="col-12"><img class="lazyload blur-up" data-src="./assets/images/index/work_10.png" data-srcset="./assets/images/index/work_10@2x.png 2x" alt="作品集10"></div>
<div class="col-12"><img class="lazyload blur-up" data-src="./assets/images/index/work_11.png" data-srcset="./assets/images/index/work_11@2x.png 2x" alt="作品集11"></div>
<div class="col-12"><img class="lazyload blur-up" data-src="./assets/images/index/work_12.png" data-srcset="./assets/images/index/work_12@2x.png 2x" alt="作品集12"></div>
<div class="col-12"><img class="lazyload blur-up" data-src="./assets/images/index/work_13.png" data-srcset="./assets/images/index/work_13@2x.png 2x" alt="作品集13"></div>
<div class="col-24"><img class="lazyload blur-up" data-src="./assets/images/index/work_14.png" data-srcset="./assets/images/index/work_14@2x.png 2x" alt="作品集14"></div>
<div class="flex-between flex-wrap col-16 row">
<div class="col-12">
<img class="lazyload blur-up" data-src="./assets/images/index/work_15.png" data-srcset="./assets/images/index/work_15@2x.png 2x" alt="作品集15">
</div>
<div class="col-12">
<img class="lazyload blur-up" data-src="./assets/images/index/work_16.png" data-srcset="./assets/images/index/work_16@2x.png 2x" alt="作品集16">
</div>
<div class="col-16 cus-width">
<img class="lazyload" data-src="./assets/images/index/work_18.png" data-srcset="./assets/images/index/work_18@2x.png 2x" alt="作品集18">
</div>
<div class="col-8 cus-width">
<img class="lazyload blur-up" data-src="./assets/images/index/work_19.png" data-srcset="./assets/images/index/work_19@2x.png 2x" alt="作品集19">
</div>
</div>
<div class="col-8 cus-width">
<img class="lazyload blur-up" data-src="./assets/images/index/work_17.png" data-srcset="./assets/images/index/work_17@2x.png 2x" alt="作品集17">
</div>
</div>
</div>
</section>
<section class="footer has-bg-columns">
</section>
</div>
<!-- start -->
</div>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="./assets/js/swiper.min.js"></script>
<script src="./assets/js/lazysizes.min.js"></script>
<script src="./assets/js/main.js"></script>
</body>
</html>

Comment ( 0 )

Sign in for post a comment

1
https://gitee.com/zukunft/miaokePC.git
git@gitee.com:zukunft/miaokePC.git
zukunft
miaokePC
miaokePC
master

Help Search