The popular open-source contract for web designers and developers by Stuff & Nonsense
- Originally published: 23/12/2008
- Revised date: 15/12/2013
- Original post
| <form class='form-inline' id='my-custom-form'> | |
| <div class="form-group"> | |
| <input type='email' class='form-control' placeholder='Your email address' required> | |
| </div> | |
| <button class="btn btn-primary" type='submit'>Sign up</button> | |
| </form> | |
| <!-- Actual form that gets submitted to HubSpot --> | |
| <div class="hidden" id='hubspot-form'> | |
| <script charset="utf-8" src="//js.hsforms.net/forms/current.js"></script> |
| <h1>Mailer Title</h1> | |
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> | |
| <img align="left" vspace="10" hspace="10" height="190" src="https://www.aatsol.co.za/images/archie.jpg" style="width:200px; height:190px; margin:0px 15px 15px 0px;" style="width:200px" /> |
| <!-- This is your html --> | |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>JS Bin</title> | |
| </head> | |
| <body> | |
| <p>Type something here and monitor the cosole output...</p> | |
| </body> |
| function createTable() { | |
| var i=0, rowEl=null, | |
| tableEl = document.createElement("table"); | |
| // create 10 table rows, each with two cells | |
| for (i=1; i <= 10; i++) { | |
| rowEl = tableEl.insertRow(); // DOM method for creating table rows | |
| rowEl.insertCell().textContent = "table cell "+ i +"-1" ; | |
| rowEl.insertCell().textContent = "table cell "+ i +"-2" ; | |
| } | |
| document.body.appendChild( tableEl); |
| /** | |
| * Return 3 Recommended Posts using HubSpot Hubl | |
| * Developer: Archie Makuwa | |
| * Date: 12 October 2015 | |
| * | |
| * paste this snipped inside the a blog module | |
| */ | |
| <!-- Applies to respective template --> by this I mean : blog_post / blog_internal templates --> | |
| <div class="widget-module"> |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Prev Next In jQuery - Sibeesh Passion</title> | |
| <script src="http://sibeeshpassion.com/content/scripts/jquery-2.0.2.min.js"></script> | |
| <script> | |
| $(document).ready(function () { | |
| var $first = $(".first"); | |
| var i = 0; | |
| $(".prev").click(function () { |
| <div class="blog-section"> | |
| <div class="blog-listing-outer-wrapper cell-wrapper"> | |
| <div class="featured-blog-section"> | |
| <div class="feat-blog-listing-wrapper cell-wrapper"> | |
| {# simple_list_page indicates the "blog/all" page, which is a list of links to every blog post #} | |
| <!-- blog post --> |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>jQuery Login Sample | https://github.com/Archie22is</title> | |
| </head> | |
| <body> | |
| <input type="password" id="pass"> <input type="button" id="b" value="Login"><br> | |
| <span id="err"></span> |
| <!-- HTML --> | |
| <div class="switch"> | |
| <div class="avg_words float_left"> | |
| A+ (hover to see score) | |
| </div> | |
| <div class="avg_num"> | |
| AVG = 98.35% | |
| </div> | |
| </div> |