<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>加入字节跳动</title>
<meta name="keywords" content="字节跳动, 字节, 字节跳动官网, ByteDance, 抖音, 今日头条, TikTok">
<meta name="description" content="字节跳动成立于2012年3月，目前公司的产品和服务已覆盖全球150个国家和地区、75个语种，曾在40多个国家和地区位居应用商店总榜前列。">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="./css/common.css">
<link rel="stylesheet" href="./css/join.css">
</head>
<body>
<!-- 全屏 -->
<div class="main">
<!-- 版心 -->
<div class="container1">
<!-- 头部导航栏 -->
<div class="header">
<!-- 左边 -->
<div class="header-left">
<a href="./join.html">
<img src="./images/logo.png" alt="" class="llogo1">
<img src="./images/join-zp.png" alt="" class="llogo2">
</a>
</div>
<div class="header-right">
<a href="./join.html">主页</a>
<a href="./positions.html">职位</a>
<a href="./productone.html">产品与服务</a>
<a href="./recruit.html">校园招聘</a>
<a href="./logoin.html">登录</a>
</div>
</div>
</div>
<div class="sp">
<video autoplay="" loop="" muted="" preload="" webkit-playsinline="true" class="root-hero-video">
<source src="./video/gongquhunjian_1080.min.mp4">
</video>
</div>
<!-- 背景遮罩 -->
<div class="olive">
<div class="content">
<!-- 头部标题 -->
<div class="header-title">
<h3>和优秀的人 做有挑战的事</h3>
<p>JOIN BYTEDANCE</p>
</div>
<!-- 搜索框 -->
<div class="search">
<input type="text" id="" placeholder="输入城市或职位进行搜索">
<button>
<img src="./images/search.png" alt="">
</button>
</div>
</div>
</div>
<!-- 第一屏 -->
<div class="section1">
<!-- 标题 -->
<div class="title1">
<div class="our">OUR MISSION</div>
<div class="in">Inspire creativity, enrich life</div>
<p>截至目前，字节跳动产品已覆盖超过 150 个国家和地区，75 个语种</p>
</div>
<!-- 产品 -->
<div class="product-list">
<a href="./product.html" style="margin-top: 130px;">
<img src="./images/photo-logo.png" alt="">
<div class="ttop1" id=''>Faceu激萌</div>
</a>
<a href="./product.html" style="margin-top: 84px;">
<img src="./images/go-logo.png" alt="">
<div class="ttop2">GoGoKid</div>
</a>
<a href="./product.html" style="margin-top: 48px;">
<img src="./images/xigua.logo.png" alt="">
<div class="ttop3">西瓜视频</div>
</a>
<a href="./product.html" style="margin-top: 27px;">
<img src="./images/douyin-logo.png" alt="">
<div class="ttop4">抖音短视频</div>
</a>
<a href="./product.html" style="margin-top: 0px;">
<img src="./images/toutiaologo.png" alt="">
<div class="ttop5">今日头条</div>
</a>
<a href="./product.html" style="margin-top: 27px;">
<img src="./images/feishu-logo.png" alt="">
<div class="ttop6">飞书</div>
</a>
<a href="./product.html" style="margin-top: 48px;">
<img src="./images/dcd-logo.png" alt="">
<div class="ttop7">懂车帝</div>
</a>
<a href="./product.html" style="margin-top: 84px;">
<img src="./images/pipi-logo.png" alt="">
<div class="ttop8">皮皮虾</div>
</a>
<a href="./product.html" style="margin-top: 130px;">
<img src="./images/photo1.png" alt="">
<div class="ttop9">轻颜相机</div>
</a>
</div>
<!-- 了解更多 -->
<button type="button" class="atsx-btn product-block-more atsx-btn-primary"><span>了解更多</span></button>
</div>
<!-- 第二屏 -->
<div class="section2">
<!-- 探索更多你感兴趣的职位 -->
<!-- 标题 -->
<div class="title2">
<div class="our">WHAT'S YOUR PASSION</div>
<div class="in">探索你感兴趣的职位</div>
</div>
<div class="zw">
<div class="bbox1">
<div class="img-box">
<img src="./images/yf.png" alt="">
</div>
<span>研发</span>
</div>
<div class="bbox1">
<div class="img-box">
<img src="./images/cp.png" alt="">
</div>
<span>产品</span>
</div>
<div class="bbox1">
<div class="img-box">
<img src="./images/yy.png" alt="">
</div>
<span>运营</span>
</div>
<div class="bbox1">
<div class="img-box">
<img src="./images/sj.png" alt="">
</div>
<span>设计</span>
</div>
</div>
<div class="zw1">
<div class="bbox1">
<div class="img-box">
<img src="./images/sc.png" alt="">
</div>
<span>市场</span>
</div>
<div class="bbox1">
<div class="img-box">
<img src="./images/xs.png" alt="">
</div>
<span>销售</span>
</div>
<div class="bbox1">
<div class="img-box">
<img src="./images/zn.png" alt="">
</div>
<span>职能/支持</span>
</div>
<div class="bbox1">
<div class="img-box">
<img src="./images/qbzw.png" alt="">
</div>
</div>
</div>
<div class="zz">
<a href="#">
全部职位
</a>
<img src="./images/right-button.png" alt="">
</div>
</div>
<!-- 第三屏 -->
<div class="section3">
<div class="dbdh">
<a href="javascript:;">
<img src="./images/hddb.png" alt="">
</a>
</div>
<div class="bjs"></div>
<div class="bjs1"></div>
<div class="title3">
<h3>字节范</h3>
<span>BYTESTYLE</span>
<p>字节范是字节跳动�
html+css+js网页字节跳动11个页面带js 效果很多 （241个子文件） 
jQuery_3.3.1_API_Docs_CN.CHM 1.61MB join.css 21KB index.css 14KB recruit.css 14KB news.css 8KB positions.css 8KB knowus.css 8KB social responsibility.css 7KB logoin.css 7KB productone.css 4KB product.css 3KB intern.css 3KB reset.css 1KB common.css 221B .DS_Store 6KB .gitignore 2KB
join.html 24KB recruit.html 22KB index.html 21KB social responsibility.html 20KB product.html 13KB productone.html 13KB knowus.html 13KB positions.html 13KB news.html 11KB logoin.html 6KB intern.html 4KB favicon.ico 305B news.jpeg 91KB nwes-word2.jpeg 58KB nwes-word3.jpeg 45KB nwes-word1.jpeg 45KB nwes-word4.jpeg 44KB nwes-word5.jpeg 38KB
vedio-2.jpg 1.38MB vedio-6.jpg 1.1MB zp-lb1.jpg 1.07MB ct.jpg 991KB vedio-1.jpg 954KB jsf.jpg 933KB vedio-5.jpg 864KB hw1.jpg 789KB yf.jpg 765KB zp-lb2.jpg 744KB hdq.jpg 730KB bjds.jpg 705KB zp-lb3.jpg 702KB hw2.jpg 688KB hw3.jpg 655KB lbt-3.jpg 457KB tab-6.jpg 408KB banner2.jpg 361KB zp-lb4.jpg 348KB bjt.jpg 274KB lbt-4.jpg 228KB lbt-1.jpg 212KB qywh2.jpg 175KB zjtd-ewm.jpg 119KB social5.jpg 113KB qywh3.jpg 112KB lbt-2.jpg 111KB social8.jpg 107KB works9.jpg 99KB dsj-2.jpg 94KB social4.jpg 73KB qywh4.jpg 70KB social12.jpg 68KB qywh6.jpg 67KB social9.jpg 65KB bjt1.jpg 64KB ai.jpg 62KB social6.jpg 62KB social18.jpg 53KB works8.jpg 53KB qywh5.jpg 53KB social13.jpg 42KB social15.jpg 38KB social16.jpg 34KB qywh1 (2).jpg 34KB vedio-3.jpg 32KB social3.jpg 28KB social7.jpg 28KB social11.jpg 27KB social14.jpg 23KB wroks12.jpg 23KB vedio-4.jpg 22KB social17.jpg 19KB social10.jpg 18KB bofang.jpg 10KB social2.jpg 9KB social1.jpg 6KB jquery-3.4.1.js 314KB jquery-1.10.1.js 303KB jquery-1.12.3.js 287KB jquery-1.6.2.js 263KB jquery-1.2.3.js 106KB jquery-3.4.1.min.js 104KB jquery-1.12.3.min.js 95KB jquery-1.10.1.min.js 91KB jquery-2.2.4.min.js 84KB共 241 条
- 1
- 2
- 3
资源评论
html+css+js网页设计
- 粉丝: 1597
- 资源: 483
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减5.97元 开通VIP
最新资源
- 基于DOTA数据集的yolo训练+预训练的参数+源代码+文档说明（下载即用）
- 基于flume+kafka+HBase+spark+ElasticSearch的用户轨迹查询大数据开发项目源代码+文档说明
- 本文介绍了Python3中数据类型转换的相关基础知识
- 基于Python实现的多标签文本分类项目源代码+使用说明
- Everything-1.4.1.1024.x64 的 exe 运行文件
- 111111111111111111
- 中文常用停用词表，含哈工大停用词表、百度停用词表、四川大学机器智能实验室停用词库等
- 华为IPD流程体系设计IPD流程操作细则需求管理IPD流程各阶段活动详解IPD产品研发流程体系学习参考（8份）.zip
- ZigBee 的一些资料，包括：zigbee开发资料、硬件原理图、硬件资料、Z-Stack、一个智能家居相关zigbee简单实验
- CSP程序填空专项练习
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
