<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- The above 4 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<!-- Title -->
<title>Crose - Modern Church Template | Home</title>
<!-- Favicon -->
<link rel="icon" href="img/core-img/favicon.ico">
<!-- Core Stylesheet -->
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- ##### Preloader ##### -->
<div class="preloader d-flex align-items-center justify-content-center">
<!-- Line -->
<div class="line-preloader"></div>
</div>
<!-- ##### Header Area Start ##### -->
<header class="header-area">
<!-- ***** Top Header Area ***** -->
<div class="top-header">
<div class="container">
<div class="row">
<div class="col-12">
<div class="top-header-content d-flex flex-wrap align-items-center justify-content-between">
<!-- Top Header Meta -->
<div class="top-header-meta d-flex flex-wrap">
<a href="#" class="open" data-toggle="tooltip" data-placement="bottom" title="10 Am to 6 PM"><i class="fa fa-clock-o" aria-hidden="true"></i> <span>Opening Hours - 10 Am to 6 PM</span></a>
<!-- Social Info -->
<div class="top-social-info">
<a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
</div>
</div>
<!-- Top Header Meta -->
<div class="top-header-meta">
<a href="mailto:info.deercreative@gmail.com" class="email-address"><i class="fa fa-envelope" aria-hidden="true"></i> <span>info.deercreative@gmail.com</span></a>
<a href="#" class="phone"><i class="fa fa-phone" aria-hidden="true"></i> <span>+12 345 678 910</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ***** Top Header Area ***** -->
<!-- ***** Navbar Area ***** -->
<div class="crose-main-menu">
<div class="classy-nav-container breakpoint-off">
<div class="container">
<!-- Menu -->
<nav class="classy-navbar justify-content-between" id="croseNav">
<!-- Nav brand -->
<a href="index.html" class="nav-brand"><img src="img/core-img/logo.png" alt=""></a>
<!-- Navbar Toggler -->
<div class="classy-navbar-toggler">
<span class="navbarToggler"><span></span><span></span><span></span></span>
</div>
<!-- Menu -->
<div class="classy-menu">
<!-- close btn -->
<div class="classycloseIcon">
<div class="cross-wrap"><span class="top"></span><span class="bottom"></span></div>
</div>
<!-- Nav Start -->
<div class="classynav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#">Pages</a>
<ul class="dropdown">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="sermons.html">Sermons</a></li>
<li><a href="sermons-details.html">Sermons Details</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="single-post.html">Blog Details</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</li>
<li><a href="#">Megamenu</a>
<div class="megamenu">
<ul class="single-mega cn-col-4">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="sermons.html">Sermons</a></li>
<li><a href="sermons-details.html">Sermons Details</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="single-post.html">Blog Details</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<ul class="single-mega cn-col-4">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="sermons.html">Sermons</a></li>
<li><a href="sermons-details.html">Sermons Details</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="single-post.html">Blog Details</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<ul class="single-mega cn-col-4">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="sermons.html">Sermons</a></li>
<li><a href="sermons-details.html">Sermons Details</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="single-post.html">Blog Details</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<ul class="single-mega cn-col-4">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
没有合适的资源?快使用搜索试试~ 我知道了~
HTML+CSS+JS+JQ+Bootstrap的教堂动态日志展示响应式网站.7z
共105个文件
jpg:36个
scssc:25个
html:8个
需积分: 5 0 下载量 13 浏览量
2024-07-29
11:37:00
上传
评论
收藏 3.36MB 7Z 举报
温馨提示
实践案例:这些代码通常提供实际网站构建的示例,包括布局、交互和动态效果,有助于理解理论知识在现实项目中的应用。 技术栈覆盖:包含HTML5、CSS3和现代JavaScript(如ES6+),紧跟Web开发趋势,帮助学习者掌握最新技术。 清晰的结构:良好的代码组织和注释,便于初学者理解代码逻辑和功能实现。 模块化设计:代码可能采用模块化方式编写,使得部分功能可以轻松地被提取或替换,适合个性化定制。 跨浏览器兼容:确保网站在不同浏览器中表现一致,提高用户体验。 响应式布局:适应各种设备屏幕尺寸,从桌面到移动设备,提供无缝的视觉体验。 加载速度:优化图像和脚本,减少HTTP请求,提升页面加载速度。 代码压缩:使用Gzip等方法压缩文件大小,加快数据传输。 用户交互:利用JavaScript创建动态表单验证、下拉菜单等,增强用户参与度。 动画效果:通过CSS3或JavaScript实现平滑过渡和动画,增加视觉吸引力。
资源推荐
资源详情
资源评论
收起资源包目录
HTML+CSS+JS+JQ+Bootstrap的教堂动态日志展示响应式网站.7z (105个子文件)
bootstrap.min.css 138KB
style.css 61KB
animate.css 56KB
font-awesome.min.css 30KB
classy-nav.css 22KB
magnific-popup.css 5KB
owl.carousel.min.css 3KB
fontawesome-webfont.eot 162KB
classy.eot 1KB
index.html 49KB
single-post.html 34KB
sermons.html 33KB
blog.html 32KB
sermons-details.html 32KB
events.html 30KB
about.html 27KB
contact.html 22KB
favicon.ico 639B
6.jpg 444KB
1.jpg 233KB
15.jpg 145KB
21.jpg 121KB
16.jpg 119KB
14.jpg 115KB
27.jpg 107KB
2.jpg 96KB
31.jpg 89KB
20.jpg 89KB
19.jpg 73KB
13.jpg 65KB
18.jpg 63KB
3.jpg 62KB
4.jpg 56KB
5.jpg 51KB
22.jpg 50KB
9.jpg 48KB
11.jpg 46KB
25.jpg 45KB
17.jpg 43KB
32.jpg 41KB
8.jpg 40KB
10.jpg 38KB
26.jpg 33KB
24.jpg 33KB
12.jpg 25KB
7.jpg 19KB
23.jpg 15KB
35.jpg 11KB
36.jpg 10KB
33.jpg 10KB
34.jpg 9KB
28.jpg 4KB
30.jpg 4KB
29.jpg 4KB
plugins.js 157KB
jquery-2.2.4.min.js 84KB
bootstrap.min.js 50KB
popper.min.js 20KB
active.js 3KB
style.css.map 32KB
FontAwesome.otf 132KB
why3.png 5KB
why1.png 4KB
why2.png 4KB
logo2.png 1KB
logo.png 1KB
zoom.png 1KB
search.png 339B
style.scss 54KB
_mixin.scss 1KB
_theme_color.scss 477B
_responsive.scss 432B
_fonts.scss 98B
style.scssc 495KB
style.scssc 488KB
style.scssc 432KB
style.scssc 353KB
style.scssc 316KB
_mixin.scssc 13KB
_mixin.scssc 13KB
_mixin.scssc 13KB
_mixin.scssc 13KB
_mixin.scssc 11KB
_theme_color.scssc 4KB
_theme_color.scssc 4KB
_theme_color.scssc 4KB
_theme_color.scssc 4KB
_theme_color.scssc 4KB
_responsive.scssc 2KB
_responsive.scssc 2KB
_responsive.scssc 2KB
_responsive.scssc 2KB
_responsive.scssc 2KB
_fonts.scssc 2KB
_fonts.scssc 2KB
_fonts.scssc 2KB
_variables.scssc 1KB
_variables.scssc 1KB
fontawesome-webfont.svg 434KB
classy.svg 785B
共 105 条
- 1
- 2
资源评论
master_chenchengg
- 粉丝: 1w+
- 资源: 2177
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 【岗位说明】总经理工作岗位职责说明书.doc
- 【岗位说明】综合行政部岗位职责.doc
- 【岗位说明】总部人力资源职位说明书(中高层).doc
- 【岗位说明】总经理秘书岗位职责.doc
- 【岗位说明】总经理助理.doc
- 【岗位说明】总经理秘书.doc
- 【岗位说明】总经理助理职务说明书.doc
- 【岗位说明】部门能说明书(行政部).docx
- 【岗位说明】出纳岗位职责.docx
- 【岗位说明】复核员岗位职责说明书.docx
- 【岗位说明】行政部各岗位职责.docx
- 【岗位说明】行政前台岗位职责说明书.docx
- 【岗位说明】行政人事部职责.docx
- 【岗位说明】行政人事部岗位职责.docx
- 【岗位说明】行政部职能说明书.docx
- 【岗位说明】行政内勤岗位职责及任职要求.docx
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功