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): https://www.youtube.com/watch?v=y3nG0qPNtbc

CSS Part: 02:26

The Sketch file:
https://uidesigndaily.com/posts/sketch-pricing-page-table-subscription-card-cards-day-1116

🔔 Please hit subscribe if you enjoyed this video – it really supports the channel:
https://bit.ly/2GbNa0A

GITHUB REPOS
📧 Access all my code and future courses –
https://adamthedev.com/repos?src=yt
(no SPAM)

LET’S CONNECT
📸 Instagram – https://instagram.com/_adamthedev
💼 LinkedIn – https://www.linkedin.com/in/adamthedev/

source

[newsletter_form]
<div class="tnp tnp-subscription"> <form method="post" action="https://www.dienodigital.com/?na=s"> <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>