Free Codeigniter Website Templates



1 to 12 of 46 Free Education Website Templates Available on the Free CSS site. Codeigniter Simplicity is a Codeigniter Template Library that is here to make our life easier. It's been a while that there is not any official Template/Layout library inside Codeigniter. In that case I've created the Codeigniter Simplicity that is based on core functionalities of Codeigniter as it represents to me the 'How it should be' project.

You can convert any responsive HTML template into a CodeIgniter project by following this tutorial. You will need a free HTML template, CodeIgniter3 to practice this tutorial. Follow the steps shown below to convert an HTML template into a CodeIgniter project.

Steps:

Free Codeigniter Website Templates

1. A free html template is used in this tutorial to show conversion process. Download the template from the following link.

https://colorlib.com/wp/template/job-board-2/

2. Download CodeIgniter3 from CodeIgniter site.

https://codeigniter.com/en/download

3. Unzip the downloaded codeigniter file and copy the folder in ‘c:xampphtdocs’ folder. Rename the folder by your project name. Here, ‘ci_project‘ is set.

Templates

4. Copy all required folders from the template folder to root folder.

5. Set the following setting in application/config/config.php file.

6. Add a .htaccess file with the following content in the root folder.

7. Create database named ‘ci_pro‘.

8. Run the following SQL commands to create the required tables.

9. Set the database connection by editing application/config/database.php file.

10. Create a default controller with the following code.

11. Set the default controller name in application/config/routes.php file.

12. Create a model named ‘Jp_model‘ with the following code.

13. Create a view file named ‘job.php‘ under view folder and copy the code from index.html file of HTML template.

Codeigniter Template Library

14. Add the following script to link with all images, js and CSS files in the view file.

15. Run the project.

16. Modify the view file in different parts using foreach loop to display data from the database [You can check the video to do the process properly].

Codeigniter View Template

17. Run the project.

Codeigniter Upload Library

Next part of this tutorial given here.