woxman

Email Template #1 Email Confirmation - tailwindcss

An email template built with tailwindcss. Design by www.strv.design

A Pen by Mesut Koca on CodePen.

License.

woxman

<header class="header position-absolute w-100">
	<nav class="container">
		<div class="grid">
			<div class="grid-col-6 d-flex align-items-center">
				<h2 class="name">John <strong>Doe</strong></h2>
			</div>
			<div class="grid-col-6 d-flex justify-content-end">
				<button class="menu-button">
              <span></span>
            </button>

woxman

<header class="header position-absolute w-100">
	<nav class="container">
		<div class="grid">
			<div class="grid-col-6 d-flex align-items-center">
				<h2 class="name">John <strong>Doe</strong></h2>
			</div>
			<div class="grid-col-6 d-flex justify-content-end">
				<button class="menu-button">
              <span></span>
            </button>

woxman

Heart Rate CSS - SVG

This is an animation of a hear reat made with CSS and SVG.

A Pen by Juan Pablo Muñoz Upegui on CodePen.

License.

woxman

Heart Rate CSS - SVG

This is an animation of a hear reat made with CSS and SVG.

A Pen by Juan Pablo Muñoz Upegui on CodePen.

License.

woxman

Heart rate loading

A Pen by Andreas Storm on CodePen.

License.

woxman

<form class="otc" name="one-time-code" action="#">
	<fieldset>
		<legend>Validation Code</legend>
		<label for="otc-1">Number 1</label>
		<label for="otc-2">Number 2</label>
		<label for="otc-3">Number 3</label>
		<label for="otc-4">Number 4</label>
		<label for="otc-5">Number 5</label>
		<label for="otc-6">Number 6</label>

woxman

wed