简洁精美的企业单页门户网站（纯静态模板）

最新推荐文章于 2024-09-05 23:10:47 发布
最新推荐文章于 2024-09-05 23:10:47 发布
阅读量2.8k 收藏 3
点赞数
文章标签： javascript 前端 ViewUI
原文链接：https://my.oschina.net/OneNb/blog/1856916
版权

为什么80%的码农都做不了架构师？>>>   hot3.png

<!DOCTYPE html>
<html lang="en" class="no-js">
<!-- BEGIN HEAD -->
<head>
<meta charset="utf-8"/>
<title>钦州日之新科技有限公司</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<meta content="" name="description"/>
<meta content="" name="author"/>

<!-- GLOBAL MANDATORY STYLES -->
<link href="css/fonts.css" rel="stylesheet" type="text/css">
<link href="vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet" type="text/css"/>
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>

<!-- PAGE LEVEL PLUGIN STYLES -->
<link href="css/animate.css" rel="stylesheet">

<!-- THEME STYLES -->
<link href="css/layout.min.css" rel="stylesheet" type="text/css"/>

<!-- Favicon -->
<link rel="shortcut icon" href="favicon.ico"/>
</head>
<!-- END HEAD -->

<!-- BODY -->
<body id="body" data-spy="scroll" data-target=".header">

<!--========== HEADER ==========-->
<header class="header navbar-fixed-top">
	<!-- Navbar -->
	<nav class="navbar" role="navigation">
		<div class="container">
			<!-- Brand and toggle get grouped for better mobile display -->
			<div class="menu-container js_nav-item">
				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
					<span class="sr-only">切换导航</span>
					<span class="toggle-icon"></span>
				</button>

				<!-- Logo -->
				
				<!-- End Logo -->
			</div>

			<!-- Collect the nav links, forms, and other content for toggling -->
			<div class="collapse navbar-collapse nav-collapse">
				<div class="menu-container">
					<ul class="nav navbar-nav navbar-nav-right">
						<li class="js_nav-item nav-item"><a class="nav-item-child nav-item-hover" href="#body">首页</a></li>
						<li class="js_nav-item nav-item"><a class="nav-item-child nav-item-hover" href="#about">关于</a></li>
						<li class="js_nav-item nav-item"><a class="nav-item-child nav-item-hover" href="#experience">招聘</a></li>
						<li class="js_nav-item nav-item"><a class="nav-item-child nav-item-hover" href="#work">展示</a></li>
						<li class="js_nav-item nav-item"><a class="nav-item-child nav-item-hover" href="#contact">联系</a></li>
					</ul>
				</div>
			</div>
			<!-- End Navbar Collapse -->
		</div>
	</nav>
	<!-- Navbar -->
</header>
<!--========== END HEADER ==========-->

<!--========== SLIDER ==========-->
<div class="promo-block parallax-window" data-parallax="scroll" data-image-src="img/1920x1080/01.jpg">
	<div class="container">
		<div class="row">
			<div class="col-sm-6">
				<div class="promo-block-divider">
					<h1 class="promo-block-title"> 服务我们更专一</h1>
					<p class="promo-block-text">质量我们更保证</p>
				</div>
				
			</div>
		</div>
		<!--// end row -->
	</div>
</div>
<!--========== SLIDER ==========-->

<!--========== PAGE LAYOUT ==========-->
<!-- About -->
<div id="about">
	<div class="container content-lg">
		<div class="row">
			<div class="col-sm-3 sm-margin-b-30">
				<div class="text-right sm-text-left">
					<h2 class="margin-b-0">关于</h2>
					<p>Intro</p>
				</div>
			</div>
			<div class="col-sm-8 col-sm-offset-1">
				<div class="margin-b-60">
					<p>钦州日之新科技有限公司是一家专业从事硅胶制品生产的企业（主要生产遥控器按键），是从深圳龙岗搬迁到钦州新开业的工厂.</p>
				</div>

				<!-- Progress Box -->
				
				
				
				
				<!-- End Progress Box -->
			</div>
		</div>
		<!--// end row -->
	</div>
</div>
<!-- End About -->

<!-- Experience -->
<div id="experience">
	<div class="bg-color-sky-light" data-auto-height="true">
		<div class="container content-lg">
			<div class="row">
				<div class="col-sm-3 sm-margin-b-30">
					<div class="text-right sm-text-left">
						<h2 class="margin-b-0">招聘</h2>
						<p>recruitment</p>
					</div>
				</div>
				<div class="col-sm-8 col-sm-offset-1">
					<table class="table">
	<caption></caption>
	<thead>
		<tr>
			<th>岗位</th>
			<th>学历</th>
			<th>人数</th>
			<th>要求</th>
			<th>待遇</th>
		</tr>
	</thead>
	<tbody>
		<tr class="active">
			<td>普工</td>
			<td>不限</td>
			<td>100</td>
			<td>身体健康</td>
			<td>3800-4500元/月</td>
		</tr>
		<tr class="success">
			<td>普工</td>
			<td>不限</td>
			<td>100</td>
			<td>身体健康</td>
			<td>3800-4500元/月</td>
		</tr>
		<tr  class="warning">
			<td>普工</td>
			<td>不限</td>
			<td>100</td>
			<td>身体健康</td>
			<td>3800-4500元/月</td>
		</tr>
		<tr  class="danger">
			<td>普工</td>
			<td>不限</td>
			<td>100</td>
			<td>身体健康</td>
			<td>3800-4500元/月</td>
		</tr>
	</tbody>
</table>
					<!--// end row -->
				</div>
			</div>
			<!--// end row -->
		</div>
	</div>
</div>
<!-- End Experience -->
<!-- Work -->
<div id="work">
	<div class="container content-lg">
		<div class="row">
			<div class="col-sm-3 sm-margin-b-30">
				<div class="text-right sm-text-left">
					<h2 class="margin-b-0">展示</h2>
					<p>show</p>
				</div>
			</div>
			<div class="col-sm-8 col-sm-offset-1">
				<!-- Masonry Grid -->
				<div class="masonry-grid row row-space-2">
					<div class="masonry-grid-sizer col-xs-6 col-sm-6 col-md-1"></div>
					<div class="masonry-grid-item col-xs-12 col-sm-6 col-md-8 margin-b-4">
						<!-- Work -->
						<div class="work work-popup-trigger">
							<div class="work-overlay">
								<img class="full-width img-responsive" src="img/800x400/01.jpg" alt="Portfolio Image">
							</div>
							<div class="work-popup-overlay">
								<div class="work-popup-content">
									<a href="javascript:void(0);" class="work-popup-close">关闭</a>
									<div class="margin-b-30">
										<h3 class="margin-b-5">样品一</h3></div>
									<div class="row">
										<div class="col-sm-8 work-popup-content-divider sm-margin-b-20">
											<div class="margin-t-10 sm-margin-t-0">
												<p>样品介绍</p>
											</div>
										</div>
										<div class="col-sm-4">
											<div class="margin-t-10 sm-margin-t-0">
												<p class="margin-b-5"><strong>属性1:1111</strong></p>
												<p class="margin-b-5"><strong>属性2：2222</strong></p>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- End Work -->
					</div>
					<div class="masonry-grid-item col-xs-12 col-sm-6 col-md-4 margin-b-4">
						<!-- Work -->
						<div class="work work-popup-trigger">
							<div class="work-overlay">
								<img class="full-width img-responsive" src="img/397x400/01.jpg" alt="Portfolio Image">
							</div>
							<div class="work-popup-overlay">
								<div class="work-popup-content">
									<a href="javascript:void(0);" class="work-popup-close">关闭</a>
									<div class="margin-b-30">
										<h3 class="margin-b-5">样品二</h3>
									</div>
									<div class="row">
										<div class="col-sm-8 work-popup-content-divider sm-margin-b-20">
											<div class="margin-t-10 sm-margin-t-0">
												<p>样品介绍<a class="work-popup-tag-link" href="#"></a></p>
											</div>
										</div>
										<div class="col-sm-4">
											<div class="margin-t-10 sm-margin-t-0">
												<p class="margin-b-5"><strong>属性1:1111</strong></p>
                                                <p class="margin-b-5"><strong>属性2：2222</strong></p>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- End Work -->
					</div>
					<div class="masonry-grid-item col-xs-12 col-sm-6 col-md-4 md-margin-b-4">
						<!-- Work -->
						<div class="work work-popup-trigger">
							<div class="work-overlay">
								<img class="full-width img-responsive" src="img/397x300/01.jpg" alt="Portfolio Image">
							</div>
							<div class="work-popup-overlay">
								<div class="work-popup-content">
									<a href="javascript:void(0);" class="work-popup-close">关闭</a>
									<div class="margin-b-30">
										<h3 class="margin-b-5">样品三<span></span>
									</h3></div>
									<div class="row">
										<div class="col-sm-8 work-popup-content-divider sm-margin-b-20">
											<div class="margin-t-10 sm-margin-t-0">
												<p class="margin-b-5"><strong>样品介绍</strong><strong></strong></p>
                                                <p>&nbsp;</p>
											</div>
										</div>
										<div class="col-sm-4">
											<div class="margin-t-10 sm-margin-t-0">
												<p class="margin-b-5"><strong>属性1:1111</strong></p>
                                                <p class="margin-b-5"><strong>属性2：2222</strong></p>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- End Work -->
					</div>
					<div class="masonry-grid-item col-xs-12 col-sm-6 col-md-4 md-margin-b-4">
						<!-- Work -->
						<div class="work work-popup-trigger">
							<div class="work-overlay">
								<img class="full-width img-responsive" src="img/397x300/02.jpg" alt="Portfolio Image">
							</div>
							<div class="work-popup-overlay">
								<div class="work-popup-content">
									<a href="javascript:void(0);" class="work-popup-close">关闭</a>
									<div class="margin-b-30">
										<h3 class="margin-b-5">样品四</h3></div>
									<div class="row">
										<div class="col-sm-8 work-popup-content-divider sm-margin-b-20">
											<div class="margin-t-10 sm-margin-t-0">
												<p>样品介绍<a class="work-popup-tag-link" href="#"></a></p>
											</div>
										</div>
										<div class="col-sm-4">
											<div class="margin-t-10 sm-margin-t-0">
												<p class="margin-b-5"><strong>属性1:1111</strong></p>
                                                <p class="margin-b-5"><strong>属性2：2222</strong></p>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- End Work -->
					</div>
					<div class="masonry-grid-item col-xs-12 col-sm-6 col-md-4">
						<!-- Work -->
						<div class="work work-popup-trigger">
							<div class="work-overlay">
								<img class="full-width img-responsive" src="img/397x300/03.jpg" alt="Portfolio Image">
							</div>
							<div class="work-popup-overlay">
								<div class="work-popup-content">
									<a href="javascript:void(0);" class="work-popup-close">关闭</a>
									<div class="margin-b-30">
										<h3 class="margin-b-5">样品五</h3></div>
									<div class="row">
										<div class="col-sm-8 work-popup-content-divider sm-margin-b-20">
											<div class="margin-t-10 sm-margin-t-0">
												<p>样品介绍<a class="work-popup-tag-link" href="#"></a></p>
											</div>
										</div>
										<div class="col-sm-4">
											<div class="margin-t-10 sm-margin-t-0">
												<p class="margin-b-5"><strong>属性1:1111</strong></p>
                                                <p class="margin-b-5"><strong>属性2：2222</strong></p>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- End Work -->
					</div>
				</div>
				<!-- End Masonry Grid -->
			</div>
		</div>
		<!--// end row -->
	</div>
</div>
<!-- End Work -->
	
<!-- Contact -->
<div id="contact">
	<div class="bg-color-sky-light">
		<div class="container content-lg">
			<div class="row">
				<div class="col-sm-3 sm-margin-b-30">
					<div class="text-right sm-text-left">
						<h2 class="margin-b-0">联系</h2>
						<p>Contact</p>
					</div>
				</div>
				<div class="col-sm-8 col-sm-offset-1">
					<div class="row">
						<div class="col-md-3 col-xs-6 md-margin-b-30">
							<h5>地址</h5>
							<a href="#">钦州市钦南区<br>高新技术产业开发区<br>曙光园</a>
						</div>
						<div class="col-md-3 col-xs-6 md-margin-b-30">
							<h5>电话</h5>
							<a href="#">07773252188</a>
						</div>
						<div class="col-md-3 col-xs-6">
							<h5>邮箱</h5>
							<a href="mailto:#">admin@gmail.com</a>
						</div>
						<div class="col-md-3 col-xs-6">
							<h5>微信</h5>
							<a href="#">3040424500</a>
						</div>
					</div>
				</div>
			</div>
			<!--// end row -->
		</div>
	</div>
</div>
<!-- End Contact -->
<!--========== END PAGE LAYOUT ==========-->

<!--========== FOOTER ==========-->
<footer class="footer">
	<div class="content container">
		<div class="row">
			
			<div class="col-xs-9 text-right sm-text-left">
				<p class="margin-b-0">Copyright &copy; 2017.All Rights Reserved Theme by 钦州日之新科技有限公司.</p>
			</div>
		</div>
		<!--// end row -->
	</div>
</footer>
<!--========== END FOOTER ==========-->

<!-- Back To Top -->
<a href="javascript:void(0);" class="js-back-to-top back-to-top">Top</a>

<!-- JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
<!-- CORE PLUGINS -->
<script src="vendor/jquery.min.js" type="text/javascript"></script>
<script src="vendor/jquery-migrate.min.js" type="text/javascript"></script>
<script src="vendor/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>

<!-- PAGE LEVEL PLUGINS -->
<script src="vendor/jquery.easing.js" type="text/javascript"></script>
<script src="vendor/jquery.back-to-top.js" type="text/javascript"></script>
<script src="vendor/jquery.smooth-scroll.js" type="text/javascript"></script>
<script src="vendor/jquery.wow.min.js" type="text/javascript"></script>
<script src="vendor/jquery.parallax.min.js" type="text/javascript"></script>
<script src="vendor/jquery.appear.js" type="text/javascript"></script>
<script src="vendor/masonry/jquery.masonry.pkgd.min.js" type="text/javascript"></script>
<script src="vendor/masonry/imagesloaded.pkgd.min.js" type="text/javascript"></script>

<!-- PAGE LEVEL SCRIPTS -->
<script src="js/layout.min.js" type="text/javascript"></script>
<script src="js/components/progress-bar.min.js" type="text/javascript"></script>
<script src="js/components/masonry.min.js" type="text/javascript"></script>
<script src="js/components/wow.min.js" type="text/javascript"></script>

</body>
<!-- END BODY -->
</html>

界面：

 

 

0e9dd685b537a47c9e2f9632553d7275a64.jpg

#######################################################################

#######################################################################

9c71909f21a6c011930232949d4c78c627e.jpg

 

#######################################################################

#######################################################################

1557a4d3dd5ff0148db4a2e712c1fe94a2a.jpg

完整源码下载

转载于:https://my.oschina.net/OneNb/blog/1856916

weixin_34248258
关注
学生HTML网页作业：基于HTML+CSS+JavaScript画家企业8页
QQ_____365392777的博客
08-06 2702
👒 公司官网网站 、企业官网、酒店官网、等网站的设计与制作。🏷️ 网页中包含：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频音频元素，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站......
非常漂亮的单页静态模板
01-06
非常漂亮的单页静态模板，给需要的朋友。~
简洁精美的企业单页门户网站模板
最新发布
gitblog_09816的博客
09-05 250
简洁精美的企业单页门户网站模板 rx.zip项目地址:https://gitcode.com/open-source-toolkit/87d96 简介 本仓库提供了一个简洁精美的企业单页门户网站模板，采用纯静态的HTML、CSS和JavaScript制作。虽然页面结构简洁，但内容全面，非常适合用于企业宣传、招商引资和招聘等场景。 特点 简洁设计：页面设计简洁大方，易于阅读和导航。 全面内容：虽...
非常漂亮的静态企业门户网站，样式震撼
01-02
非常漂亮的，企业门户静态网站，样式，字体独特，修改为自己的即可使用
企业网站模板 （静态网站）
05-28
企业网站模板 （静态网站）企业网站模板 （静态网站）
简洁大方的企业单页模板
04-01
【简洁大方的企业单页模板】是一种专为商业网站设计的网页布局方案，旨在提供一个清晰、高效的展示方式，让访问者能快速理解企业的核心信息。单页设计通常将所有内容整合到一个页面上，通过滚动浏览，使得用户无需...
简洁风格互联网企业网站html静态模板
12-04
标题 "简洁风格互联网企业网站html静态模板" 指向的是一个专为互联网企业设计的网页模板，这种模板通常以HTML（超文本标记语言）为基础，用于构建网站的页面结构和内容展示。HTML是Web开发的基础，它定义了网页的...
简洁单页企业网站模板下载
04-09
【简洁单页企业网站模板下载】是一个针对中小企业设计的网页模板资源，旨在提供一种快速、高效地构建企业在线形象的方法。这种模板以其简洁的设计风格，能够有效地展示公司的基本信息和服务，同时减少用户在浏览过程...
纯静态html网站模板8
02-18
在现代网页开发中，静态HTML网站模板因其简洁、快速加载和易于维护的特点，被广泛用于个人作品集、小型企业展示网站或实验性项目。 首先，我们来看核心文件`index.html`，它是每个网站的入口点。这个文件用HTML标记...
简单实用的企业官网静态页面
10-15
很漂亮的H5页面设计，包括源代码，很多项目都在用！好东西就要分享！！！html静态模板资源大全，快速选择属于自己的模板，很多英文的高端大气上档次
整套企业网站html静态模板
09-11
非常漂亮的一整套企业网站静态html模板，你一定会喜欢。首页是index.html（好资源就是要分享）
企业网站纯静态页面
06-01
很漂亮的H5页面设计，包括源代码，很多项目都在用！
响应式html静态企业网站模板
03-01
响应式html静态企业网站模板.效果不错。全是响应式的静态的网页，体积小加载快，用的话自己改数据吧
通用公司企业网站HTML模板 静态HTML模板 整站模板
01-03
通用的公司企业网站HTML模板，DIV+CSS布局，全套模板，包括首页、关于我们、新闻资讯、产品展示、技术支持、案例应用、联系我们等网站模板页面。
企业门户纯静态单页模板_我的门户–您社区的单页布局
cukeoumuqian0413的博客
08-02 471
企业门户纯静态单页模板My portal – single page layout for your community. Today I have prepared new great template for you. This is modern looking stylish layout in dark colors. It consists of logo, social icons,...
大型门户div+css网站模板,精美漂亮,免费提供
abcff的专栏
04-20 823
37在线下载页：http://www.37dw.com/zzmb/2009419/378.htm678美食网下载页：http://www.678ms.com/zzmb/2009419/412.htm　　此模板全部是我们手工编写,无任何Table代码.　　因为时间有限，我们暂时先提供一部分原创DIV+CSS模板供大家免费下载，此DIV+CSS模板如果有不完善的地方还请各位朋友多多指正，以后我们会抽时
企业网站 外贸网站 企业公司门户 企业网站 简约简单 小白直接上手 网站
AaaCloud的博客
11-18 114
很多企业因为工作需要，需要一个公司的门户或者介绍自家产品的一个网站，对于贸易公司可以说是必不可少的，经常可以遇到，一些中小企业因为刚起步，无法承担太过昂贵的建站费用，而导致企业网站一再搁置。这对公司的发展带来了不少问题！ 我们推出了一项简单的适合小型企业和刚刚起步的企业的建站服务 具有简单的操作，便捷的手续，等特性 有需要的情况可以联系一下以下的联系方式 Q：1954782357 W：MrNet001 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值