Codester: Free Responsive Bootstrap Template
In our last post we have listed responsive grid framework and in the end of the post we mentioned that we will be bringing you a responsive bootstrap template as a freebie. So with keeping the promise today we would like introduce you to our first bootstrap template.
About Bootstrap
Bootstrap is responsive grid framework or say toolkit to fasten the frontend prototyping and also building the production ready web application. It really help out the frontend designer to prototype his responsive web project. In recent days bootstrap has proved to be a complete toolkit to create a beautiful web app faster and easily.
It actually comes up with many add-ons and plugins which makes it interactive, easy to customize, upgradable and flexible enough to extend it to the desired level.
About Codester
Codester is basically a portfolio template for creative people like designers, photographers, graphics artists and more. But with some basic customization you can actually transform this template into your desired website. Codester comes with complete customizable package including latest JavaScript, Scaffolding, Base CSS and Components.
We designed and developed this free template completly on the basics of Bootstrap framework. In includes all the functionality of bootstrap template. Following are some of the features of this template:
- Responsive design
- Compatible with all major browsers
- Compatible with mobile and tablet screen sizes
- Completely functional Contact form
- Included search functionality
- Included search functionality
- Beautiful portfolio gallery
- Included Blog layout
- Beautiful Accordion image slider on home page
- Flexible
- Completely customizable.
- Add-on by Template Monster
Desktop Preview
Iphone, Tablet preview
All media preview
You can download the template here and that’s also absolutely free! Don’t forget to subscribe us via socials to be updated on our latest articles, useful tutorials, creative freebies and inspirational stuff.
Awesome, wicked template! Cheers
Thanks Tania,
Appreciation always foster confidence.
Where are the Demo- and Download-Links?
You will find the demo and download link behind the Twitter follow block.
You can close it or follow us on twitter to unlock the link.
Let us know once you successfully see the demo and download links or you find some trouble.
Wow. What a gorgeous design. Thank you for posting it in the Freebies.
Really nice! Thanks for the generosity! Good karma is coming your way.
Hey! How do I remove the bootstrap navbar on top? I don’t see any HTML?
Hello Vignesh,
To hide the bootstrap navbar, go to docs.css which is located in CSS folder.
Open the file and go to line no 44 or search the class #panel #advanced
Add a css property as
display:noneand you are done!is there any way to keep the navbar, but change the links?
Hello Kurt,
Will you please elaborate?
I figured it out. The top (fixed) nav bar’s html is in bootstrap.css, and is “prepended”. Just curious, why is it not in the html outright?
Awesome design cheers.
I would like to change the images in the main carousel to slide instead of fade, which file would I need to edit to do this?
Cheers
Hello Richard,
All those carousel to slide switching is handled using the media queries.
To make the images slide you just have change the min and max media screen
in css/kwicks-slider.css file.
Just search and replace this line
@media handheld, only screen and (min-width:1300px)with@media handheld, only screen and (min-width:1900px)and
@media only screen and (max-width:1299px)with@media only screen and (max-width:1899px)PS: Considering the screen size 1899px max upto which images will slide and navigation will be visible.
Pingback: Weekly Design News (N.173)
Great theme but i have a error “missing style.css” so i can’t use it :’(
Are you trying to install it to WordPress?
Euh…Yes..I miss something here?
My english is not so good maybe i read wrong and is it not for wordpress
Well, we will try to release a WordPress version of this template
I found this great template you’ve kindly offered for free whilst i was researching Twitter Bootstrap. I understand the whole layout was created using Bootstrap but all the extra functionality, is this something that was added by using custom php & js? This may sound like a very stupid question (forgive me, i’m only just learning web design), but how do i make use of such features, like the blog? Do i need to know php and js or do i need to plug this template into some kind of ‘platform’? Any pointers would be helpful and greatly appreciated, and again, sorry for what may seem like a daft question here.
Hello Jason,
Yes, all the extra features has been added using the custom php and js codes.
Regarding the blog, you need to convert the template into some CMS theme like WordPress.
And you are always welcome to ask questions and clear your queries
Thank You for clearing this up for me, i understand this better now
Hi there!
Thank you so much for this!
Best,
-Kiran
Where would you go to edit the image that shows up in the gallery when you click on an image?
We used the gallery on two pages. Open index.html file and search for img/image-blank.png
you need to replace this default image with your images.
Same in the work.html file. Once you updated the link you will see your image.
Let us know if you find any difficulty.
Great template, thanks a lot.
But I can’t get the contact form to work. I’ve changed “ownerEmail” to my own but I dont get the form send to it.
Any ideas?
cheers
Pete
Great portfolio bootstrap template! Absolutely what I am looking for.
Thanks for make it free Dzyngiri.
Cheers,
You welcome Rifai
Hi, i want to use this bootstrap theme on a tumblr blog, it’s a free blog not hosted. Can i do it this way or not, i am not able to find the answer please guide me through this.
Thanks
P.S. – Awesome Template
Hello Sahil,
Yo can use it any way! Do share a link when you are done with your Tumblr blog.
It will be an inspiration for us
We believe on one thing, and that is “Knowledge must be Open Source!”
So, go ahead and Best Luck!