Cryptos - Cryptocurrency Template

Bootstrap Cryptocurrency Template

• created: 02/04/2018
• latest update: 02/04/2018
• by: mutationthemes
• email: ghribbenaissa@gmail.com

CRYPTOS  is a  professional  cryptocurrency theme, fully loaded with usefull sections that deals with cryptocurrencies, degital currency converter, exchange that can be used by every person or company that deal or want to start a business in this field.

The template have :

1. Responsive layout
2. Retina Ready
3. Multiple section to feat every needs
4. One page navigation
5. Html 5 & CSS3
6. Unique design
7. Block design sections
8. Instagram feed
9. Twitter feed
10. Cryptocurrency converter
11. Digital currency exchange
12. and much more...

1. Responsive layout
2. Retina Ready
3. Multiple section to feat every needs
4. One page navigation
5. Html 5 & CSS3
6. Unique design
7. Block design sections
8. Instagram feed
9. Twitter feed
10. Cryptocurrency converter
11. Digital currency exchange
12. and much more...

When you download the main download file you finde several folder  :

•       HTML folder this is the folder that contain all the filse of the template
•       LICENSES folder this folder contain the licenses of the elements used.
•       DOCUMENTATION : this folder contain the documentation of the theme please read the documentation carefully for further information

CRYPTOS  uses fonttello icons and Flaticon , the template come with a set of icons that you can use as you want, and change the default icons to fit your needs.You can find the list of the icons in the fonts.css in the css folder then you can choose the icon that you want and change it in the html code.

Flaticon has been used for demo purposes only and are not included in the main download file, but you can use them without any problems by your own,

https://www.flaticon.com/

Icons used from flaticon : you can download them by yourself and install the font file in the font folder under the html folder, and also copy the css code for the fonts from the folder that you would download from the link below.For any help on how to install the missing font just send us an email via our themeforest contact form profile.

https://www.flaticon.com/packs/bitcoin

Under CC: Freepik

Icons used from cryptocurrency-icons to setup the gradient facts background:

https://github.com/cjdowner/cryptocurrency-icons

CRYPTOS come with a cool gradient effect animation in the facts section and the ticker widget section of the theme, you can customize the gradient background with the combination of the color that you want, you can do that easly by changing the hexadecimal color values in the setup of the gradient background, and you will dinf that in the script.js file unther  Setup gradient background section.

More info about this cool plugin in the link below :

https://sarcadass.github.io/granim.js/

CRYPTOS  come with instagram feed section to display user, popular or tags photo feeds inside your  site, by default this area in the footer display a default set of images for demo purposes, but od cours you can display your own instagram fee, popular or tags photo feeds....

To change the instafeed widget located in the footer to display the images that want(your user feed, popular or tags photo feeds), simply open script.js file located in js folder inside the main HTML folder then locate the instagram feed setup section  look for the line of codes that setup the instagram feed then replace the userId and accessToken variables by yours.

More info about instgram feed option can be found here :

http://instafeedjs.com//

CRYPTOS  come with twitter feed section to display latest tweets in  your  site, by default this area in the footer display a default tweets for demo purposes, but of cours you can display your own twitter feed.

To change the twitter widget located in the footer to display your own tweets, simply open script.js file located in js folder inside the main HTML folder then locate the twitter feed setup section  look for the line of codes that setup the twitter feed then replace the id code  by yours.

More info about instgram feed option can be found here :

https://github.com/jasonmayes/Twitter-Post-Fetcher

CRYPTOS come with more that one cryptocurrency widget that display real time information such as price, exchange, conversion.For rights purposes those widget does not come with the theme purchased from themeforest,they can be found and installed easly from the sites below, and below the url of the widget site you will find an explination on how to add the javascript code of the widget to the template

https://www.bitcoin.com/widgets

https://www.cryptonator.com/widget

Top bar widget :

Those widget display single currency price, and they are populated true a ul > li tags like the code below :

<ul class="block-helpers widget">
                           <li>
                              <script >
                                 crypt_single_base_currency = "Bitcoin (BTC)";crypt_single_target_currency = "US Dollar (USD)";
                              </script><script  src="https://www.cryptonator.com/ui/js/widget/single_widget.js"></script>
                           </li>
                              <li><script >
                              crypt_single_base_currency = "Bitcoin Cash (BCH)";crypt_single_target_currency = "US Dollar (USD)";</script><script  src="https://www.cryptonator.com/ui/js/widget/single_widget.js"></script></li>
                           <li>
                              <script type="text/javascript">
crypt_single_base_currency = "Ethereum (ETH)";crypt_single_target_currency = "US Dollar (USD)";</script><script type="text/javascript" src="https://www.cryptonator.com/ui/js/widget/single_widget.js"></script>
                           </li>
                        </ul>

You can display any currency price that you want from this site widget :https://www.cryptonator.com/widget

Cryptocurrency converter :

This widget display a cryptocurrencies form to get a real time conversion, the html code below shows how the code is displayed :

<div class="block-converter">
                        <script >
                           crypt_calc_border_corners = "square";
                        </script><script  src="https://www.cryptonator.com/ui/js/widget/calc_widget.js"></script>
                     </div>

You can display the converter form from this site widget :https://www.cryptonator.com/widget

Exchange widget :

This widget display the exchange of the popular cryptocurrencies in real time, the html code below shows how the code is displayed :

<div class="block-exchange">
                        <script >
                           crypt_multi_num_cur = "11";
                           crypt_base_cur_0 = "Bitcoin (BTC)";crypt_target_cur_0 = "US Dollar (USD)";crypt_base_cur_1 = "Litecoin (LTC)";crypt_target_cur_1 = "US Dollar (USD)";crypt_base_cur_2 = "Dogecoin (DOGE)";crypt_target_cur_2 = "US Dollar (USD)";crypt_base_cur_3 = "Ethereum (ETH)";crypt_target_cur_3 = "US Dollar (USD)";crypt_base_cur_4 = "Zcash (ZEC)";crypt_target_cur_4 = "US Dollar (USD)";crypt_base_cur_5 = "DASHS (DASHS)";crypt_target_cur_5 = "US Dollar (USD)";crypt_base_cur_6 = "Ripple (XRP)";crypt_target_cur_6 = "US Dollar (USD)";crypt_base_cur_7 = "Monero (XMR)";crypt_target_cur_7 = "US Dollar (USD)";crypt_base_cur_8 = "NEO (NEO)";crypt_target_cur_8 = "US Dollar (USD)";crypt_base_cur_9 = "TRX (TRX)";crypt_target_cur_9 = "US Dollar (USD)";crypt_base_cur_10 = "EOS (EOS)";crypt_target_cur_10 = "US Dollar (USD)";
                        </script><script  src="https://www.cryptonator.com/ui/js/widget/multi_widget.js"></script>
                     </div>

You can display the exchange widget  from this site widget :https://www.cryptonator.com/widget

Ticker news widget :

This widget display a live feed from the https://www.bitcoin.com/ website  in the form of a ticker, the html code below shows how the code is displayed :

<div class="btcwdgt-news-ticker"></div>
                     <script>
                        (function(b,i,t,C,O,I,N) {
                          window.addEventListener('load',function() {


                            if(b.getElementById(C))return;
                            I=b.createElement(i),N=b.getElementsByTagName(i)[0];
                            I.src=t;I.id=C;N.parentNode.insertBefore(I, N);
                          },false)
                        })(document,'script','https://widgets.bitcoin.com/widget.js','btcwdgt');
                     </script>
                  </div>

You can display the exchange widget  from this site widget :https://www.bitcoin.com/widgets

For more information please contact us true our themeforest user contact form, and we will help you concerning widget installation.

The images  used in this template are not included with the main purchased files, but there are freebies and you can download them from the links below :

http://unsplash.com/

https://pixabay.com/en/photos/bitcoin/