Description

This project aims to create a landing page using Agency, which is a one page agency portfolio theme for Bootstrap created by Start Bootstrap. This theme features several content sections, a responsive portfolio grid with hover effects, full page portfolio item modals, a responsive timeline, and so on.

Please note that filling and sending the contact form will not generate any effect, since there is no backend implementation for this project. Therefore, the programming languages involved here are just HTML and CSS.

Take look at the final result here: https://enricmartos.github.io/spottern-landing-page

Deploy with Heroku

The docker image enricmartos/spottern-landing-page is currently available on Docker Hub. Also, this static page has been deployed with Heroku. You can find it here: https://spottern-landing-page.herokuapp.com/

CI with GitHub Actions

The workflow defined in main.yml consists of two jobs that are triggered on every push to the master branch:

• docker_hub_release: Build and push the docker image to Docker Hub registry. The previous Automated Build has been removed since now the push is included in this job.
• heroku_release: Deploy the master branch to Heroku

Build setup

With Docker

• Clone this repo to your local machine

# Build and run the docker image with docker-compose

$ docker-compose -f docker-compose-test.yml up

• Open your browser and test the application on http://localhost:8000/

References

• heroku-docker-nginx-example
• Serve static files from docker via nginx
• Using GitHub Actions to Create a Simple Test and Release Pipeline for a Phoenix App