master

分支 (1)

管理

管理

master

roaring
/
gallery.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>grallery</title>
		<link rel="stylesheet" type="text/css" href="css/gallery.css"/>
		<link rel="stylesheet" type="text/css" href="css/usuall.css"/>
		<link rel="stylesheet" type="text/css" href="css/view-source_www.bbsxiaomi.com_case_css_animate.min.css"/>
	</head>
	<body>
		<div class="header">
			<div class="wp">
				<div class="hd-top hidden">
					<div class="logo">
						<img src="img/logo.png"/>
						<h3>牛哄哄一家人</h3>
					</div>
					<div class="snv">
						<div class="more" onclick="getresol()">
							<p></p>
							<p></p>
							<p></p>
						</div>
						<ul id="ty" class="wow animated zoomInRight">
							<li>
								<a href="/">首页</a>
							</li>
							<li>
								<a href="/post/index/101" class="v1">关于我们</a>
							</li>
							<li>
								<a href="/post/index/94" class="v1">经典内容</a>
							</li>
							<li class="other">
								<a href="/post/index/95" class="v1">精品专栏</a>
							</li>
							<li class="other">
								<a href="/post/index/96" class="v1">新媒体矩阵</a>
							</li>
							<li class="other">
								<a href="/post/index/97" class="v1">衍生品系列</a>
							</li>
							<li class="other">
								<a href="/post/index/98" class="v1">商业服务</a>
							</li>
							<li class="other">
								<a href="#footer" class="v1">合作留言</a>
							</li>
							<li class="other">
								<a href="/post/index/100" class="v1">人力资源</a>
							</li>
						</ul>
					</div>
					<div class="hdr wow animated bounceInDown">
						<div class="so hidden">
							<div class="input hidden">
								<div class="ip">
									<input type="text" placeholder="正能量知识型动漫生态体，有趣、专业、易懂的综合型知识" class="text" />
									<img src="img/牛努比直拳头.png" />
								</div>
								<img src="img/sousuo%20(1).png"/ class="hdr-logo">
							</div>

						</div>
						<ul class="nav hidden">
							<li><a href="#">首页</a></li>
							<li><a href="#">关于我们</a></li>
							<li><a href="#">经典内容</a></li>
							<li><a href="#">精品专栏</a></li>
							<li><a href="#">新媒体矩阵</a></li>
							<li><a href="#">衍生品系列</a></li>
							<li><a href="#">商业服务</a></li>
							<li><a href="#">合作留言</a></li>
							<li><a href="#">人力资源</a></li>
						</ui>
					</div>
				</div>


			</div>

		</div>
		<script>
			function getresol(){

				var ble=document.querySelector("#ty").style.display;
				if(ble==""||ble=="none"){
					document.querySelector("#ty").style.display="block";
				}
				else{
					document.querySelector("#ty").style.display="none";
				}
			}
		</script>
		<!-- 首页简介 -->
		<div class="m-about">
			<div class="wp">
				<ul class="ul-txt hidden">
					<li class="wow animated rubberBand">
						<a>首页</a>
					</li>
					<li class="wow animated rubberBand">
						<a>关于我们</a>
					</li>
					<li class="wow animated rubberBand">
						<a>品牌简介</a>
					</li>
				</ul>
			</div>
		</div>
		<!-- 中间部分 -->
		<div class="m-info">
			<div class="wp">
				<div class="m-top">
					<div class="txt wow animated flash">
						<h3 class="title">经典作品</h3>
						<p class="desc">牛哄哄一家人是红遍网络的正能量知识型动漫生态体，致力于以动漫为内容表现形式	</p>
						<p class="desc">以新媒体矩阵、专栏、图文、视频、社群、书籍、直播等多种载体为实现手段</p>
					</div>
				</div>
				<ul class="ul-pic hidden wow animated bounceInUp">
					<li>
						<div class="con">
							<div class="pic">
								<img src="img/幻灯片1.png"/>
							</div>
						</div>
					</li><li>
						<div class="con">
							<div class="pic">
								<img src="img/幻灯片1.png"/>
							</div>
						</div>
					</li><li>
						<div class="con">
							<div class="pic">
								<img src="img/幻灯片1.png"/>
							</div>
						</div>
					</li><li>
						<div class="con">
							<div class="pic">
								<img src="img/幻灯片1.png"/>
							</div>
						</div>
					</li><li>
						<div class="con">
							<div class="pic">
								<img src="img/幻灯片1.png"/>
							</div>
						</div>
					</li>
				</ul>
			</div>

		</div>
		<!-- 底部部分 -->
		<div class="footer wow animated bounceInLeft">
			<div class="wp hidden">
				<div class="fd-left">

					<h3 class="title">关注我们</h3>

					<div class="pic hidden">
						<div class="qr">
							<img src="img/y-qr2.png" />
							<p>微信扫描二维码</p>
							<p>关注公众号</p>

						</div>
						<div class="qr">
							<img src="img/y-qr2.png" />
							<p>微信扫描二维码</p>
							<p>关注公众号</p>
						</div>
					</div>
					<div class="con">
						<p>公办地址 / Address：</p>
						<p>北京经济技术开发区荣华中路8号院13号楼2306：</p>
						<p>联系邮箱 / E-Mail：</p>
						<p>125024614@qq.com</p>
					</div>
				</div>
				<div class="fd-right">
					<div class="con">
						<h3 class="title">给我们留言</h3>
						<h4 class="titlesub">合作请留言，相关人员会在第一时间跟您联系。</h4>
					</div>
					<form action="#" method="post">
						<ul class="ul-input hidden">
							<li>
								<p>姓名 / Name：</p>
								<input type="text" placeholder="请填写您的真实姓名">
							</li>
							<li>
								<p>单位 / Company：</p>
								<input type="text" placeholder="企业、单位名称">
							</li>
							<li class="wd">
								<p>需求类型 / Type：</p>
								<select class="select" style="color:#82afc6; font-size: 16px;">
									<option>
										品牌与图案授权
									</option>
								</select>
							</li>
							<li>
								<p>职位 / Job：</p>
								<input type="text" placeholder="工作职务">
							</li>
							<li>
								<p>手机号 / Mobile：</p>
								<input type="text" placeholder="您的手机号码">
							</li>
							<li class="wd">
								<p>微信号 / Wechat：</p>
								<input type="text" placeholder="您的微信号">
							</li>
							<li>
								<p>留言内容 / Message：</p>
								<input type="text" placeholder="输入留言内容，最多200字。">
							</li>
						</ul>
						<button class="btns">提交留言</button>
					</form>
				</div>
			</div>
		</div>
		<div class="copy wow animated bounceInLeft">
			<div class="wp">
				<p>(C) 2020 牛哄哄一家人 All Rights Reserved. 京ICP备: 000293867421号</p>
			</div>
		</div>
		<script src="js/wow.min.js"></script>
		<script>
			new WOW().init();
		</script>
	</body>
</html>