{"version": "2.0","name": "Mogh","subline": "Mogh | Finance Html Template","username": "Emran Khan","created": "10/07/2018","website": "https://themazine.ticksy.com","update": "10/07/2018","update_today": true,"email": "","description": "","intro": "Mogh - Mogh | Finance Html Template built with HTML5 and Bootstrap integrated with  Mailchimp and Email.","button_1_text": "","button_2_text": "","button_3_text": "","button_1_url": "","button_2_url": "","button_3_url": "","sections": [{"title": "HTML Structure","id": "html_structure","content": "<p style=\"text-align: center; \">\n\t<span style=\"color: rgb(56, 56, 56); font-family: Arial, verdana, arial, sans-serif; font-size: 14px; line-height: 18px;\">The html template uses Bootstrap</span><span style=\"color: rgb(205, 191, 227); font-family: -apple-system, system-ui, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Arial, sans-serif; font-size: 16px;\">&nbsp;</span><span style=\"color: rgb(56, 56, 56); font-family: Arial, verdana, arial, sans-serif; font-size: 14px;\">v4.1.0</span><span style=\"color: rgb(205, 191, 227); font-family: -apple-system, system-ui, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Arial, sans-serif; font-size: 16px;\">&nbsp;</span><span style=\"color: rgb(56, 56, 56); font-family: Arial, verdana, arial, sans-serif; font-size: 14px;\">with valid HTML5 tags. This theme is a responisve layout with one column. All of the information in content area is nested within a class and comes with predefined classes.&nbsp;</span></p>\n<p>\t&nbsp;</p>\n<p>\t<span style=\"color: rgb(56, 56, 56); font-family: Arial, verdana, arial, sans-serif; font-size: 14px; line-height: 18px;\">1. Start HTML coding</span></p>\n<p>\t<img alt=\"\" src=\"https://i.imgur.com/t4xIm5O.png\" style=\"width: 1400px; height: 762px;\"></p>\n<p>\t&nbsp;</p>\n<p>\t<span style=\"color: rgb(56, 56, 56); font-family: Arial, verdana, arial, sans-serif; font-size: 14px; line-height: 18px;\">2. End HTML coding&nbsp;</span></p>\n<p>\t<span style=\"color: rgb(56, 56, 56); font-family: Arial, verdana, arial, sans-serif; font-size: 14px; line-height: 18px;\"><img alt=\"\" src=\"https://i.imgur.com/jcMkOWf.png\" style=\"width: 1400px; height: 758px;\"></span></p>\n<p>\t<img alt=\"\" src=\"https://imgur.com/BMjHB3D\" style=\"height: 637px; width: 1038px;\"></p>\n<p>\t&nbsp;</p>\n"},{"title": "CSS Structure","id": "css_structure","content": "<p>\t<span style=\"color: rgb(56, 56, 56); font-family: Arial, verdana, arial, sans-serif; font-size: 14px;\">I have used three main CSS files in this theme. The first one bootstrap.min.css. and next one style.css which for this template.</span></p>\n<p>\t<span style=\"color: rgb(56, 56, 56); font-family: Arial, verdana, arial, sans-serif; font-size: 14px;\">If you would like to edit a specific section of the site, simply find the appropriate label in the css file, and then scroll down until you find the appropriate style that needs to be edited.</span></p>\n<h5 style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: 100; font-size: 16px; font-family: Arial, verdana, arial, sans-serif; vertical-align: baseline; color: rgb(56, 56, 56);\">\n\tAlso I have created section by section sass file.</h5>\n"},{"title": "SASS File Structure","id": "sass_file_structure","content": "<p>\t<span style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-family: Arial, verdana, arial, sans-serif; vertical-align: baseline; color: rgb(56, 56, 56); line-height: 18px;\">I will do create &nbsp;my template&nbsp;</span><a href=\"https://en.wikipedia.org/wiki/Sass_(stylesheet_language)\" style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 18px; font-family: arial, sans-serif; vertical-align: baseline; color: rgb(102, 0, 153); text-decoration: none; cursor: pointer; line-height: 18px; white-space: nowrap;\" wotsearchprocessed=\"true\">Sass (stylesheet language)</a><span style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-family: Arial, verdana, arial, sans-serif; vertical-align: baseline; color: rgb(56, 56, 56); line-height: 18px;\">&nbsp; you can edit this templete very easily also i will do create file section by section.</span></p>\n<p>\t&nbsp;</p>\n"},{"title": "Javascript","id": "javascript","content": "<h6 style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: 100; font-size: 14px; font-family: Arial, verdana, arial, sans-serif; vertical-align: baseline; color: rgb(56, 56, 56);\">\n\tThis theme imports some Javascript files.</h6>\n<h6 style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: 100; font-size: 14px; font-family: Arial, verdana, arial, sans-serif; vertical-align: baseline; color: rgb(56, 56, 56);\">\n\t&nbsp;</h6>\n<h6 style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: 100; font-size: 14px; font-family: Arial, verdana, arial, sans-serif; vertical-align: baseline; color: rgb(56, 56, 56);\">\n\tjQuery</h6>\n<h6 style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: 100; font-size: 14px; font-family: Arial, verdana, arial, sans-serif; vertical-align: baseline; color: rgb(56, 56, 56);\">\n\tMy custom scripts</h6>\n<h6 style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: 100; font-size: 14px; font-family: Arial, verdana, arial, sans-serif; vertical-align: baseline; color: rgb(56, 56, 56);\">\n\tSome plugin</h6>\n<h6 style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: 100; font-size: 14px; font-family: Arial, verdana, arial, sans-serif; vertical-align: baseline; color: rgb(56, 56, 56);\">\n\tjQuery is a Javascript library that greatly reduces the amount of code that you must write.</h6>\n<h6 style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: 100; font-size: 14px; font-family: Arial, verdana, arial, sans-serif; vertical-align: baseline; color: rgb(56, 56, 56);\">\n\tMost of the animation in this site is carried out from the customs scripts. There are a few functions worth looking over.</h6>\n<h6 style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: 100; font-size: 14px; font-family: Arial, verdana, arial, sans-serif; vertical-align: baseline; color: rgb(56, 56, 56);\">\n\t&nbsp;</h6>\n<h6 style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: 100; font-size: 14px; font-family: Arial, verdana, arial, sans-serif; vertical-align: baseline; color: rgb(56, 56, 56);\">\n\t[some Javascript goes here...along with an general explanation]</h6>\n<h6 style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: 100; font-size: 14px; font-family: Arial, verdana, arial, sans-serif; vertical-align: baseline; color: rgb(56, 56, 56);\">\n\t[some Javascript goes here...along with an general explanation]</h6>\n<h6 style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: 100; font-size: 14px; font-family: Arial, verdana, arial, sans-serif; vertical-align: baseline; color: rgb(56, 56, 56);\">\n\t[some Javascript goes here...along with an general explanation]</h6>\n<h6 style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: 100; font-size: 14px; font-family: Arial, verdana, arial, sans-serif; vertical-align: baseline; color: rgb(56, 56, 56);\">\n\t&nbsp;</h6>\n<h6 style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: 100; font-size: 14px; font-family: Arial, verdana, arial, sans-serif; vertical-align: baseline; color: rgb(56, 56, 56);\">\n\tIn addition to the custom scripts, I implement a few &quot;tried and true&quot; plugins to create the effects. This plugin is packed, so you won&#39;t need to manually edit anything in the file. The only necessary thing to know is how to call the method. For example:</h6>\n<h6 style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: 100; font-size: 14px; font-family: Arial, verdana, arial, sans-serif; vertical-align: baseline; color: rgb(56, 56, 56);\">\n\t&nbsp;</h6>\n<h6 style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: 100; font-size: 14px; font-family: Arial, verdana, arial, sans-serif; vertical-align: baseline; color: rgb(56, 56, 56);\">\n\tI will do create vendor folder this is extra plugin folder all plugin is included.</h6>\n<h6 style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: 100; font-size: 14px; font-family: Arial, verdana, arial, sans-serif; vertical-align: baseline; color: rgb(56, 56, 56);\">\n\t&nbsp;</h6>\n<h6 style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: 100; font-size: 14px; font-family: Arial, verdana, arial, sans-serif; vertical-align: baseline; color: rgb(56, 56, 56);\">\n\t[some Javascript goes here...along with an general explanation]</h6>\n"},{"title": "Template Features","id": "template_features","content": "<p style=\"box-sizing: border-box; margin: 0px 0px 20px; padding: 0px; color: rgb(84, 84, 84); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 16px;\">\n\tWe have included a bunch of useful features and elements to make your landing page perfect. Here&rsquo;s what you&rsquo;ll get once you buy WorkPro Landing Page Template.</p>\n<ul style=\"box-sizing: border-box; list-style-position: initial; list-style-image: initial; margin: 0px 0px 20px; padding-right: 0px; padding-left: 35px; color: rgb(84, 84, 84); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 16px;\">\n\t<li style=\"box-sizing: border-box;\">\n\t\tCreative and Unique Design</li>\n\t<li style=\"box-sizing: border-box;\">\n\t\tModern &amp; Trendy layout Style</li>\n\t<li style=\"box-sizing: border-box;\">\n\t\t3 Hompages&nbsp;with different variations</li>\n\t<li style=\"box-sizing: border-box;\">\n\t\tPaypal Payment Integration</li>\n\t<li style=\"box-sizing: border-box;\">\n\t\tMailchimp Subscription Integration</li>\n\t<li style=\"box-sizing: border-box;\">\n\t\tKickstarter &amp; Indegogo Campaign Page&nbsp;</li>\n\t<li style=\"box-sizing: border-box;\">\n\t\tExit Intent Modal Popup</li>\n\t<li style=\"box-sizing: border-box;\">\n\t\tDedicated Product Popup</li>\n\t<li style=\"box-sizing: border-box;\">\n\t\tTimeline View</li>\n\t<li style=\"box-sizing: border-box;\">\n\t\tBuilt with SASS Pre-Processor</li>\n\t<li style=\"box-sizing: border-box;\">\n\t\tSCSS Source Incuded</li>\n\t<li style=\"box-sizing: border-box;\">\n\t\tCreative Blog Layouts &nbsp;&nbsp;</li>\n\t<li style=\"box-sizing: border-box;\">\n\t\tSuccess Page</li>\n\t<li style=\"box-sizing: border-box;\">\n\t\tShortcodes, Elements &amp; Widgets</li>\n\t<li style=\"box-sizing: border-box;\">\n\t\tExtensive Documentation&nbsp;</li>\n\t<li style=\"box-sizing: border-box;\">\n\t\tExceptional Support</li>\n\t<li style=\"box-sizing: border-box;\">\n\t\tand more..</li>\n</ul>\n"},{"title": "Total Files","id": "total_files","content": "<ol>\n\t<li>\t\t<strong>Home v1</strong></li>\n\t<li>\t\t<strong>Home v2</strong></li>\n\t<li>\t\t<strong>Home v3</strong></li>\n\t<li>\t\t<strong>Service</strong></li>\n\t<li>\t\t<strong>About</strong></li>\n\t<li>\t\t<strong>Portfolio v1</strong></li>\n\t<li>\t\t<strong>Portfolio v2</strong></li>\n\t<li>\t\t<strong>Portfolio v3</strong></li>\n\t<li>\t\t<strong>Portfolio Single</strong></li>\n\t<li>\t\t<strong>Portfolio Single v2</strong></li>\n\t<li>\t\t<strong>Blog</strong></li>\n\t<li>\t\t<strong>Blog List</strong></li>\n\t<li>\t\t<strong>Blog List v2</strong></li>\n\t<li>\t\t<strong>Blog details</strong></li>\n\t<li>\t\t<strong>Faq</strong></li>\n\t<li>\t\t<strong>Team</strong></li>\n\t<li>\t\t<strong>Priching&nbsp;</strong></li>\n\t<li>\t\t<strong>Contact us&nbsp;</strong></li>\n</ol>\n"},{"title": "Source & Credits","id": "source_credits","content": "<ol style=\"margin: 18px 0px; padding-right: 0px; padding-left: 0px; border: 0px; outline: 0px; font-family: Arial, verdana, arial, sans-serif; vertical-align: baseline; line-height: 1.5em; color: rgb(56, 56, 56);\">\n\t<li style=\"margin: 0px 0px 0px 36px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style: decimal;\">\n\t\t<span style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;\">&nbsp;Google Font&nbsp;</span></li>\n\t<li style=\"margin: 0px 0px 0px 36px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style: decimal;\">\n\t\t<span style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;\">&nbsp;jQuery Plugin</span></li>\n\t<li style=\"margin: 0px 0px 0px 36px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style: decimal;\">\n\t\t&nbsp;Google Map</li>\n\t<li style=\"margin: 0px 0px 0px 36px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style: decimal;\">\n\t\t<span style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;\">&nbsp;Fontawesome&nbsp;</span></li>\n\t<li style=\"margin: 0px 0px 0px 36px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style: decimal;\">\n\t\t<span style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;\">Flaticon</span></li>\n</ol>\n"},{"title": "MAP Location","id": "map_location","content": "<p>\t<img alt=\"\" src=\"https://i.imgur.com/bHhxZq9.png\" style=\"width: 1400px; height: 757px;\"></p>\n<p>\t&nbsp;</p>\n<p>\tLocation can be changed by changing value of Latitude and Longitude.</p>\n<p>\t&nbsp;</p>\n<p>\t<img alt=\"\" src=\"https://i.imgur.com/1W5sr2r.png\" style=\"width: 1400px; height: 760px;\"></p>\n"},{"title": "Support","id": "support","content": "<h6 style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: 100; font-size: 14px; font-family: Arial, verdana, arial, sans-serif; vertical-align: baseline; color: rgb(56, 56, 56);\">\n\tOnce again, thank you so much for purchasing this theme. As I said at the beginning, I&#39;d be glad to help you if you have any questions relating to this theme. No guarantees, but I&#39;ll do my best to assist. If you have any queries, please feel free to contact us at Support Center.</h6>\n<div style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-family: Arial, verdana, arial, sans-serif; vertical-align: baseline; color: rgb(56, 56, 56);\">\n\t&nbsp;</div>\n<h4 style=\"margin: 0px; padding: 0px; border: 0px; outline: 0px; font-family: Arial, verdana, arial, sans-serif; vertical-align: baseline; color: rgb(56, 56, 56);\">\n\thttps://themazine.ticksy.com</h4>\n"}],"use_sub": true,"logo": "https://i.imgur.com/d9NjUml.png","favicon": "https://i.imgur.com/VuIPcnm.png","customcss": "","easing": "swing","easingduration": "500","bgimage": "","bgrepeat": "repeat","bgattachment": "scroll","bgcolor": "FFFFFF","textcolor": "222222","linkcolor": "0000FF","hrcolor1": "EBEBEB","hrcolor2": "FFFFFF","btncolor": "FFFFFF","btncolor1": "0088CC","btncolor2": "0044CC","sidebarbgimage": "","sidebarbgrepeat": "repeat","sidebarbgcolor": "F5F5F5","sidebartextcolor": "222222","sidebarlinkcolor": "444444","sidebaractivecolor": "B76DFE","sidebaractivetextcolor": "FFFFFF","sidebarhrcolor1": "AAAAAA","sidebarhrcolor2": "EEEEEE","cufon": "","documentationttype": "default","itemURL": "","sendJSON": "","sendZIP": "","sendPWD": ""}