diff --git a/README.md b/README.md index aa712b8..9252bde 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,7 @@

Roxo Hugo

screenshot -Roxo Hugo is a digital agency Hugo theme for creative agencies, freelancers, graphic designers, photographers. Can be used for any kind of corporate websites who provides digital services with many expertise such as Design, Digital Products, Development, Campaign & Content, Employer Branding, Animation & Motion Graphics ,Packaging & Product Design, Retail & Spacial, Print & Editorial Design, Concept/Text, Information Design etc. Roxo Hugo’s contact form is supported Formspree. +Roxo Hugo is a digital agency Hugo theme for creative agencies, freelancers, graphic designers, photographers. Can be used for any kind of corporate websites who provides digital services with many expertise such as Design, Digital Products, Development, Campaign & Content, Employer Branding, Animation & Motion Graphics ,Packaging & Product Design, Retail & Spacial, Print & Editorial Design, Concept/Text, Information Design etc. Roxo Hugo’s contact form is supported fabform. ## Table of Contents @@ -18,10 +18,10 @@ Checkout the live demo [here](https://roxo-hugo.staticmania.com/) ## Installation -1. Add the repository into your Hugo Project repository as a submodule, `git submodule add git@github.com:StaticMania/roxo-hugo.git themes/roxo`. +1. Add the repository into your Hugo Project repository as a submodule, `git submodule add git@github.com:StaticMania/roxo-hugo.git themes/roxo-hugo`. 2. Copy the `data`, `content`, `static`, `resources` & `config.toml` files from the `exampleSite` directory and paste it on you Hugo Project repository/directory. From the site home directory: - cp -a themes/roxo/exampleSite/* . + cp -a themes/roxo-hugo/exampleSite/* . 3. Build your site with `hugo serve` and see the result at `http://localhost:1313/`. @@ -34,7 +34,7 @@ Checkout the live demo [here](https://roxo-hugo.staticmania.com/) * Blog Support. * Well formatted code. * Easy Customization. -* Formspree Contact form. +* FabForm.io [static website form](https://fabform.io). * Crafted for Design Agency/ Portfolio ## Support diff --git a/assets/scss/components/_contact.scss b/assets/scss/components/_contact.scss index 8a081a8..9581a0c 100644 --- a/assets/scss/components/_contact.scss +++ b/assets/scss/components/_contact.scss @@ -28,4 +28,23 @@ } } } +} +.contact-form-generator { + margin-top: 20px; + a{ + color: $text-color-dark; + font-size: 13px; + text-transform: uppercase; + margin-bottom: 50px; + letter-spacing: 3px; + &:hover{ + text-decoration: none; + } + @include tablet{ + font-size: 20px; + } + @include desktop{ + margin-bottom: 70px; + } + } } \ No newline at end of file diff --git a/assets/scss/components/_footer.scss b/assets/scss/components/_footer.scss index 051cfc8..1f0497c 100644 --- a/assets/scss/components/_footer.scss +++ b/assets/scss/components/_footer.scss @@ -61,4 +61,21 @@ } } } + &-copyright{ + p{ + color: $white; + margin: 50px auto 0; + text-align: center; + } + a{ + color: $text-color-dark; + transition: all .3s ease; + @include tablet{ + font-size: 20px; + } + @include desktop{ + margin-bottom: 70px; + } + } + } } \ No newline at end of file diff --git a/exampleSite/config.toml b/exampleSite/config.toml index 5c3df9a..262f537 100644 --- a/exampleSite/config.toml +++ b/exampleSite/config.toml @@ -1,7 +1,7 @@ baseURL = "http://example.org/" languageCode = "en-us" title = "Roxo | Creative Design Agency" -theme = "roxo" +theme = "roxo-hugo" summarylength = 25 # Site Menus @@ -38,7 +38,7 @@ summarylength = 25 # Google Analitycs googleAnalitycsID = "Your ID" # We're using formspree.io for form handling, paste your formspree url below - formspreeFormUrl = "https://formspree.io/myykjpje" + fabform = "https://fabform.io/f/USAg2Jl" # Contact Form [params.contactForm] diff --git a/exampleSite/data/team.yml b/exampleSite/data/team.yml index ff8a686..b0b3a7a 100644 --- a/exampleSite/data/team.yml +++ b/exampleSite/data/team.yml @@ -5,40 +5,40 @@ members : name : PABLO ESCOBAR designation : Creative Director medium : https://www.medium.com/ - linkedIn : https://www.linkedin.com/ + linkedin : https://www.linkedin.com/ instagram : https://www.instagram.com/ - image : images/team/team-member-two.jpg name : MONTINO RIAU designation : Product Manager medium : https://www.medium.com/ - linkedIn : https://www.linkedin.com/ + linkedin : https://www.linkedin.com/ instagram : https://www.instagram.com/ - image : images/team/team-member-three.jpg name : ALEX NAASRI designation : Chief Design Officer medium : https://www.medium.com/ - linkedIn : https://www.linkedin.com/ + linkedin : https://www.linkedin.com/ instagram : https://www.instagram.com/ - image : images/team/team-member-four.jpg name : HONGMAN CHIOA designation : UX Researcher medium : https://www.medium.com/ - linkedIn : https://www.linkedin.com/ + linkedin : https://www.linkedin.com/ instagram : https://www.instagram.com/ - image : images/team/team-member-five.jpg name : SANTIO ANDRESS designation : Content Researcher medium : https://www.medium.com/ - linkedIn : https://www.linkedin.com/ + linkedin : https://www.linkedin.com/ instagram : https://www.instagram.com/ - image : images/team/team-member-six.jpg name : RAMESH PAUL designation : Creative Designer medium : https://www.medium.com/ - linkedIn : https://www.linkedin.com/ - instagram : https://www.instagram.com/ \ No newline at end of file + linkedin : https://www.linkedin.com/ + instagram : https://www.instagram.com/ diff --git a/layouts/contact/list.html b/layouts/contact/list.html index f20f73f..4839882 100644 --- a/layouts/contact/list.html +++ b/layouts/contact/list.html @@ -10,20 +10,20 @@

{{ .Params.form_heading }}

-
+
- +
- +
- +
- {{ range .Site.Params.contactForm.projectType }} @@ -35,7 +35,7 @@
-
+

+ ** Static website forms +

diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 0658b18..99a8b40 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -62,12 +62,17 @@

+
+ +
-{{ $formhandler := resources.Get "js/formhandler.js" | minify }} - + {{ $vendor := resources.Get "js/vendor.js" | minify }} {{ $script := resources.Get "js/script.js" | minify }} diff --git a/layouts/partials/hero.html b/layouts/partials/hero.html index 30120dd..8fef74d 100644 --- a/layouts/partials/hero.html +++ b/layouts/partials/hero.html @@ -35,9 +35,9 @@ - arrow-down + arrow-down {{ "" | safeHTML }} {{ end }} -{{ end }} \ No newline at end of file +{{ end }}