Standard file setup for HTML Conversion

The below ZIP file contains the main file structure for you to start a new project (HTML Conversions). When a new client project is assigned to you please download the below ZIP file and do the modifications according to your requirement. In there, you can find HTML, CSS, JS, Fancybox, etc. files which we commonly use in most of our sites. Please use clean, user friendly codes in an order when writing HTML, CSS or any other codes. Always remember you are not the only developer who's going to work on the site. So make it easy for other developers as well.

• HTML - Start building the site using the index.html file. Once you do the Home page add common sections into include files inside the 'includes' folder. Once it's done start creating the subpages by using those includes. You need to build the for Desktop and Mobile versions as well. The site must be a fully responsive friendly site. Add SEO tags using the client tracker which will be shared with you in the project assigned stage. Get all the relevant information from the Client tracker and discuss with the CC if you need any information regarding the client work. If you need to clarify or need help with anything related to site build please feel free to Contact Pradeep or any Senior Developer. Always follow Ekwa standards when developing a site.
• CSS - All the styles related to site build should be added in the main css file. You can find it in the CSS folder 'style.css'. You should add plugin related styles as well in the main CSS file. Always try to maintain a single CSS file to add all the styles related to the site. The fonts related to the site should be inside the 'fonts' folder in CSS folder. You need to get the converted web fonts from our server fonts folders. (graphic-design >> fonts) Normally the font path will be send along with the project assign mail, but if you are unable to find it in the mail or the server fonts folder please contact the designer who's handling the project and get the correct font files from that person. Once you get the fonts add it inside our website fonts folder and include the font styles in the very top of the CSS file and check the correct path. Add Media Queries if needed when doing responsive sites.
• JS - All the JavaScript codes needs to be added in the main 'script.js' file. Please put a comment note related to the JavaScript code you add. So it'll be easy for other developers to identify the codes related to all the sections which are running on scripts.
• Images - Optimize all the images and add it inside the image folder. Please us lowercase text with hyphen mark when naming images.
• Other files - It is a must to add the Favicon icon and the Mobile Detect PHP file inside the main root. Add variables for such as Phone number, Email, Fax, Address, etc. in the 'config.php' file and also add 'Local Business Code and Review Code and Open Graph Code' inside the same file. Please follow these instructions when adding graph codes. http://ekwaservice.com/support/index.php?/Troubleshooter/Step/View/6 (Team Process > WebMaster Standards > Local Business Code and Review Code and Open Graph)
• Browsers - You need to check the site carefully in IE 9/10/11, Chrome, Firefox, Safari and the commonly used screens for tablets and mobile versions. Use the below mentioned sites to check your project.
  • https://www.browserstack.com/
  • http://quirktools.com/screenfly/
  • You can use the feature called 'View Responsive Layouts' in Firefox 'Web developer plugin' to check the responsive versions of the site.
• PageSpeed - Once you build the Home page and the subpage please check the site's speed through this link. https://developers.google.com/speed/pagespeed/insights/

• Click here to download the Zip file of the Standard file structure for HTML Conversions when you start a new project.
• Click here to view the Sample.