<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="en">
<head>
<title>Modern Corporate Category Bootstrap Responsive Website Template | Home :: w3layouts </title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Modern Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/circles.css" rel="stylesheet" type="text/css" media="all" /><!-- circles-css --><!-- for skills section-->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/font-awesome.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- light-box -->
<link rel="stylesheet" href="css/poposlides.css">
<!-- //light-box -->
<!--fonts-->
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,600,700" rel="stylesheet" type="text/css">
<link href="//fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext,vietnamese" rel="stylesheet">
<!--//fonts-->
</head>
<body>
<!-- banner -->
<div class="main_agileits">
<div class="agile_wthree_nav">
<nav class="navbar navbar-default">
<div class="navbar-header navbar-left">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<h1><a class="navbar-brand" href="index.html"><span><i class="fa fa-desktop" aria-hidden="true"></i></span>Modern</a></h1>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
<nav class="link-effect-8" id="link-effect-8">
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="#about" class="scroll">About</a></li>
<li><a href="#services" class="scroll">Services</a></li>
<li><a href="#team" class="scroll">Team</a></li>
<li><a href="#skills" class="scroll">Skills</a></li>
<li><a href="#pricing" class="scroll">Pricing</a></li>
<li><a href="#contact" class="scroll">Mail Us</a></li>
</ul>
</nav>
</div>
<div class="agile_search">
<!-- cd-search -->
<div class="cd-main-header">
<ul class="cd-header-buttons">
<li><a class="cd-search-trigger" href="#cd-search"> <span></span></a></li>
</ul>
<!-- cd-header-buttons -->
</div>
<div id="cd-search" class="cd-search agileinfo">
<form action="#" method="post">
<input name="Search" type="search" placeholder="Click enter after typing...">
</form>
</div>
<!-- //cd-search -->
</div>
</nav>
</div>
<div class="s1">
<h3>Modern Design</h3>
<p>Nulla in gravida purus. Sed at neque sit amet est fringilla vulputate nec at lectus.</p>
<p>Lorem Ipsum is simply dummy text of the typesetting industry.</p>
<p>Sed at neque sit amet est fringilla nec at lectus.</p>
<div class="w3-button">
<div class="w3ls-button">
<a href="#" class="hvr-shutter-out-vertical">Read More</a>
</div>
<div class="w3l-button">
<a href="#contact" class="hvr-shutter-out-vertical scroll">Mail Us</a>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="slides-box">
<ul class="slides">
<li style="background: url(images/banner4.jpg) center"></li>
<li style="background: url(images/banner1.jpg)center"></li>
<li style="background: url(images/banner3.jpg) center"></li>
<li style="background: url(images/banner2.jpg)center"></li>
</ul>
</div>
</div>
<!-- /banner -->
<!-- about -->
<div class="about" id="about">
<div class="container">
<h3 class="w3_head w3_head1">About Us </h3>
<p class="toppara">Etiam molestie leo ac magna sodales, a tincidunt nibh egestas.
Praesent mattis luctus sapien. Nunc accumsan quis tortor et commodo
Proin nec rhoncus orci. a tincidunt nibh egestas</p>
<div class="aboutgrids">
<div class="col-md-6 aboutleft">
<h6>We work hard always</h6>
<h4>we are best in technology development</h4>
<h5>Curabitur id urna sit amet tellus cursus consectetur
a nec nisi. Morbi imperdiet gravida dolor</h5>
<p>Curabitur id urna sit amet tellus cursus consectetur
a nec nisi. Morbiimpe rdiet gravida dolor Nunc accumsan quis
tortor et commodo Proin nec</p>
<div class="about-inner">
<div class="about-inner-top">
<div class="col-md-2">
<i class="fa fa-database" aria-hidden="true"></i>
</div>
<div class="col-md-10">
<h4>Cenean Uit amet scelerisque</h4>
<p>Curabitur id urna sit amet tellus cursus consectetur
a nec nisi. Morbiimpe rdiet gravida dolor Nunc accumsan</p>
</div>
<div class="clearfix"></div>
</div>
<div class="about-inner-bottom">
<div class="col-md-10">
<h4>Cenean Uit amet scelerisque</h4>
<p>Curabitur id urna sit amet tellus cursus consectetur
a nec nisi. Morbiimpe rdiet gravida dolor Nunc accumsan</p>
</div>
<div class="col-md-2">
<i class="fa fa-database" aria-hidden="true"></i>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="col-md-6 aboutright">
<img src="images/about.jpg" alt="aboutimage"/>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!-- //about -->
<!-- services -->
<div class="services" id="services">
<div class="container">
<h3 class="w3_head w3_head1">Our Services </h3>
<p class="toppara">Etiam molestie leo ac magna sodales, a tincidunt nibh egestas.
Praesent mattis luctus sapien. Nunc accumsan quis tortor et commodo
Proin nec rhoncus orci. a tincidunt nibh egestas</p>
</div>
<div class="agileits_services_grids_bottom">
<div class="container">
<div class="col-md-4 agileits_service_grid_btm_left">
<div class="agileits_service_grid_btm_left1">
<img src="images/4.jpg" alt=" " class="img-responsive" />
<div class="agileits_service_grid_btm_left2">
<h5>web technology <span class="fa fa-suitcase"></span></h5>
<p>Donec in purus in lorem porttitor eleif end. Cras nisl arcu,
gravida eu erat sit amet,da pibus mollis tortor. Nam nec finibus met us.
Vivamus mollis ante id ex temporis Nuncv iverra dui nec velit ipsum</p>
</div>
</div>
</div>
<div class="col-md-4 agileits_service_grid_btm_left">
<div class="agileits_service_grid_btm_left1">
<img src="images/5.jpg" alt=" " class="img-responsive" />
<div class="agileits_service_grid_btm_left2">
<h5>business academy <span class="fa fa-building"></span></h5>
<p>Donec in purus in lorem porttitor eleif end. Cras nisl arcu,
gravida eu erat sit amet,da pibus mollis tortor. Nam nec finibus met us.
Vivamus mollis ante id ex temporis Nuncv iverra dui nec velit ipsum</p>
</div>
</div>
</div>
<div class="c
没有合适的资源?快使用搜索试试~ 我知道了~
HTML网站源码-现代设计动态响应式网页模板-移动端可用.zip
共48个文件
jpg:18个
js:10个
css:6个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 33 浏览量
2024-03-22
10:50:05
上传
评论
收藏 2.37MB ZIP 举报
温馨提示
这套HTML源代码文件为您呈现了一个完整的网页模板,适用于各类网站开发需求。它采用了前沿的HTML5和CSS3技术,实现了响应式设计,能够无缝适配各种设备的屏幕尺寸。此外,它还内置了丰富的JavaScript插件,助您轻松实现各种复杂的交互效果。这套源代码文件具有极高的可定制性,您可以根据您的项目需求,对页面布局、颜色和内容进行个性化调整,轻松打造出独具特色的网站。同时,我们的代码结构清晰、注释详细,便于您学习和掌握HTML、CSS和JavaScript等前端技术。无论您是面临课程设计、毕业设计等学术挑战,还是希望在职业发展中展示自己的才华和技能,这套源代码文件都将成为您的得力助手。通过使用这套源代码文件,您将轻松完成网站搭建任务,为您的课程设计或毕业设计增添独特亮点。总之,这套HTML源代码文件是一个高效、实用且易于上手的工具,无论您是专业的网页设计师,还是业余的编程爱好者,都值得一试。
资源推荐
资源详情
资源评论
收起资源包目录
HTML网站源码-现代设计动态响应式网页模板-移动端可用.zip (48个子文件)
HTML网站源码-现代设计动态响应式网页模板-移动端可用
html
js
bootstrap.js 68KB
jquery.magnific-popup.js 45KB
SmoothScroll.min.js 13KB
search.js 2KB
circles.js 7KB
easing.js 5KB
poposlides.js 4KB
move-top.js 1KB
owl.carousel.js 37KB
jquery-2.1.4.min.js 82KB
css
style.css 73KB
owl.carousel.css 9KB
font-awesome.css 34KB
circles.css 982B
bootstrap.css 138KB
poposlides.css 6KB
index.html 27KB
images
team6.jpg 20KB
services.jpg 73KB
about.jpg 188KB
team4.jpg 36KB
6.jpg 39KB
banner4.jpg 697KB
team3.jpg 36KB
banner3.jpg 83KB
team2.jpg 22KB
arrows.png 3KB
5.jpg 37KB
banner1.jpg 135KB
team5.jpg 28KB
team7.jpg 22KB
arr.png 1KB
teambg.jpg 56KB
team1.jpg 28KB
banner2.jpg 94KB
team8.jpg 17KB
4.jpg 60KB
fonts
FontAwesome.otf 122KB
glyphicons-halflings-regular.svg 106KB
glyphicons-halflings-regular.ttf 44KB
glyphicons-halflings-regular.woff 23KB
glyphicons-halflings-regular.eot 20KB
fontawesome-webfont.eot 75KB
glyphicons-halflings-regular.woff2 18KB
fontawesome-webfont.woff 88KB
fontawesome-webfont.woff2 70KB
fontawesome-webfont.svg 382KB
fontawesome-webfont.ttf 149KB
共 48 条
- 1
资源评论
DTcode7
- 粉丝: 3819
- 资源: 4084
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功