Grain Stylish Portfolio

Stylish Portfolio is a one page theme which provides portfolio grid with pop-up previews, call to action sections and integrated Google Map.

DOWNLOAD
Fork on GitHub

Providing Page Content

As for every other Grain Bootstrap theme, you can customize page content by editing YAML header of the /content/index.html file.

For instance, let's replace the heading text in the top section of the site. Open the index.html file and change a value of the header.title property to 'Design Studio':

1
2
3
header: # name of the top section
    title: Design Studio # site heading
    # ...

Then, to see the changes, run preview mode, open the theme in a browser and take a look at the site header.

The same way you can customize all the other sections of the page:

1
2
3
footer: # footer section
    phone: (555) 456-7890 # your phone number
    mail: test@example.com # your e-mail

Customizing Services & Portfolio

Let's add one more project with a modal to the portfolio section. First, open the /content/index.html file and specify new project entry in the portfolio.projects array:

1
2
3
4
portfolio:
    projects:
        - image: images/portfolio-5.jpg # thumbnail
          modal: portfolioModal5        # modal id

Then add a new modal entry to the portfolio.modals using the same id as you have set in the portfolio.projects.modal, and thus assign the modal to the project:

1
2
3
4
5
6
portfolio:
    # ...
    modals:
        - id: portfolioModal5 # the same id as above
          title: Demo Project # project name
          # ... the other properties of the modal 
To find out how to open, preview and deploy the theme please read the documentation.