Sketch to HTML & CSS Pricing Table UI

by | Sep 7, 2021 | 0 comments

Sketch to HTML & CSS Pricing Table UI

by | Sep 7, 2021 | CSS Tips and Tricks | 0 comments

In this video build a dark pricing table UI with html & standard css.

I use parcel for my local development server (here’s a video with my beginner’s setup):

CSS Part: 02:26

The Sketch file:

🔔 Please hit subscribe if you enjoyed this video – it really supports the channel:

📧 Access all my code and future courses –
(no SPAM)

📸 Instagram –
💼 LinkedIn –


<div class="tnp tnp-subscription"> <form method="post" action=""> <input type="hidden" name="nlang" value=""><div class="tnp-field tnp-field-firstname"><label for="tnp-1">First name or full name</label> <input class="tnp-name" type="text" name="nn" id="tnp-1" value=""></div> <div class="tnp-field tnp-field-email"><label for="tnp-2">Email</label> <input class="tnp-email" type="email" name="ne" id="tnp-2" value="" required></div> <div class="tnp-field tnp-field-button"><input class="tnp-submit" type="submit" value="Subscribe" > </div> </form> </div>