-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
executable file
·237 lines (210 loc) · 10.8 KB
/
index.html
File metadata and controls
executable file
·237 lines (210 loc) · 10.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Drupal 8 book - Drupal 8 module development</title>
<!--pageMeta-->
<!-- Lib CSS -->
<link href="//fonts.googleapis.com/css?family=Rancho|Open+Sans:400,300,300italic,400italic,600,600italic,700,800italic,700italic,800" rel="stylesheet">
<link href="minify/rgen_min.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<!-- Favicons -->
<link rel="icon" href="images/favicons/favicon.ico">
<link rel="apple-touch-icon" href="images/favicons/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/favicons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/favicons/apple-touch-icon-114x114.png">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<!--[if IE 9 ]><script src="js/ie-matchmedia.js"></script><![endif]-->
</head>
<body>
<div id="page" data-linkscroll='y'>
<!-- intro-section -->
<section class="intro-section intro-section-30 pos-rel overflow-hidden" style="background-color: #F7F6F3;">
<!-- container -->
<div class="container pos-rel z2">
<div class="content align-c">
<h1 class="title fs34 bold-5">Drupal 8 module development</h1>
<p class="title-sub bold-2 fs20">Build and understand Drupal 8 modules.</p>
</div>
<div class="flex-row middle-md">
<!-- Book image -->
<div class="flex-col-md-6">
<img src="images/drupal8book.jpg" class="img-responsive book-img mr-auto" alt="book-image">
</div>
<!-- Form block -->
<div class="flex-col-md-5 flex-col-md-offset-1">
<div class="flex-col-md-6 align-c">
<a href="http://themeforest.net/item/rgen-landing-pages/13244840?ref=R_GENESIS" target="_blank" class="btn-line light btn-block btn btn-lg mr-b-20 btn-depth">
<span class="fs30 align-m"><i class="ti-bookmark-alt"></i></span>
Buy now for <span class="bold-5">$19.00</span>
</a>
</div><!-- /column -->
<div class="flex-col-md-6 align-c">
<a href="#sample" target="_blank" class="btn-line light btn-block btn btn-lg mr-b-20"> Get a sample
</a>
</div><!-- /column -->
</div><!-- /column -->
</div><!-- /row -->
</div><!-- /.container -->
<div class="full-wh bg-section op-008" data-bg="images/pattern1.png"></div>
</section><!-- /.intro-section -->
<!-- content-section -->
<section class="content-section content-section-common pd-tb-60" id="about">
<div class="container">
<h2 class="title mr-b-30 small align-c">What's Inside</h2>
<div class="align-c">
<h2 class="title small">Learn new tricks that help you to grow your business</h2>
<p class="title-sub">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="row gt30">
<div class="col-md-4">
<div class="info-box info-box5">
<div class="img" style="font-size: 40px;"><i class="pe-7s-ribbon"></i></div>
<div class="info">
<h2 class="hd">Lorem ipsum dolor</h2>
<p class="sub-txt">Lorem ipsum dolor sit ametconsetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="info-box info-box5">
<div class="img" style="font-size: 40px;"><i class="pe-7s-ribbon"></i></div>
<div class="info">
<h2 class="hd">Lorem ipsum dolor</h2>
<p class="sub-txt">Lorem ipsum dolor sit ametconsetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="info-box info-box5">
<div class="img" style="font-size: 40px;"><i class="pe-7s-ribbon"></i></div>
<div class="info">
<h2 class="hd">Lorem ipsum dolor</h2>
<p class="sub-txt">Lorem ipsum dolor sit ametconsetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="info-box info-box5">
<div class="img" style="font-size: 40px;"><i class="pe-7s-ribbon"></i></div>
<div class="info">
<h2 class="hd">Lorem ipsum dolor</h2>
<p class="sub-txt">Lorem ipsum dolor sit ametconsetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="info-box info-box5">
<div class="img" style="font-size: 40px;"><i class="pe-7s-ribbon"></i></div>
<div class="info">
<h2 class="hd">Lorem ipsum dolor</h2>
<p class="sub-txt">Lorem ipsum dolor sit ametconsetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="info-box info-box5">
<div class="img" style="font-size: 40px;"><i class="pe-7s-ribbon"></i></div>
<div class="info">
<h2 class="hd">Lorem ipsum dolor</h2>
<p class="sub-txt">Lorem ipsum dolor sit ametconsetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore</p>
</div>
</div>
</div>
</div><!-- /row -->
</div><!-- /container -->
</section><!-- /content-section -->
<section class="sample-section" id="sample">
<div class="container">
<div class="flex-row middle-md">
<!-- Book image -->
<div class="flex-col-md-6">
<img src="images/preview.png" class="img-responsive book-img mr-auto" alt="book-image">
</div>
<!-- Form block -->
<div class="flex-col-md-5 flex-col-md-offset-1">
<div class="form-block">
<h2 class="title bold-3 fs28">Get free sample chapters</h2>
<p class="mr-b-30">Get a peek at the content. Enter your email address and I'll send you a sample PDF containing 3 chapters from the book.</p>
<form action="form-data/notify-me.php" class="form-widget" data-formtype="newsletter" data-msgpos="normal">
<input class="form-control" data-label="Email" required data-msg="Please enter email." type="email" name="email" placeholder="Email Address">
<button type="submit" class="btn btn-primary inline-block">Get sample chapters</button>
</form><!-- / form -->
</div><!-- /form block -->
</div><!-- /column -->
</div><!-- /row -->
</div>
</section>
<!-- other-section -->
<section class="other-section other-section-common pd-tb-60" id="author">
<div class="container">
<div class="align-c">
<h2 class="title small">About the Author</h2>
<br>
<img src="images/lakshminp.jpg" class="img-responsive rd-150 mr-auto" alt="author" style="max-width: 150px;">
<br>
<p class="mr-b-30">Lakshmi Narasimhan is a full stack developer who was a systems programmer before defecting to web development. He likes to code and talk about backend(Postgres, PHP, Python), frontend(CSS, HTML, flavour of the week js framework) and everything in between(devops, Big Data, functional programming). Lakshmi has been working on PHP(mostly Drupal) for the last 6 years. He <a href="https://lakshminp.com">blogs</a> everything he learns and lives in Chennai with his wife and 2 daughters.</p>
<div class="social-links small">
<a href="https://twitter.com/lakshminp/"><i class="fa fa-twitter"></i></a>
<a href="https://www.linkedin.com/in/lakshminp"><i class="fa fa-linkedin"></i></a>
</div><!-- /Social -->
</div>
<hr class="dark mr-tb-40">
<h2 class="text-xxl mar-b-lg text-center">Frequently Asked Questions</h2>
<div class="row">
<div class="col-sm-6">
<div class="mar-b-lg">
<p class="mar-b"><strong>When is the book expected to be completed?</strong></p>
<p>Tentatively by March 2017.</p>
</div>
<div class="mar-b-lg">
<p class="mar-b"><strong>Is there a plan to have a print version?</strong></p>
<p>None as of now. If there is a demand, I'll put up dead tree editions for sale.</p>
</div>
<div class="mar-b-lg">
<p class="mar-b"><strong>Can I start using Drupal 8 now?</strong></p>
<p>Damn yes. At the time of writing major parts of the book(around 15th July 2015), we were just 12 critical issues away from a beta release. Start learning Drupal 8 today, your future self will thank you.</p>
</div>
<div class="mar-b-lg">
<p class="mar-b"><strong>I'm new to Drupal development. Can I start with this book?</strong></p>
<p>Yes. It should be digestible. You should know PHP and a thing or two about web frameworks though. I'd recommend <a href="http://masteringobjectorientedphp.com/">Mastering Object Oriented PHP</a> and <a href="https://leanpub.com/phptherightway">PHP the "right" way</a> as companion books if you are new to OO PHP and modern PHP programming practices respectively.</p>
</div>
<div class="mar-b-lg">
<p class="mar-b"><strong>Hey, where is the code accompanying this book?</strong></p>
<p>It's <a href="https://github.com/drupal8book/">here</a>. Feel free to fork it or raise any issues if you find them.</p>
</div>
</div>
<div class="col-sm-6">
<div class="mar-b-lg">
<p class="mar-b"><strong>Will this book help me in porting my Drupal 7 module to Drupal 8?</strong></p>
<p>100% Yes. Once you know your way around Drupal 8(which this book will help you with) and have a good idea of how your module works, you're all set to port.</p>
</div>
<div class="mar-b-lg">
<p class="mar-b"><strong>Is the book available in ePub or mobi formats?</strong></p>
<p class="mar-b">Right now the book is only available in PDF format. I plan to look into adding ePub and mobi editions in future. Anyone who purchases the book will receive any new formats as soon as they're ready.</p>
</div>
<div class="mar-b-lg">
<p class="mar-b"><strong>I have another question!</strong></p>
<p>I'll be happy to answer! Shoot me an email at <a href="mailto:lakshmi@lakshminp.com">lakshmi@lakshminp.com</a> and let's chat!</p>
</div>
</div>
</div>
</div><!-- /container -->
</section><!-- /other-section -->
<!-- Footer section -->
<section class="footer-section footer-section-1 pd-tb-30">
<p class="copyright"> © 2016 Lakshmi Narasimhan. All Rights Reserved.</p>
<p class="copyright">Hosted on Github Pages.</p>
</section><!-- ./Footer section -->
</div>
<!-- /#page -->
<!-- JavaScript -->
<script src="minify/rgen_min.js"></script>
<script async src="js/rgen.js"></script>
</body>
</html>