<!--
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="zxx">
<head>
<title>TechEdu an Education Category Flat Bootstrap Responsive Website Template | Home :: w3layouts</title>
<!-- for-mobile-apps -->
<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="TechEdu Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/zoomslider.css" />
<link rel="stylesheet" href="css/lightbox.css">
<!-- carousel slider -->
<link href="css/owl.carousel.css" rel="stylesheet" type="text/css" media="all">
<!-- //carousel slider -->
<link href="css/font-awesome.css" rel="stylesheet">
<script type="text/javascript" src="js/modernizr-2.6.2.min.js"></script>
<script src="js/jquery-2.2.3.min.js"></script>
<script src="js/bootstrap.js"></script>
<!--/web-fonts-->
<link href="//fonts.googleapis.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i" rel="stylesheet">
<!--//web-fonts-->
</head>
<body>
<!--/banner-bottom-->
<div class="w3_agilits_banner_bootm">
<div class="w3_agilits_inner_bottom">
<div class="wthree_agile_login">
<ul>
<li><i class="fa fa-phone" aria-hidden="true"></i> (+000) 009 455 4088</li>
<li><i class="fa fa-envelope-o list-icon" aria-hidden="true"></i><a href="mailto:info@example.com">info@example.com</a></li>
</ul>
</div>
</div>
</div>
<!--//banner-bottom-->
<!--/banner-section-->
<div id="demo-1" data-zs-src='["images/b1.jpg","images/6.jpg","images/b2.jpg","images/b3.jpg","images/b4.jpg"]' data-zs-overlay="dots">
<div class="demo-inner-content">
<!--/header-w3l-->
<div class="header-w3-agileits" id="home">
<div class="inner-header-agile">
<nav class="navbar navbar-default">
<div class="navbar-header">
<button type="button" class="navbar-toggle" 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 href="index.html"><span class="letter">T</span>ech <span>E</span>du</a></h1>
</div>
<!-- navbar-header -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<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="#agileits-services" class="scroll">Services</a></li>
<li><a href="#portfolio" class="scroll">gallery</a></li>
<li><a href="#team" class="scroll">Team</a></li>
<li><a href="#testimonials" class="scroll" >Testimonials</a></li>
<li><a href="#contact" class="scroll">contact</a></li>
</ul>
</div>
<div class="clearfix"> </div>
</nav>
</div>
</div>
<!--//header-w3l-->
<!--/banner-info-->
<div class="baner-info">
<h4>The best learning institution</h4>
<h3><span>w</span>elcome to our <span>u</span>niversity</h3>
<p>Itaque earum rerum hic tenetur a sapiente delectus </p>
<a class="hvr-rectangle-out w3_play_icon1" href="#" data-toggle="modal" data-target="#myModal"> read more</a>
</div>
<!--/banner-ingo-->
</div>
</div>
<!--/banner-section-->
<!--about -->
<div id="about" class="wthree-about w3ls-section">
<div class="container">
<div class="agileits-banner-grids text-center">
<div class="banner-bottom-girds">
<div class="agileits-banner-grid bg-w3ls-active">
<span class="fa fa-university banner-icon" aria-hidden="true"></span>
<h4>Academics</h4>
<p>Itaque earum rerum hic tenetur a sapiente delectus
reiciendis maiores alias consequatur aut.</p>
<a class="hvr-rectangle-out w3_play_icon1" href="#" data-toggle="modal" data-target="#myModal"> read more</a>
</div>
<div class="agileits-banner-grid">
<span class="fa fa-tags banner-icon" aria-hidden="true"></span>
<h4>Admission</h4>
<p>Itaque earum rerum hic tenetur a sapiente delectus
reiciendis maiores alias consequatur aut.</p>
<a class="hvr-rectangle-out w3_play_icon1" href="#" data-toggle="modal" data-target="#myModal"> read more</a>
</div>
<div class="clearfix"></div>
</div>
</div>
<h2 class="w3ls-title">about us</h2>
<h5>Roin vel enim nec ipsum finibus.Duis euismod massa utab.</h5>
<div class="col-md-7 w3ls-about-left">
<p>Duis euismod massa ut sem fringilla blandit. Proin vel enim nec ipsum finibus.Duis euismod massa ut sem fringilla blandit. Proin vel enim nec ipsum finibus.Duis euismod massa ut sem fringilla blandit. Proin vel enim nec ipsum finibus.Duis euismod massa ut sem fringilla blandit. Proin vel enim nec ipsum finibus. </p>
<p class="about-bottom">Duis euismod massa ut sem fringilla blandit. Proin vel enim nec ipsum finibus.Duis euismod massa ut sem fringilla blandit. Proin vel enim nec ipsum finibus.Duis euismod massa ut sem fringilla blandit. Proin vel enim nec ipsum.</p>
</div>
<div class="col-md-5 w3ls-row">
<div class="col-md-6 col-sm-6 wthree-about-left">
<img src="images/about2.jpg" class="img-responsive" alt=""/>
</div>
<div class="col-md-6 col-sm-6 w3ls-row alert wthree-about-right">
<img src="images/about3.jpg" class="img-responsive" alt=""/>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
<div class="stats-info agileits-w3layouts">
<div class="col-sm-3 col-xs-3 stats-grid">
<div class='numscroller numscroller-big-bottom' data-slno='1' data-min='0' data-max='324' data-delay='.5' data-increment="1">324</div>
<div class="stats-img stat2">
<p>branches</p>
</div>
</div>
<div class="col-sm-3 col-xs-3 stats-grid">
<div class='numscroller numscroller-big-bottom' data-slno='1' data-min='0' data-max='200' data-delay='.5' data-increment="1">200</div>
<div class="stats-img stat2">
<p>visitors</p>
</div>
</div>
<div class="col-sm-3 col-xs-3 stats-grid stat1">
<div class='numscroller numscroller-big-bottom' data-slno='1' data-min='0' data-max='156' data-delay='.5' data-increment="1">156</div>
<div class="stats-img stat2">
<p>Awards</p>
</div>
</div>
<div class="col-sm-3 col-xs-3 stats-grid stat1">
<div class='numscroller numscroller-big-bottom' data-slno='1' data-min='0' data-max='156' data-delay='.5' data-increment="1">156</div>
<div class="stats-img stat2">
<p>centres</p>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!-- //about -->
<!--services-->
<div class="agileits-services w3ls-section" id="agileits-services" >
<div class="container">
<h3 class="w3ls-title">services </h3>
<div class="agileits-services-row">
<div class="col-md-3 col-sm-6 agileits-service
没有合适的资源?快使用搜索试试~ 我知道了~
HTML+CSS+JS+JQ+Bootstrap的科技教育响应式网页模板.7z
共58个文件
jpg:22个
js:12个
css:9个
需积分: 5 0 下载量 184 浏览量
2024-07-10
14:33:17
上传
评论
收藏 2.78MB 7Z 举报
温馨提示
探索网页设计的无限可能,从零构建专业级网站不再是梦想。这份精选资源包,囊括HTML、CSS、JavaScript、jQuery及Bootstrap框架的完美结合,为您的创意插上飞翔的翅膀。HTML奠定坚实基础,CSS赋予页面绚丽风格,JavaScript与jQuery注入交互灵魂,而Bootstrap则确保响应式设计的无缝体验,适配各种屏幕尺寸。无需从头摸索,这份源码集锦覆盖多种场景,从个人博客到企业官网,从在线商店到论坛社区,应有尽有。每行代码都经过精心打磨,注释详尽,易于理解和修改,让您迅速上手,定制专属网页。拥抱这份资源,开启网页开发的新篇章,让您的想法变为现实,吸引每一位访客的目光。
资源推荐
资源详情
资源评论
收起资源包目录
HTML+CSS+JS+JQ+Bootstrap的科技教育响应式网页模板.7z (58个子文件)
[web前端]&[课程设计]&[网站源码]-科技教育响应式网页模板
html
js
bootstrap.js 66KB
jquery.zoomslider.min.js 5KB
lightbox-plus-jquery.min.js 91KB
SmoothScroll.min.js 13KB
numscroller-1.0.js 4KB
easyResponsiveTabs.js 6KB
jquery.flexslider.js 40KB
modernizr-2.6.2.min.js 15KB
jquery-2.2.3.min.js 84KB
easing.js 5KB
move-top.js 1KB
owl.carousel.js 48KB
css
style.css 39KB
flexslider.css 5KB
owl.carousel.css 2KB
zoomslider.css 5KB
font-awesome.css 37KB
mislider.css 4KB
mislider-custom.css 2KB
bootstrap.css 143KB
lightbox.css 4KB
index.html 28KB
images
g3.jpg 16KB
g2.jpg 50KB
b1.jpg 183KB
p.jpg 148KB
b2.jpg 423KB
prev.png 1KB
dots.png 213B
s2.jpg 77KB
g8.jpg 10KB
6.jpg 83KB
loading.gif 8KB
t3.jpg 61KB
b3.jpg 211KB
next.png 1KB
g7.jpg 36KB
g6.jpg 20KB
t1.jpg 38KB
b4.jpg 302KB
about2.jpg 76KB
subscribe.jpg 111KB
g5.jpg 26KB
close.png 280B
t2.jpg 37KB
g4.jpg 19KB
testi.jpg 145KB
about3.jpg 71KB
top-arrow.png 3KB
g1.jpg 39KB
fonts
FontAwesome.otf 122KB
glyphicons-halflings-regular.woff 23KB
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
共 58 条
- 1
资源评论
master_chenchengg
- 粉丝: 1w+
- 资源: 2177
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 没用333333333333333333333333333333
- 基于Vue和SpringBoot的企业员工管理系统2.0版本设计源码
- 【C++初级程序设计·配套源码】第2期-基本数据类型
- 基于Java和Vue的kopsoftKANBAN车间电子看板设计源码
- 影驰战将PS3111 东芝芯片TT18G23AIN开卡成功分享,图片里面画线的选项很重要
- 【C++初级程序设计·配套源码】第1期-语法基础
- 基于JavaScript、CSS、HTML的简易DOM版飞机游戏设计源码
- 基于Java开发的日程管理FlexTime应用设计源码
- SM2258XT-BGA144-4BGA180-6L-R1019 三星KLUCG4J1CB B0B1颗粒开盘工具 , EC, 3A, 94, 43, A4, CA 七彩虹SL300这个固件有用
- GJB 5236-2004 军用软件质量度量
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功