Jekyll theme based on Freelancer bootstrap theme and the timeline from Agency bootstrap theme
- Header Image
- Timeline from Agency Theme Agency Theme Timeline
- Blog
View this jekyll theme in action here
- Set your site content such as name, title, footer in
_config.yml
- Place your Header Background image in
/img/
and change the value ofheader-bg
in_config.yml
to the image name. - If you don't want a header image then add a
#
before theheader-bg
to comment it out.
- To enable or disable the blog, set the
set-blog
in_config.yml
totrue
orfalse
. - Create posts to display on your blog.
- Place your portfolio images in
/img/portfolio/
- Enter your portfolio data in
_data/projects.yml
. Just edit the values from the default file.
- id: "1"
title: "Your Project 1 Title"
modal_picture: "cabin.png" #The full project image inside the model
icon_picture: "game.png" #image shown in the grid.
description: "Project 1 Description."
points:
- title: "Client:"
links:
- title: "The Client"
href: https://startbootstrap.com/template-overviews/freelancer/
- title: "Date:"
links:
- title: "December 2016"
href: "#"
- title: "Service:"
links:
- title: "Web Development"
href: https://startbootstrap.com
- Keep in mind you can add as my links as you want, say For example you want to add another link to a service. Then just add another
title
andhref
under the first one. - Or you want to add another point, such as Languages used for Project. Then just add another
title
andlinks
.
points:
- title: "Client:"
links:
- title: "The Client"
href: https://startbootstrap.com/template-overviews/freelancer/
- title: "Date:"
links:
- title: "December 2016"
href: "#"
- title: "Service:"
links:
- title: "Web Development"
href: https://startbootstrap.com
- title: "Service 2"
href: https://example.com
- title: "Languages Used"
links:
- title: "C#"
- href: linkToC#.com
- Place your images in
/img/timeline
- Enter your timeline data in
_data/experience.yml
. Just edit the values from the default file. - The following example is for the item on right side of timeline. For left side leave the class blank. i.e
class: ""
.
- class: "timeline-inverted"
icon: "2.jpg"
icon-alt: "alternate text for image"
title: "Your Experience Title"
sub_title: "Some cachy title"
description: |
Description for your Experience.
Can expand to multiple lines <br>
Write whatever you want.<br>
If you want a paragragh then remove the `br` tags .<br>
For more details, read the documentation