2016-09-11 11:00:49 +00:00
< section id = "newsletter" class = "hero is-primary" >
< div class = "hero-body" >
< div class = "container" >
<!-- Begin MailChimp Signup Form -->
< div id = "mc_embed_signup" class = "columns is-vcentered" >
< div class = "column is-one-third is-left" >
< p class = "title" > Bulma < strong > Newsletter< / strong > < / p >
< p class = "subtitle" > Get notified when v1 is ready!< / p >
< / div >
< div class = "column" >
< form action = "https://bbxdesign.us3.list-manage.com/subscribe/post?u=b43b93fe633f0560b2a72a69c&id=52585e8803" method = "post" id = "mc-embedded-subscribe-form" name = "mc-embedded-subscribe-form" class = "validate" target = "_blank" novalidate >
< div id = "mc_embed_signup_scroll" >
< div class = "control is-grouped" >
< div class = "control has-icon is-expanded" >
< input type = "email" value = "" name = "EMAIL" class = "input is-flat required email" id = "mce-EMAIL" placeholder = "email address" required >
2017-01-04 13:30:52 +00:00
< span class = "icon is-small" >
< i class = "fa fa-envelope" > < / i >
< / span >
2016-09-11 11:00:49 +00:00
< / div >
< div class = "control" >
< input type = "submit" value = "Subscribe" name = "subscribe" id = "mc-embedded-subscribe" class = "button is-white is-outlined" >
< / div >
< / div >
< div id = "mce-responses" >
< div class = "notification is-danger response" id = "mce-error-response" style = "display:none" > < / div >
< div class = "notification is-success response" id = "mce-success-response" style = "display:none" > < / div >
< / div >
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups -->
< div style = "position: absolute; left: -5000px;" aria-hidden = "true" >
< input type = "text" name = "b_b43b93fe633f0560b2a72a69c_52585e8803" tabindex = "-1" value = "" >
< / div >
< / div >
< / form >
< / div >
< / div >
<!-- End mc_embed_signup -->
< / div >
< / div >
< / section >
< footer class = "footer" >
< div class = "container" >
< div class = "content has-text-centered" >
< p >
< strong xmlns:dct = "http://purl.org/dc/terms/" href = "http://purl.org/dc/dcmitype/Text" property = "dct:title" rel = "dct:type" > Bulma< / strong > by < a xmlns:cc = "http://creativecommons.org/ns#" href = "http://jgthms.com" property = "cc:attributionName" rel = "cc:attributionURL" > Jeremy Thomas< / a > . The source code is licensed < a href = "http://opensource.org/licenses/mit-license.php" > MIT< / a > . The website content is licensed < a rel = "license" href = "http://creativecommons.org/licenses/by-nc-sa/4.0/" > CC BY-NC-SA 4.0< / a > .
< / p >
< div id = "social" >
< iframe class = "github-btn" src = "https://ghbtns.com/github-btn.html?user=jgthms&repo=bulma&type=star&count=true" allowtransparency = "true" frameborder = "0" scrolling = "0" width = "105px" height = "20px" > < / iframe >
< a href = "https://twitter.com/jgthms" class = "twitter-follow-button" data-show-count = "true" data-lang = "en" > @jgthms< / a >
< a href = "https://twitter.com/share" class = "twitter-share-button" data-text = "{{ site.title }}" data-url = "{{ site.url }}" data-count = "horizontal" data-via = "jgthms" data-related = "jgthms:Creator of Bulma" > Tweet< / a >
< / div >
< p >
Want to learn how to < strong > create a website< / strong > ?
< br >
Read < a href = "http://marksheet.io" > MarkSheet: a free HTML & CSS tutorial< / a > .
< / p >
< p >
Want to make a < strong > donation< / strong > ?
< / p >
< form action = "https://www.paypal.com/cgi-bin/webscr" method = "post" target = "_top" >
< input type = "hidden" name = "cmd" value = "_s-xclick" >
< input type = "hidden" name = "hosted_button_id" value = "8WMKYSRFN6A78" >
< input type = "image" src = "https://www.paypalobjects.com/en_US/GB/i/btn/btn_donateCC_LG.gif" border = "0" name = "submit" alt = "PayPal – The safer, easier way to pay online." >
< img alt = "" border = "0" src = "https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width = "1" height = "1" >
< / form >
< / div >
< / div >
< / footer >
{% if page.route == 'index' %}
< style type = "text/css" >
.title.is-2 {
position: relative;
}
.title.is-2 a {
2016-09-24 11:41:10 +00:00
color: #242424;
2017-01-04 13:39:10 +00:00
padding-left: 48px;
2016-09-24 17:56:26 +00:00
position: relative;
2016-09-11 11:00:49 +00:00
}
.title.is-2 a:hover {
2016-09-25 16:44:01 +00:00
color: #00d1b2;
2016-09-11 11:00:49 +00:00
}
2017-01-04 13:39:10 +00:00
.title.is-2 .icon.is-medium {
left: 8px;
2016-09-11 11:00:49 +00:00
position: absolute;
2017-01-04 13:39:10 +00:00
top: 10px;
2016-09-11 11:00:49 +00:00
}
.hero .title.is-2 a {
color: white;
}
.hero .title.is-2 a:hover {
color: white;
}
2016-09-22 22:14:18 +00:00
2016-09-24 11:41:10 +00:00
.hero.is-primary a.column,
.hero.is-primary a.column:hover {
color: white;
}
.hero.is-primary a.column:hover .title strong {
2016-09-23 21:08:03 +00:00
border-bottom: 1px solid;
}
2016-09-22 22:14:18 +00:00
@media screen and (max-width: 979px) {
.title.is-2 a {
padding-left: 0;
}
2017-01-15 21:44:25 +00:00
.title.is-2 .icon.is-medium {
2016-09-22 22:14:18 +00:00
display: none;
}
}
2016-09-11 11:00:49 +00:00
< / style >
{% endif %}
< script async id = "twitter-wjs" src = "https://platform.twitter.com/widgets.js" > < / script >
< script async type = "text/javascript" src = "https://s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js" > < / script >
2016-10-16 18:15:56 +00:00
< script src = "{{ site.url }}/javascript/jquery-2.2.0.min.js" > < / script >
< script src = "{{ site.url }}/javascript/clipboard.min.js" > < / script >
< script src = "{{ site.url }}/javascript/bulma.js" > < / script >
2016-09-11 11:00:49 +00:00
{% if page.route == 'index' %}
2016-10-16 18:15:56 +00:00
< script type = "text/javascript" src = "{{ site.url }}/javascript/index.js" > < / script >
2016-09-11 11:00:49 +00:00
{% endif %}
< script type = "text/javascript" >
(function($) {
window.fnames = new Array();
window.ftypes = new Array();
fnames[0]='EMAIL';
ftypes[0]='email';
}(jQuery));
var $mcj = jQuery.noConflict(true);
< / script >
< script >
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-82634666-2', 'auto');
ga('send', 'pageview');
< / script >