<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Influencer- Book landing template">
<meta name="keywords" content="Influencer,creative, agency, startup,onepage, clean, modern,business, company,it">
<!-- theme meta -->
<meta name="theme-name" content="influencer" />
<title>Influencer-Book Landing Template</title>
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />
<!-- bootstrap.min css -->
<link rel="stylesheet" href="plugins/bootstrap/css/bootstrap.min.css">
<!-- Animate Css -->
<link rel="stylesheet" href="plugins/animate-css/animate.css">
<!-- Themify icon Css -->
<link rel="stylesheet" href="plugins/themify/css/themify-icons.css">
<link rel="stylesheet" href="plugins/magnific-popup/magnific-popup.css">
<!-- Slick Carousel CSS -->
<link rel="stylesheet" href="plugins/slick-carousel/slick/slick.css">
<link rel="stylesheet" href="plugins/slick-carousel/slick/slick-theme.css">
<link rel="stylesheet" href="plugins/owl-carousel/owl.css">
<!-- Main Stylesheet -->
<link rel="stylesheet" href="css/style.css">
</head>
<body id="top-header">
<!-- Navigation Menu -->
<!-- NAVBAR
================================================= -->
<div class="main-navigation fixed-top site-header" id="mainmenu-area">
<nav class="navbar navbar-expand-lg ">
<div class="container align-items-center">
<a class="navbar-brand" href="index.html">
<h2 class="mb-0"><span class="text-color">Influ</span>encer</h2>
</a>
<!-- Toggler -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarmain" aria-controls="navbarmain" aria-expanded="false" aria-label="Toggle navigation">
<span class="ti-menu-alt"></span>
</button>
<!-- Collapse -->
<div class="collapse navbar-collapse text-center text-lg-left" id="navbarmain">
<!-- Links -->
<ul class="navbar-nav ml-auto">
<li class="nav-item ">
<a href="#banner" class="nav-link smoth-scroll">
Home
</a>
</li>
<li class="nav-item ">
<a href="#book" class="nav-link smoth-scroll">
About
</a>
</li>
<li class="nav-item ">
<a href="#chapter" class="nav-link smoth-scroll">
Chapters
</a>
</li>
<li class="nav-item ">
<a href="#review" class="nav-link smoth-scroll">
Reviews
</a>
</li>
<li class="nav-item ">
<a href="#author" class="nav-link smoth-scroll">
Author
</a>
</li>
<li class="nav-item ">
<a href="#blog" class="nav-link smoth-scroll">
Blog
</a>
</li>
<li class="nav-item ">
<a href="#contact" class="nav-link smoth-scroll">
Contact
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarWelcome" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Pages
</a>
<div class="dropdown-menu" aria-labelledby="navbarWelcome">
<a class="dropdown-item " href="blog.html">
Blog
</a>
<a class="dropdown-item " href="blog-single.html">
Blog Single
</a>
<a class="dropdown-item " href="checkout.html">
Purchase
</a>
<a class="dropdown-item " href="confirmation.html">
Confirmation
</a>
</div>
</li>
</ul>
<a href="checkout.html" class="btn btn-border-tp btn-small ml-3">Purchase Now</a>
</div>
</div>
</nav>
</div>
<!-- Banner -->
<section class="banner-main py-7" id="banner">
<div class="container">
<div class="row justify-content-between">
<div class="col-lg-7 col-md-8">
<div class="main-banner">
<span class="text-color font-weight-bold">George Stewart</span>
<h1 class="mb-3 mt-2">
The Man in the <br>Glass House
</h1>
<div class="mb-4">
<h4>Price :- <span class="text-color">$14.99</span></h4>
</div>
<p class="mb-4">We work with our partners to streamline project plans that don’t just deliver on product perfection, but also delivers on time.</p>
<a href="#" target="_blank" class="btn btn-main mt-2">
Purchase now <i class="ti-angle-right ml-3"></i>
</a>
</div>
</div>
<div class="col-lg-5 d-none d-lg-block">
<div class="banner-img pt-5">
<img src="images/about/book.png" alt="" class="img-fluid w-100">
</div>
</div>
</div>
</div>
</section>
<!-- Book preview -->
<section class="setcion" id="book">
<div class="container">
<div class="row">
<div class="col-lg-5">
<div class="book-preview">
<img src="images/about/kindle.png" class="background-device img-fluid" alt="">
<div class="owl-book owl-carousel owl-theme" style="opacity: 1; display: block;">
<div class="owl-wrapper-outer">
<div class="owl-wrapper" style="width: 1920px; left: 0px; display: block; transition: all 800ms ease 0s; transform: translate3d(-640px, 0px, 0px);">
<div class="owl-item" style="width: 320px;">
<div class="item">
<img src="images/about/book_page.png" alt="" class="img-fluid">
<div class="overlay">
<a href="images/about/book_page.png" class="popup-gallery img-fluid" data-title="Image Caption"><i class="ti-fullscreen"></i></a>
</div>
</div>
</div>
<div class="owl-item" style="width: 320px;">
<div class="item">
<img src="images/about/book_page2.png" alt="" class="img-fluid">
<div class="overlay">
<a href="images/about/book_page2.png" class="popup-gallery img-fluid" data-title="Image Caption"><i class="ti-fullscreen"></i></a>
</div>
</div>
</div>
<div class="owl-item" style="width: 320px;">
<div class="item">
<img src="images/about/book_page.png" alt="" class="img-fluid">
<div class="overlay">
<a href="images/about/book_page.png" class="popup-gallery img-fluid" data-title="Image Caption"><i class="ti-fullscre
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
解锁网页开发秘籍,这套源码集成了HTML的结构力量、CSS的视觉魔法、JavaScript的交互智慧、jQuery的效率工具箱及Bootstrap的响应式盔甲。从基础搭建到动态交互,一步到位。 HTML筑基,强化网页骨络; CSS妆点,让设计灵动多彩; JavaScript驱动,实现页面互动; jQuery加持,简化操作,加速开发; Bootstrap响应,适配多端,无缝浏览。 无论你是编程新手还是高手,这份资源都能带你深入前端世界的核心,实践中学以致用,创造既美观又强大的网页作品。立刻行动,激发你的前端创造力!
资源推荐
资源详情
资源评论
收起资源包目录
HTML+CSS+JS+JQ+Bootstrap的电子书在线推荐展示网页模板.7z (67个子文件)
[web前端]&[课程设计]&[网站源码]-电子书在线推荐展示网页模板
html
plugins
themify
css
themify-icons.css 16KB
fonts
themify.svg 229KB
themify.woff 55KB
themify.eot 77KB
themify.ttf 77KB
owl-carousel
owl-carousel.js 52KB
owl.css 1KB
bootstrap
js
bootstrap.js 129KB
bootstrap.min.js 57KB
popper.min.js 20KB
css
bootstrap.min.css 152KB
magnific-popup
jquery.magnific-popup.js 41KB
jquery.magnific-popup.min.js 20KB
magnific-popup.css 7KB
slick-carousel
slick
slick-theme.less 4KB
config.rb 161B
slick.less 2KB
slick-theme.scss 5KB
slick.css 2KB
slick.min.js 43KB
ajax-loader.gif 4KB
slick.js 87KB
slick-theme.css 3KB
slick.scss 2KB
fonts
slick.ttf 2KB
slick.eot 2KB
slick.svg 2KB
slick.woff 1KB
animate-css
animate.css 67KB
jquery
jquery.min.js 85KB
js
theme.js 3KB
blog-single.html 18KB
css
style.css 14KB
style.css.map 42KB
index.html 30KB
images
about
award-1.png 91KB
award-4.png 97KB
b-3.jpg 71KB
b-1.jpg 83KB
b-4.jpg 66KB
award-3.png 200KB
b-2.jpg 71KB
home-1.jpg 94KB
award-2.png 29KB
book.png 196KB
ipad.jpg 164KB
kindle.png 1009KB
book_page.png 134KB
cards-3.png 10KB
2.png 3KB
book_page2.png 327KB
client
test-2.jpg 6KB
test-1.jpg 12KB
client-4.png 7KB
client-2.png 9KB
client-1.png 11KB
client-3.png 7KB
blog
test-2.jpg 6KB
blog-author.jpg 12KB
test-1.jpg 12KB
blog-1.jpg 124KB
bt-3.jpg 2KB
bt-2.jpg 2KB
blog3.jpg 14KB
blog2.jpg 15KB
blog1.jpg 15KB
bt-1.jpg 3KB
共 67 条
- 1
资源评论
master_chenchengg
- 粉丝: 1w+
- 资源: 2177
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- springboot项目基于大数据的心脏病患者数据分析.zip
- springboot项目基于协同过滤算法的黔醉酒业白酒销售系统_pv.zip
- springboot项目基于协同过滤算法商品推荐系统.zip
- springboot项目基于协同过滤算法的东北特产销售系统的实现.zip
- springboot项目家教管理系统.zip
- springboot项目驾校预约学习系统.zip
- springboot项目集团门户网站.zip
- springboot项目教师薪酬管理系统.zip
- springboot项目教学资源共享平台.zip
- springboot项目教学辅助系统.zip
- pcie接口中文资料PDF
- springboot项目考务报名平台论.zip
- springboot项目考勤管理系统代码.zip
- MATLAB代码:基于两阶段鲁棒优化算法的微网电源容量优化配置 关键词:容量优化配置 微网 两阶段鲁棒规划 仿真平台:MATLAB YALMIP+CPLEX 主要内容:代码主要做的是一个微网中电源
- T_EERT 024-2022 恶臭处理装置运行维护规范.docx
- TCMATB 1001-2019 中国黑猪肉.docx
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功