Looking to quickly add Tornado to your project ? Use the CDN Call URls Provided by unpkg npm cdn copy and past the css files inside your html head tag and add the javascript files before the closing tag.
<!-- Tornado CSS -->
<link href="<https://unpkg.com/[email protected]/dist/css/tornado.css>" rel="stylesheet">
<!-- RTL Version -->
<link href="<https://unpkg.com/[email protected]/dist/css/tornado-rtl.css>" rel="stylesheet">
<!-- Tronado Icons CSS -->
<link href="<https://unpkg.com/[email protected]/dist/css/tornado-icons.css>" rel="stylesheet">
<!-- Tornado JS -->
<script src="<https://unpkg.com/[email protected]/dist/js/tornado.min.js>"></script>
Be sure to have your pages set up with the latest design and development standards. That means using an HTML5 doctype and including a viewport meta tag for proper responsive behaviors. Put it all together and your pages should look like this:
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<!-- Required Meta Tags -->
<meta name="language" content="en">
<meta http-equiv="x-ua-compatible" content="text/html" charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="The Description of This Page Goes Right Here and its !Important" />
<meta name="keywords" content="keywords,goes,here,for,this,web,site,its,!important,and,keep,it,dynamic" />
<title>Tornado Starter Template</title>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="This Page title Goes Here" />
<meta property="og:description" content="The Description of This Page Goes Right Here" />
<meta property="og:url" content="<http://domain.com/page-url/>" />
<meta property="og:image" content="img/logo.png" />
<meta name="twitter:image" content="img/logo.png">
<meta name="facebook:description" content="The Description of This Page Goes Right Here" />
<!-- Other Meta Tags -->
<meta name="robots" content="index, follow" />
<meta name="copyright" content="Sitename Goes Here">
<link rel="shortcut icon" type="image/png" href="img/logo.png">
<!-- Required CSS Files -->
<link href="<https://unpkg.com/[email protected]/dist/css/tornado.css>" rel="stylesheet" />
<!-- Tronado Icons CSS -->
<link href="<https://unpkg.com/[email protected]/dist/css/tornado-icons.css>" rel="stylesheet">
</head>
<body>
<!-- Tornado JS -->
<script src="<https://unpkg.com/[email protected]/dist/js/tornado.min.js>"></script>
<!-- Tornado React -->
<script src="<https://unpkg.com/react@16/umd/react.production.min.js>"></script>
<script src="<https://unpkg.com/react-dom@16/umd/react-dom.production.min.js>"</script>
<script src="js/tornado.react.js"></script>
</body>
</html>