Repository: CloudCannon/urban-jekyll-template Branch: main Commit: 5119f52c23fe Files: 50 Total size: 63.7 KB Directory structure: gitextract_xnoaes3w/ ├── .gitignore ├── Gemfile ├── LICENSE ├── README.md ├── _clients/ │ ├── _defaults.md │ ├── cause.md │ ├── edition.md │ ├── frisco.md │ ├── hydra.md │ ├── justice.md │ └── malt.md ├── _config.yml ├── _data/ │ ├── company.yml │ ├── footer.yml │ └── navigation.yml ├── _includes/ │ ├── list-posts.html │ ├── navigation.html │ ├── post-summary.html │ ├── post-title.html │ ├── relative-src.html │ ├── social-icon.html │ └── staff-member.html ├── _layouts/ │ ├── archive.html │ ├── client.html │ ├── default.html │ ├── page.html │ └── post.html ├── _posts/ │ ├── 2016-07-28-effective-upselling-techniques.md │ ├── 2016-08-06-definition-of-sales.md │ ├── 2016-08-12-the-history-of-marketing.md │ └── _defaults.md ├── _sass/ │ ├── blog.scss │ ├── cloudcannon.scss │ ├── contact.scss │ ├── elements.scss │ ├── footer.scss │ ├── forms.scss │ ├── layout.scss │ └── navigation.scss ├── _staff_members/ │ ├── _defaults.md │ ├── anna.md │ └── james.md ├── about.html ├── blog/ │ └── index.html ├── contact-success.html ├── contact.html ├── css/ │ └── screen.scss ├── index.html ├── js/ │ └── map.js └── portfolio.html ================================================ FILE CONTENTS ================================================ ================================================ FILE: .gitignore ================================================ _site/ .sass-cache/ .jekyll-cache/ .jekyll-metadata ================================================ FILE: Gemfile ================================================ source 'https://rubygems.org' gem 'jekyll', '~> 4.2.0' group :jekyll_plugins do gem 'jekyll-archives', '~> 2.2.1' gem 'jekyll-feed', '~> 0.15.1' gem 'jekyll-paginate', '~> 1.1.0' gem 'jekyll-seo-tag', '~> 2.7.1' gem 'jekyll-sitemap', '~> 1.4.0' end ================================================ FILE: LICENSE ================================================ MIT License Copyright (c) 2016 CloudCannon Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ================================================ FILE: README.md ================================================ # Urban [ LEGACY TEMPLATE NO LONGER MAINTAINED ] Web Agency themed business template for Jekyll. Browse through a [live demo](https://teal-worm.cloudvent.net/). Increase the web presence of your agency with this configurable theme. ![Urban template screenshot](images/_screenshot.png) Urban was made by [CloudCannon](https://cloudcannon.com/), the Cloud CMS for Jekyll. Find more templates, themes and step-by-step Jekyll tutorials at [CloudCannon Academy](https://learn.cloudcannon.com/). [![Deploy to CloudCannon](https://buttons.cloudcannon.com/deploy.svg)](https://app.cloudcannon.com/register#sites/connect/github/CloudCannon/urban-jekyll-template) ## Features * Contact form * Pre-built pages * Pre-styled components * Blog with pagination * Post category pages * Disqus comments for posts * Staff and author system * Configurable footer * Optimised for editing in [CloudCannon](https://cloudcannon.com/) * RSS/Atom feed * SEO tags * Google Analytics ## Setup 1. Add your site and author details in `_config.yml`. 2. Add your Google Analytics and Disqus keys to `_config.yml`. 3. Get a workflow going to see your site's output (with [CloudCannon](https://app.cloudcannon.com/) or Jekyll locally). ## Develop Urban was built with [Jekyll](https://jekyllrb.com/) version 3.3.1, but should support newer versions as well. Install the dependencies with [Bundler](https://bundler.io/): ~~~bash $ bundle install ~~~ Run `jekyll` commands through Bundler to ensure you're using the right versions: ~~~bash $ bundle exec jekyll serve ~~~ ## Editing Urban is already optimised for adding, updating and removing pages, staff, advice, company details and footer elements in [CloudCannon](https://app.cloudcannon.com/). ### Posts * Add, update or remove a post in the *Posts* collection. * The **Staff Author** field links to members in the **Staff** collection. * Documentation pages are organised in the navigation by category, with URLs based on the path inside the `_docs` folder. * Change the defaults when new posts are created in `_posts/_defaults.md`. ### Contact Form * Preconfigured to work with [CloudCannon](https://app.cloudcannon.com/), but easily changed to another provider (e.g. [FormSpree](https://formspree.io/)). * Sends email to the address listed in company details. ### Staff * Reused around the site to save multiple editing locations. * Add `excluded_in_search: true` to any documentation page's front matter to exclude that page in the search results. ### Footer * Exposed as a data file to give clients better access. * Set in the *Data* / *Footer* section. ### Company details * Reused around the site to save multiple editing locations. * Set in the *Data* / *Company* section. ================================================ FILE: _clients/_defaults.md ================================================ --- name: subtitle: external_url: image_path: --- ================================================ FILE: _clients/cause.md ================================================ --- name: Cause Template subtitle: Not for profit template for Jekyll external_url: https://github.com/CloudCannon/cause-jekyll-template image_path: /images/clients/cause.jpg --- Not for profit themed template for Jekyll. Browse through a [live demo](https://clean-oryx.cloudvent.net/). Increase the web presence of a not for profit or cause website with this configurable theme. CloudCannon was made by [CloudCannon](https://cloudcannon.com/), the Cloud CMS for Jekyll. Find more templates, themes and step-by-step Jekyll tutorials at [CloudCannon Academy](https://learn.cloudcannon.com/). ## Features * Pre-built pages * Pre-styled components * Configurable footer * Optimised for editing in [CloudCannon](https://cloudcannon.com/) * SEO tags * Google Analytics * [Donorbox](https://donorbox.org/) * [MailChimp](https://mailchimp.com/) ## Setup 1. Add your site details in `_config.yml`. 2. Add your Google Analytics to `_config.yml`. 3. Get a workflow going to see your site's output (with [CloudCannon](https://app.cloudcannon.com/) or Jekyll locally). ## Develop Cause was built with [Jekyll](https://jekyllrb.com/) version 3.3.1, but should support newer versions as well. Install the dependencies with [Bundler](https://bundler.io/): ~~~bash $ bundle install ~~~ Run `jekyll` commands through Bundler to ensure you're using the right versions: ~~~bash $ bundle exec jekyll serve ~~~ ## Editing Cause is already optimised for updating pages, company details and footer elements in CloudCannon. ## SEO Tag This site uses the [jekyll-seo-tag](https://github.com/jekyll/jekyll-seo-tag) plugin. You should at least set a title in front matter on each page. Have a look at the [project page](https://github.com/jekyll/jekyll-seo-tag) for more options. ## Google Analytics [Google Analytics](https://www.google.com/analytics/) is a third party website analytics tool. To install: 1. Add your Google Analytics key to `_config.yml` 2. Run your site in production `JEKYLL_ENV=production`. This is the default in CloudCannon and GitHub Pages. ## Donorbox [Donorbox](https://donorbox.org/) is a third party embeddable donation form for websites. To install: 1. Set up a campaign on Donorbox 2. Copy the embed code from the Dashboard screen 3. Paste it into `donation_embed` in `_config.yml` ## Mailchimp [Mailchimp](https://mailchimp.com/) is a third party embeddable newsletter for websites. To install: 1. Set up a campaign on Mailchimp 2. Find the embed code for the sign up form 3. Copy the `
`'s action url 4. Paste it into `newsletter_action` in `_config.yml` ### Company details * Reused around the site to save multiple editing locations. * Set in the *Data* / *Company* section. ================================================ FILE: _clients/edition.md ================================================ --- name: Edition Template subtitle: Product documentation template for Jekyll external_url: https://github.com/CloudCannon/edition-jekyll-template image_path: /images/clients/edition.png --- Product documentation template for Jekyll. Browse through a [live demo](https://long-pig.cloudvent.net/). Start documenting your product, application, service or website with this configurable theme. Edition was made by [CloudCannon](https://cloudcannon.com/), the Cloud CMS for Jekyll. Find more templates, themes and step-by-step Jekyll tutorials at [CloudCannon Academy](https://learn.cloudcannon.com/). ## Features * Two column layout * Full text search * Pre-styled components * Auto-generated navigation based on category * Optimised for editing in [CloudCannon](https://cloudcannon.com/) * Change log * RSS/Atom feed * SEO tags * Google Analytics ## Setup 1. Add your site and author details in `_config.yml`. 2. Get a workflow going to see your site's output (with [CloudCannon](https://app.cloudcannon.com/) or Jekyll locally). ## Develop Edition was built with [Jekyll](https://jekyllrb.com/) version 3.3.1, but should support newer versions as well. Install the dependencies with [Bundler](https://bundler.io/): ~~~bash $ bundle install ~~~ Run `jekyll` commands through Bundler to ensure you're using the right versions: ~~~bash $ bundle exec jekyll serve ~~~ ## Editing Edition is already optimised for adding, updating and removing documentation pages in CloudCannon. ### Documentation pages * Add, update or remove a documentation page in the *Documentation* collection. * Change the category of a documentation page to move it to another section in the navigation. * Documentation pages are organised in the navigation by category, with URLs based on the path inside the `_docs` folder. ### Change log * Add, update or remove change log entries from your posts. * Tag entries as minor or major in the front matter. ### Search * Add `excluded_in_search: true` to any documentation page's front matter to exclude that page in the search results. ### Navigation * Change `site.show_full_navigation` to control all or only the current navigation group being open. ================================================ FILE: _clients/frisco.md ================================================ --- name: Frisco Template subtitle: App marketing template for Jekyll external_url: https://github.com/CloudCannon/frisco-jekyll-template image_path: /images/clients/frisco.jpg --- App promotion themed template for Jekyll. Browse through a [live demo](https://brave-submarine.cloudvent.net/). Increase the web presence of a App with this configurable theme. Frisco was made by [CloudCannon](https://cloudcannon.com/), the Cloud CMS for Jekyll. Find more templates, themes and step-by-step Jekyll tutorials at [CloudCannon Academy](https://learn.cloudcannon.com/). ## Features * Contact form * Pre-built pages * Pre-styled components * Blog with pagination * Post category pages * Disqus comments for posts * Staff and author system * Configurable footer * Optimised for editing in [CloudCannon](https://cloudcannon.com/) * RSS/Atom feed * SEO tags * Google Analytics ## Setup 1. Add your site and author details in `_config.yml`. 2. Add your Google Analytics and Disqus keys to `_config.yml`. 3. Get a workflow going to see your site's output (with [CloudCannon](https://app.cloudcannon.com/) or Jekyll locally). ## Develop Frisco was built with [Jekyll](https://jekyllrb.com/) version 3.3.1, but should support newer versions as well. Install the dependencies with [Bundler](https://bundler.io/): ~~~bash $ bundle install ~~~ Run `jekyll` commands through Bundler to ensure you're using the right versions: ~~~bash $ bundle exec jekyll serve ~~~ ## Editing Frisco is already optimised for adding, updating and removing pages, staff, advice, company details and footer elements in CloudCannon. ### Posts * Add, update or remove a post in the *Posts* collection. * The **Staff Author** field links to members in the **Staff Members** collection. * Documentation pages are organised in the navigation by category, with URLs based on the path inside the `_docs` folder. * Change the defaults when new posts are created in `_posts/_defaults.md`. ### Contact Form * Preconfigured to work with CloudCannon, but easily changed to another provider (e.g. [FormSpree](https://formspree.io/)). ### Staff * Reused around the site to save multiple editing locations. ### Footer * Exposed as a data file to give clients better access. * Set in the *Data* / *Navigation* section. ### Footer * Exposed as a data file to give clients better access. * Set in the *Data* / *Footer* section. ================================================ FILE: _clients/hydra.md ================================================ --- name: Hydra Template subtitle: Product marketing template for Jekyll external_url: https://github.com/CloudCannon/hydra-jekyll-template image_path: /images/clients/hydra.png --- Marketing site template for Jekyll. Browse through a [live demo](https://proud-alligator.cloudvent.net/). Increase the web presence of your brand with this configurable theme. Hydra was made by [CloudCannon](https://cloudcannon.com/), the Cloud CMS for Jekyll. Find more templates, themes and step-by-step Jekyll tutorials at [CloudCannon Academy](https://learn.cloudcannon.com/). ## Features * Contact form * Pre-built pages * Pre-styled components * Blog with pagination * Post category pages * Disqus comments for posts * Staff and author system * Configurable footer * Optimised for editing in [CloudCannon](https://cloudcannon.com/) * RSS/Atom feed * SEO tags * Google Analytics ## Setup 1. Add your site and author details in `_config.yml`. 2. Add your Google Analytics and Disqus keys to `_config.yml`. 3. Get a workflow going to see your site's output (with [CloudCannon](https://app.cloudcannon.com/) or Jekyll locally). ## Develop Hydra was built with [Jekyll](https://jekyllrb.com/) version 3.3.1, but should support newer versions as well. Install the dependencies with [Bundler](https://bundler.io/): ~~~bash $ bundle install ~~~ Run `jekyll` commands through Bundler to ensure you're using the right versions: ~~~bash $ bundle exec jekyll serve ~~~ ## Editing Hydra is already optimised for adding, updating and removing pages, staff, advice, company details and footer elements in CloudCannon. ### Posts * Add, update or remove a post in the *Posts* collection. * The **Staff Author** field links to members in the **Staff** collection. * Documentation pages are organised in the navigation by category, with URLs based on the path inside the `_docs` folder. * Change the defaults when new posts are created in `_posts/_defaults.md`. ### Contact Form * Preconfigured to work with CloudCannon, but easily changed to another provider (e.g. [FormSpree](https://formspree.io/)). * Sends email to the address listed in company details. ### Staff * Reused around the site to save multiple editing locations. * Add `excluded_in_search: true` to any documentation page's front matter to exclude that page in the search results. ### Navigation * Exposed as a data file to give clients better access. * Set in the *Data* / *Navigation* section. ### Footer * Exposed as a data file to give clients better access. * Set in the *Data* / *Footer* section. ================================================ FILE: _clients/justice.md ================================================ --- name: Justice Template subtitle: Law firm themed business template for Jekyll external_url: https://github.com/CloudCannon/justice-jekyll-template image_path: /images/clients/justice.jpg --- Law firm themed business template for Jekyll. Browse through a [live demo](https://grey-grouse.cloudvent.net/). Increase the web presence of a law firm or business with this configurable theme. Justice was made by [CloudCannon](https://cloudcannon.com/), the Cloud CMS for Jekyll. Find more templates, themes and step-by-step Jekyll tutorials at [CloudCannon Academy](https://learn.cloudcannon.com/). ## Features * Contact form * Pre-built pages * Pre-styled components * Blog with pagination * Post category pages * Disqus comments for posts * Staff and author system * Configurable footer * Optimised for editing in [CloudCannon](https://cloudcannon.com/) * RSS/Atom feed * SEO tags * Google Analytics ## Setup 1. Add your site and author details in `_config.yml`. 2. Add your Google Analytics and Disqus keys to `_config.yml`. 3. Get a workflow going to see your site's output (with [CloudCannon](https://app.cloudcannon.com/) or Jekyll locally). ## Develop Justice was built with [Jekyll](https://jekyllrb.com/) version 3.3.1, but should support newer versions as well. Install the dependencies with [Bundler](https://bundler.io/): ~~~bash $ bundle install ~~~ Run `jekyll` commands through Bundler to ensure you're using the right versions: ~~~bash $ bundle exec jekyll serve ~~~ ## Editing Justice is already optimised for adding, updating and removing pages, staff, advice, company details and footer elements in [CloudCannon](https://app.cloudcannon.com/). ### Posts * Add, update or remove a post in the *Posts* collection. * The **Staff Author** field links to members in the **Staff** collection. * Documentation pages are organised in the navigation by category, with URLs based on the path inside the `_docs` folder. * Change the defaults when new posts are created in `_posts/_defaults.md`. ### Contact Form * Preconfigured to work with [CloudCannon](https://app.cloudcannon.com/), but easily changed to another provider (e.g. [FormSpree](https://formspree.io/)). * Sends email to the address listed in company details. ### Staff * Reused around the site to save multiple editing locations. * Add `excluded_in_search: true` to any documentation page's front matter to exclude that page in the search results. ### Footer * Exposed as a data file to give clients better access. * Set in the *Data* / *Footer* section. ### Company details * Reused around the site to save multiple editing locations. * Set in the *Data* / *Company* section. ================================================ FILE: _clients/malt.md ================================================ --- name: Malt Template subtitle: Event marketing template for Jekyll external_url: https://github.com/CloudCannon/malt-jekyll-template image_path: /images/clients/malt.jpg --- Event marketing template for Jekyll. Browse through a [live demo](https://whispering-boat.cloudvent.net/). Increase the web presence of your event with this configurable theme. CloudCannon was made by [CloudCannon](https://cloudcannon.com/), the Cloud CMS for Jekyll. Find more templates, themes and step-by-step Jekyll tutorials at [CloudCannon Academy](https://learn.cloudcannon.com/). ## Features * Pre-built page * Pre-styled components * Optimised for editing in [CloudCannon](https://cloudcannon.com/) * SEO tags * Google Analytics * [EventBrite](https://www.eventbrite.com/) * Contact Form * Featured * Image Gallery ## Setup 1. Add your site details in `_config.yml`. 2. Add your Google Analytics to `_config.yml`. 3. Get a workflow going to see your site's output (with [CloudCannon](https://app.cloudcannon.com/) or Jekyll locally). ## Develop Malt was built with [Jekyll](https://jekyllrb.com/) version 3.3.1, but should support newer versions as well. Install the dependencies with [Bundler](https://bundler.io/): ~~~bash $ bundle install ~~~ Run `jekyll` commands through Bundler to ensure you're using the right versions: ~~~bash $ bundle exec jekyll serve ~~~ ## Editing Malt is already optimised for updating pages, company details and footer elements in CloudCannon. ## SEO Tag This site uses the [jekyll-seo-tag](https://github.com/jekyll/jekyll-seo-tag) plugin. You should at least set a title in front matter on each page. Have a look at the [project page](https://github.com/jekyll/jekyll-seo-tag) for more options. ## Google Analytics [Google Analytics](https://www.google.com/analytics/) is a third party website analytics tool. To install: 1. Add your Google Analytics key to `_config.yml`. 2. Run your site in production `JEKYLL_ENV=production` (the default for CloudCannon and GitHub Pages). ## EventBrite [EventBrite](https://www.eventbrite.com/) is a third party embeddable event module for websites. To install: 1. Create an event on EventBrite. 2. Copy the Ticket Form embed code from the Widgets menu item. 3. Paste it into `eventbrite_embed` in `_config.yml`. ## Image gallery / Featured The image gallery is populated by a front matter array in `index.html`. To add items just copy the existing structure. ================================================ FILE: _config.yml ================================================ title: Urban Template url: "https://teal-worm.cloudvent.net" baseurl: google_analytics_key: google_maps_javascript_api_key: disqus_shortname: # Default description in social shares for the jekyll-seo-tag gem description: Jekyll template with example content for a web agency. # Author details for the jekyll-seo-tag gem author: name: email: twitter: # twitter username without the @ symbol # Social details for the jekyll-seo-tag gem social: name: Urban Template links: - https://github.com/CloudCannon/urban-jekyll-template timezone: Etc/UTC collections: staff_members: output: false clients: output: true paginate: 10 paginate_path: "/blog/:num/" permalink: pretty jekyll-archives: enabled: - "categories" plugins: - "jekyll-feed" - "jekyll-seo-tag" - "jekyll-paginate" - "jekyll-archives" exclude: - Gemfile - Gemfile.lock - README.md - LICENCE defaults: - scope: path: "" type: "posts" values: layout: "post" _options: content: width: 960 height: 2000 - scope: path: "" type: "clients" values: layout: "client" _options: image_path: width: 2000 height: 2000 - scope: path: "" type: "staff_members" values: _options: image_path: width: 600 height: 600 - scope: path: "" type: "pages" values: layout: "page" - scope: path: "index.html" type: "pages" values: layout: "default" # ----------- # CloudCannon _select_data: social_icons: - Facebook - Instagram - LinkedIn - Pinterest - Tumblr - Twitter - YouTube - RSS ================================================ FILE: _data/company.yml ================================================ title: Urban Ltd description: Bringing the best experiences to the web for you and your clients. contact_email_address: contact@example.com phone: (03) 123 4567 address: 123 Example Street, Gooseburb, 9876, Ducktown, New Zealand postal_address: PO Box 123, Ducktown, New Zealand ================================================ FILE: _data/footer.yml ================================================ - title: Pages links: - name: Home link: / - name: Portfolio link: /portfolio/ - name: Blog link: /blog/ - name: About link: /about/ - name: Contact link: /contact/ - title: Social links: - name: Facebook link: https://facebook.com/cloudcannon/ social_icon: Facebook new_window: true - name: Twitter link: https://twitter.com/cloudcannon/ social_icon: Twitter new_window: true - name: Instagram link: https://instagram.com/ social_icon: Instagram new_window: true - name: LinkedIn link: https://nz.linkedin.com/company/cloud-cannon social_icon: LinkedIn new_window: true ================================================ FILE: _data/navigation.yml ================================================ links: - name: Portfolio link: /portfolio/ - name: Blog link: /blog/ - name: About link: /about/ - name: Contact link: /contact/ ================================================ FILE: _includes/list-posts.html ================================================ {% for post in include.posts %}
  • {% include post-summary.html post=post %}
    • {% endfor %} ================================================ FILE: _includes/navigation.html ================================================ ================================================ FILE: _includes/post-summary.html ================================================

    {{ include.post.title }}

    {% include post-title.html post=post %}
    {{ include.post.excerpt }}

    Read More →

    ================================================ FILE: _includes/post-title.html ================================================

    {% for category in include.post.categories %} {{ category | capitalize }} {% endfor %} {{ include.post.date | date: "%B %d, %Y" }}

    ================================================ FILE: _includes/relative-src.html ================================================ {% assign prefix = include.src | slice: 0, 2 %}{% assign protocol = include.src | slice: 0, 4 %}{% unless protocol == 'http' or prefix == "//" %}{{ site.baseurl }}{% endunless %}{{ include.src }} ================================================ FILE: _includes/social-icon.html ================================================ {% case include.icon %} {% when "Facebook" %} {% when "Instagram" %} {% when "LinkedIn" %} {% when "Pinterest" %} {% when "Tumblr" %} {% when "Twitter" %} {% when "YouTube" %} {% when "RSS" %} {% endcase %} ================================================ FILE: _includes/staff-member.html ================================================
    {{ include.member.name }}
    {{ include.member.name }}
    {{ include.member.position }}
     ================================================ FILE: _layouts/archive.html ================================================ --- layout: default --- {% assign blog = site.pages | where: "path", "blog/index.html" | first %}
    {% if blog.heading %}

    {{ blog.heading }} / {{ page.title | capitalize }}

    {% endif %} {% if blog.subtitle %}

    {{ blog.subtitle }}

    {% endif %}
      {% include list-posts.html posts=page.posts %}
    ================================================ FILE: _layouts/client.html ================================================ --- layout: default --- {% assign portfolio = site.pages | where: "path", "portfolio.html" | first %}
    {% if portfolio.heading %}

    {{ portfolio.heading }} / {{ page.title | capitalize }}

    {% endif %} {% if page.subtitle %}

    {{ page.subtitle }}

    {% endif %}

    {{ content }}

    View {{ page.title }} →

    ================================================ FILE: _layouts/default.html ================================================ {% seo %} {% feed_meta %} {% if jekyll.environment == 'production' and site.google_analytics_key != '' %} {% endif %}

    Urban

    {% include navigation.html %}
    {{ content }} ================================================ FILE: _layouts/page.html ================================================ --- layout: default ---
    {% if page.heading %}

    {{ page.heading }}

    {% elsif page.title %}

    {{ page.title }}

    {% endif %} {% if page.subtitle %}

    {{ page.subtitle }}

    {% endif %}
    {{ content }} ================================================ FILE: _layouts/post.html ================================================ --- layout: page ---
    {% include post-title.html post=page %}
    {{ content }}
    {% if page.author_staff_member %}

    Author

      {% assign author_id = page.author_staff_member | prepend: "/staff_members/" | append: "/" %} {% assign author = site.staff_members | where: "url", author_id | first %}
    • {% include staff-member.html member=author %}
    {% endif %}

    Next post

    {% if page.next %} {% include post-summary.html post=page.next %} {% elsif page.previous %} {% include post-summary.html post=page.previous %} {% endif %}
    {% if site.disqus_shortname and page.show_comments %}

    Comments

    {% endif %} ================================================ FILE: _posts/2016-07-28-effective-upselling-techniques.md ================================================ --- title: Effective upselling techniques categories: - sales - tips author_staff_member: james show_comments: true --- Upselling is a sales technique whereby a seller induces the customer to purchase more expensive items, upgrades or other add-ons in an attempt to make a more profitable sale. While it usually involves marketing more profitable services or products, it can be simply exposing the customer to other options that were perhaps not considered. In practice, large businesses usually combine upselling and cross-selling to maximize profit. In doing so, an organization must ensure that its relationship with the client is not disrupted. ![Seaside City](https://unsplash.it/960/600?image=590) In restaurants and other similar settings, upselling is commonplace and an accepted form of business. In other businesses (e.g. car sales), the customer’s perception of the attempted upsell can be viewed negatively and impact the desired result. ## Why should you upsell? Upselling is a common practice for service providers that offer different service classes such as airlines (cf. Bohutinsky, 1990). According to “the journal of business and industrial marketing; written collaboratively by Michael J, Sheehan and Paul R, Prabhaker “It is five times more expensive to get a new customer as it is to hold onto a current one.” Selling to a new customer would mean having to start the sales process from the very beginning thus having to establish a new relationship with a different customer. This can be time consuming and often not very effective. ![Landscape](https://unsplash.it/960/600?image=1043) ## The benefits Upselling to a customer that you have already built a rapport with, means that they are more likely to buy from you, listen to your suggestions and opinions and trust you. Selling to the same customer can lead to loyal customers and repeat sales. Upselling brings up the profit that the business makes and the value of the sale. However it is important to understand that although your main objective is to bring up revenue and increase the amount of the sale, a customers experience and their time with you influences future decisions that they make. An upsell can be beneficial to both the seller and the consumer if relevant products are being shown to the customer. For instance, if you had a strict budget of $20,000 for a car, you would not want to be sold a car for twice the amount. [source](https://en.wikipedia.org/wiki/Upselling): Wikipedia ================================================ FILE: _posts/2016-08-06-definition-of-sales.md ================================================ --- title: Definition of sales categories: - sales author_staff_member: anna show_comments: true --- A person or organization expressing an interest in acquiring the offered item of value is referred to as a potential buyer, prospective customer or prospect. Buying and selling are understood to be two sides of the same "coin" or transaction. Both seller and buyer engage in a process of negotiation to consummate the exchange of values. The exchange, or selling, process has implied rules and identifiable stages. ![Tiger](https://unsplash.it/960/600?image=593) It is implied that the selling process will proceed fairly and ethically so that the parties end up nearly equally rewarded. The stages of selling, and buying, involve getting acquainted, assessing each party’s need for the other’s item of value, and determining if the values to be exchanged are equivalent or nearly so, or, in buyer's terms, "worth the price.” Sometimes, sellers have to use their own experiences when selling products with appropriate discounts. ## Management point of view From a management viewpoint it is thought of as a part of marketing, although the skills required are different. Sales often forms a separate grouping in a corporate structure, employing separate specialist operatives known as salespersons (singular: salesperson). Selling is considered by many to be a sort of persuading "art". Contrary to popular belief, the methodological approach of selling refers to a systematic process of repetitive and measurable milestones, by which a salesman relates his or her offering of a product or service in return enabling the buyer to achieve their goal in an economic way. While the sales process refers to a systematic process of repetitive and measurable milestones, the definition of the selling is somewhat ambiguous due to the close nature of advertising, promotion, public relations, and direct marketing. ![Bus](https://unsplash.it/960/600?image=672) Selling is the profession-wide term, much like marketing defines a profession. Recently, attempts have been made to clearly understand who is in the sales profession, and who is not. There are many articles looking at marketing, advertising, promotions, and even public relations as ways to create a unique transaction. ## Common terms Two common terms used to describe a salesperson are "Farmer" and "Hunter". The reality is that most professional sales people have a little of both. A hunter is often associated with aggressive personalities who use aggressive sales technique. In terms of sales methodology a hunter refers to a person whose focus is on bringing in and closing deals. This process is called “sales capturing”. An example is a commodity sale such as a long distance sales person, shoe sales person and to a degree a car sales person. Their job is to find and convert buyers. A sales farmer is someone who creates sales demand by activities that directly influence and alter the buying process. ![Person](https://unsplash.it/960/600?image=1027) ## Systems approach Many believe that the focus of selling is on the human agents involved in the exchange between buyer and seller. Effective selling also requires a systems approach, at minimum involving roles that sell, enable selling, and develop sales capabilities. Selling also involves salespeople who possess a specific set of sales skills and the knowledge required to facilitate the exchange of value between buyers and sellers that is unique from marketing, advertising, etc. ![Plant](https://unsplash.it/960/600?image=601) Within these three tenets, the following definition of professional selling is offered by the American Society for Training and Development (ASTD): “The holistic business system required to effectively develop, manage, enable, and execute a mutually beneficial, interpersonal exchange of goods and/or services for equitable value.” Team selling is one way to influence sales. Team selling is “a group of people representing the sales department and other functional areas in the firm, such as finance, production, and research and development”. (Spiro) Team selling came about in the 1990s through total quality management (TQM). TQM occurs when companies work to improve their customer satisfaction by constantly improving all of their operations. [source](https://en.wikipedia.org/wiki/Sales): Wikipedia ================================================ FILE: _posts/2016-08-12-the-history-of-marketing.md ================================================ --- title: The history of marketing categories: - marketing author_staff_member: james show_comments: true --- The beginnings of digital marketing technology can be traced back to the 1980's, when computers became sophisticated enough to store huge volumes of customer information. For a brief moment, no one knew what would happen in digital marketing, but by the 90's it all became clear. ![Cars](https://unsplash.it/960/600?image=133) The history of marketing is to a large extent a product of Internet's history as markets have adapted to keep abreast of changes and keep up with the way the major Search Engines rank web pages. Major changes include, in chronological order: 1991- Gopher: A network protocol, one of the very first query and search tools. Gopher was widely used for a couple of years, but usage has now fallen off, with barely 100 Gopher servers now indexed. 2. 1994- Launch of Yahoo, which was formerly known as "Jerry´s Guide to the World Wide Web" after one of its founders, Jerry Yang. Yahoo received in its first year over 1 million hits. ## Academic studies The study of the history of marketing as an academic field emerged only recently. Controversies and disputes abound in the field. The publication in 1976 of the book The History of Marketing Thought, by Robert Bartels marks a turning-point in marketing thought. Since then, academics specializing in marketing decided to imitate economics, distinguishing theory and practice. Two different fields of study emerged: the history of marketing thought, giving theoretical accounts marketing history, focusing on the history of marketing practice This division parallels the distinction between the history of economic thought and economic history. ![Clock](https://unsplash.it/960/600?image=175) Practitioners of the history of marketing thought note that both practitioners and academics know relatively little about the field.[citation needed] But history has significance for academics because it helps to define the baselines upon which they can recognize change and evolve marketing theory.On the other hand, proponents of marketing history argue that one cannot fully compare the marketing field with economics and hence suggest the impracticality of divorcing theory and practice. First, marketing scholars seldom engage in the practice of marketing as much as economists engage in the development and execution of public policies. Second, business people innovate in the marketing field, and the history of marketing will remain incomplete if one dissociates academia from practitioners. ![Coffee](https://unsplash.it/960/600?image=766) The following sections discuss both approaches to the history of marketing, closing with a debate about the standard chronology of marketing, a widely known hypothesis about the history of marketing, but one that historians in the marketing field have challenged. [source](https://en.wikipedia.org/wiki/History_of_marketing): Wikipedia ================================================ FILE: _posts/_defaults.md ================================================ --- title: categories: author_staff_member: show_comments: true date: --- ================================================ FILE: _sass/blog.scss ================================================ .blog-posts { list-style: none; padding: 0; li { margin: 100px 0; } } .blog-post { h3 { margin: 0; a { color: #000; text-decoration: none; font-weight: normal; font-size: 1.3em; } } h2 { text-align: left; } .post-details { margin: 5px 0; font-size: 1.2rem; .blog-filter { display: inline-block; text-align: left; a { position: relative; top: -5px; } } a { text-decoration: none; } .post-date { position: relative; top: -3px; margin-left: 5px; } &:after { content: ""; display: table; clear: both; } } .post-content { .button { margin: 30px 0 0 0; } } } .pagination { text-align: center; } .blog-filter { text-align: center; a { background: #eee; padding: 3px 5px; font-size: .8em; border-radius: 5px; color: #888; transition: .2s ease-in-out; &:hover { color: #555; text-decoration: none; } } } ================================================ FILE: _sass/cloudcannon.scss ================================================ // CloudCannon Editor Links (https://docs.cloudcannon.com/editing/editor-links/) .editor-link { display: none; margin-top: 0; .btn { background-color: #f7e064; color: #333; box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2); padding: 10px; border-radius: 2px; &:hover { background-color: #f4d525; text-decoration: none; color: #333; } } } .cms-editor-active .editor-link { display: block; } ================================================ FILE: _sass/contact.scss ================================================ section.map { position: relative; height: 100px; overflow: hidden; } section.map > div { position: absolute; top: -200px; left: 0; right: 0; bottom: -200px; } ================================================ FILE: _sass/elements.scss ================================================ html { background: $html-background-color; } html, body { margin: 0; padding: 0; } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } a { color: $brand-color; text-decoration: none; } a:hover { text-decoration: underline; } img { max-width: 100%; height: auto; } h1 { font-weight: 300; font-size: 2.3rem; margin: 0; } h2 { font-weight: 300; font-size: 2.2rem; margin: 0 0 30px 0; } h3 { font-size: 1.8rem; margin: 0 0 20px 0; } h4 { font-size: 1.5rem; margin: 0 0 10px 0; } p, address, ul, ol, pre { margin: 0 0 20px 0; } p, address, ul, ol { font-size: 1.38rem; color: #666; font-weight: 300; line-height: 1.6; } pre { padding: 10px; background: #eee; border-radius: 2px; } ================================================ FILE: _sass/footer.scss ================================================ footer { @extend section; padding: 100px 0 50px 0; position: relative; background: $html-background-color; color: #fff; &, a { color: #999; } h2 { font-size: 1.4em; margin: 30px 0; color: #ccc; } .footer-columns { display: flex; flex-flow: wrap; margin: -10px -10px 10px -10px; } a { text-decoration: none; &:hover { color: #fff; } } .legal-line { width: 100%; padding: 30px 0 0 0; margin: 0; a { font-style: italic; } } } .footer-links { width: 100%; margin: 10px; padding: 0; flex: 1 0 180px; li { list-style: none; margin: 15px 0; a { svg { fill: #999; margin-right: 10px; transition: fill 0.2s ease; vertical-align: middle; position: relative; top: -2px; width: 22px; height: 22px; } &:hover { text-decoration: none; svg { fill: #fff; } } } } } ================================================ FILE: _sass/forms.scss ================================================ input[type=submit] { color: #fff; text-decoration: none; padding: 20px 30px; border-radius: 3px; transition: 0.2s ease-in-out; border: 1px solid $brand-color; background: $brand-color; cursor: pointer; } input[type=submit]:hover { border: 1px solid $brand-color; background: $secondary-brand-color; } input[type=submit]:active { transform: translateY(1px); } textarea, input, button, select { font-family: inherit; font-size: inherit; } input[type=submit] { margin: 20px 0 0 0; } label, input, textarea { display: block; width: 100%; box-sizing: border-box; } textarea { resize: vertical; height: 250px; } label { margin: 30px 0 10px 0; font-size: 1.2em; } input, textarea { padding: 20px; font-size: 1.2em; border-radius: 3px; } input, textarea { -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; outline: none; border: 1px solid #DDDDDD; } input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, textarea:focus { box-shadow: 0 0 5px rgba(81, 203, 238, 1); border: 1px solid rgba(81, 203, 238, 1); } ================================================ FILE: _sass/layout.scss ================================================ .container, .text-container { margin: 0 auto; position: relative; padding: 0 20px; } .text-container { max-width: 1000px; } .container { max-width: 1000px; } header { color: #fff; padding: 20px 0; position: absolute; top: 0; left: 0; width: 100%; a { color: #fff; text-decoration: none; z-index: 1; position: relative; &:hover { text-decoration: none; } } .company-name { font-size: 1.7em; } } .content { background: #fff; padding: 1px 0 0 0; position: relative; } .screenshot{ height: auto; display: block; margin: 0 auto; box-shadow: 0 1px 0 #ccc,0 1px 1px #eee; border-radius: 2px; padding: 20px 0 0; background: url($screenshot-buttons) 4px 4px no-repeat #DDD; box-shadow: 0px 1px 2px rgba(0,0,0,0.1); } section { padding: 150px 0; background: #fff; margin-top: -2px; &.diagonal { -webkit-transform: skewY(-$section-rotation); -moz-transform: skewY(-$section-rotation); -ms-transform: skewY(-$section-rotation); transform: skewY(-$section-rotation); > div { -webkit-transform: skewY($section-rotation); -moz-transform: skewY($section-rotation); -ms-transform: skewY($section-rotation); transform: skewY($section-rotation); } } &.hero { color: #ffffff; background: $brand-color; text-align: left; margin-top: -100px; padding-top: 250px; h2, p { max-width: 90%; } h2 { font-size: 3.5rem; } p { font-size: 1.8rem; color: #fff; } a:not(.button) { color: #ffffff; font-style: italic; } } &.alternate { background: #eee; } } .button { padding: 13px 38px; border-radius: 3px; display: inline-block; color: $brand-color; text-decoration: none; cursor: pointer; margin: 20px 0 0 0; border: 1px solid #fff; background: #fff; text-decoration: none !important; &:hover { background: rgba(255, 255, 255, 0.3); color: #fff; } &:active { opacity: 1; background: rgba(255, 255, 255, 0.1); color: #fff; transform: translateY(1px); } } .halves { display: flex; flex-flow: wrap; align-items: center; > div { flex: 1 0 100%; } @media #{$mid-point} { > div { flex: 1; } > div + div { padding-left: 20px; margin: 0; } } } .aligned-top { align-items: flex-start; } .image-grid { padding: 0; list-style: none; display: flex; flex-flow: wrap; text-align: center; margin: 0 -20px; li { padding: 0; box-sizing: border-box; width: 100%; position: relative; overflow: hidden; margin: 20px; border-radius: 5px; text-align: left; border: 1px solid $brand-color; line-height: 0; @media #{$tablet} { flex: 1 1 50%; } @media #{$desktop} { flex: 1 1 30%; } img { min-width: 100%; } > a:hover { opacity: 0.9; } } .square-image { height: 320px; img { min-height: 100%; width: 100%; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } } .details { line-height: 1.2; position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.5); padding: 20px; } .name { font-size: 1.3rem; color: $brand-color; } .position { margin-top: 5px; color: #fff; } .filler { border: 0; } } .image-list, .image-list li { list-style: none; margin: 0; padding: 0; text-align: center; } .patterned { background: #222 url($pattern); &, p { color: #fefefe; } } ================================================ FILE: _sass/navigation.scss ================================================ .nav-open { header { background: #444; z-index: 10; @media #{$mid-point} { background: none; } } nav { margin: 20px 0 0 0; border: 0; a { display: block; } @media #{$mid-point} { border: 0; padding: 0 20px; a { display: inline; } } } } nav { text-transform: uppercase; font-size: 0.8em; width: 100%; ul { margin: 0; padding: 0; } li { display: block; } @media #{$mid-point} { text-align: right; position: absolute; top: 0; right: 0; padding: 0 20px; li { display: inline-block; } } a { margin: 0 3px; padding: 20px 10px; color: rgba(255, 255, 255, 0.8); transition: 0.2s ease-in-out; display: none; font-size: 1rem; @media #{$mid-point} { border-bottom: 2px solid rgba(255, 255, 255, 0); display: block; padding: 10px; } &.nav-toggle { display: inline; position: absolute; right: 10px; top: -22px; font-size: 1.9em; border: 0; @media #{$mid-point} { display: none; } &:hover { border: 0; } } } a:hover { color: #fff; @media #{$mid-point} { border-bottom: 2px solid rgba(255, 255, 255, 0.6); display: block; padding: 10px; } } @media #{$mid-point} { a.highlight { border: 1px #ccc solid; border-radius: 5px; &:hover { background: #fff; color: $brand-color; } } } a.active { color: #fff; } } ================================================ FILE: _staff_members/_defaults.md ================================================ --- name: position: image_path: twitter: --- ================================================ FILE: _staff_members/anna.md ================================================ --- name: Anna Thompson position: Developer image_path: "https://unsplash.it/600/503?image=1025&a=.png" twitter: CloudCannonApp --- ================================================ FILE: _staff_members/james.md ================================================ --- name: James Lopez position: Designer image_path: "https://unsplash.it/600/503?image=1062&a=.png" twitter: CloudCannonApp --- ================================================ FILE: about.html ================================================ --- title: About heading: Our team subtitle: Meet our efficient and qualified team. ---

    ✎Manage Staff members

      {% for member in site.staff_members %}
    • {% include staff-member.html member=member %}
      • {% endfor %}
    ================================================ FILE: blog/index.html ================================================ --- layout: page title: Blog heading: Blog subtitle: Keep up with the latest news. ---

    ✎ Add Post

      {% include list-posts.html posts=paginator.posts %}
    {% if paginator.total_pages > 1 %}
    {% endif %} ================================================ FILE: contact-success.html ================================================ --- title: Contact heading: Thanks for getting in touch subtitle: We'll get back to you as soon as possible --- ================================================ FILE: contact.html ================================================ --- title: Contact heading: Get in touch today subtitle: We'd love to help your business. map: latitude: -45.8787605 longitude: 170.5027976 address: "1 George Street, Dunedin, New Zealand" zoom: 13 ---

    Address

    {{ page.map.address | replace: ", ", ",
    " }}

    Email

    {{ site.data.company.contact_email_address }}

    ================================================ FILE: css/screen.scss ================================================ --- --- $pattern: "{{ site.baseurl }}/images/pattern.png"; $screenshot-buttons: "{{ site.baseurl }}/images/screenshot-buttons.svg"; $brand-color: #FFA715; $html-background-color: #222; $secondary-brand-color: #FFC461; $middle-gradient-color: mix($brand-color, $secondary-brand-color, 95%); // Breakpoints $tablet: "(min-width: 450px)"; $mid-point: "(min-width: 620px)"; $desktop: "(min-width: 768px)"; $section-rotation: 5deg; @import "elements"; @import "layout"; @import "contact"; @import "blog"; @import "forms"; @import "navigation"; @import "footer"; @import "cloudcannon"; ================================================ FILE: index.html ================================================ --- title: Urban ---

    We build websites

    This is the Urban template from CloudCannon. Urban is a strong foundation for the web presence of your agency.

    Contact Us

    Some of our work

    We take pride in our previous work and our happy customers. We cater to any sector to boost business and increase exposure.

    View Full Portfolio →

      {% for client in site.clients limit: 4 %}
      • {% endfor %}

    Latest software, greatest perfomance

    As a new agency we get reap the benefits of the latest and greatest. We build our websites with the most up to date technology. This ensures your website is fast, efficient and reliable for many years.

    ================================================ FILE: js/map.js ================================================ function init_map() { var myOptions = { scrollwheel: false, draggable: false, panControl: false, disableDefaultUI: true, styles: [{ "featureType": "all", "elementType": "labels.text.fill", "stylers": [{ "saturation": 36 }, { "color": "#000000" }, { "lightness": 40 }] }, { "featureType": "all", "elementType": "labels.text.stroke", "stylers": [{ "visibility": "on" }, { "color": "#000000" }, { "lightness": 16 }] }, { "featureType": "all", "elementType": "labels.icon", "stylers": [{ "visibility": "off" }] }, { "featureType": "administrative", "elementType": "geometry.fill", "stylers": [{ "color": "#000000" }, { "lightness": 20 }] }, { "featureType": "administrative", "elementType": "geometry.stroke", "stylers": [{ "color": "#000000" }, { "lightness": 17 }, { "weight": 1.2 }] }, { "featureType": "landscape", "elementType": "geometry", "stylers": [{ "color": "#000000" }, { "lightness": 20 }] }, { "featureType": "poi", "elementType": "geometry", "stylers": [{ "color": "#000000" }, { "lightness": 21 }] }, { "featureType": "road.highway", "elementType": "geometry.fill", "stylers": [{ "color": "#000000" }, { "lightness": 17 }] }, { "featureType": "road.highway", "elementType": "geometry.stroke", "stylers": [{ "color": "#000000" }, { "lightness": 29 }, { "weight": 0.2 }] }, { "featureType": "road.arterial", "elementType": "geometry", "stylers": [{ "color": "#000000" }, { "lightness": 18 }] }, { "featureType": "road.local", "elementType": "geometry", "stylers": [{ "color": "#000000" }, { "lightness": 16 }] }, { "featureType": "transit", "elementType": "geometry", "stylers": [{ "color": "#000000" }, { "lightness": 19 }] }, { "featureType": "water", "elementType": "geometry", "stylers": [{ "color": "#000000" }, { "lightness": 17 }] }], zoom: window.mapData.zoom, maxZoom: window.mapData.zoom, minZoom: window.mapData.zoom, center: new google.maps.LatLng(window.mapData.latitude, window.mapData.longitude), mapTypeId: google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map(document.getElementById('gmap_canvas'), myOptions); marker = new google.maps.Marker({ map: map, position: new google.maps.LatLng(window.mapData.latitude, window.mapData.longitude) }); infowindow = new google.maps.InfoWindow({ content: window.mapData.content_html }); google.maps.event.addListener(marker, 'click', function() { infowindow.open(map, marker); }); infowindow.open(map, marker); google.maps.event.addDomListener(window, 'resize', function() { map.setCenter(myOptions.center); }); } google.maps.event.addDomListener(window, 'load', init_map); ================================================ FILE: portfolio.html ================================================ --- title: Portfolio heading: Our Work subtitle: See some of our proud customers with exemplary results. ---

    ✎ Manage Clients