Deby - Custom Radio Buttons

Version 1.0

Thank you so much for choosing this item. Your comments and ratings would be highly appreciated. You have purchased this item so, you will get full support from us. We will update this item time to time and we want to hear from you for the future updates or for complete new creative ideas. If you have any questions that are beyond the scope of this document, feel free to email at epictheme15@gmail.com

Folder Structure

Folder structure of the deby - custom radio buttons. see the attachment for more details

 
Folder Description
/css Contains all CSS files.
/fonts Contains fontawesome fonts
/img Contains all images files.

 

HTML Structure

First off, make sure you have a solid code editor, for example Sublime Text. You need to add the compiled and preferably font-awesome.min.css to the header of your HTML5 document. And that's it!

All information within the main content area is nested within a body tag. The general template structure is prety the same through the item. Here is the general structure of main page (index-1.html)

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <link rel="stylesheet" href="css/bootstrap.min.css" />
        <link rel="stylesheet" href="css/font-awesome.min.css" />
    </head>
    <body>
        .
        Your elements code here
        .
        <!--jQuery-->
        <script src="js/jquery-3.4.1.min.js"></script>
        <!--custom js-->
        <script src="js/scripts.js"></script>
   
     </body> 
</html>

 

How to Add Element?

You can add any deby - custom radio button styles on your project very easily, Now we just show you how to add element (same way you can add any deby - custom radio button style on your live project). so please follow these step and screenshot.

  1. Please at first you should go deby - custom radio button style folder
  2. Then open index.html on editor (example: notepad++, sublime text etc)
  3. Now link your deby-styles.css file on your html file

  1. Suppose you want to a add deby - custom radio button style 1 on your project. So, please add a following code in the body

Example

<div class="card-style1">
    
        Your Content Here
    
</div>

 

  1. Open deby-styles.css and copy form style 1 css and paste to your css file, this is just sample demonstration you have to paste all the code relative to style1.

 

  1. Finally just save it and view your browser. Now you are done

Source And Creadits

A big thanks to following source. fonseca wouldn't be possible without these source.

 

  1. FontAwesome Icons
  2. Google Fonts

Support Policy

if you face problems with implementation and customization of our product please do not hesitate to contact with us. We will try to best support for you :)

Email: epictheme15@gmail.com

If you like, Please rate us 5 Star :) It will be appreciated!