<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<meta name="baidu-site-verification" content="codeva-JRz5HrOOM0"/>
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<title>向前·网络技术</title>
	<meta name="author" content="山东向前网络技术有限公司">
	<meta name="generator" content="ON.NET.CN">
	<meta name="keywords" content="向前,向前科技,向前技术,向前网络,山东向前,向前网络技术,网络技术"/>
	<meta name="description" content="这是一家致力于互联网服务领域的公司，以“向往未来，勇往直前”为信念，始终坚持创新、进取、不断超越的精神。拥有专业的技术团队和优质的服务体系，为用户提供最优质的服务和最先进的技术。"/>
	<meta name="theme-color" content="#ffc107">
	
	<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">

	<link rel="stylesheet" href="./static/lib/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" href="./static/lib/fontawesome/css/all.min.css">
	<style>
		.section{min-height: 100vh;}
	</style>
</head>
<body>

<header class="navbar navbar-expand-lg sticky-top- navbar-dark bg-dark py-lg-2">
	<div class="container-fluid px-lg-5">
		<a class="navbar-brand font-weight-light" href="/">
			<img src="./static/img/logo.svg" height="60" class="" alt="向前">
			向前
		</a>
		<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navigation" aria-controls="navigation" aria-expanded="false" aria-label="折叠">
			<span class="navbar-toggler-icon"></span>
		</button>

		<nav class="collapse navbar-collapse font-weight-light" id="navigation">
			<ul class="navbar-nav ml-auto">
				<li class="nav-item text-center active">
					<a class="nav-link mx-3 py-3 border-bottom border-warning text-warning" href="/">首页 <span class="sr-only">(当前)</span></a>
				</li>
				<li class="nav-item text-center">
					<a class="nav-link mx-3 py-3" href="#about">关于向前</a>
				</li>
				<li class="nav-item text-center">
					<a class="nav-link mx-3 py-3" href="#contact">联系我们</a>
				</li>
				<li class="nav-item text-center">
					<a class="nav-link mx-3 py-3" href="#join">加入我们</a>
				</li>
			</ul>
		</nav>
	</div>
</header>
<div>
	<div class="bg-dark section">
		<main class="container-fluid">
			<div class="row align-items-center">
				<div class="col-lg-5 offset-lg-1">
					<div class="py-5">
						<h1 class="text-warning font-weight-light display-3">ON.NET.CN</h1>
						<h3 class="text-warning font-weight-bold display-3 pb-lg-5 mb-lg-5">向往未来,勇往直前</h3>
						<h2 class="text-white font-weight-light pt-lg-5">山东向前网络技术有限公司</h2>
						<h4 class="text-white font-weight-light text-white-50">Shandong Xiangqian Network Technology Co., Ltd</h4>
					</div>
				</div>
				<div class="col-lg-5 d-none d-lg-inline">
					<div class="py-lg-5">
						<img src="./static/img/carousel.svg" class="img-fluid" alt="">
					</div>
				</div>
			</div>
		</main>
		<!-- <canvas id="space" class="img-fluid" style="position: absolute; z-index: 0; top:0;"></canvas> -->
	</div>

	<div class="section" id="about">
		<main class="container-fluid">
			<div class="row">
				<div class="col-lg-11 offset-lg-1">
					<div class="py-5">
						<h1 class="font-weight-light display-4">关于向前</h1>
						<h4 class="font-weight-light text-warning">ABOUT ON.NET.CN</h4>
					</div>
				</div>
				<div class="col-lg-5 offset-lg-1">
					<div class="py-5">
						<p class="lead">
							山东向前网络技术有限公司成立于2020年11月，是一家致力于互联网服务领域的公司。
							<br>
							<br>
							公司拥有多项软件著作权，于2023年通过企业知识产权管理体系贯标认证。
							<br>
							<br>
							公司以“创新、进取、超越”为核心价值观，秉承开放、平等、协作、共享的互联网精神，不断推动互联网服务的创新和发展。我们致力于为客户提供高质量、个性化的互联网服务，帮助客户实现商业目标和价值创造。同时，我们也注重与合作伙伴之间的紧密合作和共赢发展，共同推动整个互联网产业的繁荣和发展。
							<br>
							<br>
							我们向往未来，勇往直前。我们期待与你一起，共同创造一个更美好的未来！
						</p>
					</div>
				</div>
				<div class="col-lg-5 offset-lg-1 d-none d-lg-inline">
					<div class="">
						<img src="./static/img/qiantai.jpg" class="img-fluid rounded" alt="">
					</div>
				</div>
			</div>
		</main>
	</div>

	<div class="bg-dark section" id="contact">
		<main class="container-fluid">
			<div class="row">
				<div class="col-lg-11 offset-lg-1">
					<div class="py-5">
						<h1 class="font-weight-light text-white display-4">联系我们</h1>
						<h4 class="font-weight-light text-warning">CONTACT US</h4>
					</div>
				</div>
				<div class="col-lg-4 offset-lg-1">
					<div class="py-5">
						<style>
						.anchorBL{display:none;}
						</style>
						<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=6TModDyGaIetLuworoS4vWPl&s=1"></script>
						<div style="width:100%;height:450px;border:0;" class="rounded" id="baiduMap"></div>

						<script type="text/javascript">
							//百度地图API功能
							function loadMapJScript() {
								var script = document.createElement("script");
								script.type = "text/javascript";
								script.src = "http://api.map.baidu.com/api?v=2.0&ak=6TModDyGaIetLuworoS4vWPl&callback=initMap&s=1";
								document.body.appendChild(script);
							}
							function initMap() {
								var map = new BMap.Map("baiduMap");
								//坐标位置获取 http://api.map.baidu.com/lbsapi/getpoint/index.html
								map.centerAndZoom(new BMap.Point(117.153532,36.669823), 15);
								var marker=new BMap.Marker(new BMap.Point(117.153532,36.669823));
								map.addOverlay(marker);
								
								map.addControl(new BMap.MapTypeControl());
								map.addControl(new BMap.NavigationControl());
								map.setMapStyle({style:'googlelite'});		
								//map.enableScrollWheelZoom();
								//map.disableDragging();     //禁止拖拽
								
								var licontent="<h4>山东向前网络技术有限公司</h4>";
									licontent+="<p>山东省济南市高新区舜华路2000号舜泰广场3号楼14层东B1室</p>";
								var  infoWindow = new BMap.InfoWindow(licontent, { width: 300 });
								//marker.openInfoWindow(infoWindow);
								marker.addEventListener('click',function(){ marker.openInfoWindow(infoWindow);});
							}  
							window.onload = loadMapJScript;  //异步加载地图
						</script>
					</div>
				</div>
				<div class="col-lg-6 offset-lg-1">
					<div class="py-5">
						<h3 class="text-white font-weight-light">山东向前网络技术有限公司</h3>
						<p class="lead text-white font-weight-light">Shandong Xiangqian Network Technology Co., Ltd</p>
						<p class="lead text-white">
							<br>
							<i class="fad fa-map fa-fw"></i>山东省济南市高新区舜华路2000号舜泰广场3号楼14层东B1室
							<br>
							<br>
							<i class="fad fa-phone fa-fw"></i><a href="tel:0531-84992100" class="text-reset">0531-84992100</a>
							<br>
							<br>
							<i class="fad fa-globe-asia fa-fw"></i><a href="//on.net.cn" class="text-reset">on.net.cn</a>
							<br>
							<br>
							<i class="fab fa-qq fa-fw"></i>
							<a href="http://wpa.qq.com/msgrd?v=3&uin=3096808658&site=&menu=yes" target="_blank" class="text-reset d-none d-lg-inline">3096808658</a>
							<a href="mqqwpa://im/chat?chat_type=wpa&uin=3096808658&version=1&src_type=web&web_src=" class="text-reset d-inline d-lg-none">3096808658</a>
							<br>
							<br>
							<i class="fad fa-envelope fa-fw"></i><a class="text-reset">on<small class="fal fa-at"></small>on.net.cn</a>
						</p>
					</div>
				</div>
			</div>
		</main>
	</div>

	<div class="bg-dark section" id="join">
		<main class="container-fluid">
			<div class="row">
				<div class="col-lg-11 offset-lg-1">
					<div class="py-5">
						<h1 class="font-weight-light text-white display-4">加入向前</h1>
						<h4 class="font-weight-light text-warning">Join ON.NET.CN</h4>
					</div>
				</div>
				<div class="col-lg-4 offset-lg-1">
					<div class="py-5">
						<p class="py-2 border-bottom border-secondary">
							<a href="#" class="lead text-white font-weight-light" data-toggle="modal" data-target="#jobsModal">
								<small class="float-right text-secondary"><span class="date"></span></small>
								UI设计师
							</a>
						</p>
						<p class="py-2 border-bottom border-secondary">
							<a href="#" class="lead text-white font-weight-light" data-toggle="modal" data-target="#jobsModal">
								<small class="float-right text-secondary"><span class="date"></span></small>
								Web前端高级工程师
							</a>
						</p>
						<p class="py-2 border-bottom border-secondary">
							<a href="#" class="lead text-white font-weight-light" data-toggle="modal" data-target="#jobsModal">
								<small class="float-right text-secondary"><span class="date"></span></small>
								iOS开发工程师
							</a>
						</p>
						<p class="py-2 border-bottom border-secondary">
							<a href="#" class="lead text-white font-weight-light" data-toggle="modal" data-target="#jobsModal">
								<small class="float-right text-secondary"><span class="date"></span></small>
								Android工程师
							</a>
						</p>
						<p class="py-2 border-bottom border-secondary">
							<a href="#" class="lead text-white font-weight-light" data-toggle="modal" data-target="#jobsModal">
								<small class="float-right text-secondary"><span class="date"></span></small>
								Java资深架构师
							</a>
						</p>
						<p class="py-2 border-bottom border-secondary">
							<a href="#" class="lead text-white font-weight-light" data-toggle="modal" data-target="#jobsModal">
								<small class="float-right text-secondary"><span class="date"></span></small>
								PHP高级工程师
							</a>
						</p>
						<p class="py-2 border-bottom border-secondary">
							<a href="#" class="lead text-white font-weight-light" data-toggle="modal" data-target="#jobsModal">
								<small class="float-right text-secondary"><span class="date"></span></small>
								Goland开发工程师
							</a>
						</p>
						<p class="py-2 border-bottom border-secondary">
							<a href="#" class="lead text-white font-weight-light" data-toggle="modal" data-target="#jobsModal">
								<small class="float-right text-secondary"><span class="date"></span></small>
								Python开发工程师
							</a>
						</p>
					</div>
				</div>
				<div class="col-lg-4 offset-lg-1">
					<div class="py-5">
						<p class="py-2 border-bottom border-secondary">
							<a href="#" class="lead text-white font-weight-light" data-toggle="modal" data-target="#jobsModal">
								<small class="float-right text-secondary"><span class="date"></span></small>
								NLP应用工程师
							</a>
						</p>
						<p class="py-2 border-bottom border-secondary">
							<a href="#" class="lead text-white font-weight-light" data-toggle="modal" data-target="#jobsModal">
								<small class="float-right text-secondary"><span class="date"></span></small>
								AI机器学习工程师
							</a>
						</p>
						<p class="py-2 border-bottom border-secondary">
							<a href="#" class="lead text-white font-weight-light" data-toggle="modal" data-target="#jobsModal">
								<small class="float-right text-secondary"><span class="date"></span></small>
								高级算法工程师
							</a>
						</p>
						<p class="py-2 border-bottom border-secondary">
							<a href="#" class="lead text-white font-weight-light" data-toggle="modal" data-target="#jobsModal">
								<small class="float-right text-secondary"><span class="date"></span></small>
								数据挖掘工程师
							</a>
						</p>
						<p class="py-2 border-bottom border-secondary">
							<a href="#" class="lead text-white font-weight-light" data-toggle="modal" data-target="#jobsModal">
								<small class="float-right text-secondary"><span class="date"></span></small>
								产品策划/运营
							</a>
						</p>
						<p class="py-2 border-bottom border-secondary">
							<a href="#" class="lead text-white font-weight-light" data-toggle="modal" data-target="#jobsModal">
								<small class="float-right text-secondary"><span class="date"></span></small>
								产品经理
							</a>
						</p>
						<p class="py-2 border-bottom border-secondary">
							<a href="#" class="lead text-white font-weight-light" data-toggle="modal" data-target="#jobsModal">
								<small class="float-right text-secondary"><span class="date"></span></small>
								文案编辑
							</a>
						</p>
						<p class="py-2 border-bottom border-secondary">
							<a href="#" class="lead text-white font-weight-light" data-toggle="modal" data-target="#jobsModal">
								<small class="float-right text-secondary"><span class="date"></span></small>
								市场营销
							</a>
						</p>
					</div>
				</div>
			</div>
		</main>
		<div class="modal fade" tabindex="-1" role="dialog" id="jobsModal">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header border-bottom-0">
						<h5 class="modal-title"></h5>
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
							<span aria-hidden="true">&times;</span>
						</button>
					</div>
					<div class="modal-body">
						<h3></h3>
						<p class="text-muted font-weight-light mb-0">全职 | 济南</p>
						<p class="text-muted font-weight-light">发布时间：<span class="date"></span></p>
						<p>请将简历发送邮件至:<a  class="text-reset">on<small class="fal fa-at"></small>on.net.cn</a></p>
					</div>
					<div class="modal-footer border-top-0">
						<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

	<div class="bg-dark">
		<footer class="p-3">
			<div class="text-center text-white-50">
				<small><a href="http://beian.miit.gov.cn" target="_blank" class="text-white-50">鲁ICP备20030971号-2</a></small>
				<!-- <small>公安备案号XXX</small> -->
			</div>
			<div style="display:none">
			    <div id="links"></div>
			</div>
		</footer>
	</div>
<script src="./static/lib/jquery/jquery.min.js"></script>
<script src="./static/lib/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="./static/js/common.js"></script>
<script>
	// ---
	var currentDate = new Date();
	var formattedDate = currentDate.toLocaleDateString('zh-CN', { year: 'numeric', month: 'long', day: 'numeric' });
	$(".date").text(formattedDate);
	// ---
	var linksContainer = document.getElementById("links");
	var linksHTML = '';
	for (var i = 1; i <= 2; i++) {
	    linksHTML += `<small><a href="http://beian.miit.gov.cn" target="_blank" class="">鲁ICP备20030971号-${i}</a></small>`;
	}
	linksContainer.innerHTML = linksHTML;
	// ---
	var _hmt = _hmt || [];
	(function() {
	  var hm = document.createElement("script");
	  hm.src = "http://hm.baidu.com/hm.js?aae80ca5cebbb812351ebbbc016360ee";
	  var s = document.getElementsByTagName("script")[0]; 
	  s.parentNode.insertBefore(hm, s);
	})();
	
	
</script>

</body>
</html>