Download & File Structure

Downloading Your HTML Template

1. Log into your TNCFlow account
2. Go to My Templates
3. Find your HTML template
4. Click Download or Get Files
5. ZIP file downloads to your computer
6. Extract/unzip the folder

Understanding the File Structure

Root Files
- index.html - Homepage (entry point)
- about.html - About page
- contact.html - Contact page
- Other .html files - Additional pages

CSS Folder (css/)
Contains stylesheets:
- style.css - Main stylesheet with all CSS

JavaScript Folder (js/)
Contains scripts:
- script.js - Main JavaScript file
- Other scripts for interactions/forms

Images Folder (images/)
Contains all images used in template

Assets Folder (sometimes)
Contains fonts, icons, and other resources

Root Files You Might See
- README.txt - Instructions and documentation
- .gitignore - Git configuration (ignore this)
- LICENSE.txt - License information

The Most Important Files

For basic customization, you'll mainly work with:
1. index.html - Content and structure
2. css/style.css - Colors, fonts, layouts
3. images/ - Replace images
4. js/script.js - Interactions and functionality

Keeping Your Files Organized

my-website/
├── index.html
├── about.html
├── contact.html
├── css/
│ └── style.css
├── js/
│ └── script.js
└── images/
├── logo.png
├── hero.jpg
└── icons/

Keep this structure when customizing - helps with file paths and organization.

File Naming Best Practices

• Use lowercase for filenames
• Use hyphens instead of spaces (my-page.html not my page.html)
• Use descriptive names (about.html not page2.html)
• Keep consistent naming

Accessing Your Template Files

After extraction, you have two options:

Option 1: Edit Locally
- Open files in code editor (VS Code, Sublime Text)
- Edit and test on your computer
- Upload when ready

Option 2: Upload to Hosting
- Upload files directly to web hosting
- Edit on the server
- Changes live immediately