Example Smart Outline

Example of smart outline library in action

by Sitebase Mostmans

HTML

<script src="https://cdn.rawgit.com/ambassify/smart-outline/master/main.js"></script>
<p>Lorem ipsum dolor sit amet, <a href="#">consectetur adipiscing</a> elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud <a href="#">exercitation ullamco</a> laboris nisi ut aliquip ex ea commodo consequat.</p>

<label for="firstname">First Name</label>
<input type="text" name="firstname" id="firstname" placeholder="John" />

<label for="lastname">Last Name</label>
<input type="text" name="lastname" id="lastname" placeholder="Doe" />

<label for="email">Email</label>
<input type="email" name="email" id="email" placeholder="john@doe.com" />

<label for="message">Message</label>
<textarea name="message" id="message"></textarea>

<button>Send Message</button>

CSS

input, label, button {
  display: block;
}

JavaScript

smartOutline.init();