CSS

Pricing Plans And Subscription Payment Script

With our FREE Pricing Plans and Subscription Payment Script you can show three different pricing plans your customers can subscribe for and enable them to pay their monthly subscription fees via PayPal. Download script or check demo{{ vc_btn:title=Demo&shape=square&color=pink&align=center&i_icon_fontawesome=fa+fa-eye&add_icon=true&link=url%3Ahttp%253A%252F%252Fwww.thecoderzone.com%252Fdemo%252F%7Ctitle%3ADemo%7Ctarget%3A%2520_blank%7C }} {{ vc_btn:title=Download&shape=square&color=pink&align=center&i_icon_fontawesome=fa+fa-download&add_icon=true&link=url%3Ahttp%253A%252F%252Fwww.thecoderzone.com%252Fdownload%252FPricingSubscription.zip%7Ctitle%3ADownload%7Ctarget%3A%2520_blank%7C }} Showcase 3 different pricing plans on your website and allow your customers to sign up for their preferred one. Each registration made is stored in a MySQL database so that you can track all customer data. PayPal subscription payment is automatically enabled for your clients so once they sign up, you can expect their monthly online payments. (adsbygoogle…

Contact And Social Widget

Add a fancy quick contact button on your website using our FREE Contact And Social Widget. You can place the button on every page of your website and it will give your website visitors a quick access to your contact details and social media pages in a stylish way and without leaving the current page. Download script or check demo{{ vc_btn:title=Demo&shape=square&color=pink&align=center&i_icon_fontawesome=fa+fa-eye&add_icon=true&link=url%3Ahttp%253A%252F%252Fwww.thecoderzone.com%252Fswidget%252F%7Ctitle%3ADemo%7Ctarget%3A%2520_blank%7C }} {{ vc_btn:title=Download&shape=square&color=pink&align=center&i_icon_fontawesome=fa+fa-download&add_icon=true&link=url%3Ahttp%253A%252F%252Fwww.thecoderzone.com%252Fswidget%252FContactAndSocialWidget.zip%7Ctitle%3ADownload%7Ctarget%3A%2520_blank%7C }} Description A small contact and social button will appear on the left side of your web page. Once clicked it will open in a fancy way and show links to: 1) Your email address so…

How to Create Progress Bar

Creating a Progress Bar Step 1) Add HTML Code: <div id=”myProgress”> <div id=”myBar”></div> </div> Step 2) Create  CSS: #myProgress { width: 100%; background-color: grey; } #myBar { width: 1%; height: 30px; background-color: green; }   Step 3) Add JavaScript: Create a Dynamic Progress Bar (animated) Using JavaScript: function move() { var elem = document.getElementById(“myBar”); var width = 1; var id = setInterval(frame, 10); function frame() { if (width >= 100) { clearInterval(id); } else { width++; elem.style.width = width + ‘%’; } } } If you want to add labels to indicate how far the user is in the process,…

How To Create a Modal Popup Box with CSS and JavaScript

In this tutorial, we will be creating a simple modal with CSS and JavaScript. In fact, we will be using the same code and structure that the modal used here on Sabe uses as well for the feedback option at the end of this tutorial. Introduction Modal popups are used pretty frequently on the web. Some popular uses of them include driving newsletter signups, displaying notifications/alerts, and handling register and login forms. Our modal will be generic which means you will be free to use it for whatever purpose you’d like. Here’s what they will look like once finished: The modal before opening. You…