init

2020-03-05 16:54:34 +01:00
commit 3ad32d10b5
153 changed files with 49920 additions and 0 deletions
--- a/themes/hugo-agency-theme/CHANGELOG.md
+++ b/themes/hugo-agency-theme/CHANGELOG.md
@@ -0,0 +1,29 @@
+# Changelog
+
+### 11th November 2016
+- Center team members and improve variety alignment issues.
+- Add additional information options for team members.
+- Make services clickable via url attribute.
+- Possibility to substitute formspring.io for forms.
+- Enable removal of contact form fields.
+
+[Show me the diff](https://github.com/digitalcraftsman/hugo-agency-theme/compare/615f5242d0c2c20b2062545d48cf15125d9ca91d...f9c636485fd6c846d83e531eb4e5c0247eabf4a7)
+
+### 22nd September 2016
+- Add Tracking via piwik as alternative to Google Analytics. 
+- Ability to disable fonts for performance and privacy.
+
+[Show me the diff](https://github.com/digitalcraftsman/hugo-agency-theme/compare/bf89cf62acf794db3a387b39f8792df807ba1698...615f5242d0c2c20b2062545d48cf15125d9ca91d)
+
+### 4th May 2016
+- Custom CSS and JS files via `custom_css` and `custom_js`
+
+[Show me the diff](https://github.com/digitalcraftsman/hugo-agency-theme/commit/178dc61b1b0ee09e6a00299ee2c2ee70168b0eba)
+
+### 29th November 2015
+- Hugo v0.15 is required in order to upgrade.
+
+##### Integration of Google Analytics
+- Traffic analysis via Google Analytics. (Enter your tracking code under in the `googleAnalytics` variable.)
+
+[Show me the diff](https://github.com/digitalcraftsman/hugo-agency-theme/commit/f603403388d962d93af8f24e917a5d980de9dc97)
--- a/themes/hugo-agency-theme/LICENSE
+++ b/themes/hugo-agency-theme/LICENSE
@@ -0,0 +1,202 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "{}"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright {yyyy} {name of copyright owner}
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
+
--- a/themes/hugo-agency-theme/README.md
+++ b/themes/hugo-agency-theme/README.md
@@ -0,0 +1,156 @@
+# Agency Theme
+
+Agency Theme is a one page portfolio for companies and freelancers based on the [original Bootstrap theme](//github.com/IronSummitMedia/startbootstrap-agency) by [David Miller](//github.com/davidtmiller). This Hugo theme features several content sections, a responsive portfolio grid with hover effects, full page portfolio item modals, a timeline, and a contact form.
+
+![Hugo Agency Theme screenshot](https://raw.githubusercontent.com/digitalcraftsman/hugo-agency-theme/master/images/screenshot.png)
+
+
+## Installation
+
+Inside the folder of your Hugo site run:
+
+    $ cd themes
+    $ git clone https://github.com/digitalcraftsman/hugo-agency-theme
+
+For more information read the official [setup guide](//gohugo.io/overview/installing/) of Hugo.
+
+
+## Getting started
+
+After installing the Agency Theme successfully it requires a just a few more steps to get your site running.
+
+
+### The config file
+
+Take a look inside the [`exampleSite`](//github.com/digitalcraftsman/hugo-agency-theme/tree/master/exampleSite) folder of this theme. You'll find a file called [`config.toml`](//github.com/digitalcraftsman/hugo-agency-theme/blob/master/exampleSite/config.toml). To use it, copy the [`config.toml`](//github.com/digitalcraftsman/hugo-agency-theme/blob/master/exampleSite/config.toml) in the root folder of your Hugo site. Feel free to change the strings in this theme.
+
+
+### Change the hero background
+
+The hero acts as an eye-catcher for your site. So consider to give him a nice background. You just need to replace the [`header-bg.jpg`](//github.com/digitalcraftsman/hugo-agency-theme/blob/master/static/img/header-bg.jpg) at [`static/img`](//github.com/digitalcraftsman/hugo-agency-theme/tree/master/static/img) with your own background image. But it's important that you keep the original filename.
+
+
+### Present your skills
+
+This section should show your capabilities and skills. You can change the services at `[params.services.list]` in the [`config.toml`](//github.com/digitalcraftsman/hugo-agency-theme/blob/master/exampleSite/config.toml).
+
+All icons are part of Fontawesome's icon font. Look at the website of [Fontawesome](//fortawesome.github.io/Font-Awesome/icons/) for more icons. The icons are represented by their corresponding CSS class of Fontawesome. A skill is defined like this example:
+
+```toml
+[[params.services.list]]
+      icon = "fa-shopping-cart"
+      title = "E-Commerce"
+      description = "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit."
+```
+
+
+### Create your portfolio
+
+Beside the [`config.toml`](//github.com/digitalcraftsman/hugo-agency-theme/blob/master/exampleSite/config.toml), there is under `data` another subfolder called [`projects`](//github.com/digitalcraftsman/hugo-agency-theme/tree/master/exampleSite/data/projects) which hosts the files that will appear as your projects in the portfolio section. Such a project file might look like [this one](//github.com/digitalcraftsman/hugo-agency-theme/blob/master/exampleSite/data/projects/2014-07-05-project-1.yaml) written in YAML:
+
+```yaml
+modalID: 1
+title: Round Icons
+subtitle: Lorem ipsum dolor sit amet consectetur.
+date: 2014-07-05
+img: roundicons.png
+preview: roundicons-preview.png
+client: Start Bootstrap
+clientLink: "#"
+category: Graphic Design
+description: Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo! <br><br>**Want these icons in this portfolio item sample?** You can download 60 of them for free, courtesy of [RoundIcons.com](//getdpd.com/cart/hoplink/18076?referrer=bvbo4kax5k8ogc), or you can purchase the 1500 icon set [here](//getdpd.com/cart/hoplink/18076?referrer=bvbo4kax5k8ogc).
+```
+
+Copy [`projects`](//github.com/digitalcraftsman/hugo-agency-theme/tree/master/exampleSite/data/projects) inside the `data` folder in the **root** directory of your site. Let's make some changes.
+
+Pay attention to the `modalID`. It must be a unique integer and be incremented with each new project you want to add to the portfolio. Otherwise, the corresponding modal can't be rendered.
+
+Furthermore, you can use Markdown syntax for URLs like here `[text](//url.to/source)` in the description.
+
+To give your projects an image, save those under [`static/img/portfolio`](github.com/digitalcraftsman/hugo-agency-theme/tree/master/static/img/portfolio). Don't forget to set the appropriate **filename** under `img` in your project.
+
+
+### Show what happened
+
+This theme features a timeline for important events in your company or your career too. You can add a new event by copying the following snippet to the `[params.about]` section in the [`config.toml`](//github.com/digitalcraftsman/hugo-agency-theme/blob/master/exampleSite/config.toml).
+
+```toml
+[[params.about.events]]
+      img = "1.jpg"
+      date = "2009-2011"
+      title = "Our Humble Beginnings"
+      description = "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!"
+```
+
+The image set under `img` needs to be stored at [`static/img/about`](//github.com/digitalcraftsman/hugo-agency-theme/tree/master/static/img/about). The events will be listed from the top to the bottom.
+
+
+### Introduce your team
+
+Let the visitors or potential clients know who you are. To add a team member paste the code below into the [`config.toml`](//github.com/digitalcraftsman/hugo-agency-theme/blob/master/exampleSite/config.toml). The `img` field refers to the shown image. Paste those of you or your colleages into [`static/img/team`](//github.com/digitalcraftsman/hugo-agency-theme/tree/master/static/img/team) 
+
+```toml
+[[params.team.members]]
+    img = "1.jpg"
+    name = "Kay Garland"
+    position = "Lead Designer"
+    social = [
+        ["fa-twitter", "#"],
+        ["fa-facebook", "#"],
+        ["fa-linkedin", "#"]
+    ]
+```
+
+As you can see there's an option to link individual social networks. The first index of the array represents the icon (or CSS class) of [Fontawesome](//fortawesome.github.io/Font-Awesome/icons/). The last index is simply the link to the social network profiles.
+
+
+### List your clients
+
+You can also show some of your clients. To do so, paste the client's logos into [`static/img/logos`](//github.com/digitalcraftsman/hugo-agency-theme/tree/master/static/img/logos) and add the example below to the [`config.toml`](//github.com/digitalcraftsman/hugo-agency-theme/blob/master/exampleSite/config.toml).
+
+```toml
+[[params.clients]]
+    logo = "designmodo.jpg"
+    link = "#"
+```
+
+***The logos require a dimension of 200 x 50 pixels.***
+
+
+### Make the contact form working
+
+Since this page will be static, you can use [formspree.io](//formspree.io/) as proxy to send the actual email. Each month, visitors can send you up to one thousand emails without incurring extra charges. Begin the setup by following the steps below:
+
+1. Enter your email address under 'email' in the [`config.toml`](//github.com/digitalcraftsman/hugo-agency-theme/blob/master/exampleSite/config.toml)
+2. Upload the generated site to your server
+3. Send a dummy email yourself to confirm your account
+4. Click the confirm link in the email from [formspree.io](//formspree.io/)
+5. You're done. Happy mailing!
+
+
+### Nearly finished
+
+In order to see your site in action, run Hugo's built-in local server. 
+
+    $ hugo server
+
+Now enter [`localhost:1313`](http://localhost:1313/) in the address bar of your browser.
+
+
+## Contributing
+
+Did you found a bug or got an idea for a new feature? Feel free to use the [issue tracker](//github.com/digitalcraftsman/hugo-agency-theme/issues) to let me know. Or make directly a [pull request](//github.com/digitalcraftsman/hugo-agency-theme/pulls).
+
+
+## License
+
+This theme is released under the Apache License 2.0 For more information read the [License](//github.com/digitalcraftsman/hugo-agency-theme/blob/master/LICENSE).
+
+
+## Acknowledgements
+
+Thanks to 
+
+- [David Miller](//github.com/davidtmiller) for creating this theme
+- [Steve Francia](//github.com/spf13) for creating Hugo and the awesome community around the project
+- [Michael Grosser](https://github.com/stp-ip) for contributing a significant amount of improvements
--- a/themes/hugo-agency-theme/archetypes/default.md
+++ b/themes/hugo-agency-theme/archetypes/default.md
@@ -0,0 +1,4 @@
+++
+tags = []
+categories = []
+++
--- a/themes/hugo-agency-theme/exampleSite/.gitignore
+++ b/themes/hugo-agency-theme/exampleSite/.gitignore
@@ -0,0 +1,2 @@
+public/
+themes
--- a/themes/hugo-agency-theme/exampleSite/config.toml
+++ b/themes/hugo-agency-theme/exampleSite/config.toml
@@ -0,0 +1,328 @@
+# Site settings
+baseurl = "https://example.org/"
+languageCode = "en-us"
+title = "Agency"
+theme = "hugo-agency-theme"
+
+# Enter your tracking code to enable Google Analytics
+googleAnalytics = ""
+
+[params]
+  # You can use Markdown syntax for urls [text](//url.to/source) or
+  # most longer texts.
+  #
+  # All icons using Fontawesome's icon font. Look at fortawesome.github.io/Font-Awesome/icons/
+  # for more icons. The icons are represented by their corresponding
+  # CSS class.
+
+  # To provide some metadata for search engines feel free to add a few
+  # information about you and your website.
+  name = "Your name"
+  description = "Your description"
+  # email = "your@email.com"
+
+  # Link custom assets relative to /static
+  custom_css = []
+  custom_js  = []
+  favicon    = "favicon.ico"
+
+  # Possibility to disable external/additional fonts
+  # Exception: Fontawesome
+  disableFonts = false
+
+  # 404 error customization
+  [params.error404]
+    heading = "Page couldn't be found"
+    text = "Please visit [this page](/)"
+
+  # Optional piwik tracking
+  #[params.analytics.piwik]
+  #  URL = "https://stats.example.com"
+  #  ID = "42"
+  #  # Track all subdomains with "*.example.com"
+  #  domain = "www.example.com"
+  #  # Optional integrity check hash
+  #  hash = "sha512-RfeD0pacGTqy9m7U6PgehQfS4cc7SIt+e+P+H5e848kEvB/RW84CUGO3O4O3LNbxjevym6KPUZ8muPsMrI8WIw=="
+
+  # Navigation
+  [params.navigation]
+    brand = "The Agency"
+    # Optional logo as brand stored in img/
+    #logo = "logo.svg"
+    services = "Services"
+    portfolio = "Portfolio"
+    about = "About"
+    team = "Team"
+    contact = "Contact"
+
+    # Add custom links. Those can be pre- and postpended to the default menu above.
+    # Use the weight attribute to order your custom links. Uncomment the example
+    # below and replace the values with your own.
+
+    # prepended links
+    #[[menu.prepend]]
+    #  url = "http://gohugo.io"
+    #  name = "Hugo"
+    #  weight = 10
+
+    # postpended links
+    [[menu.postpend]]
+      url = "http://gohugo.io"
+      name = "External link"
+      weight = 10
+
+
+  # Hero section
+  [params.hero]
+    # To change the background image of the hero, replace 'header-bg.jpg' in
+    # the 'static/img' folder.
+    title = "Welcome To Our Studio!"
+    subtitle = "It's nice to meet you"
+    buttonText = "Tell me more"
+
+
+  # Services section
+  [params.services]
+    enable = true
+    title = "Services"
+    subtitle = "Lorem ipsum dolor sit amet consectetur."
+
+    [[params.services.row]]
+
+    [[params.services.row.list]]
+      icon = "fa-shopping-cart"
+      title = "E-Commerce"
+      description = "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit."
+      url = "#"
+
+    [[params.services.row.list]]
+      icon = "fa-laptop"
+      title = "Responsive Design"
+      description = "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit."
+      url = "#"
+
+    [[params.services.row.list]]
+      icon = "fa-lock"
+      title = "Web"
+      description = "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit."
+      url = "#"
+
+  # Portfolio section
+  [params.portfolio]
+    enable = true
+    # All projects defined in their own files. You can find example projects
+    # at 'exampleSite/data/projects'. Copy the 'projects' folder into the 'data' directory
+    # at the root of this Hugo site.
+    # For more informtion take a look at the README.
+    title = "Portfolio"
+    subtitle = "Lorem ipsum dolor sit amet consectetur."
+
+    [params.portfolio.modal]
+      client = "Client"
+      date = "Date"
+      category = "Category"
+      buttonText = "Close project"
+
+
+    # About section
+  [params.about]
+    enable = true
+    title = "About"
+    subtitle = "Lorem ipsum dolor sit amet consectetur."
+    endpoint = "Be part<br>of our<br>story!"
+
+    # The events will be listed from the top to the bottom.
+    # All images are stored under 'static/img/about'.
+    # Replace them with your own.
+    [[params.about.events]]
+      img = "1.jpg"
+      date = "2009-2011"
+      title = "Our Humble Beginnings"
+      description = "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!"
+
+    [[params.about.events]]
+      img = "2.jpg"
+      date = "March 2011"
+      title = "An Agency is Born"
+      description = "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!"
+
+    [[params.about.events]]
+      img = "3.jpg"
+      date = "December 2012"
+      title = "Our Humble Beginnings"
+      description = "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!"
+
+    [[params.about.events]]
+      img = "4.jpg"
+      date = "July 2014"
+      title = "Phase Two Expansion"
+      description = "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!"
+
+
+  # Team section
+  [params.team]
+    enable = true
+    # Possibility to center items
+    #center = true
+    title = "Our amazing team"
+    subtitle = "Lorem ipsum dolor sit amet consectetur."
+    description = "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde."
+
+    # All team member's pictures are stored under 'static/img/team'.
+    # Replace them with your own too.
+    # Suggestion: Image size should be at least 360px*360px or the alignment might be affected.
+    [[params.team.members]]
+      img = "1.jpg"
+      name = "Kay Garland"
+      position = "Lead Designer"
+      reportsTo = "CTO"
+      livesIn = "[Munich, Germany](#some-maps-url)"
+      scope = [
+        "UX for [member dashboard](#)",
+        "Maintainer for [awesome-project](#)",
+        "Open Source [community management](#)"
+      ]
+      # For bio markdown and even multiline strings are available.
+      bio = """Kay is an awesome Lead Designer with heaps of experience in the field of UX.
+She worked at Pied Piper for years until they went belly up."""
+      social = [
+        ["fa-twitter", "#"],
+        ["fa-facebook", "#"],
+        ["fa-linkedin", "#"]
+      ]
+
+    [[params.team.members]]
+      img = "2.jpg"
+      name = "Larry Parker"
+      position = "Lead Marketer"
+      social = [
+        ["fa-twitter", "#"],
+        ["fa-facebook", "#"],
+        ["fa-linkedin", "#"]
+      ]
+
+    [[params.team.members]]
+      img = "3.jpg"
+      name = "Diana Pertersen"
+      position = "Lead Developer"
+      social = [
+        ["fa-twitter", "#"],
+        ["fa-facebook", "#"],
+        ["fa-linkedin", "#"]
+      ]
+
+  # Client section
+    [params.clients_list]
+      enable = true
+      # Possibility to center items
+      #center = true
+      # Optional client title specifying the involvement
+      #title = "Used and trusted by"
+
+      # All the clients' logos are stored under 'static/img/logos'.
+      # Replace them with your clients's logos.
+      # Suggestion: .svg in the size of 280px*80px looks good
+      [[params.clients]]
+        logo = "envato.jpg"
+        link = "#"
+
+      [[params.clients]]
+        logo = "designmodo.jpg"
+        link = "#"
+
+      [[params.clients]]
+        logo = "themeforest.jpg"
+        link = "#"
+
+      [[params.clients]]
+        logo = "creative-market.jpg"
+        link = "#"
+
+  # Contact section
+  [params.contact]
+    enable = true
+    title = "Contact us"
+    subtitle  = "Lorem ipsum dolor sit amet consectetur."
+    buttonText = "Send message"
+    # netlify = true
+
+    # Since this template is static, the contact form uses www.formspree.io as a
+    # proxy. The form makes a POST request to their servers to send the actual
+    # email. Visitors can send up to a 1000 emails each month for free.
+    #
+    # What you need to do for the setup?
+    #
+    # - set your email address under 'email' below
+    # - upload the generated site to your server
+    # - send a dummy email yourself to confirm your account
+    # - click the confirm link in the email from www.formspree.io
+    # - you're done. Happy mailing!
+
+    # It is possible to substitute formspring with other providers
+    # as an example the mailout plugin from caddy.
+    # Provide the post URL for the form and depending on the provider
+    # add some custom JS script to finish the implementation.
+    # postURL = "https://example.com/mailout/"
+
+    email = "your@email.com"
+
+    # Success and error message overwrite for async contact form
+    #thanks = "Thank you for awesomely contacting us."
+    #error = "Message could not be send. Please contact us at mail@example.com instead."
+
+    [params.contact.captcha]
+      # sitekey = ""
+
+    # 'warning' defines error messages for invalid inputs
+    [params.contact.form.name]
+      text = "Your Name *"
+      warning = "Please enter your name."
+
+    [params.contact.form.email]
+      text = "Your Email *"
+      warning = "Please enter your email address."
+
+    [params.contact.form.phone]
+      text = "Your Phone *"
+      warning = "Please enter your phone number."
+
+    [params.contact.form.message]
+      text = "Your Message *"
+      warning = "Please enter a message."
+
+      # Add optional form fields to identify contact forms
+      #[[params.contact.form.hidden]]
+      #  name = "someID"
+      #  value = "example.com"
+      #
+      #[[params.contact.form.hidden]]
+      # Special values for name such as "page" and "site" will be autofilled
+      #  name = "page"
+
+  # Footer section
+  [params.footer]
+    enable = true
+    copyright = "Published under the Apache License 2.0."
+
+    [[params.footer.social]]
+      icon = "fa-twitter"
+      link = "#"
+      title = "Twitter"
+
+    [[params.footer.social]]
+      icon = "fa-facebook"
+      link = "#"
+      title = "Facebook"
+
+    [[params.footer.social]]
+      icon = "fa-linkedin"
+      link = "#"
+      title = "LinkedIn"
+
+    [[params.footer.quicklinks]]
+      text = "Privacy Policy"
+      link = "#"
+
+    [[params.footer.quicklinks]]
+      text = "Terms of Use"
+      link = "#"
--- a/themes/hugo-agency-theme/exampleSite/content/.gitkeep
+++ b/themes/hugo-agency-theme/exampleSite/content/.gitkeep
--- a/themes/hugo-agency-theme/exampleSite/data/projects/2014-07-05-project-1.yaml
+++ b/themes/hugo-agency-theme/exampleSite/data/projects/2014-07-05-project-1.yaml
@@ -0,0 +1,10 @@
+modalID: 1
+title: Round Icons
+subtitle: Lorem ipsum dolor sit amet consectetur.
+date: 2014-07-05
+img: roundicons.png
+preview: roundicons-preview.png
+client: Start Bootstrap
+clientLink: "#"
+category: Graphic Design
+description: Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo! <br><br>**Want these icons in this portfolio item sample?** You can download 60 of them for free, courtesy of [RoundIcons.com](//getdpd.com/cart/hoplink/18076?referrer=bvbo4kax5k8ogc), or you can purchase the 1500 icon set [here](//getdpd.com/cart/hoplink/18076?referrer=bvbo4kax5k8ogc).
--- a/themes/hugo-agency-theme/exampleSite/data/projects/2014-07-06-project-2.yaml
+++ b/themes/hugo-agency-theme/exampleSite/data/projects/2014-07-06-project-2.yaml
@@ -0,0 +1,10 @@
+modalID: 2
+title: Startup Framework
+subtitle: Lorem ipsum dolor sit amet consectetur.
+date: 2014-07-06
+img: startup-framework.png
+preview: startup-framework-preview.png
+client: Start Bootstrap
+clientLink: "#"
+category: Website Design
+description: "[Startup Framework](//designmodo.com/startup/?u=787) is a website builder for professionals. Startup Framework contains components and complex blocks (PSD+HTML Bootstrap themes and templates) which can easily be integrated into almost any design. All of these components are made in the same style, and can easily be integrated into projects, allowing you to create hundreds of solutions for your future projects. <br><br>You can preview Startup Framework [here](//designmodo.com/startup/?u=787)."
--- a/themes/hugo-agency-theme/exampleSite/data/projects/2014-07-07-project-3.yaml
+++ b/themes/hugo-agency-theme/exampleSite/data/projects/2014-07-07-project-3.yaml
@@ -0,0 +1,10 @@
+modalID: 3
+title: Treehouse
+subtitle: Lorem ipsum dolor sit amet consectetur.
+date: 2014-07-07
+img: treehouse.png
+preview: treehouse-preview.png
+client: Start Bootstrap
+clientLink: "#"
+category: Website Design
+description: Treehouse is a free PSD web template built by [Mathavan Jaya](//www.behance.net/MathavanJaya). This is bright and spacious design perfect for people or startup companies looking to showcase their apps or other projects. <br><br>You can download the PSD template in this portfolio sample item at [FreebiesXpress.com](freebiesxpress.com/gallery/treehouse-free-psd-web-template/).
--- a/themes/hugo-agency-theme/exampleSite/data/projects/2014-07-08-project-4.yaml
+++ b/themes/hugo-agency-theme/exampleSite/data/projects/2014-07-08-project-4.yaml
@@ -0,0 +1,10 @@
+modalID: 5
+title: Golden
+subtitle: Lorem ipsum dolor sit amet consectetur.
+date: 2014-07-09
+img: golden.png
+preview: golden-preview.png
+client: Start Bootstrap
+clientLink: "#"
+category: Website Design
+description: Start Bootstrap's Agency theme is based on Golden, a free PSD website template built by [Mathavan Jaya](//www.behance.net/MathavanJaya). Golden is a modern and clean one page web template that was made exclusively for Best PSD Freebies. This template has a great portfolio, timeline, and meet your team sections that can be easily modified to fit your needs. <br><br>You can download the PSD template in this portfolio sample item at [FreebiesXpress.com](//freebiesxpress.com/gallery/golden-free-one-page-web-template/).
--- a/themes/hugo-agency-theme/exampleSite/data/projects/2014-07-09-project-5.yaml
+++ b/themes/hugo-agency-theme/exampleSite/data/projects/2014-07-09-project-5.yaml
@@ -0,0 +1,10 @@
+modalID: 4
+title: Escape
+subtitle: Lorem ipsum dolor sit amet consectetur.
+date: 2014-07-08
+img: escape.png
+preview: escape-preview.png
+client: Start Bootstrap
+clientLink: "#"
+category: Website Design
+description: Escape is a free PSD web template built by [Mathavan Jaya](//www.behance.net/MathavanJaya). Escape is a one page web template that was designed with agencies in mind. This template is ideal for those looking for a simple one page solution to describe your business and offer your services. <br><br>You can download the PSD template in this portfolio sample item at [FreebiesXpress.com](//freebiesxpress.com/gallery/escape-one-page-psd-web-template/).
--- a/themes/hugo-agency-theme/exampleSite/data/projects/2014-07-10-project-6.yaml
+++ b/themes/hugo-agency-theme/exampleSite/data/projects/2014-07-10-project-6.yaml
@@ -0,0 +1,10 @@
+modalID: 6
+title: Dreams
+subtitle: Lorem ipsum dolor sit amet consectetur.
+date: 2014-07-10
+img: dreams.png
+preview: dreams-preview.png
+client: Start Bootstrap
+clientLink: "#"
+category: Website Design
+description: Dreams is a free PSD web template built by [Mathavan Jaya](//www.behance.net/MathavanJaya). Dreams is a modern one page web template designed for almost any purpose. It’s a beautiful template that’s designed with the Bootstrap framework in mind. <br><br>You can download the PSD template in this portfolio sample item at [FreebiesXpress.com](//freebiesxpress.com/gallery/dreams-free-one-page-web-template/).
--- a/themes/hugo-agency-theme/exampleSite/static/.gitkeep
+++ b/themes/hugo-agency-theme/exampleSite/static/.gitkeep
--- a/themes/hugo-agency-theme/images/screenshot.png
+++ b/themes/hugo-agency-theme/images/screenshot.png
--- a/themes/hugo-agency-theme/images/tn.png
+++ b/themes/hugo-agency-theme/images/tn.png
--- a/themes/hugo-agency-theme/layouts/404.html
+++ b/themes/hugo-agency-theme/layouts/404.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="{{ with .Site.LanguageCode }}{{ . }}{{ else }}en-US{{ end }}">
+
+  {{ partial "head.html" . }}
+
+  <body id="page-top" class="index">
+    {{ partial "nav.html" . }}
+
+    {{ "<!-- 404 -->" | safeHTML }}
+    <header>
+      <div class="container">
+        <div class="404">
+          <div class="intro-text">
+            <div class="intro-heading">Page not found</div>
+
+            {{ with .Site.Params.error404 }}
+            <div class="intro-lead-in">{{ .heading | markdownify }}</div>
+
+            <div class="intro-lead-in">{{ .text | markdownify }}</div>
+            {{ else }}
+            <div class="intro-lead-in">Requested page could not be found.</div>
+            <div class="intro-lead-in">You can always go back to our main <a href="{{ .Site.BaseURL }}">page</a>.</div>
+            {{ end }}
+
+          </div>
+        </div>
+      </div>
+    </header>
+
+    {{ if .Site.Params.footer.enable }}
+      {{ partial "footer.html" . }}
+    {{ end }}
+
+    {{ partial "js.html" . }}
+  </body>
+</html>
--- a/themes/hugo-agency-theme/layouts/index.html
+++ b/themes/hugo-agency-theme/layouts/index.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="{{ with .Site.LanguageCode }}{{ . }}{{ else }}de-DE{{ end }}">
+
+  {{ partial "head.html" . }}
+
+  <body id="page-top" class="index">
+    {{ partial "nav.html" . }}
+    {{ partial "hero.html" . }}
+
+    {{ if .Site.Params.was.enable }}
+      {{ partial "was.html" . }}
+    {{ end }}
+
+    {{ if .Site.Params.slam2019.enable }}
+      {{ partial "slam2019.html" . }}
+    {{ end }}
+
+    {{ if .Site.Params.tickets.enable }}
+      {{ partial "tickets.html" . }}
+    {{ end }}  
+
+    {{ if .Site.Params.anfahrt.enable }}
+      {{ partial "anfahrt.html" . }}
+    {{ end }}  
+
+    {{ if .Site.Params.vorjahr.enable }}
+      {{ partial "vorjahr.html" . }}
+    {{ end }}  
+
+	{{/*
+
+    {{ if .Site.Params.portfolio.enable }}
+      {{ partial "portfolio.html" . }}
+    {{ end }}
+
+    {{ if .Site.Params.about.enable }}
+      {{ partial "about.html" . }}
+    {{ end }}
+
+    {{ if .Site.Params.team.enable }}
+      {{ partial "team.html" . }}
+    {{ end }}
+
+	{{ if .Site.Params.services.enable }}
+      {{ partial "services.html" . }}
+    {{ end }}
+
+    {{ if .Site.Params.clients_list.enable }}
+      {{ partial "clients.html" . }}
+    {{ end }}
+    
+    {{ if .Site.Params.contact.enable }}
+      {{ partial "contact.html" . }}
+    {{ end }}
+
+    */}}
+
+    {{ if .Site.Params.footer.enable }}
+      {{ partial "footer.html" . }}
+    {{ end }}
+
+    {{ if .Site.Params.portfolio.enable }}
+      {{ partial "modals.html" . }}
+    {{ end }}
+
+    {{ partial "js.html" . }}
+  </body>
+</html>
--- a/themes/hugo-agency-theme/layouts/partials/_analytics/piwik.html
+++ b/themes/hugo-agency-theme/layouts/partials/_analytics/piwik.html
@@ -0,0 +1,18 @@
+<!-- Piwik -->
+<script type="text/javascript" >
+  var _paq = _paq || [];
+  _paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
+  _paq.push(["setCookieDomain", "{{ .Site.Params.analytics.piwik.domain }}"]);
+  _paq.push(["setDomains", ["{{ .Site.Params.analytics.piwik.domain }}"]]);
+  _paq.push(['trackPageView']);
+  _paq.push(['enableLinkTracking']);
+  (function() {
+    var u="{{ .Site.Params.analytics.piwik.URL }}/";
+    _paq.push(['setTrackerUrl', u+'piwik.php']);
+    _paq.push(['setSiteId', {{ .Site.Params.analytics.piwik.ID }}]);
+    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+    g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; {{ if .Site.Params.analytics.piwik.hash }} g.integrity="{{ .Site.Params.analytics.piwik.hash }}"; g.crossorigin="anonymous";{{ end }} s.parentNode.insertBefore(g,s);
+  })();
+</script>
+<noscript><p><img src="{{ .URL }}/piwik.php?idsite={{ .Site.Params.analytics.piwik.ID }}" style="border:0;" alt="" /></p></noscript>
+<!-- End Piwik Code -->
--- a/themes/hugo-agency-theme/layouts/partials/about.html
+++ b/themes/hugo-agency-theme/layouts/partials/about.html
@@ -0,0 +1,41 @@
+{{ "<!-- About Section -->" | safeHTML }}
+<section id="about">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-12 text-center">
+        <h2 class="section-heading">{{ with .Site.Params.about.title }}{{ . | markdownify }}{{ end }}</h2>
+        <h3 class="section-subheading text-muted">{{ with .Site.Params.about.subtitle }}{{ . | markdownify }}{{ end }}</h3>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-lg-12">
+        <ul class="timeline">
+
+          {{ range $i, $e := .Site.Params.about.events }}
+            <li {{ if (not (modBool $i 2)) }}class="timeline-inverted" {{ end }}>
+              <div class="timeline-image">
+                {{ $url := printf "img/about/%s" .img }}
+                <img class="img-circle img-responsive" src="{{ $url | absURL }}" alt="">
+              </div>
+              <div class="timeline-panel">
+                <div class="timeline-heading">
+                  <h4>{{ .date }}</h4>
+                  <h4 class="subheading">{{ .title | markdownify }}</h4>
+                </div>
+                <div class="timeline-body">
+                  <p class="text-muted">{{ .description  | markdownify }}</p>
+                </div>
+              </div>
+            </li>
+          {{ end }}
+
+          <li class="timeline-inverted">
+            <div class="timeline-image">
+              <h4>{{ with .Site.Params.about.endpoint }}{{ . | markdownify }}{{ end }}</h4>
+            </div>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</section>
--- a/themes/hugo-agency-theme/layouts/partials/anfahrt.html
+++ b/themes/hugo-agency-theme/layouts/partials/anfahrt.html
@@ -0,0 +1,37 @@
+{{ "<!-- Services -->" | safeHTML }}
+<section id="anfahrt" class="bg-light-gray">
+    <div class="container">
+        <div class="row">
+          <div class="col-lg-12 text-center">
+            <h2 class="section-heading">{{ with .Site.Params.anfahrt.title }}{{ . }}{{ end }}</h2>
+            <h3 class="section-subheading text-muted" style="margin-bottom: 35px;">{{ with .Site.Params.tickets.subtitle }}{{ . | markdownify }}{{ end }}</h3>
+          </div>
+        </div>
+        <div class="row" style="font-size: 1.3em;">
+        	<div class="col-sm-1 col-md-2"></div>
+        	<div class="col-sm-10 col-md-8">
+        		Der Weg ab den Bushaltestellen und ab dem Parkhaus ist am Abend mit Science-Slam Schildern ausgeschildert.
+	            <h3>Mit dem Bus</h3>
+	            <p style="font-size: inherit; margin-bottom: 0;">
+	            	<strong>Linie C111</strong> zur Haltestelle <strong>Uni (AR) Robert-Schumann-Straße</strong>
+	            	<p style="margin-left: 10px;">
+	            		Von hier aus ist das Audimax schon ganz nah. Ab ca. 50 Meter oberhalb (durch die Schranke) der Bushaltestelle ist der Hörsaal großzügig ausgeschildert.
+	            	</p>
+	            </p>
+	            <p style="font-size: inherit;  margin-bottom: 0; margin-top: 25px;">
+	            	<strong>Linien UX1, UX2, C106</strong> zur Haltestelle <strong>Uni (AR) Adolf-Reichwein-Straße</strong>
+	            	<p style="margin-left: 10px;">
+	            		Von der Bushaltestelle aus führt der Weg an der ehemaligen Haardter-Berg-Schule und der Mensa vorbei. Immer geradeaus findet sich der Eingang zu den Hörsälen.
+	            	</p>
+	            </p>
+	            <h3 style="margin-top: 35px;">Mit dem Auto</h3>
+	            <strong>Navigationsgeräte:</strong> Adolf-Reichwein-Straße 17, 57076 Siegen
+	            <p style="margin-left: 10px;">
+            		In den Abendstunden wird das Parkhaus ausreichend Plätze bieten.<br />
+            		Ab dem Parkhaus findet sich in Richtung Universität die Bushaltestelle <strong>Uni (AR) Adolf-Reichwein-Straße</strong>. Von der Bushaltestelle aus führt der Weg an der ehemaligen Haardter-Berg-Schule und der Mensa vorbei. Immer geradeaus findet sich der Eingang zu den Hörsälen.
+            	</p>
+	        </div>
+        </div>
+    </div>
+  </div>
+</section>
--- a/themes/hugo-agency-theme/layouts/partials/clients.html
+++ b/themes/hugo-agency-theme/layouts/partials/clients.html
@@ -0,0 +1,26 @@
+{{ "<!-- Clients Aside -->" | safeHTML }}
+<aside class="clients">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-12 text-center">
+<h4 class="heading">{{ with .Site.Params.clients_list.title }}{{ . | markdownify }}{{ end }}</h4>
+      </div>
+    </div>
+    <div class="row flexbox{{ if .Site.Params.clients_list.center }} flexbox-center{{ end }}">
+
+      {{ range .Site.Params.clients }}
+        <div class="col-md-3 col-sm-6 col">
+          {{ $url := printf "img/logos/%s" .logo }}
+          {{ if .link }}
+            <a href="{{ .link }}">
+              <img src="{{ $url | absURL }}" class="img-responsive img-centered" alt="">
+            </a>
+          {{ else }}
+            <img src="{{ $url | absURL }}" class="img-responsive img-centered" alt="">
+          {{ end }}
+        </div>
+      {{ end }}
+
+    </div>
+  </div>
+</aside>
--- a/themes/hugo-agency-theme/layouts/partials/contact.html
+++ b/themes/hugo-agency-theme/layouts/partials/contact.html
@@ -0,0 +1,121 @@
+{{ $contact := .Site.Params.contact }}
+{{ "<!-- Contact Section -->" | safeHTML }}
+
+<section id="contact">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-12 text-center">
+
+        {{ with $contact.title }}
+        <h2 class="section-heading">{{ . | markdownify }}</h2>
+        {{ end }}
+
+        {{ with $contact.subtitle }}
+        <h3 class="section-subheading text-muted">{{ . | markdownify }}</h3>
+        {{ end }}
+
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-lg-12">
+        <form
+          method="POST"
+          name="sentMessage"
+          id="contactForm
+          {{- if $contact.netlify -}}
+            " netlify
+          {{- else -}}
+            " action="{{- $contact.postURL | default (printf "//formspree.io/%s" (or $contact.email .Site.Params.email)) -}}"
+          {{- end -}}>
+
+          <fieldset>
+            <div class="row">
+              <div class="col-md-6">
+
+                {{ with $contact.form.name }}
+                <div class="form-group">
+                  <input class="form-control" id="name" required="required" type="text" name="name" placeholder="{{ with .text }}{{ .  | markdownify }}{{ end }}" data-validation-error-msg="{{ with .warning }}{{ . | markdownify }}{{ end }}">
+                  <p class="help-block text-danger"></p>
+                </div>
+                {{ end }}
+
+                {{ with $contact.form.email }}
+                <div class="form-group">
+                  <input class="form-control" id="email" required="required" type="email" name="email" placeholder="{{ with .text }}{{ . | markdownify }}{{ end }}" data-validation-error-msg="{{ with .warning }}{{ . | markdownify }}{{ end }}">
+                  <p class="help-block text-danger"></p>
+                </div>
+                {{ end }}
+
+                {{ with $contact.form.phone }}
+                <div class="form-group">
+                  <input class="form-control" id="phone" required="required" type="number" name="phone" placeholder="{{ with .text }}{{ . | markdownify }}{{ end }}" data-validation-error-msg="{{ with .warning }}{{ . | markdownify }}{{ end }}"></textarea>
+                  <p class="help-block text-danger"></p>
+                </div>
+                {{ end }}
+              </div>
+
+              <div class="col-md-6">
+              {{ with $contact.form.message }}
+                <div class="form-group">
+                  <textarea class="form-control" id="message" required="required" name="message" placeholder="{{ with .text }}{{ . | markdownify }}{{ end }}" data-validation-error-msg="{{ with .warning }}{{ . | markdownify }}{{ end }}"></textarea>
+                  <p class="help-block text-danger"></p>
+                </div>
+                {{ end }}
+
+              </div>
+              <div class="clearfix"></div>
+              <div class="col-lg-12 text-center">
+                <div class="text-success" id="success" style="display:none;">
+                  {{ with $contact.thanks }}
+                    {{ . | markdownify }}
+                  {{ else }}
+                    Thank you for contacting us.
+                  {{ end }}
+                </div>
+                <div class="captcha-error text-danger" id="captcha-error">
+                  Message is not sendable due to captcha not loadable. Please contact us at {{ (or $contact.email .Site.Params.email) -}}.
+                </div>
+                <div class="text-danger" id="error" style="display:none;">
+                  {{ with $contact.error }}
+                    {{ . | markdownify }}
+                  {{ else }}
+                    Message could not be send. Please contact us at {{ (or $contact.email .Site.Params.email) }} instead.
+                  {{ end }}
+                </div><br />
+                {{ with $contact.captcha }}
+                  <div class="g-recaptcha-container">
+                    <span class="g-recaptcha-filler"></span>
+                    <button
+                      type="submit"
+                      value="Submit"
+                      class="g-recaptcha btn btn-xl"
+                      data-sitekey="{{ .sitekey }}"
+                      data-size="invisible"
+                      data-badge="inline"
+                      data-callback="onContactCaptcha">
+                      {{ print $contact.buttonText }}
+                    </button>
+                    <span class="filler"></span>
+                  </div>
+                {{ else }}
+                  <button type="submit" value="Submit" class="btn btn-xl">
+                    {{ print $contact.buttonText }}
+                  </button>
+                {{ end }}
+              </div>
+            </div>
+            {{ range $contact.form.hidden }}
+              {{ if eq .name "site" }}
+                <input type="hidden" name="{{ .name }}" value="{{ $.Permalink }}"/>
+              {{ else if eq .name "page" }}
+                <input type="hidden" name="{{ .name }}" value="{{ $.URL }}"/>
+              {{ else }}
+                <input type="hidden" name="{{ .name }}" value="{{ .value }}"/>
+              {{ end }}
+            {{ end }}
+          </fieldset>
+        </form>
+      </div>
+    </div>
+  </div>
+</section>
--- a/themes/hugo-agency-theme/layouts/partials/footer.html
+++ b/themes/hugo-agency-theme/layouts/partials/footer.html
@@ -0,0 +1,25 @@
+{{ "<!-- Footer section -->" | safeHTML }}
+<footer>
+  <div class="container">
+    <div class="row">
+      <div class="col-md-4">
+        <span class="copyright">{{ with .Site.Params.footer.copyright }}{{ . | markdownify }}{{ end }}</span>
+      </div>
+      <div class="col-md-4">
+        <ul class="list-inline social-buttons">
+          {{ range .Site.Params.footer.social }}
+            <li><a href="{{ .link }}" title="{{ .title }}" target="_blank"><i class="{{ .icon }}"></i></a></li>
+          {{ end }}
+        </ul>
+      </div>
+      <div class="col-md-4">
+        <ul class="list-inline quicklinks">
+          {{ $baseUrl := .Site.BaseURL }}
+          {{ range .Site.Params.footer.quicklinks }}
+            <li><a href="{{ $baseUrl }}{{ .link }}" target="_blank">{{ .text  | markdownify }}</a></li>
+          {{ end }}
+        </ul>
+      </div>
+    </div>
+  </div>
+</footer>
--- a/themes/hugo-agency-theme/layouts/partials/head.html
+++ b/themes/hugo-agency-theme/layouts/partials/head.html
@@ -0,0 +1,63 @@
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  {{ with .Site.Params.description }}<meta name="description" content="{{ . }}">{{ end }}
+  {{ with .Site.Params.name }}<meta name="author" content="{{ . }}">{{ end }}
+  {{ .Hugo.Generator }}
+  <title>{{ .Title }}{{ if not .IsHome }} &middot; {{ .Site.Title }}{{ end }}</title>
+  {{ "<!-- Stylesheets -->" | safeHTML }}
+  <link href="{{ "css/bootstrap-v3.3.7/bootstrap.min.css" | absURL }}" rel="stylesheet">
+  <link href="{{ "css/agency.css" | absURL }}" rel="stylesheet">
+  <link href="{{ "css/style.css" | absURL }}" rel="stylesheet">
+  <link href="{{ "css/jquery.form-validator-v2.3.44/theme-default.min.css" | absURL }}" rel="stylesheet">
+  <!--<link href="{{ "fontawesome/css/all.css" | absURL }}" rel="stylesheet">-->
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
+
+
+
+
+  {{ range .Site.Params.custom_css }}
+    <link rel="stylesheet" href="{{ . | absURL }}">
+  {{ end }}
+
+  {{ "<!-- Custom Fonts -->" | safeHTML }}
+  <!--<link href="{{ "font-awesome-v4.7.0/css/font-awesome.min.css" | absURL }}" rel="stylesheet" type="text/css">-->
+  <!--<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">-->
+
+
+
+  {{ with not .Site.Params.disableFonts }}
+    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
+    <link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet" type="text/css">
+    <link href="https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic" rel="stylesheet" type="text/css">
+    <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css">
+  {{ end }}
+
+  {{ with .Site.Params.favicon }}
+    <link rel="apple-touch-icon" sizes="57x57" href="apple-icon-57x57.png">
+    <link rel="apple-touch-icon" sizes="60x60" href="apple-icon-60x60.png">
+    <link rel="apple-touch-icon" sizes="72x72" href="apple-icon-72x72.png">
+    <link rel="apple-touch-icon" sizes="76x76" href="apple-icon-76x76.png">
+    <link rel="apple-touch-icon" sizes="114x114" href="apple-icon-114x114.png">
+    <link rel="apple-touch-icon" sizes="120x120" href="apple-icon-120x120.png">
+    <link rel="apple-touch-icon" sizes="144x144" href="apple-icon-144x144.png">
+    <link rel="apple-touch-icon" sizes="152x152" href="apple-icon-152x152.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="apple-icon-180x180.png">
+    <link rel="icon" type="image/png" sizes="192x192"  href="android-icon-192x192.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="96x96" href="favicon-96x96.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
+    <link rel="manifest" href="manifest.json">
+    <meta name="msapplication-TileColor" content="#ffffff">
+    <meta name="msapplication-TileImage" content="ms-icon-144x144.png">
+    <meta name="theme-color" content="#ffffff">
+  {{ end }}
+
+  {{ "<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->" | safeHTML }}
+  {{ "<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->" | safeHTML }}
+  {{ "<!--[if lt IE 9]>" | safeHTML }}
+  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+  {{ "<![endif]-->" | safeHTML }}
+</head>
--- a/themes/hugo-agency-theme/layouts/partials/hero.html
+++ b/themes/hugo-agency-theme/layouts/partials/hero.html
@@ -0,0 +1,22 @@
+{{ "<!-- Hero -->" | safeHTML }}
+<header>
+  <div class="container">
+    <div class="intro-text">
+      <div class="intro-heading-container">
+      	<div class="intro-heading">Science<br />Slam 2019</div>
+      	<div class="intro-heading-xs">24. Januar 2019</div>
+      	<div class="intro-heading-xs">
+      		<a class="page-scroll btn-sss" href="#tickets">Tickets sichern</a>
+      	</div>
+      </div>
+      <div id="hero-prof">
+      	<div>
+      		24. Januar 2019
+      		<p>
+      			<a class="page-scroll btn btn-sss" href="#tickets">Tickets<br />sichern</a>
+      		</p>
+      	</div>
+      </div>
+    </div>
+  </div>
+</header>
--- a/themes/hugo-agency-theme/layouts/partials/js.html
+++ b/themes/hugo-agency-theme/layouts/partials/js.html
@@ -0,0 +1,39 @@
+{{ "<!-- jQuery -->" | safeHTML }}
+<script src="{{ "js/jquery-v3.3.1/jquery.min.js"| absURL }}"></script>
+
+{{ "<!-- Bootstrap Core -->" | safeHTML }}
+<script src="{{ "js/bootstrap-v3.3.7/bootstrap.min.js"| absURL }}"></script>
+
+{{ "<!-- Form Validation -->" | safeHTML }}
+<script src="{{ "js/jquery.form-validator-v2.3.44/jquery.form-validator.min.js"| absURL }}"></script>
+
+{{ "<!-- Custom Theme -->" | safeHTML }}
+<script src="{{ "js/agency.js"| absURL }}"></script>
+
+
+
+<!-- Matomo -->
+<script type="text/javascript">
+  var _paq = _paq || [];
+  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
+  _paq.push(['trackPageView']);
+  _paq.push(['enableLinkTracking']);
+  (function() {
+    var u="//kiloflop.de/piwik/";
+    _paq.push(['setTrackerUrl', u+'piwik.php']);
+    _paq.push(['setSiteId', '1']);
+    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+    g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
+  })();
+</script>
+<noscript><p><img src="//kiloflop.de/piwik/piwik.php?idsite=1&amp;rec=1" style="border:0;" alt="" /></p></noscript>
+<!-- End Matomo Code -->
+
+
+{{ if .Site.Params.contact.captcha }}
+  <script src="https://www.google.com/recaptcha/api.js" async defer></script>
+{{ end }}
+
+{{ range .Site.Params.custom_js }}
+  <script src="{{ . | absURL }}"></script>
+{{ end }}
--- a/themes/hugo-agency-theme/layouts/partials/modals.html
+++ b/themes/hugo-agency-theme/layouts/partials/modals.html
@@ -0,0 +1,32 @@
+{{ "<!-- Portfolio Modals -->" | safeHTML }}
+{{ range .Site.Data.projects }}
+  <div class="portfolio-modal modal fade" id="portfolioModal{{ .modalID }}" tabindex="-1" role="dialog" aria-hidden="true">
+    <div class="modal-content">
+      <div class="close-modal" data-dismiss="modal">
+        <div class="lr">
+          <div class="rl">
+          </div>
+        </div>
+      </div>
+      <div class="container">
+        <div class="row">
+          <div class="col-lg-8 col-lg-offset-2">
+            <div class="modal-body">
+              <h2>{{ .title  | markdownify }}</h2>
+              <p class="item-intro text-muted">{{ .subtitle | markdownify }}</p>
+              {{ $url := printf "img/portfolio/%s" .img }}
+              <img class="img-responsive img-centered" src="{{ $url | absURL }}" alt="">
+              <p>{{ .description | markdownify }}</p>
+              <ul class="list-inline">
+                <li>{{ with $.Site.Params.portfolio.modal.date }}{{ . }}{{ end }}: {{ .date }}</li>
+                <li>{{ with $.Site.Params.portfolio.modal.client }}{{ . | markdownify }}{{ end }}: <a href="{{ .clientLink }}">{{ .client }}</a></li>
+                <li>{{ with $.Site.Params.portfolio.modal.category }}{{ . }}{{ end }}: {{ .category  | markdownify }}</li>
+              </ul>
+              <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> {{ with $.Site.Params.portfolio.modal.buttonText }}{{ . }}{{ end }}</button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+{{ end }}
--- a/themes/hugo-agency-theme/layouts/partials/nav.html
+++ b/themes/hugo-agency-theme/layouts/partials/nav.html
@@ -0,0 +1,80 @@
+{{ "<!-- Navigation -->" | safeHTML }}
+<nav class="navbar navbar-default navbar-fixed-top">
+  <div class="container">
+
+    {{ "<!-- Brand and toggle get grouped for better mobile display -->" | safeHTML }}
+    <div class="navbar-header page-scroll">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+        <span class="sr-only">Toggle navigation</span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+      </button>
+        <a class="navbar-brand page-scroll" href="{{ if .IsHome }}/#page-top{{ else }}{{ .Site.BaseURL }}{{ end }}">
+          {{ if .Site.Params.navigation.logo }}
+            {{ $url := printf "img/%s" .Site.Params.navigation.logo }}
+            <img src="{{ $url | absURL }}" class="img-responsive" alt="{{ .Site.Params.navigation.brand }}">
+          {{ end }}
+        </a>
+
+      {{ if .Site.Params.navigation.logo }}
+        <a class="navbar-brand page-scroll" href="{{ if .IsHome }}/#page-top{{ else }}{{ .Site.BaseURL }}{{ end }}">
+          {{ .Site.Params.navigation.brand }}
+        </a>
+      {{ end }}
+
+    </div>
+    {{ "<!-- Collect the nav links, forms, and other content for toggling -->" | safeHTML }}
+    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+      <ul class="nav navbar-nav navbar-right">
+        <li class="hidden">
+          <a href="{{ if .IsHome }}/#page-top{{ else }}{{ .Site.BaseURL }}{{ end }}"></a>
+        </li>
+
+        {{ range .Site.Menus.prepend }}
+          <li>
+            <a href="{{ .URL }}">{{ .Name | markdownify }}</a>
+          </li>
+        {{ end }}
+
+        {{ if .Site.Params.was.enable }}
+          <li>
+            <a class="page-scroll" href="{{ .Site.BaseURL }}#was">{{ with .Site.Params.navigation.was }}{{ . }}{{ end }}</a>
+          </li>
+        {{ end }}
+
+        {{ if .Site.Params.slam2019.enable }}
+          <li>
+            <a class="page-scroll" href="{{ .Site.BaseURL }}#slam2019">{{ with .Site.Params.navigation.slam2019 }}{{ . }}{{ end }}</a>
+          </li>
+        {{ end }}
+
+        {{ if .Site.Params.tickets.enable }}
+          <li>
+            <a class="page-scroll" href="{{ .Site.BaseURL }}#tickets">{{ with .Site.Params.navigation.tickets }}{{ . }}{{ end }}</a>
+          </li>
+        {{ end }}
+
+        {{ if .Site.Params.anfahrt.enable }}
+          <li>
+            <a class="page-scroll" href="{{ .Site.BaseURL }}#anfahrt">{{ with .Site.Params.navigation.anfahrt }}{{ . }}{{ end }}</a>
+          </li>
+        {{ end }}
+
+        {{ if .Site.Params.vorjahr.enable }}
+          <li>
+            <a class="page-scroll" href="{{ .Site.BaseURL }}#vorjahr">{{ with .Site.Params.navigation.vorjahr }}{{ . }}{{ end }}</a>
+          </li>
+        {{ end }}
+
+        {{ range .Site.Menus.postpend }}
+          <li>
+            <a href="{{ .URL }}">{{ .Name }}</a>
+          </li>
+        {{ end }}
+      </ul>
+    </div>
+    {{ "<!-- /.navbar-collapse -->" | safeHTML }}
+  </div>
+  {{ "<!-- /.container-fluid -->" | safeHTML }}
+</nav>
--- a/themes/hugo-agency-theme/layouts/partials/portfolio.html
+++ b/themes/hugo-agency-theme/layouts/partials/portfolio.html
@@ -0,0 +1,32 @@
+{{ "<!-- Portfolio Grid Section -->" | safeHTML }}
+<section id="portfolio" class="bg-light-gray">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-12 text-center">
+        <h2 class="section-heading">{{ with .Site.Params.portfolio.title }}{{ . | markdownify }}{{ end }}</h2>
+        <h3 class="section-subheading text-muted">{{ with .Site.Params.portfolio.subtitle }}{{ . | markdownify }}{{ end }}</h3>
+      </div>
+    </div>
+    <div class="row">
+
+      {{ range .Site.Data.projects }}
+        <div class="col-md-4 col-sm-6 portfolio-item">
+          <a href="#portfolioModal{{ .modalID }}" class="portfolio-link" data-toggle="modal">
+            <div class="portfolio-hover">
+              <div class="portfolio-hover-content">
+                <i class="fa fa-plus fa-3x"></i>
+              </div>
+            </div>
+            {{ $url := printf "img/portfolio/%s" .preview }}
+            <img src="{{ $url | absURL }}" class="img-responsive" alt="">
+          </a>
+          <div class="portfolio-caption">
+            <h4>{{ .title | markdownify }}</h4>
+            <p class="text-muted">{{ .category | markdownify }}</p>
+          </div>
+        </div>
+      {{ end }}
+
+    </div>
+  </div>
+</section>
--- a/themes/hugo-agency-theme/layouts/partials/services.html
+++ b/themes/hugo-agency-theme/layouts/partials/services.html
@@ -0,0 +1,25 @@
+{{ "<!-- Services -->" | safeHTML }}
+<section id="services">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-12 text-center">
+        <h2 class="section-heading">{{ with .Site.Params.services.title }}{{ . }}{{ end }}</h2>
+        <h3 class="section-subheading text-muted">{{ with .Site.Params.services.subtitle }}{{ . | markdownify }}{{ end }}</h3>
+      </div>
+    </div>
+    {{ range .Site.Params.services.row }}
+      <div class="row text-center">
+        {{ range .list }}
+          <div class="col-md-4">
+            <span class="fa-stack fa-4x">
+              <i class="fa fa-circle fa-stack-2x text-primary"></i>
+              <i class="fa {{ .icon }} fa-stack-1x fa-inverse"></i>
+            </span>
+            <h4 class="service-heading">{{ if .url }}<a href="{{ .url | absURL }}">{{ .title | markdownify }}</a>{{ else }}{{ .title | markdownify }}{{ end }}</h4>
+            <p class="text-muted">{{ .description | markdownify }}</p>
+          </div>
+        {{ end }}
+      </div>
+    {{ end }}
+  </div>
+</section>
--- a/themes/hugo-agency-theme/layouts/partials/slam2019.html
+++ b/themes/hugo-agency-theme/layouts/partials/slam2019.html
@@ -0,0 +1,55 @@
+{{ "<!-- Services -->" | safeHTML }}
+<section id="slam2019" class="bg-light-gray">
+    <div class="container">
+    <div class="row">
+      <div class="col-lg-12 text-center">
+        <h2 class="section-heading">{{ with .Site.Params.slam2019.title }}{{ . }}{{ end }}</h2>
+        <h3 class="section-subheading text-muted" style="margin-bottom: 35px;">{{ with .Site.Params.slam2019.subtitle }}{{ . | markdownify }}{{ end }}</h3>
+      </div>
+    </div>
+    <div class="row" style="font-size: 1.3em;">
+    	<div class="col-sm-6">
+            <p style="font-size: inherit;">
+                Der Science Slam 2019 wird im größten Hörsaal der Uni stattfinden.<br />
+                Wir laden alle ein, ob groß ob klein, ob jung ob alt, ob dick ob dünn, sich von der Wissenschaft begeistern zu lassen.
+            </p>
+            <p style="font-size: inherit;">
+                <strong>24. Januar, 2019</strong> ab <strong>19:30 Uhr</strong><br />
+                Einlass ab <strong>19:00 Uhr</strong>
+            </p>
+            <div class="row" style="margin-bottom: 40px; margin-top: 40px;">
+                <div class="col-xs-6 text-center">
+                    <a href="#anfahrt" class="">
+                        <span class="fa-stack fa-2x">
+                          <i class="fa fa-circle fa-stack-2x text-primary"></i>
+                          <i class="fas fa-map-marked-alt fa-stack-1x fa-inverse"></i>
+                        </span>
+                        <div style="margin-top: 10px; text-transform: uppercase; font-weight: 700; font-family: Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif; text-decoration: none;">
+                            Anfahrt
+                        </div>
+                    </a>
+                </div>
+                <div class="col-xs-6 text-center">
+                    <a href="#tickets" class="">
+                        <span class="fa-stack fa-2x">
+                          <i class="fa fa-circle fa-stack-2x text-primary"></i>
+                          <i class="fas fa-ticket-alt fa-stack-1x fa-inverse"></i>
+                        </span>
+                        <div style="margin-top: 10px; text-transform: uppercase; font-weight: 700; font-family: Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif; text-decoration: none;">
+                            Tickets
+                        </div>
+                    </a>
+                </div>
+            </div>
+        </div>
+        <div class="col-sm-6">
+            <p style="font-size: inherit;">
+                <strong>Audimax</strong> der <strong>Universität Siegen</strong>
+            </p>
+            <p style="text-align: center;">
+                <img src="img/audimax.png" alt="Audimax, Uni Siegen" style="width: 100%; max-width: 500px;" />
+            </p>
+        </div>
+    </div>
+  </div>
+</section>
--- a/themes/hugo-agency-theme/layouts/partials/team.html
+++ b/themes/hugo-agency-theme/layouts/partials/team.html
@@ -0,0 +1,57 @@
+{{ "<!-- Team Section -->" | safeHTML }}
+<section id="team" class="bg-light-gray">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-12 text-center">
+        <h2 class="section-heading">{{ with .Site.Params.team.title }}{{ . | markdownify }}{{ end }}</h2>
+        <h3 class="section-subheading text-mutedwith ">{{ with .Site.Params.team.subtitle }}{{ . | markdownify }}{{ end }}</h3>
+      </div>
+    </div>
+    <div class="row flexbox{{ if .Site.Params.team.center }} flexbox-center{{ end }}">
+      {{ range .Site.Params.team.members }}
+        <div class="col-sm-4 col">
+          <div class="team-member">
+            {{ $url := printf "img/team/%s" .img }}
+            <img src="{{ $url | absURL }}" class="img-responsive img-circle" alt="{{ .name }}">
+            <h3>{{ .name | markdownify }}</h3>
+
+            {{ with .position }}
+            <h4>{{ . | markdownify }}</h4>
+            {{ end }}
+            {{ with .reportsTo }}
+            <h5 class="report">Reports to {{ . | markdownify }}</h5>
+            {{ end }}
+
+            {{ with .livesIn }}
+            <h5>Lives in {{ . | markdownify }}</h5>
+            {{ end }}
+
+            {{ with .scope }}
+            <ul>
+              {{ range . }}
+                <li>{{ . | markdownify }}</li>
+              {{ end }}
+            </ul>
+            {{ end }}
+
+            <ul class="list-inline social-buttons">
+              {{ range .social }}
+                <li><a href="{{ index . 1 }}"><i class="fa {{ index . 0 }}"></i></a></li>
+              {{ end }}
+            </ul>
+
+            {{ with .bio }}
+            <p class="team-bio">{{ . | markdownify }}</p>
+            {{ end }}
+
+          </div>
+        </div>
+      {{ end }}
+    </div>
+    <div class="row">
+      <div class="col-lg-8 col-lg-offset-2 text-center">
+        <p class="large text-muted">{{ with .Site.Params.team.description }}{{ . | markdownify }}{{ end }}</p>
+      </div>
+    </div>
+  </div>
+</section>
--- a/themes/hugo-agency-theme/layouts/partials/tickets.html
+++ b/themes/hugo-agency-theme/layouts/partials/tickets.html
@@ -0,0 +1,69 @@
+{{ "<!-- Services -->" | safeHTML }}
+<section id="tickets">
+    <div class="container">
+    <div class="row">
+      <div class="col-lg-12 text-center">
+        <h2 class="section-heading">{{ with .Site.Params.tickets.title }}{{ . }}{{ end }}</h2>
+        <h3 class="section-subheading text-muted" style="margin-bottom: 35px;">{{ with .Site.Params.tickets.subtitle }}{{ . | markdownify }}{{ end }}</h3>
+      </div>
+    </div>
+    <div class="row" style="font-size: 1.3em;">
+        <div class="col-sm-2 col-md-3"></div>
+        <div class="col-sm-8 col-md-6">
+            <!--<h3>Online</h2>
+            <p style="font-size: inherit;">
+                Online-Tickets gibt es hier: <a href="https://shop.ticketpay.de/50ZKDIT9" target="_blank">Online-Tickets</a>
+            </p>
+            <p style="margin-top: 30px;"></p>-->
+            <h3>Vorverkauf</h2>
+            <p style="font-size: inherit;">
+                Die Tickets kosten 4,00 Euro (ggf. plus einer kleinen Gebühr, welche manche Vorverkaufsstellen erheben) sind hier erhältlich:
+
+                <div class="panel panel-default">
+					<div class="panel-body">
+						<h4>Online-Tickets</h4>
+						<a href="https://shop.ticketpay.de/VOE4SOV1" target="_blank">Hier geht's zu den Online-Tickets</a>
+					</div>
+				</div>
+
+				<div class="panel panel-default">
+					<div class="panel-body">
+						<h4>EuroTicketStore</h4>
+						Siegerlandzentrum Weidenau<br />
+						Mo - Fr: 9:00 Uhr bis 18:00 Uhr<br />
+						Sa: 9:30 Uhr bis 16:00 Uhr<br />
+						<a href="http://euroticketstore.de/" target="_blank">www.euroticketstore.de</a>
+					</div>
+				</div>
+
+				<div class="panel panel-default">
+					<div class="panel-body">
+						<h4>AStA-Shop</h4>
+						Campus Haardter-Berg Schule<br />
+						Universität Siegen<br />
+						Hölderlinstraße 35, 57076 Siegen<br />
+						Mo - Fr: 9:30 Uhr bis 15:00 Uhr
+					</div>
+				</div>
+
+				<div class="panel panel-default">
+					<div class="panel-body">
+						<h4>FSR Elektrotechnik & Informatik</h4>
+						Campus Hölderlinstraße<br />
+						Universität Siegen<br />
+						Hölderlinstraße 3, 57076 Siegen
+					</div>
+				</div>
+            </p>
+            <p style="margin-top: 30px;"></p>
+            <h3>Abendkasse</h2>
+            <p style="font-size: inherit;">
+                Tickets gibt es selbstverständlich an der Abendkasse
+            </p>
+
+
+
+        </div>
+    </div>
+  </div>
+</section>
--- a/themes/hugo-agency-theme/layouts/partials/vorjahr.html
+++ b/themes/hugo-agency-theme/layouts/partials/vorjahr.html
@@ -0,0 +1,18 @@
+{{ "<!-- Services -->" | safeHTML }}
+<section id="vorjahr">
+    <div class="container">
+        <div class="row">
+          <div class="col-lg-12 text-center">
+            <h2 class="section-heading">{{ with .Site.Params.vorjahr.title }}{{ . }}{{ end }}</h2>
+            <h3 class="section-subheading text-muted" style="margin-bottom: 35px;">{{ with .Site.Params.tickets.subtitle }}{{ . | markdownify }}{{ end }}</h3>
+          </div>
+        </div>
+        <div class="row text-center" style="font-size: 1.3em;">
+            <h2>Science Slam 2017<br /><small>12. Dezember 2017</small></h2>
+            <p>
+                <iframe style="width: 560px; height: 315px; max-width: 100%;" src="https://www.youtube.com/embed/videoseries?list=PLlGpcNaytT57Ovyk-zen2W-by59eR1Zo4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+            </p>
+        </div>
+    </div>
+  </div>
+</section>
--- a/themes/hugo-agency-theme/layouts/partials/was.html
+++ b/themes/hugo-agency-theme/layouts/partials/was.html
@@ -0,0 +1,31 @@
+{{ "<!-- Services -->" | safeHTML }}
+<section id="was">
+    <div class="container">
+    <div class="row">
+      <div class="col-lg-12 text-center">
+        <h2 class="section-heading">{{ with .Site.Params.was.title }}{{ . }}{{ end }}</h2>
+        <h3 class="section-subheading text-muted" style="margin-bottom: 35px;">{{ with .Site.Params.was.subtitle }}{{ . | markdownify }}{{ end }}</h3>
+      </div>
+    </div>
+    <div class="row" style="font-size: 1.3em;">
+    	<div class="col-sm-2 col-md-3"></div>
+    	<div class="col-sm-8 col-md-6">
+    		<p style="font-size: inherit; margin-bottom: 30px;">
+    			<small style="color: #868686;">Kurz:</small><br />
+	    		Wissenschaft in 10 Minuten, verpackt in spannende Vortrags-Battles.
+    		</p>
+    		<p style="font-size: inherit;">
+    			<small style="color: #868686;">Lang:</small><br />
+	    		Ein Science-Slam ist ein wissenschaftliches Kurzvortragsturnier, bei dem Wissenschaftler ihre Forschungsthemen innerhalb einer vorgegebenen Zeit vor Publikum präsentieren. Im Vordergrund steht die Vermittlung wissenschaftlicher Inhalte auf einer verständlichen Basis; die Bewertung erfolgt durch das Publikum. Bewertet werden neben dem wissenschaftlichen Inhalt auch die Verständlichkeit und der Unterhaltungswert des Vortrags.
+    		</p>
+    		<p style="font-size: inherit;">
+    			Der Erfolg eines Science-Slam-Vortrags kann an zwei Punkten gemessen werden:
+    			<ol>
+    				<li>Die Inhalte sind dem Publikum vollauf verständlich.</li>
+					<li>Der Vortragende fesselt auf unterhaltsame Weise das Publikum.</li>
+    			</ol>
+    		</p>
+    	</div>
+    </div>
+  </div>
+</section>
--- a/themes/hugo-agency-theme/static/css/agency.css
+++ b/themes/hugo-agency-theme/static/css/agency.css
@@ -0,0 +1,967 @@
+/*!
+ * Start Bootstrap - Agency Bootstrap Theme (http://startbootstrap.com)
+ * Code licensed under the Apache License v2.0.
+ * For details, see http://www.apache.org/licenses/LICENSE-2.0.
+ */
+
+body {
+    overflow-x: hidden;
+    font-family: "Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
+}
+
+.text-muted {
+    color: #777;
+}
+
+.text-primary {
+    color: #fed136;
+}
+
+p {
+    font-size: 14px;
+    line-height: 1.75;
+}
+
+p.large {
+    font-size: 16px;
+}
+
+a,
+a:hover,
+a:focus,
+a:active,
+a.active {
+    outline: 0;
+}
+
+a {
+    color: #fed136;
+}
+
+a:hover,
+a:focus,
+a:active,
+a.active {
+    color: #fec503;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    text-transform: uppercase;
+    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+    font-weight: 700;
+}
+
+.img-centered {
+    margin: 0 auto;
+}
+
+.bg-light-gray {
+    background-color: #f7f7f7;
+}
+
+.bg-darkest-gray {
+    background-color: #222;
+}
+
+.btn-primary {
+    border-color: #fed136;
+    text-transform: uppercase;
+    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+    font-weight: 700;
+    color: #fff;
+    background-color: #fed136;
+}
+
+.btn-primary:hover,
+.btn-primary:focus,
+.btn-primary:active,
+.btn-primary.active,
+.open .dropdown-toggle.btn-primary {
+    border-color: #f6bf01;
+    color: #fff;
+    background-color: #fec503;
+}
+
+.btn-primary:active,
+.btn-primary.active,
+.open .dropdown-toggle.btn-primary {
+    background-image: none;
+}
+
+.btn-primary.disabled,
+.btn-primary[disabled],
+fieldset[disabled] .btn-primary,
+.btn-primary.disabled:hover,
+.btn-primary[disabled]:hover,
+fieldset[disabled] .btn-primary:hover,
+.btn-primary.disabled:focus,
+.btn-primary[disabled]:focus,
+fieldset[disabled] .btn-primary:focus,
+.btn-primary.disabled:active,
+.btn-primary[disabled]:active,
+fieldset[disabled] .btn-primary:active,
+.btn-primary.disabled.active,
+.btn-primary[disabled].active,
+fieldset[disabled] .btn-primary.active {
+    border-color: #fed136;
+    background-color: #fed136;
+}
+
+.btn-primary .badge {
+    color: #fed136;
+    background-color: #fff;
+}
+
+.btn-xl {
+    padding: 20px 40px;
+    border-color: #fed136;
+    border-radius: 3px;
+    text-transform: uppercase;
+    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+    font-size: 18px;
+    font-weight: 700;
+    color: #fff;
+    background-color: #fed136;
+}
+
+.btn-xl:hover,
+.btn-xl:focus,
+.btn-xl:active,
+.btn-xl.active,
+.open .dropdown-toggle.btn-xl {
+    border-color: #f6bf01;
+    color: #fff;
+    background-color: #fec503;
+}
+
+.btn-xl:active,
+.btn-xl.active,
+.open .dropdown-toggle.btn-xl {
+    background-image: none;
+}
+
+.btn-xl.disabled,
+.btn-xl[disabled],
+fieldset[disabled] .btn-xl,
+.btn-xl.disabled:hover,
+.btn-xl[disabled]:hover,
+fieldset[disabled] .btn-xl:hover,
+.btn-xl.disabled:focus,
+.btn-xl[disabled]:focus,
+fieldset[disabled] .btn-xl:focus,
+.btn-xl.disabled:active,
+.btn-xl[disabled]:active,
+fieldset[disabled] .btn-xl:active,
+.btn-xl.disabled.active,
+.btn-xl[disabled].active,
+fieldset[disabled] .btn-xl.active {
+    border-color: #fed136;
+    background-color: #fed136;
+}
+
+.btn-xl .badge {
+    color: #fed136;
+    background-color: #fff;
+}
+
+.navbar-default {
+    border-color: transparent;
+    background-color: #222;
+}
+
+.navbar-default .navbar-brand {
+    font-family: "Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive;
+    color: #fed136;
+}
+
+.navbar-default .navbar-brand:hover,
+.navbar-default .navbar-brand:focus,
+.navbar-default .navbar-brand:active,
+.navbar-default .navbar-brand.active {
+    color: #fec503;
+}
+
+.navbar-brand>img {
+    height: 50px;
+    max-width: 250px;
+    margin: -15px;
+}
+
+@media(min-width:768px) {
+    .navbar-brand>img {
+        height: 50px;
+        max-width: 300px;
+        margin: -15px;
+    }
+}
+
+@media(min-width:992px) {
+    .navbar-brand>img {
+        height: 50px;
+        max-width: 400px;
+        margin: -15px;
+    }
+}
+
+.navbar-default .navbar-collapse {
+    border-color: rgba(255,255,255,.02);
+}
+
+.navbar-default .navbar-toggle {
+    border-color: #fed136;
+    background-color: #fed136;
+}
+
+.navbar-default .navbar-toggle .icon-bar {
+    background-color: #fff;
+}
+
+.navbar-default .navbar-toggle:hover,
+.navbar-default .navbar-toggle:focus {
+    background-color: #fed136;
+}
+
+.navbar-default .nav li a {
+    text-transform: uppercase;
+    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+    font-weight: 400;
+    letter-spacing: 1px;
+    color: #fff;
+}
+
+.navbar-default .nav li a:hover,
+.navbar-default .nav li a:focus {
+    outline: 0;
+    color: #fed136;
+}
+
+.navbar-default .navbar-nav>.active>a {
+    border-radius: 0;
+    color: #fff;
+    background-color: #fed136;
+}
+
+.navbar-default .navbar-nav>.active>a:hover,
+.navbar-default .navbar-nav>.active>a:focus {
+    color: #fff;
+    background-color: #fec503;
+}
+
+@media(min-width:768px) {
+    .navbar-default {
+        padding: 25px 0;
+        border: 0;
+        background-color: transparent;
+        -webkit-transition: padding .3s;
+        -moz-transition: padding .3s;
+        transition: padding .3s;
+    }
+
+    .navbar-default .navbar-brand {
+        font-size: 2em;
+        -webkit-transition: all .3s;
+        -moz-transition: all .3s;
+        transition: all .3s;
+    }
+
+    .navbar-default .navbar-nav>.active>a {
+        border-radius: 3px;
+    }
+
+    .navbar-default.navbar-shrink {
+        padding: 10px 0;
+        background-color: #222;
+    }
+
+    .navbar-default.navbar-shrink .navbar-brand {
+        font-size: 1.5em;
+    }
+}
+
+header {
+    text-align: center;
+    color: #fff;
+    background-attachment: scroll;
+    background-image: url(../img/header-bg.jpg);
+    background-position: center center;
+    background-repeat: none;
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    background-size: cover;
+    -o-background-size: cover;
+}
+
+header .intro-text {
+    padding-top: 100px;
+    padding-bottom: 50px;
+}
+
+header .intro-text .intro-lead-in {
+    margin-bottom: 25px;
+    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
+    font-size: 22px;
+    font-style: italic;
+    line-height: 22px;
+}
+
+header .intro-text .intro-heading {
+    margin-bottom: 25px;
+    text-transform: uppercase;
+    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+    font-size: 50px;
+    font-weight: 700;
+    line-height: 50px;
+}
+
+@media(min-width:768px) {
+    header .intro-text {
+        padding-top: 300px;
+        padding-bottom: 200px;
+    }
+
+    header .intro-text .intro-lead-in {
+        margin-bottom: 25px;
+        font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
+        font-size: 40px;
+        font-style: italic;
+        line-height: 40px;
+    }
+
+    header .intro-text .intro-heading {
+        margin-bottom: 50px;
+        text-transform: uppercase;
+        font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+        font-size: 75px;
+        font-weight: 700;
+        line-height: 75px;
+    }
+}
+
+section {
+    padding: 100px 0;
+}
+
+section h2.section-heading {
+    margin-top: 0;
+    margin-bottom: 15px;
+    font-size: 40px;
+}
+
+section h3.section-subheading {
+    margin-bottom: 75px;
+    text-transform: none;
+    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
+    font-size: 16px;
+    font-style: italic;
+    font-weight: 400;
+}
+
+@media(min-width:768px) {
+    section {
+        padding: 150px 0;
+    }
+}
+
+.service-heading {
+    margin: 15px 0;
+    text-transform: none;
+}
+
+#portfolio .portfolio-item {
+    right: 0;
+    margin: 0 0 15px;
+}
+
+#portfolio .portfolio-item .portfolio-link {
+    display: block;
+    position: relative;
+    margin: 0 auto;
+    max-width: 400px;
+}
+
+#portfolio .portfolio-item .portfolio-link img {
+    height: 240px;
+}
+
+#portfolio .portfolio-item .portfolio-link .portfolio-hover {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    opacity: 0;
+    background: rgba(254,209,54,.9);
+    -webkit-transition: all ease .5s;
+    -moz-transition: all ease .5s;
+    transition: all ease .5s;
+}
+
+#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
+    opacity: 1;
+}
+
+#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
+    position: absolute;
+    top: 50%;
+    width: 100%;
+    height: 20px;
+    margin-top: -12px;
+    text-align: center;
+    font-size: 20px;
+    color: #fff;
+}
+
+#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
+    margin-top: -12px;
+}
+
+#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
+#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
+    margin: 0;
+}
+
+#portfolio .portfolio-item .portfolio-caption {
+    margin: 0 auto;
+    padding: 25px;
+    max-width: 400px;
+    text-align: center;
+    background-color: #fff;
+}
+
+#portfolio .portfolio-item .portfolio-caption h4 {
+    margin: 0;
+    text-transform: none;
+}
+
+#portfolio .portfolio-item .portfolio-caption p {
+    margin: 0;
+    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
+    font-size: 16px;
+    font-style: italic;
+}
+
+#portfolio * {
+    z-index: 2;
+}
+
+@media(min-width:767px) {
+    #portfolio .portfolio-item {
+        margin: 0 0 30px;
+    }
+}
+
+.timeline {
+    position: relative;
+    padding: 0;
+    list-style: none;
+}
+
+.timeline:before {
+    content: "";
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 40px;
+    width: 2px;
+    margin-left: -1.5px;
+    background-color: #f1f1f1;
+}
+
+.timeline>li {
+    position: relative;
+    margin-bottom: 50px;
+    min-height: 50px;
+}
+
+.timeline>li:before,
+.timeline>li:after {
+    content: " ";
+    display: table;
+}
+
+.timeline>li:after {
+    clear: both;
+}
+
+.timeline>li .timeline-panel {
+    float: right;
+    position: relative;
+    width: 100%;
+    padding: 0 20px 0 100px;
+    text-align: left;
+}
+
+.timeline>li .timeline-panel:before {
+    right: auto;
+    left: -15px;
+    border-right-width: 15px;
+    border-left-width: 0;
+}
+
+.timeline>li .timeline-panel:after {
+    right: auto;
+    left: -14px;
+    border-right-width: 14px;
+    border-left-width: 0;
+}
+
+.timeline>li .timeline-image {
+    z-index: 100;
+    position: absolute;
+    left: 0;
+    width: 80px;
+    height: 80px;
+    margin-left: 0;
+    border: 7px solid #f1f1f1;
+    border-radius: 100%;
+    text-align: center;
+    color: #fff;
+    background-color: #fed136;
+}
+
+.timeline>li .timeline-image h4 {
+    margin-top: 12px;
+    font-size: 10px;
+    line-height: 14px;
+}
+
+.timeline>li.timeline-inverted>.timeline-panel {
+    float: right;
+    padding: 0 20px 0 100px;
+    text-align: left;
+}
+
+.timeline>li.timeline-inverted>.timeline-panel:before {
+    right: auto;
+    left: -15px;
+    border-right-width: 15px;
+    border-left-width: 0;
+}
+
+.timeline>li.timeline-inverted>.timeline-panel:after {
+    right: auto;
+    left: -14px;
+    border-right-width: 14px;
+    border-left-width: 0;
+}
+
+.timeline>li:last-child {
+    margin-bottom: 0;
+}
+
+.timeline .timeline-heading h4 {
+    margin-top: 0;
+    color: inherit;
+}
+
+.timeline .timeline-heading h4.subheading {
+    text-transform: none;
+}
+
+.timeline .timeline-body>p,
+.timeline .timeline-body>ul {
+    margin-bottom: 0;
+}
+
+@media(min-width:768px) {
+    .timeline:before {
+        left: 50%;
+    }
+
+    .timeline>li {
+        margin-bottom: 100px;
+        min-height: 100px;
+    }
+
+    .timeline>li .timeline-panel {
+        float: left;
+        width: 41%;
+        padding: 0 20px 20px 30px;
+        text-align: right;
+    }
+
+    .timeline>li .timeline-image {
+        left: 50%;
+        width: 100px;
+        height: 100px;
+        margin-left: -50px;
+    }
+
+    .timeline>li .timeline-image h4 {
+        margin-top: 16px;
+        font-size: 13px;
+        line-height: 18px;
+    }
+
+    .timeline>li.timeline-inverted>.timeline-panel {
+        float: right;
+        padding: 0 30px 20px 20px;
+        text-align: left;
+    }
+}
+
+@media(min-width:992px) {
+    .timeline>li {
+        min-height: 150px;
+    }
+
+    .timeline>li .timeline-panel {
+        padding: 0 20px 20px;
+    }
+
+    .timeline>li .timeline-image {
+        width: 150px;
+        height: 150px;
+        margin-left: -75px;
+    }
+
+    .timeline>li .timeline-image h4 {
+        margin-top: 30px;
+        font-size: 18px;
+        line-height: 26px;
+    }
+
+    .timeline>li.timeline-inverted>.timeline-panel {
+        padding: 0 20px 20px;
+    }
+}
+
+@media(min-width:1200px) {
+    .timeline>li {
+        min-height: 170px;
+    }
+
+    .timeline>li .timeline-panel {
+        padding: 0 20px 20px 100px;
+    }
+
+    .timeline>li .timeline-image {
+        width: 170px;
+        height: 170px;
+        margin-left: -85px;
+    }
+
+    .timeline>li .timeline-image h4 {
+        margin-top: 40px;
+    }
+
+    .timeline>li.timeline-inverted>.timeline-panel {
+        padding: 0 100px 20px 20px;
+    }
+}
+
+.flexbox {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex-flow: row wrap;
+  flex-flow: row wrap;
+  justify-content: flex-start;
+  align-items: stretch;
+}
+
+.flexbox-center {
+  justify-content: center;
+}
+
+.team-member {
+    margin-bottom: 50px;
+    text-align: center;
+}
+
+.team-member img {
+    margin: 0 auto;
+    border: 7px solid #fff;
+}
+
+.team-member p {
+    margin-top: 0;
+}
+.team-member h3 {
+    text-transform: none;
+    font-weight: 600;
+    color: #333;
+}
+
+.team-member h4 {
+    font-size: 16px;
+    text-transform: none;
+    font-weight: 400;
+    color: #777;
+    margin-bottom: 0px;
+}
+
+.team-member h4 a {
+    text-transform: none;
+}
+
+.team-member h5 {
+    font-size: 14px;
+    text-transform: none;
+    font-style: italic;
+    font-weight: 200;
+    color: #777;
+    margin-bottom: 15px
+}
+
+.team-member .report  {
+    margin-top: 0px;
+}
+
+.team-member h5 a {
+    text-transform: none;
+}
+
+.team-member ul {
+    list-style: none;
+    text-align: center;
+    margin-top: 15px;
+    margin-bottom: 15px;
+    padding: 0;
+}
+
+.team-bio {
+    padding: 15px
+}
+
+@media(min-width:992px) {
+    aside.clients img {
+        margin: 50px auto;
+    }
+}
+
+aside.clients img {
+    margin-top: 50px;
+}
+
+aside .heading {
+    text-transform: none;
+    color: #777;
+    margin-top: 20px;
+    margin-bottom: -40px;
+}
+
+section#contact {
+    background-color: #222;
+    background-image: url(../img/map-image.png);
+    background-position: center;
+    background-repeat: no-repeat;
+}
+
+section#contact .section-heading {
+    color: #fff;
+}
+
+section#contact .form-group {
+    margin-bottom: 25px;
+}
+
+section#contact .form-group input,
+section#contact .form-group textarea {
+    padding: 20px;
+}
+
+section#contact .form-group input.form-control {
+    height: auto;
+}
+
+section#contact .form-group textarea.form-control {
+    height: 236px;
+}
+
+section#contact .form-control:focus {
+    border-color: #fed136;
+    box-shadow: none;
+}
+
+section#contact::-webkit-input-placeholder {
+    text-transform: uppercase;
+    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+    font-weight: 700;
+    color: #bbb;
+}
+
+section#contact:-moz-placeholder {
+    text-transform: uppercase;
+    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+    font-weight: 700;
+    color: #bbb;
+}
+
+section#contact::-moz-placeholder {
+    text-transform: uppercase;
+    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+    font-weight: 700;
+    color: #bbb;
+}
+
+section#contact:-ms-input-placeholder {
+    text-transform: uppercase;
+    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+    font-weight: 700;
+    color: #bbb;
+}
+
+section#contact .text-danger {
+    color: #e74c3c;
+}
+
+section#contact .text-success {
+    color: #ffffff;
+}
+
+footer {
+    padding: 25px 0;
+    text-align: center;
+}
+
+footer span.copyright {
+    text-transform: uppercase;
+    text-transform: none;
+    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+    line-height: 40px;
+}
+
+footer ul.quicklinks {
+    margin-bottom: 0;
+    text-transform: uppercase;
+    text-transform: none;
+    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+    line-height: 40px;
+}
+
+ul.social-buttons {
+    margin-top: 20px;
+    margin-bottom: 10px;
+}
+
+ul.social-buttons li a {
+    display: block;
+    width: 40px;
+    height: 40px;
+    border-radius: 100%;
+    font-size: 20px;
+    line-height: 40px;
+    outline: 0;
+    color: #fff;
+    background-color: #222;
+    -webkit-transition: all .3s;
+    -moz-transition: all .3s;
+    transition: all .3s;
+}
+
+ul.social-buttons li a:hover,
+ul.social-buttons li a:focus,
+ul.social-buttons li a:active {
+    background-color: #fed136;
+}
+
+.btn:focus,
+.btn:active,
+.btn.active,
+.btn:active:focus {
+    outline: 0;
+}
+
+.portfolio-modal .modal-content {
+    padding: 100px 0;
+    min-height: 100%;
+    border: 0;
+    border-radius: 0;
+    text-align: center;
+    background-clip: border-box;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+
+.portfolio-modal .modal-content h2 {
+    margin-bottom: 15px;
+    font-size: 3em;
+}
+
+.portfolio-modal .modal-content p {
+    margin-bottom: 30px;
+}
+
+.portfolio-modal .modal-content p.item-intro {
+    margin: 20px 0 30px;
+    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
+    font-size: 16px;
+    font-style: italic;
+}
+
+.portfolio-modal .modal-content ul.list-inline {
+    margin-top: 0;
+    margin-bottom: 30px;
+}
+
+.portfolio-modal .modal-content img {
+    margin-bottom: 30px;
+}
+
+.portfolio-modal .close-modal {
+    position: absolute;
+    top: 25px;
+    right: 25px;
+    width: 75px;
+    height: 75px;
+    background-color: transparent;
+    cursor: pointer;
+}
+
+.portfolio-modal .close-modal:hover {
+    opacity: .3;
+}
+
+.portfolio-modal .close-modal .lr {
+    z-index: 1051;
+    width: 1px;
+    height: 75px;
+    margin-left: 35px;
+    background-color: #222;
+    -webkit-transform: rotate(45deg);
+    -ms-transform: rotate(45deg);
+    transform: rotate(45deg);
+}
+
+.portfolio-modal .close-modal .lr .rl {
+    z-index: 1052;
+    width: 1px;
+    height: 75px;
+    background-color: #222;
+    -webkit-transform: rotate(90deg);
+    -ms-transform: rotate(90deg);
+    transform: rotate(90deg);
+}
+
+.portfolio-modal .modal-backdrop {
+    display: none;
+    opacity: 0;
+}
+
+::-moz-selection {
+    text-shadow: none;
+    background: #fed136;
+}
+
+::selection {
+    text-shadow: none;
+    background: #fed136;
+}
+
+img::selection {
+    background: 0 0;
+}
+
+img::-moz-selection {
+    background: 0 0;
+}
+
+body {
+    webkit-tap-highlight-color: #fed136;
+}
--- a/themes/hugo-agency-theme/static/css/bootstrap-v3.3.7/bootstrap.css
+++ b/themes/hugo-agency-theme/static/css/bootstrap-v3.3.7/bootstrap.css
--- a/themes/hugo-agency-theme/static/css/bootstrap-v3.3.7/bootstrap.min.css
+++ b/themes/hugo-agency-theme/static/css/bootstrap-v3.3.7/bootstrap.min.css
--- a/themes/hugo-agency-theme/static/css/jquery.form-validator-v2.3.44/theme-default.css
+++ b/themes/hugo-agency-theme/static/css/jquery.form-validator-v2.3.44/theme-default.css
--- a/themes/hugo-agency-theme/static/css/jquery.form-validator-v2.3.44/theme-default.min.css
+++ b/themes/hugo-agency-theme/static/css/jquery.form-validator-v2.3.44/theme-default.min.css
--- a/themes/hugo-agency-theme/static/css/style.css
+++ b/themes/hugo-agency-theme/static/css/style.css
@@ -0,0 +1,211 @@
+@font-face {
+    font-family: 'PinkBlue'; /*a name to be used later*/
+    src: url('../fonts/pinkblue.ttf'); /*URL to font*/
+}
+
+footer {
+	background-color: #222;
+}
+
+header {
+	background-image: url(../img/bg.jpg);
+}
+
+header .container {
+	padding-left: 0;
+	padding-right: 0;
+}
+
+header .intro-text {
+	padding-bottom: 0;
+	padding-top: 125px;
+}
+
+section {
+	padding-top: 70px;
+	padding-bottom: 50px;
+}
+
+.section-heading {
+	margin-top: 20px !important;
+}
+
+#hero-prof {
+	height: 277px;
+	position: relative;
+	background-image: url(../img/proflab.png);
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: bottom;
+    margin: auto;
+    color: #000;
+    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+    padding-top: 15px;
+}
+
+#hero-prof div {
+	position: absolute;
+	display: none;
+	padding-top: 15px;
+}
+
+@media (min-width: 576px) {
+	#hero-prof {
+		height: 500px;
+		background-image: url(../img/profsign_small.png);
+	}
+
+	#hero-prof div {
+		display: block;
+		left: calc(50% + 5px);
+	    top: 203px;
+	    width: 230px;
+	    height: 184px;
+	    font-size: 2em;
+	    font-weight: bold;
+	}
+}
+
+@media (min-width: 1200px) {
+	#hero-prof {
+		height: 700px;
+	}
+
+	#hero-prof div {
+	    top: 286px;
+	    width: 323px;
+	    height: 256px;
+	    font-size: 2.6em;
+	}
+
+	#hero-prof a.btn {
+		font-size: 20px;
+		padding: 20px 40px;
+		margin-top: 15px;
+	}
+}
+
+header .intro-heading-container {
+	color: #d2024c;
+	text-shadow: 3px 3px #FFF;
+	background-color: #000000c9;
+	padding-top: 20px;
+	padding-bottom: 20px;
+}
+
+header .intro-heading-container .intro-heading {
+	margin-bottom: 0;
+}
+
+header .intro-heading-container .intro-heading-xs {
+	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+	text-shadow: none;
+	color: #FFF;
+	font-size: 29px;
+    margin-top: 5px;
+}
+
+@media (min-width: 576px) {
+	header .intro-heading-container .intro-heading {
+		font-size: 90px;
+		line-height: 72px;
+	}
+
+	header .intro-heading-container .intro-heading-xs {
+		display: none;
+	}
+}
+
+@media (min-width: 992px) {
+	header .intro-heading-container .intro-heading {
+		font-size: 120px;
+    	line-height: 96px;
+	}
+}
+
+/* AGENCY CUSTOMIZATION */
+::selection {
+    background: #d2024c;
+}
+
+::-moz-selection {
+	background: #d2024c;
+}
+
+a {
+    color: #d2024c;
+}
+
+a:hover, a:focus, a:active, a.active {
+    color: #b70c49;
+}
+
+.text-primary {
+    color: #d2024c;
+}
+
+.btn-xl, .btn-sss {
+	border-color: #d2024c;
+    background-color: #d2024c;
+}
+
+.btn-xl:hover, .btn-xl:focus, .btn-xl:active, .btn-xl.active, .open .dropdown-toggle.btn-xl,
+.btn-sss:hover, .btn-sss:focus, .btn-sss:active, .btn-sss.active, .open .dropdown-toggle.btn-sss {
+    color: #fff;
+    background-color: #b70c49;
+    border-color: #d2024c;
+}
+
+.btn-sss {
+	padding: 10px 30px;
+    border-radius: 3px;
+    text-transform: uppercase;
+    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
+    font-size: 16px;
+    font-weight: 700;
+    color: #FFF;
+}
+
+.navbar-default  {
+	background-color: #222;
+}
+
+.navbar-default .navbar-toggle {
+    border-color: #d2024c;
+    background-color: #d2024c;
+}
+
+.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
+	background-color: #d2024c;
+}
+
+.navbar-default .navbar-brand {
+	color: #FFF;
+	font-family: 'PinkBlue';
+}
+
+.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:active, .navbar-default .navbar-brand.active {
+	color: #d2024c;
+}
+
+.navbar-default .nav li a:hover, .navbar-default .nav li a:focus {
+    color: #d2024c;
+}
+
+.navbar-default .navbar-nav>.active>a {
+    background-color: #d2024c;
+}
+
+ul.social-buttons li a {
+	background-color: #d2024c;
+}
+
+ul.social-buttons li a:hover, ul.social-buttons li a:focus, ul.social-buttons li a:active {
+    background-color: #FFF;
+    color: #d2024c;
+}
+
+footer a,
+footer a:hover, a:focus, a:active, a.active {
+	color: #FFF;
+}
--- a/themes/hugo-agency-theme/static/img/map-image.png
+++ b/themes/hugo-agency-theme/static/img/map-image.png
--- a/themes/hugo-agency-theme/static/js/agency.js
+++ b/themes/hugo-agency-theme/static/js/agency.js
@@ -0,0 +1,82 @@
+// Smooth scrolling via animate()
+$(document).ready(function(){
+  if ($('.g-recaptcha')) {
+    checkReCaptcha()
+  }
+
+  $("a").on('click', function(event) {
+    if (this.hash && window.location.pathname == "/") {
+      event.preventDefault();
+      var hash = this.hash;
+      $('html, body').animate({
+        scrollTop: $(hash).offset().top
+      }, 800, function(){
+        window.location.hash = hash;
+      });
+    }
+  });
+
+  // Navigation change on scroll
+  var maxOffset = 50;
+  $(window).scroll(function() {
+    if ($(window).scrollTop() >= maxOffset) {
+      $('.navbar-default').addClass('navbar-shrink');
+    }
+    else {
+      $('.navbar-default').removeClass('navbar-shrink');
+    }
+  });
+
+  var maxOffset = 50;
+  if ($(window).scrollTop() >= maxOffset) {
+    $('.navbar-default').addClass('navbar-shrink');
+  }
+  else {
+    $('.navbar-default').removeClass('navbar-shrink');
+  }
+});
+
+// Highlight the top nav as scrolling occurs
+$('body').scrollspy({
+    target: '.navbar-fixed-top'
+})
+
+// Closes the Responsive Menu on Menu Item Click
+$('.navbar-collapse ul li a').click(function() {
+    $('.navbar-toggle:visible').click();
+});
+
+// Async contact form
+$('form[id=contactForm]').submit(function(){
+  $.post($(this).attr('action'), $(this).serialize(), function(data, textStatus, jqXHR){
+    $('form[id=contactForm] #success').hide();
+    $('form[id=contactForm] #error').hide();
+    if (jqXHR.status == 200) {
+      $('form[id=contactForm] #success').show();
+    }}, 'json').fail(function(){
+      $('form[id=contactForm] #success').hide();
+      $('form[id=contactForm] #error').hide();
+      $('form[id=contactForm] #error').show();
+  });
+  return false;
+});
+
+// Contact form validation
+//$.validate({
+//  modules : 'html5, toggleDisabled'
+//});
+
+function onContactCaptcha($form) {
+  $('form#contactForm').submit();
+}
+
+function checkReCaptcha() {
+  if (typeof grecaptcha === "undefined") {
+    $('.captcha-error').show();
+    setTimeout(checkReCaptcha, 200);
+  } else {
+    $('.captcha-error').hide();
+    $('.g-recaptcha-filler').hide();
+    $('.g-recaptcha').attr('disabled', true);
+  }
+}
--- a/themes/hugo-agency-theme/static/js/bootstrap-v3.3.7/bootstrap.js
+++ b/themes/hugo-agency-theme/static/js/bootstrap-v3.3.7/bootstrap.js
--- a/themes/hugo-agency-theme/static/js/bootstrap-v3.3.7/bootstrap.min.js
+++ b/themes/hugo-agency-theme/static/js/bootstrap-v3.3.7/bootstrap.min.js
--- a/themes/hugo-agency-theme/static/js/jquery-v3.3.1/jquery.js
+++ b/themes/hugo-agency-theme/static/js/jquery-v3.3.1/jquery.js
--- a/themes/hugo-agency-theme/static/js/jquery-v3.3.1/jquery.min.js
+++ b/themes/hugo-agency-theme/static/js/jquery-v3.3.1/jquery.min.js
--- a/themes/hugo-agency-theme/static/js/jquery.form-validator-v2.3.44/html5.js
+++ b/themes/hugo-agency-theme/static/js/jquery.form-validator-v2.3.44/html5.js
@@ -0,0 +1,9 @@
+/** File generated by Grunt -- do not modify
+ *  JQUERY-FORM-VALIDATOR
+ *
+ *  @version 2.3.49
+ *  @website http://formvalidator.net/
+ *  @author Victor Jonsson, http://victorjonsson.se
+ *  @license MIT
+ */
+!function(a,b){"function"==typeof define&&define.amd?define(["jquery"],function(a){return b(a)}):"object"==typeof exports?module.exports=b(require("jquery")):b(jQuery)}(this,function(a){!function(a){"use strict";var b="placeholder"in document.createElement("INPUT"),c="options"in document.createElement("DATALIST"),d=!1,e=function(e){e.each(function(){var e=a(this),f=e.find("input,textarea,select"),g=!1;f.each(function(){var b=[],e=a(this),f=e.attr("required"),h={};switch(f&&b.push("required"),(e.attr("type")||"").toLowerCase()){case"time":b.push("time"),a.formUtils.validators.validate_date||d||(d=!0,a.formUtils.loadModules("date"));break;case"url":b.push("url");break;case"email":b.push("email");break;case"date":b.push("date");break;case"number":b.push("number");var i=e.attr("max"),j=e.attr("min"),k=e.attr("step");j||i?(j||(j="0"),i||(i="9007199254740992"),k||(k="1"),h["data-validation-allowing"]="range["+j+";"+i+"]",0!==j.indexOf("-")&&0!==i.indexOf("-")||(h["data-validation-allowing"]+=",negative"),(j.indexOf(".")>-1||i.indexOf(".")>-1||k.indexOf(".")>-1)&&(h["data-validation-allowing"]+=",float")):h["data-validation-allowing"]+=",float,negative"}if(e.attr("pattern")&&(b.push("custom"),h["data-validation-regexp"]=e.attr("pattern")),e.attr("maxlength")&&(b.push("length"),h["data-validation-length"]="max"+e.attr("maxlength")),!c&&e.attr("list")){var l=[],m=a("#"+e.attr("list"));if(m.find("option").each(function(){l.push(a(this).text())}),0===l.length){var n=a.trim(a("#"+e.attr("list")).text()).split("\n");a.each(n,function(b,c){l.push(a.trim(c))})}m.remove(),a.formUtils.suggest(e,l)}if(b.length){f||(h["data-validation-optional"]="true"),g=!0;var o=(e.attr("data-validation")||"")+" "+b.join(" ");e.attr("data-validation",a.trim(o)),a.each(h,function(a,b){e.attr(a,b)})}}),g&&e.trigger("html5ValidationAttrsFound"),b||f.filter("input[placeholder]").each(function(){this.__defaultValue=this.getAttribute("placeholder"),a(this).bind("focus",function(){this.value===this.__defaultValue&&(this.value="",a(this).removeClass("showing-placeholder"))}).bind("blur",function(){""===a.trim(this.value)&&(this.value=this.__defaultValue,a(this).addClass("showing-placeholder"))})})})};a.formUtils.$win.bind("validatorsLoaded formValidationSetup",function(b,c){c||(c=a("form")),e(c)}),a.formUtils.setupValidationUsingHTML5Attr=e}(a,window)});
--- a/themes/hugo-agency-theme/static/js/jquery.form-validator-v2.3.44/jquery.form-validator.js
+++ b/themes/hugo-agency-theme/static/js/jquery.form-validator-v2.3.44/jquery.form-validator.js
--- a/themes/hugo-agency-theme/static/js/jquery.form-validator-v2.3.44/jquery.form-validator.min.js
+++ b/themes/hugo-agency-theme/static/js/jquery.form-validator-v2.3.44/jquery.form-validator.min.js
--- a/themes/hugo-agency-theme/static/js/jquery.form-validator-v2.3.44/security.js
+++ b/themes/hugo-agency-theme/static/js/jquery.form-validator-v2.3.44/security.js
--- a/themes/hugo-agency-theme/static/js/jquery.form-validator-v2.3.44/toggleDisabled.js
+++ b/themes/hugo-agency-theme/static/js/jquery.form-validator-v2.3.44/toggleDisabled.js
@@ -0,0 +1,9 @@
+/** File generated by Grunt -- do not modify
+ *  JQUERY-FORM-VALIDATOR
+ *
+ *  @version 2.3.49
+ *  @website http://formvalidator.net/
+ *  @author Victor Jonsson, http://victorjonsson.se
+ *  @license MIT
+ */
+!function(a,b){"function"==typeof define&&define.amd?define(["jquery"],function(a){return b(a)}):"object"==typeof exports?module.exports=b(require("jquery")):b(jQuery)}(this,function(a){!function(a,b,c){"use strict";var d=function(a,b){"disabled"===b?a.find('*[type="submit"]').addClass("disabled").attr("disabled","disabled"):a.find('*[type="submit"]').removeClass("disabled").removeAttr("disabled")},e=!1;a.formUtils.$win.bind("validatorsLoaded formValidationSetup",function(b,f,g){var h=g.disabledFormFilter?f.filter(g.disabledFormFilter):f,i=g.showErrorDialogs===c||g.showErrorDialogs,j=function(b,c,d){var e=a(this);d.indexOf("blur")>-1?e.unbind("afterValidation",j):c.isValid?e.unbind("afterValidation",j):e.valAttr("have-been-blurred")||(c.shouldChangeDisplay=!1)};h.addClass(i?"disabled-with-errors":"disabled-without-errors").find("*[data-validation]").valAttr("event","keyup change").on("validation",function(b,c){if(!e){e=!0;var f=a(this).closest("form");c&&f.isValid(g.language,g,!1)?d(f,"enabled"):d(f,"disabled"),e=!1}}).on("afterValidation",j).on("blur",function(){a(this).valAttr("have-been-blurred",1)}),d(h,"disabled"),h.validateOnEvent(g.language,g)}).on("validationErrorDisplay",function(a,b,c){b.closest("form").hasClass("disabled-without-errors")&&c.hide()})}(a,window)});
--- a/themes/hugo-agency-theme/theme.toml
+++ b/themes/hugo-agency-theme/theme.toml
@@ -0,0 +1,17 @@
+name = "Agency"
+license = "Apache License 2.0"
+licenselink = "//github.com/digitalcraftsman/hugo-agency-theme/blob/master/LICENSE"
+description = "A one page portfolio for companies and freelancers."
+homepage = "//github.com/digitalcraftsman/hugo-agency-theme"
+tags = ["portfolio", "company", "contact form", "timeline", "google analytics", "piwik"]
+min_version = 0.15
+
+[author]
+  name = "digitalcraftsman"
+  homepage = "//github.com/digitalcraftsman"
+
+# If porting an existing theme
+[original]
+  name = "David Miller"
+  homepage = "//www.ironsummitmedia.com/"
+  repo = "//github.com/IronSummitMedia/startbootstrap-agency"