<!DOCTYPE html>
<html lang="en">
<head>
<title>DevBook - Bootstrap 5 Book/eBook Landing Page Template For Developers</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="Xiaoying Riley at 3rd Wave Media">
<link rel="shortcut icon" href="favicon.ico">
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css?family=Quicksand:700|Roboto:400,400i,700&display=swap" rel="stylesheet">
<!-- FontAwesome JS-->
<script defer src="assets/fontawesome/js/all.min.js"></script>
<!-- Theme CSS -->
<link id="theme-style" rel="stylesheet" href="assets/css/theme.css">
</head>
<body>
<header class="header">
<div class="branding">
<div class="container-fluid position-relative py-3">
<div class="logo-wrapper">
<div class="site-logo"><a class="navbar-brand" href="index.html"><img class="logo-icon me-2" src="assets/images/site-logo.svg" alt="logo" ><span class="logo-text">DevBook</span></a></div>
</div><!--//docs-logo-wrapper-->
</div><!--//container-->
</div><!--//branding-->
</header><!--//header-->
<section class="hero-section">
<div class="container">
<div class="row">
<div class="col-12 col-md-7 pt-5 mb-5 align-self-center">
<div class="promo pe-md-3 pe-lg-5">
<h1 class="headline mb-3">
Free Book & eBook <br>Landing Page Template
</h1><!--//headline-->
<div class="subheadline mb-4">
A free Bootstrap 5 template for developers and programmers who want to self-publish books. Download now and start selling your book right away!
</div><!--//subheading-->
<div class="cta-holder row gx-md-3 gy-3 gy-md-0">
<div class="col-12 col-md-auto">
<a class="btn btn-primary w-100" href="http://www.mobanwang.com">Buy for $29</a>
</div>
<div class="col-12 col-md-auto">
<a class="btn btn-secondary scrollto w-100" href="#benefits-section">Learn More</a>
</div>
</div><!--//cta-holder-->
<div class="hero-quotes mt-5">
<div id="quotes-carousel" class="quotes-carousel carousel slide carousel-fade mb-5" data-bs-ride="carousel" data-bs-interval="8000">
<ol class="carousel-indicators">
<li data-bs-target="#quotes-carousel" data-bs-slide-to="0" class="active"></li>
<li data-bs-target="#quotes-carousel" data-bs-slide-to="1"></li>
<li data-bs-target="#quotes-carousel" data-bs-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<blockquote class="quote p-4 theme-bg-light">
"Excellent Book! Add your book reviews here consectetur adipiscing elit. Aliquam euismod nunc porta urna facilisis tempor. Praesent mauris neque, viverra quis erat vitae, auctor imperdiet nisi."
</blockquote><!--//item-->
<div class="source row gx-md-3 gy-3 gy-md-0 align-items-center">
<div class="col-12 col-md-auto text-center text-md-start">
<img class="source-profile" src="assets/images/profiles/profile-1.png" alt="image" >
</div><!--//col-->
<div class="col source-info text-center text-md-start">
<div class="source-name">James Doe</div>
<div class="soure-title">Co-Founder, Startup Week</div>
</div><!--//col-->
</div><!--//source-->
</div><!--//carousel-item-->
<div class="carousel-item">
<blockquote class="quote p-4 theme-bg-light">
"Highly recommended consectetur adipiscing elit. Proin et auctor dolor, sed venenatis massa. Vestibulum ullamcorper lobortis nisi non placerat praesent mauris neque"
</blockquote><!--//item-->
<div class="source row gx-md-3 gy-3 gy-md-0 align-items-center">
<div class="col-12 col-md-auto text-center text-md-start">
<img class="source-profile" src="assets/images/profiles/profile-2.png" alt="image" >
</div><!--//col-->
<div class="col source-info text-center text-md-start">
<div class="source-name">Jean Doe</div>
<div class="soure-title">Co-Founder, Startup Week</div>
</div><!--//col-->
</div><!--//source-->
</div><!--//carousel-item-->
<div class="carousel-item">
<blockquote class="quote p-4 theme-bg-light">
"Awesome! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam euismod nunc porta urna facilisis tempor. Praesent mauris neque, viverra quis erat vitae."
</blockquote><!--//item-->
<div class="source row gx-md-3 gy-3 gy-md-0 align-items-center">
<div class="col-12 col-md-auto text-center text-md-start">
<img class="source-profile" src="assets/images/profiles/profile-3.png" alt="image" >
</div><!--//col-->
<div class="col source-info text-center text-md-start">
<div class="source-name">Andy Doe</div>
<div class="soure-title">Frontend Developer, Company Lorem</div>
</div><!--//col-->
</div><!--//source-->
</div><!--//carousel-item-->
</div><!--//carousel-inner-->
</div><!--//quotes-carousel-->
</div><!--//hero-quotes-->
</div><!--//promo-->
</div><!--col-->
<div class="col-12 col-md-5 mb-5 align-self-center">
<div class="book-cover-holder">
<img class="img-fluid book-cover" src="assets/images/devbook-cover.png" alt="book cover" >
<div class="book-badge d-inline-block shadow">
New<br>Release
</div>
</div><!--//book-cover-holder-->
<div class="text-center"><a class="theme-link scrollto" href="#reviews-section">See all book reviews</a></div>
</div><!--col-->
</div><!--//row-->
</div><!--//container-->
</section><!--//hero-section-->
<section id="benefits-section" class="benefits-section theme-bg-light-gradient py-5">
<div class="container py-5">
<h2 class="section-heading text-center mb-3">What Will You Get From This Book?</h2>
<div class="section-intro single-col-max mx-auto text-center mb-5">Section intro goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer blandit consequat consequat. Orci varius natoque penatibus et magnis. </div>
<div class="row text-center">
<div class="item col-12 col-md-6 col-lg-4">
<div class="item-inner p-3 p-lg-4">
<div class="item-header mb-3">
<div class="item-icon"><i class="fas fa-laptop-code"></i></div>
<h3 class="item-heading">Build Lorem Ipsum lobortis nec mauris habitant morbi</h3>
</div><!--//item-heading-->
<div class="item-desc">
List one of your book's benefits here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer blandit consequat consequat.
</div><!--//item-desc-->
</div><!--//item-inner-->
</div><!--//item-->
<div class="item col-12 col-md-6 col-lg-4">
<div class="item-inner p-3 p-lg-4">
<div class="item-header mb-3">
<div class="item-icon"><i class="fab fa-js-square"></i>
在线电子书发行网页模板-适配移动端设备-HTML网页源码.zip
版权申诉
169 浏览量
2024-04-02
09:27:01
上传
评论
收藏 8.57MB ZIP 举报
在线电子书发行网页模板-适配移动端设备-HTML网页源码.zip （2000个子文件） 
config.codekit3 76KB bootstrap.css 232KB bootstrap.rtl.css 232KB theme.css 200KB bootstrap.rtl.min.css 189KB bootstrap.min.css 189KB all.css 135KB fontawesome.css 110KB all.min.css 98KB fontawesome.min.css 79KB bootstrap-utilities.css 73KB bootstrap-utilities.rtl.css 73KB bootstrap-grid.rtl.css 71KB bootstrap-grid.css 71KB bootstrap-utilities.min.css 55KB bootstrap-utilities.rtl.min.css 55KB bootstrap-grid.rtl.min.css 52KB bootstrap-grid.min.css 52KB v4-shims.css 40KB v4-shims.min.css 26KB brands.css 22KB svg-with-js.css 21KB brands.min.css 17KB svg-with-js.min.css 16KB bootstrap-reboot.css 8KB bootstrap-reboot.rtl.css 8KB bootstrap-reboot.rtl.min.css 7KB bootstrap-reboot.min.css 7KB v4-font-face.css 2KB v4-font-face.min.css 2KB v5-font-face.css 871B v5-font-face.min.css 794B regular.css 619B solid.css 611B regular.min.css 566B solid.min.css 558B
index.html 24KB all.js 1.73MB all.min.js 1.65MB solid.js 1.03MB solid.min.js 1.02MB brands.js 460KB brands.min.js 451KB bootstrap.bundle.js 203KB regular.js 147KB regular.min.js 142KB bootstrap.js 142KB bootstrap.esm.js 132KB fontawesome.js 109KB bootstrap.bundle.min.js 78KB bootstrap.esm.min.js 72KB bootstrap.min.js 59KB fontawesome.min.js 53KB conflict-detection.js 36KB v4-shims.js 30KB v4-shims.min.js 26KB popper.min.js 19KB conflict-detection.min.js 15KB smoothscroll.min.js 4KB main.js 602B icons.json 4.35MB shims.json 40KB bootstrap.rtl.min.css.map 748KB bootstrap.css.map 593KB bootstrap.rtl.css.map 593KB bootstrap.min.css.map 509KB bootstrap.bundle.js.map 439KB bootstrap.bundle.min.js.map 321KB bootstrap.js.map 301KB bootstrap.esm.js.map 300KB bootstrap.esm.min.js.map 213KB bootstrap-grid.rtl.css.map 209KB bootstrap-grid.css.map 209KB bootstrap.min.js.map 209KB bootstrap-utilities.css.map 194KB bootstrap-utilities.rtl.css.map 194KB bootstrap-grid.rtl.min.css.map 131KB bootstrap-grid.min.css.map 131KB bootstrap-utilities.min.css.map 114KB bootstrap-utilities.rtl.min.css.map 114KB bootstrap-reboot.rtl.css.map 109KB bootstrap-reboot.css.map 109KB bootstrap-reboot.rtl.min.css.map 48KB bootstrap-reboot.min.css.map 40KB
devbook-cover.png 442KB devbook-devices.png 204KB profile-4.png 84KB profile-2.png 79KB profile-3.png 66KB author-profile.png 65KB profile-5.png 53KB profile-1.png 50KB _variables.scss 67KB _utilities.scss 14KB _reboot.scss 12KB _functions.scss 10KB _rfs.scss 10KB _navbar.scss 9KB _dropdown.scss 8KB _modal.scss 8KB共 2000 条
- 1
- 2
- 3
- 4
- 5
- 6
- 20
资源评论
DTcode7
- 粉丝: 7077
- 资源: 4493
最新资源
- html实现儿童节庆祝项目源码
- Typora-1.3.8（含激活文件）
- Python爬取百度贴吧数据.zip
- Python爬取大众点评数据.zip
- 计算机视觉（CV）open CV 人脸识别程序.docx
- python 端午节游戏，选择三个传统的端午节活动之一:包粽子、赛龙舟或挂艾草 根据玩家的选择,游戏会描述相应的情节,并在完成后
- C语言各版块实验题库、实验汇报以及实验教学案例资源
- 数据库连接（MySQL与VS2022）_vs2022 mysql-CSDN博客 (2024_6_1 19_11_34).html
- Flappy bird小游戏
- 数电实验五：555单稳态触发电路、555单稳态触发电路、555构成的施密特触发器
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
