Skip to content

quickx-app/landing-page-hugo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Landing Page Theme for Hugo

Hugo theme based on the landing-page theme for Jekyll

How to use

Background Images

Override the default intro and contact backgrounds by putting images in these files:

  • img/intro-bg.jpg
  • img/contact-bg.jpg

About Section

Create a markdown file named content/about/about.md

---
Title: About Us
Draft: false
---

WidgetCo is the world leader in widget production.

Features Section

Create a markdown file describing a feature you offer in content/features/ - e.g. content/features/widgets.md.

---
Title: Customized Widgets
Img: widgets.png
Category: Features
Draft: false
---

We specialize in bespoke widgets, built to your specification.

Then place a matching image in static/img/features/ - e.g. static/img/features/widgets.png

Pricing Section

Pricing Section Screenshot Find example data in exampleSite/data/pricing.json To enable the pricing section, create content/pricing/pricing.md with draft: false (or copy it from the exampleSite directory).

Social Contact Buttons

Contact buttons will be automatically created if one or more [[params.social]] is configured in config.toml:

baseurl = "http://yourdomain.com"
languageCode = "en-us"
title = "WidgetCo Inc"
[params]
	description = "The best widgets in the world!"

[[params.social]]
	title = "email"
	icon = "envelope-o"
	url = "mailto:[email protected]"
[[params.social]]
	title = "twitter"
	icon = "twitter"
	url = "https://twitter.com/SBootstrap"
[[params.social]]
	title = "github"
	icon = "github"
	url = "https://github.com/IronSummitMedia/startbootstrap"
[[params.social]]
	title = "linkedin"
	icon = "linkedin"
	url = "http://linkedin.com/yourusername"
  • title parameter sets the text to be displayed on the contact button
  • icon parameter sets which Font Awesome icon will be displayed.

Google Analytics

Google Analytics support is automatically enabled if you set the googleAnalytics param in config.toml to your Google Analytics tracking ID.

[params]
googleAnalytics = "UA-12345678-1"

Custom CSS

Add custom CSS by specifying file(s) using custom_css param e.g. files such as static/css/local.css and static/css/media.css

[params]
custom_css = ["css/local.css","css/media.css"]

Demo

View this equivalent jekyll theme in action here

#Have a look, Have a try

git clone https://github.com/crakjie/landing-page-hugo.git
cd landing-page-hugo/exampleSite
hugo server -t landing-page-hugo

Screenshot

screenshot

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published