Hugo Themes

Prev/Next: All Themes

Agnes

Agnes is a landing page Hugo theme ported from the free HTML template designed by Cruip, a marketplace of Tailwind CSS templates. The design is lovely and features an intro screenshot preview, a product/service list, and a three-tier pricing table.

Download Demo
Agnes

Agnes

Netlify Status

Agnes is a landing page Hugo theme ported from the free HTML template designed by Cruip, a marketplace of Tailwind CSS templates. The design is lovely and features an intro screenshot preview, a product/service list, and a three-tier pricing table.

Check out the sample site.

Agnes Screenshot for example site

Getting started

We are assuming that you have already installed Hugo on your computer follow the Quick start guide if not.

Create your Hugo website 

hugo new site my_website
cd my_website

Adding theme to your website

There are two ways to add the theme to your Hugo website.

Method 1: Without involving Git (Easier) 

cd themes
mkdir Agnes
  • Unzip the zip file and copy all the files and folders (from the folder where the README.md file resides) to the Agnes folder.
  • Now test if the theme is working, as follows, and your site should be running at http://localhost:1313/
cd Agnes/exampleSite/*
hugo server --themesDir ../..

Method 2: With Git (needs Git knowledge)

  • Clone the theme repository
git clone https://github.com/dchucks/agnes-hugo-theme.git Agnes
  • Copy the example site
cp -r Agnes/* my_website/themes
  • Navigate to your website, and initialize an empty Git repository in the directory.
cd my_website
git init
  • Add Agnes theme as a submodule and update the site configuration file for the current theme.
git submodule add -f https://github.com/dchucks/agnes-hugo-theme.git ./themes/Agnes
echo "theme = 'Agnes'" >> hugo.toml
  • Start the dev server, your site should be running at http://localhost:1313/
hugo server

Example config.toml

An example site Config file can be found under the theme’s exampleSite folder. Just update the content in the file relevent to your website and you should be done.

Contributing

If you want to contribute to Agnes to add a feature or improve the code, please open an issue or make a pull request.

Show your support

Please give a :star: if this project helped you!

Buy Me a Coffee! Buy me a Coffee ;)

License

GPL-3.0 © Debashish Chakrabarty

See Also