bulma/docs/_includes/footer.html
Jeremy Thomas b2440df07b Push 0.3.1
2017-01-15 21:45:20 +00:00

152 lines
6.0 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<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&amp;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>
<span class="icon is-small">
<i class="fa fa-envelope"></i>
</span>
</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 &amp; 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 {
color: #242424;
padding-left: 48px;
position: relative;
}
.title.is-2 a:hover {
color: #00d1b2;
}
.title.is-2 .icon.is-medium {
left: 8px;
position: absolute;
top: 10px;
}
.hero .title.is-2 a {
color: white;
}
.hero .title.is-2 a:hover {
color: white;
}
.hero.is-primary a.column,
.hero.is-primary a.column:hover {
color: white;
}
.hero.is-primary a.column:hover .title strong {
border-bottom: 1px solid;
}
@media screen and (max-width: 979px) {
.title.is-2 a {
padding-left: 0;
}
.title.is-2 .icon.is-medium {
display: none;
}
}
</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>
<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>
{% if page.route == 'index' %}
<script type="text/javascript" src="{{ site.url }}/javascript/index.js"></script>
{% 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>