You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
feat: add portfolio templates with new designs and features. Added 'Aurora' and 'Flower' templates, each with unique styles and animations. Updated index.html for improved SEO and user experience, including new meta tags and a gradient background. Enhanced README.md with detailed instructions and features for new templates.
A collection of **100% FREE** to use portfolio website templates.
24
+
<palign="center">
25
+
<strong>Beautiful, responsive, and completely FREE portfolio templates built by the OSSPH community.</strong><br>
26
+
No dependencies, no setup required. Just download, customize, and launch! 🚀
27
+
</p>
19
28
20
29
## ⚡ Features
21
30
22
-
✅ Fast
23
-
24
-
✅ FREE
25
-
26
-
✅ Mobile Responsive
27
-
28
-
✅ SEO Friendly
29
-
30
-
✅ Compatible with any web server
31
-
32
-
✅ 0 Dependencies
31
+
| Feature | Description |
32
+
|---------|-------------|
33
+
| 🚀 **Lightning Fast**| Pure HTML/CSS with no framework overhead |
34
+
| 💰 **100% Free**| MIT licensed, free forever |
35
+
| 📱 **Mobile Responsive**| Looks great on all devices |
36
+
| 🔍 **SEO Friendly**| Properly structured with meta tags |
37
+
| 🌐 **Universal Compatibility**| Works on any web server |
38
+
| 📦 **Zero Dependencies**| No npm install, no build process |
39
+
| 🎨 **Easy to Customize**| Simple HTML/CSS structure |
40
+
| 🌙 **Dark Mode Support**| Many templates include dark themes |
33
41
34
42
## GitAds Sponsored
35
43
[](https://gitads.dev/v1/ad-track?source=ossphilippines/freefolio@github)
If any of the content from our collection is owned by you or your organization and has no proper attribution to the owner, please send us an email at opensourcesoftwareph@gmail.com. This happens sometimes and we apologize for the oversight.
81
112
82
113
## 🎯 Contributing
83
114
84
-
Please read the project's [contributing guide](./CONTRIBUTING.md) for the process for submitting pull requests to us.
115
+
We welcome contributions! Whether it's a new template, bug fix, or improvement to existing templates.
116
+
117
+
Please read the project's [contributing guide](./CONTRIBUTING.md) for the process for submitting pull requests.
118
+
119
+
### How to Contribute a Template
120
+
121
+
1. Fork the repository
122
+
2. Create a new folder for your template
123
+
3. Add your `index.html` and any assets
124
+
4. Follow our template guidelines
125
+
5. Submit a pull request
85
126
86
127
## 📋 Code of Conduct
87
128
@@ -91,10 +132,32 @@ This project and everyone participating in it are governed by the [Contributor C
91
132
92
133
Freefolio is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
93
134
94
-
## 🤔 I am not a web developer, how do I setup my portfolio website?
135
+
## 💻 Development
136
+
137
+
For contributors who want to use the development tools:
138
+
139
+
```bash
140
+
# Install development dependencies
141
+
npm install
142
+
143
+
# Run TailwindCSS in watch mode (for main gallery)
A modern, dark-themed portfolio template inspired by the Northern Lights with comprehensive sections and smooth animations.
4
+
5
+
![Aurora Template - A Freefolio Template](screenshot-aurora.png"Aurora Template - Screenshot")
6
+
7
+
## Features
8
+
9
+
✅ Fast
10
+
11
+
✅ FREE
12
+
13
+
✅ Mobile Responsive
14
+
15
+
✅ SEO Friendly
16
+
17
+
✅ Compatible with any web server
18
+
19
+
✅ 0 Dependencies
20
+
21
+
✅ Dark theme with Aurora Borealis-inspired gradients
22
+
23
+
✅ Smooth CSS animations and transitions
24
+
25
+
✅ Comprehensive sections for complete portfolio
26
+
27
+
✅ Progress bars for skills visualization
28
+
29
+
✅ Interactive hover effects
30
+
31
+
## Sections Included
32
+
33
+
1.**Hero** - Eye-catching introduction with social links
34
+
2.**About** - Personal introduction with statistics
35
+
3.**Experience** - Timeline-based work history
36
+
4.**Skills** - Technical skills with animated progress bars
37
+
5.**Services** - Services offered with icons
38
+
6.**Portfolio** - Project showcase with technology tags
39
+
7.**Testimonials** - Client reviews and ratings
40
+
8.**Blog** - Latest blog posts preview
41
+
9.**Contact** - Contact form and information
42
+
43
+
## How to use
44
+
45
+
1. Clone or manually download the code
46
+
2. Navigate to the "aurora" folder
47
+
3. Edit the `index.html` file with your personal information:
48
+
- Replace "Alex Aurora" with your name
49
+
- Update all section content with your information
50
+
- Modify the work experience timeline
51
+
- Add your own projects in the Portfolio section
52
+
- Update contact information and social links
53
+
- Customize the blog posts or remove the section
54
+
4. Open the `index.html` file in your browser to preview
55
+
5. If everything looks good, upload it to your server
56
+
57
+
## Customization Tips
58
+
59
+
- The color scheme uses aurora-inspired colors (green, blue, purple, pink)
60
+
- All animations are pure CSS - no JavaScript dependencies
61
+
- The aurora background effect creates a dynamic, living feel
62
+
- Progress bars automatically animate when scrolled into view
63
+
- Cards have hover effects for better interactivity
64
+
- The mobile menu is fully responsive
65
+
66
+
## Color Palette
67
+
68
+
- Aurora Green: #00ffaa
69
+
- Aurora Blue: #00aaff
70
+
- Aurora Purple: #aa00ff
71
+
- Aurora Pink: #ff00aa
72
+
- Dark Background: #0a0e1a
73
+
- Dark Card: #1a1f2e
74
+
- Dark Border: #2a2f3e
75
+
76
+
## Icons
77
+
78
+
This template uses Font Awesome icons (loaded via CDN). You can easily change icons by visiting [Font Awesome](https://fontawesome.com/icons) and selecting different icon classes.
79
+
80
+
## I am not a web developer, how do I setup my portfolio website?
81
+
82
+
> Need help with setting up your portfolio website?
0 commit comments