<!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>Original - Lifestyle Blog Template</title>
<!-- Favicon -->
<link rel="icon" href="img/core-img/favicon.ico">
<!-- Style CSS -->
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- Preloader -->
<div id="preloader">
<div class="preload-content">
<div id="original-load"></div>
</div>
</div>
<!-- Subscribe Modal -->
<div class="subscribe-newsletter-area">
<div class="modal fade" id="subsModal" tabindex="-1" role="dialog" aria-labelledby="subsModal" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<div class="modal-body">
<h5 class="title">Subscribe to my newsletter</h5>
<form action="#" class="newsletterForm" method="post">
<input type="email" name="email" id="subscribesForm2" placeholder="Your e-mail here">
<button type="submit" class="btn original-btn">Subscribe</button>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- ##### Header Area Start ##### -->
<header class="header-area">
<!-- Top Header Area -->
<div class="top-header">
<div class="container h-100">
<div class="row h-100 align-items-center">
<!-- Breaking News Area -->
<div class="col-12 col-sm-8">
<div class="breaking-news-area">
<div id="breakingNewsTicker" class="ticker">
<ul>
<li><a href="#">Hello World!</a></li>
<li><a href="#">Hello Universe!</a></li>
<li><a href="#">Hello Original!</a></li>
<li><a href="#">Hello Earth!</a></li>
<li><a href="#">Hello Colorlib!</a></li>
</ul>
</div>
</div>
</div>
<!-- Top Social Area -->
<div class="col-12 col-sm-4">
<div class="top-social-area">
<a href="#" data-toggle="tooltip" data-placement="bottom" title="Pinterest"><i class="fa fa-pinterest" aria-hidden="true"></i></a>
<a href="#" data-toggle="tooltip" data-placement="bottom" title="Facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="#" data-toggle="tooltip" data-placement="bottom" title="Twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="#" data-toggle="tooltip" data-placement="bottom" title="Dribbble"><i class="fa fa-dribbble" aria-hidden="true"></i></a>
<a href="#" data-toggle="tooltip" data-placement="bottom" title="Behance"><i class="fa fa-behance" aria-hidden="true"></i></a>
<a href="#" data-toggle="tooltip" data-placement="bottom" title="Linkedin"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- Logo Area -->
<div class="logo-area text-center">
<div class="container h-100">
<div class="row h-100 align-items-center">
<div class="col-12">
<a href="index.html" class="original-logo"><img src="img/core-img/logo.png" alt=""></a>
</div>
</div>
</div>
</div>
<!-- Nav Area -->
<div class="original-nav-area" id="stickyNav">
<div class="classy-nav-container breakpoint-off">
<div class="container">
<!-- Classy Menu -->
<nav class="classy-navbar justify-content-between">
<!-- Subscribe btn -->
<div class="subscribe-btn">
<a href="#" class="btn subscribe-btn" data-toggle="modal" data-target="#subsModal">Subscribe</a>
</div>
<!-- Navbar Toggler -->
<div class="classy-navbar-toggler">
<span class="navbarToggler"><span></span><span></span><span></span></span>
</div>
<!-- Menu -->
<div class="classy-menu" id="originalNav">
<!-- 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-us.html">About Us</a></li>
<li><a href="single-post.html">Single Post</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="coming-soon.html">Coming Soon</a></li>
</ul>
</li>
<li><a href="#">Catagory</a>
<ul class="dropdown">
<li><a href="#">Catagory 1</a></li>
<li><a href="#">Catagory 1</a></li>
<li><a href="#">Catagory 1</a>
<ul class="dropdown">
<li><a href="#">Catagory 2</a></li>
<li><a href="#">Catagory 2</a></li>
<li><a href="#">Catagory 2</a>
<ul class="dropdown">
<li><a href="#">Catagory 3</a></li>
<li><a href="#">Catagory 3</a></li>
<li><a href="#">Catagory 3</a></li>
<li><a href="#">Catagory 3</a></li>
<li><a href="#">Catagory 3</a></li>
</ul>
</li>
没有合适的资源?快使用搜索试试~ 我知道了~
基于HTML+CSS+JS开发的网站-时尚生活日志响应式网站.7z
共77个文件
jpg:20个
png:9个
css:7个
需积分: 5 0 下载量 111 浏览量
2024-06-28
18:38:09
上传
评论
收藏 3.76MB 7Z 举报
温馨提示
大学生们,想让你的个人项目或作品集脱颖而出吗?这份超实用的网站源码合集,专为追求技术深度与创意边界的你定制! 从零到一,快速构建:结合HTML的坚实基础与CSS的视觉魔法,轻松设计出吸引眼球的网页界面。无论是扁平风还是 Material Design,随心所欲展现你的设计才华。 JavaScript实战演练:掌握web开发的“瑞士军刀”,实现炫酷的动态效果和用户交互。从基础语法到高级应用,每行代码都是你技术成长的足迹。 jQuery加速开发流程:用最简洁的代码实现复杂的操作,jQuery让你事半功倍。提升开发效率,把更多时间留给创意实现。 Bootstrap响应式布局:一码在手,多端无忧。学会Bootstrap,让你的作品在任何设备上都表现完美,无缝对接移动互联网时代。 实战经验,助力求职加薪:拥有这份源码宝典,不仅意味着技术的全面升级,更是简历上的亮点,让面试官眼前一亮,为实习、工作加分! 别等了,现在就开始你的前端探索之旅,用代码塑造未来,让梦想触网可及!
资源推荐
资源详情
资源评论
收起资源包目录
基于HTML+CSS+JS开发的网站-时尚生活日志响应式网站.7z (77个子文件)
【web课设】时尚生活日志响应式网站-HTML源码
html
style.css 43KB
coming-soon.html 16KB
single-post.html 37KB
style.css.map 24KB
js
map-active.js 1KB
bootstrap.min.js 48KB
popper.min.js 19KB
active.js 4KB
jquery
jquery-2.2.4.min.js 84KB
plugins.js 99KB
.sass-cache
93baba3d74e776347d5d8cca18d25fb34da585bc
_theme_color.scssc 2KB
_variables.scssc 2KB
_responsive.scssc 2KB
_mixin.scssc 15KB
_fonts.scssc 2KB
style.scssc 377KB
img
blog-img
2.jpg 41KB
lp4.jpg 4KB
lp3.jpg 4KB
6.jpg 168KB
1.jpg 151KB
lp2.jpg 6KB
5.jpg 102KB
3.jpg 108KB
7.jpg 65KB
4.jpg 152KB
lp1.jpg 6KB
instagram-img
3.png 32KB
1.png 30KB
6.png 50KB
5.png 29KB
4.png 47KB
7.png 53KB
2.png 25KB
bg-img
b1.jpg 334KB
b8.jpg 24KB
b2.jpg 406KB
add.gif 188KB
b6.jpg 40KB
b7.jpg 21KB
b3.jpg 107KB
b5.jpg 159KB
b4.jpg 295KB
b9.jpg 348KB
core-img
logo.png 1KB
logo2.png 7KB
favicon.ico 2KB
css
bootstrap.min.css 141KB
classy-nav.css 24KB
owl.carousel.css 5KB
animate.css 47KB
font-awesome.min.css 30KB
about-us.html 29KB
scss
_theme_color.scss 186B
_responsive.scss 432B
_fonts.scss 123B
_mixin.scss 2KB
style.scss 40KB
index.html 40KB
contact.html 24KB
fonts
helvetica_neu_bold-webfont.woff 23KB
FontAwesome.otf 132KB
helvetica_neu_bold-webfont.ttf 40KB
fontawesome-webfont.eot 162KB
icomoon.woff 1KB
icomoon.svg 781B
helveticaneue_medium-webfont.ttf 40KB
fontawesome-webfont.woff 96KB
fontawesome-webfont.woff2 75KB
helvetica_neu_bold-webfont.woff2 18KB
icomoon.eot 1KB
stylesheet.css 0B
fontawesome-webfont.svg 434KB
fontawesome-webfont.ttf 162KB
helveticaneue_medium-webfont.woff 23KB
icomoon.ttf 1KB
helveticaneue_medium-webfont.woff2 17KB
共 77 条
- 1
资源评论
master_chenchengg
- 粉丝: 1w+
- 资源: 2157
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- JAVA基于SSM的java智能制造系统源码数据库 MySQL源码类型 WebForm
- matlab求解热传导实例 matlab求解热传导问题的几个例子.pdf
- 数字人软件安装包.apk
- 偏微分方程数值解法的MATLAB源码 一阶双曲型方程数值解法及其MATLAB实现.docx
- 基于MATLAB一维热传导方程的模拟程序.docx
- 基于matlab的一维偏微分方程的pdepe函数解法 MATLAB环境中利用pdepe函数求解一维偏微分方程的技术.docx
- JAVA的Springboot+vue在线考试系统源码数据库 MySQL源码类型 WebForm
- 机器学习2.ipynb
- 传热学大作业-利用matlab程序解决热传导问题 传热学MATLAB数值模拟-热传导问题与高斯-赛德尔迭代法.docx
- PDE求三维的数值 热传导方程.docx
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功