feat: migrate Hugo Bootstrap theme to latest Hugo with Tailwind CSS and refactor codebase

* replace Bootstrap-based styling with Tailwind CSS
* update theme compatibility for latest Hugo version
* refactor templates and partials
* fix outdated code and broken components
* improve project structure and maintainability
* optimize styling and frontend build setup

exampleSite/.forestry/front_matter/templates/blog-post.yml

@@ -1,25 +0,0 @@
----
-label: Blog Post
-hide_body: false
-fields:
-- type: text
-  name: title
-  label: title
-- type: datetime
-  name: date
-  label: date
-- type: file
-  name: image
-  label: image
-- type: file
-  name: feature_image
-  label: feature_image
-- type: text
-  name: author
-  label: author
-pages:
-- content/blog/Design-inspiration:-the-best-projects-from-December.md
-- content/blog/Design-inspiration:-the-best-projects-from-November.md
-- content/blog/Pt-chooses-Classic-Blue-for-its-colour-of-the-year-2020.md
-- content/blog/The-10-biggest-rebrands-and-logo-designs-of-2019.md
-- content/blog/the-10-biggest-product-stories-of-2019.md

exampleSite/.forestry/front_matter/templates/clients.yml

@@ -1,15 +0,0 @@
----
-label: Clients
-hide_body: true
-fields:
-- type: boolean
-  name: enable
-  label: enable
-- type: text
-  name: title
-  label: title
-- type: image_gallery
-  name: client_logos
-  label: client_logos
-pages:
-- data/clients.yml

exampleSite/.forestry/front_matter/templates/portfolio.yml

@@ -1,25 +0,0 @@
----
-label: Portfolio
-hide_body: false
-fields:
-- type: text
-  name: title
-  label: title
-- type: datetime
-  name: date
-  label: date
-- type: text
-  name: type
-  label: type
-- type: file
-  name: image
-  label: image
-- type: list
-  name: category
-  label: category
-- type: image_gallery
-  name: project_images
-  label: project_images
-pages:
-- content/portfolio/seamless-watch.md
-- content/portfolio/use-less-brand.md

exampleSite/.forestry/front_matter/templates/team.yml

@@ -1,34 +0,0 @@
----
-label: Team
-hide_body: true
-fields:
-- type: boolean
-  name: enable
-  label: enable
-- type: text
-  name: title
-  label: title
-- type: field_group_list
-  name: members
-  label: members
-  fields:
-  - type: file
-    name: image
-    label: image
-  - type: text
-    name: name
-    label: name
-  - type: text
-    name: designation
-    label: designation
-  - type: text
-    name: medium
-    label: medium
-  - type: text
-    name: linkedIn
-    label: linkedIn
-  - type: text
-    name: instagram
-    label: instagram
-pages:
-- data/team.yml

exampleSite/.forestry/front_matter/templates/testimonial.yml

@@ -1,31 +0,0 @@
----
-label: Testimonial
-hide_body: true
-fields:
-- type: boolean
-  name: enable
-  label: enable
-- type: text
-  name: title
-  label: title
-- type: text
-  name: subtitle
-  label: subtitle
-- type: field_group_list
-  name: testimonial_item
-  label: testimonial_item
-  fields:
-  - type: file
-    name: thumb
-    label: thumb
-  - type: text
-    name: name
-    label: name
-  - type: text
-    name: company_position
-    label: company_position
-  - type: textarea
-    name: quote
-    label: quote
-pages:
-- data/testimonial.yml

exampleSite/.forestry/settings.yml

@@ -1,62 +0,0 @@
----
-new_page_extension: md
-auto_deploy: false
-admin_path: 
-webhook_url: 
-sections:
-- type: document
-  path: data/counter.yml
-  label: Counter
-- type: document
-  path: data/team.yml
-  label: Team
-- type: document
-  path: data/clients.yml
-  label: Clients
-- type: document
-  path: data/testimonial.yml
-  label: Testimonials
-- type: document
-  path: config.toml
-  label: Configuration
-- type: directory
-  path: content
-  label: Pages
-  create: all
-  match: "*"
-- type: directory
-  path: content/blog
-  label: Blog
-  create: all
-  match: "**/*"
-- type: directory
-  path: content/contact
-  label: Contact
-  create: all
-  match: "**/*"
-- type: directory
-  path: content/about
-  label: About
-  create: all
-  match: "**/*"
-- type: directory
-  path: content/portfolio
-  label: Portfolio
-  create: all
-  match: "**/*"
-upload_dir: static/images
-public_path: "/images"
-front_matter_path: ''
-use_front_matter_path: false
-file_template: ":filename:"
-build:
-  preview_env:
-  - HUGO_ENV=staging
-  - HUGO_VERSION=0.63.2
-  preview_output_directory: public
-  preview_docker_image: forestryio/hugo:latest
-  mount_path: "/srv"
-  working_dir: "/srv"
-  instant_preview_command: hugo server -D -E -F --port 8080 --bind 0.0.0.0 --renderToDisk
-    -d public
-version: 0.63.2

exampleSite/assets/css/custom.css

@@ -0,0 +1 @@
+/* Add your own custom styles here */

exampleSite/config.toml

@@ -1,144 +0,0 @@
-baseURL       = "http://example.org/"
-languageCode  = "en-us"
-title         = "Roxo | Creative Design Agency"
-theme         = "roxo-hugo"
-summarylength = 25
-
-# Site Menus
-[menu]
-  # Navbar Menus
-  [[menu.nav]]
-    name    = "Home"
-    url     = ""
-    weight  = 1
-  [[menu.nav]]
-    name    = "About"
-    url     = "about"
-    weight  = 2
-  [[menu.nav]]
-    name    = "Portfolio"
-    url     = "portfolio"
-    weight  = 3
-  [[menu.nav]]
-    name    = "Blog"
-    url     = "blog"
-    weight  = 4
-  [[menu.nav]]
-    name    = "Get in touch"
-    url     = "contact"
-    weight  = 5
-
-# Site Params
-[params]
-  logo = "images/logo.png"
-  logo_footer = "images/logo-footer.png"
-  favicon_icon = "images/favicon.ico"
-  favicon_shortcut_icon = "images/favicon.png"
-  custom_stylesheets = []   # [ "scss/my_1.scss", "scss/my_2.scss" ]
-  dateFormat = "26 FEB 1994"
-  # Meta data
-  description = "Roxo Hugo themes | Design Agency Template by StaticMania"
-  author = "StaticMania"
-  # Google Analitycs
-  googleAnalitycsID = "Your ID"
-  # We're using formspree.io for form handling, paste your formspree url below
-  fabform  = "https://fabform.io/f/USAg2Jl"
-
-  # Contact Form
-  [params.contactForm]
-    placeholder_first_name        = "First Name"
-    placeholder_last_name         = "Last Name"
-    placeholder_email             = "Email"
-    placeholder_project_type      = "Project Type"
-    placeholder_about_the_project = "About the Project"
-    send_message                  = "Send Message"
-
-    [[params.contactForm.projectType]]
-      value = "gd"
-      title  = "Graphics Design"
-    [[params.contactForm.projectType]]
-      value = "wd"
-      title  = "Web Design"
-  
-  # Navbar Action Button
-  [params.navAction]
-    status  = true
-    name    = "Get in touch"
-    url     = "contact"
-  
-
-  # Banner Section
-  [params.banner]
-    enable                = true
-    background_image      = "images/backgrounds/hero-background.jpg"
-    heading               = "We’re a Design Studio That Belies In the Great Ideas"
-    tagline               = "WE WORK HARD, WE PLAY HARD"
-    primary_button        = "See Our Works"
-    primary_button_url    = "portfolio"
-    secondary_button      = "Connect with Us"
-    secondary_button_url  = "contact"
-
-  [params.blog]
-    read_more             = "read more"
-
-  [params.portfolio]
-    enable    = true
-    title     = "OUR RECENT WORKS"
-    subtitle  = "Crafting experiences and seeking to make the complex clear & beautiful."
-    view_project = "view project"
-    more_works = "MORE WORKS"
-    scroll_down = "scroll down"
-
-  [params.call_to_action]
-    enable              = true
-    background_image    = "images/backgrounds/cta-background.jpg"
-    title               = "LET’S WORK TOGETHER"
-    primary_button      = "Submit Query"
-    primary_button_url  = "contact"
-    secondary_button    = "Not Convinced"
-    secondary_button_url = "portfolio"
-
-  [params.footer]
-    params.footer.qr_print = false
-    # Footer Contact Info
-    [params.footer.contactInfo]
-      title   = "Contact Info"
-      address = "713 Elmwood St.<br>Prior Lake, MN 55372"
-      phone   = "409-896-1444"
-      email   = "info@roxo.co"
-      # Footer Sitemap
-      [params.footer.sitemap]
-        title   = "Sitemap"
-        [[params.footer.sitemap.link]]
-          name = "About Company"
-          url  = "about"
-        [[params.footer.sitemap.link]]
-          name = "Projects"
-          url  = "portfolio"
-        [[params.footer.sitemap.link]]
-          name = "Blog"
-          url  = "blog"
-        [[params.footer.sitemap.link]]
-          name = "Contact"
-          url  = "contact"
-      # Footer Social Media
-      [params.footer.social]
-        title   = "Social Media"
-        [[params.footer.social.link]]
-          name = "Medium"
-          url  = "#"
-        [[params.footer.social.link]]
-          name = "Behance"
-          url  = "#"
-        [[params.footer.social.link]]
-          name = "Dribbble"
-          url  = "#"
-        [[params.footer.social.link]]
-          name = "Instagram"
-          url  = "#"
-      # Footer Service
-      [params.footer.service]
-        title       = "We help brands:"
-        description = "develop design solutions<br>produce valuable cultural content<br>create fresh brand experience"
-      [params.footer.back_to_top]
-        description = "I want to <br> visit again"

exampleSite/config/_default/languages.toml

@@ -0,0 +1,6 @@
+################ English language ##################
+[en]
+label = "En"
+locale = "en-us"
+contentDir = "content/english"
+weight = 1

exampleSite/config/_default/menus.en.toml

@@ -0,0 +1,72 @@
+############# English navigation ##############
+
+# main menu
+[[main]]
+name = "Home"
+url = "/"
+weight = 1
+
+[[main]]
+name = "About"
+url = "/about"
+weight = 2
+
+[[main]]
+name = "Portfolio"
+url = "/portfolio"
+weight = 3
+
+[[main]]
+name = "Blog"
+url = "/blog"
+weight = 4
+
+
+# footer menu
+# Contact section
+[[footer_01]]
+name = "Contact Info" # This acts as the section title
+title = true     # Flag to identify this as a section title
+weight = 0       # Lower weight to appear first
+
+[[footer_01]]
+name = "713 Elmwood St. Prior Lake, MN 55372"
+url = "https://www.google.com/maps?q=713+Elmwood+St,+Prior+Lake,+MN+55372"
+weight = 1
+
+[[footer_01]]
+name = "409-896-1444"
+url = "tell:409-896-1444"
+weight = 2
+
+[[footer_01]]
+name = "info@roxo.co"
+url = "mailto:info@roxo.co"
+weight = 3
+
+# Sitemap section
+[[footer_02]]
+name = "Sitemap" # This acts as the section title
+title = true      # Flag to identify this as a section title
+weight = 0        # Lower weight to appear first
+
+[[footer_02]]
+name = "Elements"
+url = "/elements"
+weight = 1
+
+[[footer_02]]
+name = "Projects"
+url = "/projects"
+weight = 2
+
+[[footer_02]]
+name = "Blog"
+url = "/blog"
+weight = 3
+
+[[footer_02]]
+name = "Contact"
+url = "/contact"
+weight = 4
+

exampleSite/config/_default/module.toml

@@ -0,0 +1,73 @@
+[hugoVersion]
+extended = true
+min = "0.158.0"
+max = "0.165.0"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/llms-txt"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/pwa"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/images"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/videos"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/icons/font-awesome"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/gzip-caching"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/adsense"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/accordion"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/table-of-contents"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/tab"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/modal"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/gallery-slider"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/components/preloader"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/components/social-share"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/components/cookie-consent"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/components/custom-script"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/components/render-link"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/shortcodes/button"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/shortcodes/notice"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/shortcodes/mermaid"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/seo-tools/basic-seo"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/seo-tools/site-verifications"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/seo-tools/google-tag-manager"

exampleSite/config/_default/params.toml

@@ -0,0 +1,108 @@
+#################### default parameters ############################
+# favicon module: https://github.com/gethugothemes/hugo-modules/tree/master/images#favicon-implementation
+favicon = "images/favicon.png"
+# logo module: https://github.com/gethugothemes/hugo-modules/tree/master/images#logo-implementation
+logo = "images/logo.png"
+# use `px` or `x` with logo_width, example: "100px".
+# Note: logo_width is not work with .svg file
+logo_width = "68px"
+logo_height = "32px"
+# if logo_webp set false, will not generate WEBP version of logo | default is true
+logo_webp = true
+# logo text will only show when logo is missing.
+logo_text = "Roxo"
+# navbar fixed to top
+navbar_fixed = true
+# theme-mode
+theme_switcher = true
+theme_default = "system" # available options [light/dark/system]
+# Main Sections
+mainSections = ["blog"]
+# contact form action
+contact_form_action = "#" # contact form works with [https://airform.io/] or [https://formspree.io]
+# google tag manager, see https://developers.google.com/tag-manager/
+google_tag_manager = "" # example: G-XXXXXXXXXX
+google_adsense = ""     # example: ca-pub-xxxxxxxxxxxxxxxx
+# custom script on header, example: custom_script= "<script>console.log(\"Hello World\")</script>"
+custom_script = ""
+# copyright
+copyright = "© Copyright 2026 - All Rights Reserved by [Sitepins](https://sitepins.com)"
+
+# Preloader
+# preloader module: https://github.com/gethugothemes/hugo-modules/tree/master/components/preloader
+[preloader]
+enable = false
+preloader = "" # use jpg, png, svg or gif format.
+
+# Navigation button
+[navigation_button]
+enable = true
+label = "Get In Touch"
+link = "/contact"
+
+# LLMs Configuration
+# LLMs module: https://github.com/gethugothemes/hugo-modules/tree/master/llms-txt
+[llms]
+# Set to false to disable /llms.txt generation
+generate_llms_txt = true
+# Set to false to disable /llms-full.txt generation
+generate_llms_full_txt = true
+# Limit to specific paths (e.g. "/about/", "/blog/*", "/blog/**"). Empty = all pages.
+include = []
+# Exclude specific paths (same wildcard formats as include). Include takes priority on conflicts.
+exclude = []
+
+# seo meta data for OpenGraph / Twitter Card
+# seo module: https://github.com/gethugothemes/hugo-modules/tree/master/seo-tools/basic-seo
+[metadata]
+keywords = ["Boilerplate", "Hugo"]
+description = "A hugo powered static website"
+author = "sitepins"
+twitter = "sitepins"
+image = "images/og-image.png"
+
+
+# site verifications
+# verification module: https://github.com/gethugothemes/hugo-modules/tree/master/seo-tools/site-verifications
+[site_verification]
+google = ""   # Your verification code
+bing = ""     # Your verification code
+baidu = ""    # Your verification code
+facebook = "" # Your verification code
+mastodon = "" # Your verification code
+
+# cookies
+# cookies module: https://github.com/gethugothemes/hugo-modules/tree/master/components/cookie-consent
+[cookies]
+enable = false
+expire_days = 60
+content = "This site uses cookies. By continuing to use this website, you agree to their use."
+button = "I Accept"
+
+# diagrams
+[mermaid]
+js_url = 'https://cdn.jsdelivr.net/npm/mermaid@latest/dist/mermaid.esm.min.mjs'
+
+
+# google map
+[google_map]
+enable = true
+map_api_key = "AIzaSyCcABaamniA6OL5YvYSpB3pFMNrXwXnLwU"
+map_latitude = "51.5223477"
+map_longitude = "-0.1622023"
+map_marker = "images/marker.png"
+
+
+# Subscription
+[subscription]
+enable = false
+# mailchimp subsciption
+mailchimp_form_action = "https://gmail.us4.list-manage.com/subscribe/post?u=463ee871f45d2d93748e77cad&amp;id=a0a2c6d074" # replace this url with yours
+mailchimp_form_name = "b_463ee871f45d2d93748e77cad_a0a2c6d074"
+
+# Footer
+[footer]
+footer_logo = "images/logo-footer.png"
+footer_title = "We help brands"
+footer_description = "develop design solutions produce valuable cultural content create fresh brand experience"
+back_to_top = "I want to visit again"

exampleSite/config/development/server.toml

@@ -0,0 +1,13 @@
+# defaultContentLanguageInSubdir must be true for this to work.
+
+# Other languages redirects
+# [[redirects]]
+# from = '/fr/**'
+# to = '/fr/404.html'
+# status = 404
+
+# Default language must be last.
+# [[redirects]]
+# from = '/**'
+# to = '/en/404.html'
+# status = 404

exampleSite/content/about/_index.md

@@ -1,8 +0,0 @@
----
-title: "About Us"
-date: 2018-07-12T18:19:33+06:00
-heading : "WE ARE ROXO DESIGN. AN AWARD-WINNING CREATIVE STUDIO IN FLORIDA."
-description : "We are specialized in developing forward-thinking brand identities, websites, illustration and animation for all types of customers. And we do this by bringing our customers through each phase of the design process with us."
-expertise_title: "Expertise"
-expertise_sectors: ["Customer Experience Design", "Digital Products", "Development", "Campaign & Content", "Employer Branding", "Animation & Motion Graphics", "Packaging & Product Design", "Retail & Spacial", "Print & Editorial Design", "Concept/Text", "Information Design"]
----

exampleSite/content/blog/Design-inspiration-the-best-projects-from-December.md

@@ -1,36 +0,0 @@
----
-title: "Design Inspiration: The Best Projects From December"
-date: 2019-12-24T13:45:06+06:00
-image: images/blog/blog-post-04.jpg
-feature_image: images/blog/blog-details-image.jpg
-author: Alexender Schoitiz
----
-### Black Lines brand identity, by & Smith
-
-Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
-
-1. ROFL means Rolling on floor laughing.
-2. STFU means Shut the *freak* up.
-3. LMK means Let me know.
-4. ILY means I love you.
-5. YOLO means You only live once.
-6. SMH means Shaking my head.
-
-The company was previously known as Hingston + Co. but has been given a complete rebrand — including a new logo, tap badges, website and branded material — by London-based design studio & Smith. The new identity is based on the Kandinsky abstract painting, Black Lines, and true to its name, is mostly black and white with a few flashes of colour. According to & Smith, the identity brings together “art and science” and has been brought to life through collaborations with nine illustrators.
-
-1. ROFL means Rolling on floor laughing.
-2. STFU means Shut the *freak* up.
-3. LMK means Let me know.
-4. ILY means I love you.
-5. YOLO means You only live once.
-6. SMH means Shaking my head.
-
-![blog-details-image-02](https://user-images.githubusercontent.com/16266381/71399826-2009b380-264f-11ea-9bc3-59d7fa9a9994.jpg)
-
-Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
-
-> "The public is more familiar with bad design than good design. It is, in effect, conditioned to prefer bad design, because that is what it lives with. The new becomes threatening, the old reassuring."
-
-
-> Paul Rand, graphic designer
-

exampleSite/content/blog/Design-inspiration-the-best-projects-from-November.md

@@ -1,37 +0,0 @@
----
-title: "Design Inspiration: The Best Projects From November"
-date: 2019-12-24T13:36:06+06:00
-image: images/blog/blog-post-02.jpg
-feature_image: images/blog/blog-details-image.jpg
-author: Alexender Schoitiz
----
-### Black Lines brand identity, by & Smith
-
-Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
-
-1. ROFL means Rolling on floor laughing.
-2. STFU means Shut the *freak* up.
-3. LMK means Let me know.
-4. ILY means I love you.
-5. YOLO means You only live once.
-6. SMH means Shaking my head.
-
-The company was previously known as Hingston + Co. but has been given a complete rebrand — including a new logo, tap badges, website and branded material — by London-based design studio & Smith. The new identity is based on the Kandinsky abstract painting, Black Lines, and true to its name, is mostly black and white with a few flashes of colour. According to & Smith, the identity brings together “art and science” and has been brought to life through collaborations with nine illustrators.
-
-1. ROFL means Rolling on floor laughing.
-2. STFU means Shut the *freak* up.
-3. LMK means Let me know.
-4. ILY means I love you.
-5. YOLO means You only live once.
-6. SMH means Shaking my head.
-
-![blog-details-image-02](https://user-images.githubusercontent.com/16266381/71399826-2009b380-264f-11ea-9bc3-59d7fa9a9994.jpg)
-
-Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
-
-> "The public is more familiar with bad design than good design. It is, in effect, conditioned to prefer bad design, because that is what it lives with. The new becomes threatening, the old reassuring."
-
-
-> Paul Rand, graphic designer
-
-

exampleSite/content/blog/Pt-chooses-Classic-Blue-for-its-colour-of-the-year-2020.md

@@ -1,36 +0,0 @@
----
-title: "Pt Chooses Classic Blue for Its Colour of the Year 2020"
-date: 2019-12-24T13:32:54+06:00
-image: images/blog/blog-post-03.jpg
-feature_image: images/blog/blog-details-image.jpg
-author: Alexender Schoitiz
----
-### Black Lines brand identity, by & Smith
-
-Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
-
-1. ROFL means Rolling on floor laughing.
-2. STFU means Shut the *freak* up.
-3. LMK means Let me know.
-4. ILY means I love you.
-5. YOLO means You only live once.
-6. SMH means Shaking my head.
-
-The company was previously known as Hingston + Co. but has been given a complete rebrand — including a new logo, tap badges, website and branded material — by London-based design studio & Smith. The new identity is based on the Kandinsky abstract painting, Black Lines, and true to its name, is mostly black and white with a few flashes of colour. According to & Smith, the identity brings together “art and science” and has been brought to life through collaborations with nine illustrators.
-
-1. ROFL means Rolling on floor laughing.
-2. STFU means Shut the *freak* up.
-3. LMK means Let me know.
-4. ILY means I love you.
-5. YOLO means You only live once.
-6. SMH means Shaking my head.
-
-![blog-details-image-02](https://user-images.githubusercontent.com/16266381/71399826-2009b380-264f-11ea-9bc3-59d7fa9a9994.jpg)
-
-Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
-
-> "The public is more familiar with bad design than good design. It is, in effect, conditioned to prefer bad design, because that is what it lives with. The new becomes threatening, the old reassuring."
-
-
-> Paul Rand, graphic designer
-

exampleSite/content/blog/The-10-biggest-rebrands-and-logo-designs-of-2019.md

@@ -1,37 +0,0 @@
----
-title: "The 10 Biggest Rebrands and Logo Designs of 2019"
-date: 2019-12-24T13:40:00+06:00
-image: images/blog/blog-post-01.jpg
-feature_image: images/blog/blog-details-image.jpg
-author: Alexender Schoitiz
----
-### Black Lines brand identity, by & Smith
-
-Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
-
-1. ROFL means Rolling on floor laughing.
-2. STFU means Shut the *freak* up.
-3. LMK means Let me know.
-4. ILY means I love you.
-5. YOLO means You only live once.
-6. SMH means Shaking my head.
-
-The company was previously known as Hingston + Co. but has been given a complete rebrand — including a new logo, tap badges, website and branded material — by London-based design studio & Smith. The new identity is based on the Kandinsky abstract painting, Black Lines, and true to its name, is mostly black and white with a few flashes of colour. According to & Smith, the identity brings together “art and science” and has been brought to life through collaborations with nine illustrators.
-
-1. ROFL means Rolling on floor laughing.
-2. STFU means Shut the *freak* up.
-3. LMK means Let me know.
-4. ILY means I love you.
-5. YOLO means You only live once.
-6. SMH means Shaking my head.
-
-![blog-details-image-02](https://user-images.githubusercontent.com/16266381/71399826-2009b380-264f-11ea-9bc3-59d7fa9a9994.jpg)
-
-Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
-
-> "The public is more familiar with bad design than good design. It is, in effect, conditioned to prefer bad design, because that is what it lives with. The new becomes threatening, the old reassuring."
-
-
-
-> Paul Rand, graphic designer
-

exampleSite/content/blog/_index.md

@@ -1,6 +0,0 @@
----
-title       : "Roxo Blog"
-date        : 2019-12-23T20:17:01+06:00
-description : "By fusing strategy & design we help our partners build their brands, drive business, & stand out from the noise in saturated markets! Follow our blog for the latest case studies and projects."
----
-

exampleSite/content/blog/the-10-biggest-product-stories-of-2019.md

@@ -1,36 +0,0 @@
----
-title: "The 10 Biggest Product Stories of 2019"
-date: 2019-12-24T12:58:17+06:00
-image: images/blog/blog-post-04.jpg
-feature_image: images/blog/blog-details-image.jpg
-author: Alexender Schoitiz
----
-### Black Lines brand identity, by & Smith
-
-Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
-
-1. ROFL means Rolling on floor laughing.
-2. STFU means Shut the *freak* up.
-3. LMK means Let me know.
-4. ILY means I love you.
-5. YOLO means You only live once.
-6. SMH means Shaking my head.
-
-The company was previously known as Hingston + Co. but has been given a complete rebrand — including a new logo, tap badges, website and branded material — by London-based design studio & Smith. The new identity is based on the Kandinsky abstract painting, Black Lines, and true to its name, is mostly black and white with a few flashes of colour. According to & Smith, the identity brings together “art and science” and has been brought to life through collaborations with nine illustrators.
-
-1. ROFL means Rolling on floor laughing.
-2. STFU means Shut the *freak* up.
-3. LMK means Let me know.
-4. ILY means I love you.
-5. YOLO means You only live once.
-6. SMH means Shaking my head.
-
-![blog-details-image-02](https://user-images.githubusercontent.com/16266381/71399826-2009b380-264f-11ea-9bc3-59d7fa9a9994.jpg)
-
-Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager. The drinks company is seeking to revolutionise the bar experience by serving cocktails by draught with a changing menu of drinks (as well as same favourite stand-bys). A pink grapefruit spritz was served through the summer while a new pear and white tea fizz joins the line-up for winter.
-
-> "The public is more familiar with bad design than good design. It is, in effect, conditioned to prefer bad design, because that is what it lives with. The new becomes threatening, the old reassuring."
-
-
-> Paul Rand, graphic designer
-

exampleSite/content/contact/_index.md

@@ -1,7 +0,0 @@
----
-title         : "Contact"
-date          : 2019-12-23T20:17:01+06:00
-heading       : "Don’t be shy. Say <span>Hello.</span>"
-form_heading  : "TELL US ABOUT YOUR PROJECT"
----
-

exampleSite/content/english/_index.md

@@ -0,0 +1,36 @@
+---
+# Banner
+banner:
+  title: "We're a Design Studio That Belies In the Great Ideas"
+  content: "WE WORK HARD, WE PLAY HARD"
+  image: "/images/hero-background.jpg"
+  button_primary:
+    enable: true
+    label: "Connect With Us"
+    link: "/contact"
+  button_secondary:
+    enable: true
+    label: "See Our Work"
+    link: "/portfolio"
+
+# Company Stats
+company_stats:
+  enable: true
+  title: "THE PROOF IS IN THE PUDDING!"
+  stats:
+    - name: "Happy Clients"
+      count: "250+"
+    - name: "Projects Completed"
+      count: "100+"
+    - name: "Cups of coffee"
+      count: "350+"
+    - name: "Telephone Talks"
+      count: "775+"
+
+# Recent Works:
+recent_works:
+  enable: true
+  title: "OUR RECENT WORKS"
+  description: "Crafting experiences and seeking to make the complex clear & beautiful."
+  # Add featured works in `content/english/portfolio`
+---

exampleSite/content/english/about/_index.md

@@ -0,0 +1,23 @@
+---
+title: "WE ARE ROXO DESIGN. AN AWARD-WINNING CREATIVE STUDIO IN FLORIDA."
+meta_title: "About Us"
+description: "We are specialized in developing forward-thinking brand identities, websites, illustration and animation for all types of customers. And we do this by bringing our customers through each phase of the design process with us."
+image: "/images/blog/blog-details-image-02.jpg"
+expertise_title: "Expertise"
+expertise_sectors:
+  [
+    "Customer Experience Design",
+    "Digital Products",
+    "Development",
+    "Campaign & Content",
+    "Employer Branding",
+    "Animation & Motion Graphics",
+    "Packaging & Product Design",
+    "Retail & Spacial",
+    "Print & Editorial Design",
+    "Concept/Text",
+    "Information Design",
+  ]
+layout: "about"
+draft: false
+---

exampleSite/content/english/blog/_index.md

@@ -0,0 +1,5 @@
+---
+title: "Roxo Blog"
+meta_title: ""
+description: "By fusing strategy & design we help our partners build their brands, drive business, & stand out from the noise in saturated markets! Follow our blog for the latest case studies and projects."
+---

exampleSite/content/english/blog/post-1.md

@@ -0,0 +1,23 @@
+---
+title: "How to build an Application with modern Technology"
+meta_title: ""
+description: "Black Lines brand identity, by & Smith Black Lines wants it to be
+  as easy to serve a Negroni as it is a pint of lager."
+date: 2022-04-04T05:00:00.000Z
+image: "/images/blog/blog-post-01.jpg"
+author: "John Doe"
+draft: false
+---
+Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
+
+## Creative Design
+
+Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
+
+> Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius.

exampleSite/content/english/blog/post-2.md

@@ -0,0 +1,21 @@
+---
+title: "How to build an Application with modern Technology"
+meta_title: ""
+description: "Black Lines brand identity, by & Smith Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager."
+date: 2022-04-04T05:00:00Z
+image: "/images/blog/blog-post-02.jpg"
+author: "Sam Wilson"
+draft: false
+---
+
+Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
+
+## Creative Design
+
+Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
+
+> Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!

exampleSite/content/english/blog/post-3.md

@@ -0,0 +1,21 @@
+---
+title: "How to build an Application with modern Technology"
+meta_title: ""
+description: "Black Lines brand identity, by & Smith Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager."
+date: 2022-04-04T05:00:00Z
+image: "/images/blog/blog-post-03.jpg"
+author: "John Doe"
+draft: false
+---
+
+Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
+
+## Creative Design
+
+Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
+
+> Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!

exampleSite/content/english/blog/post-4.md

@@ -0,0 +1,21 @@
+---
+title: "How to build an Application with modern Technology"
+meta_title: ""
+description: "Black Lines brand identity, by & Smith Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager."
+date: 2022-04-04T05:00:00Z
+image: "/images/blog/blog-post-04.jpg"
+author: "John Doe"
+draft: false
+---
+
+Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
+
+## Creative Design
+
+Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
+
+> Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!

exampleSite/content/english/blog/post-5.md

@@ -0,0 +1,21 @@
+---
+title: "How to build an Application with modern Technology"
+meta_title: ""
+description: "Black Lines brand identity, by & Smith Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager."
+date: 2022-04-04T05:00:00Z
+image: "/images/blog/blog-post-01.jpg"
+author: "John Doe"
+draft: false
+---
+
+Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
+
+## Creative Design
+
+Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
+
+> Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!

exampleSite/content/english/blog/post-6.md

@@ -0,0 +1,21 @@
+---
+title: "How to build an Application with modern Technology"
+meta_title: ""
+description: "Black Lines brand identity, by & Smith Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager."
+date: 2022-04-04T05:00:00Z
+image: "/images/blog/blog-post-04.jpg"
+author: "John Doe"
+draft: false
+---
+
+Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
+
+## Creative Design
+
+Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
+
+> Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!

exampleSite/content/english/blog/post-7.md

@@ -0,0 +1,21 @@
+---
+title: "How to build an Application with modern Technology"
+meta_title: ""
+description: "Black Lines brand identity, by & Smith Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager."
+date: 2022-04-04T05:00:00Z
+image: "/images/blog/blog-post-03.jpg"
+author: "John Doe"
+draft: false
+---
+
+Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
+
+## Creative Design
+
+Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
+
+> Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!

exampleSite/content/english/blog/post-8.md

@@ -0,0 +1,21 @@
+---
+title: "How to build an Application with modern Technology"
+meta_title: ""
+description: "Black Lines brand identity, by & Smith Black Lines wants it to be as easy to serve a Negroni as it is a pint of lager."
+date: 2022-04-04T05:00:00Z
+image: "/images/blog/blog-post-02.jpg"
+author: "Sam Wilson"
+draft: false
+---
+
+Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
+
+## Creative Design
+
+Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
+
+> Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!

exampleSite/content/english/contact/_index.md

@@ -0,0 +1,9 @@
+---
+title: "Don’t be shy. Say <span>Hello.</span>"
+meta_title: "Contact Us"
+description: "this is meta description"
+layout: "contact"
+draft: false
+
+form_heading: "TELL US ABOUT YOUR PROJECT"
+---

exampleSite/content/english/pages/elements.md

@@ -0,0 +1,252 @@
+---
+title: "Elements"
+# meta title
+meta_title: ""
+# meta description
+description: "This is meta description"
+# save as draft
+draft: false
+---
+
+{{< toc >}}
+
+Here is an example of headings. You can use this heading by the following markdown rules. For example: use `#` for heading 1 and use `######` for heading 6.
+
+# Heading 1
+
+## Heading 2
+
+### Heading 3
+
+#### Heading 4
+
+##### Heading 5
+
+###### Heading 6
+
+---
+
+### Emphasis
+
+The emphasis, aka italics, with _asterisks_ or _underscores_.
+
+Strong emphasis, aka bold, with **asterisks** or **underscores**.
+
+The combined emphasis with **asterisks and _underscores_**.
+
+Strike through uses two tildes. ~~Scratch this.~~
+
+---
+
+### Button
+
+{{< button label="Button" link="/" style="solid" >}}
+
+---
+
+### Link
+
+[I'm an inline-style link](https://www.google.com)
+
+[I'm an inline-style link with title](https://www.google.com "Google's Homepage")
+
+[I'm a relative reference to a repository file](../blob/master/LICENSE)
+
+URLs and URLs in angle brackets will automatically get turned into links.
+<http://www.example.com> or <http://www.example.com> and sometimes
+example.com (but not on Github, for example).
+
+Some text to show that the reference links can follow later.
+
+---
+
+### Paragraph
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam.
+
+---
+
+### Ordered List
+
+1. List item
+2. List item
+3. List item
+4. List item
+5. List item
+
+---
+
+### Unordered List
+
+- List item
+- List item
+- List item
+- List item
+- List item
+
+---
+
+### Notice
+
+{{< notice "note" >}}
+This is a simple note.
+{{< /notice >}}
+
+{{< notice "quote" >}}
+This is a simple quote.
+{{< /notice >}}
+
+{{< notice "tip" >}}
+This is a simple tip.
+{{< /notice >}}
+
+{{< notice "info" >}}
+This is a simple info.
+{{< /notice >}}
+
+{{< notice "warning" >}}
+This is a simple warning.
+{{< /notice >}}
+
+---
+
+### Tab
+
+{{< tabs >}}
+{{< tab "Tab 1" >}}
+
+#### Hey There, I am a tab
+
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+{{< /tab >}}
+
+{{< tab "Tab 2" >}}
+
+#### I wanna talk about the assassination attempt
+
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+{{< /tab >}}
+
+{{< tab "Tab 3" >}}
+
+#### We know you’re dealing in stolen ore
+
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
+
+{{< /tab >}}
+{{< /tabs >}}
+
+---
+
+### Accordions
+
+{{< accordion "Why should you need to do this?" >}}
+
+- Lorem ipsum dolor sit amet consectetur adipisicing elit.
+- Lorem ipsum dolor sit amet consectetur adipisicing elit.
+- Lorem ipsum dolor sit amet consectetur
+
+{{< /accordion >}}
+
+{{< accordion "How can I adjust Horizontal centering" >}}
+
+- Lorem ipsum dolor sit amet consectetur adipisicing elit.
+- Lorem ipsum dolor sit amet consectetur adipisicing elit.
+- Lorem ipsum dolor sit amet consectetur
+
+{{< /accordion >}}
+
+{{< accordion "Should you use Negative margin?" >}}
+
+- Lorem ipsum dolor sit amet consectetur adipisicing elit.
+- Lorem ipsum dolor sit amet consectetur adipisicing elit.
+- Lorem ipsum dolor sit amet consectetur
+
+{{< /accordion >}}
+
+---
+
+### Code and Syntax Highlighting
+
+This is an `Inline code` sample.
+
+```javascript
+var s = "JavaScript syntax highlighting";
+alert(s);
+```
+
+```python
+s = "Python syntax highlighting"
+print s
+```
+
+```c { linenos=true }
+#include <stdio.h>
+
+int main(void)
+{
+    printf("hello, world\n");
+    return 0;
+}
+```
+
+```mermaid
+flowchart TD
+    A[Start] --> B{Is it?}
+    B -- Yes --> C[OK]
+    C --> D[Rethink]
+    D --> B
+    B -- No ----> E[End]
+```
+
+---
+
+### Blockquote
+
+> Did you come here for something in particular or just general Riker-bashing? And blowing into maximum warp speed, you appeared for an instant to be in two places at once.
+
+---
+
+### Tables
+
+| Tables        |      Are      |  Cool |
+| ------------- | :-----------: | ----: |
+| col 3 is      | right-aligned | $1600 |
+| col 2 is      |   centered    |   $12 |
+| zebra stripes |   are neat    |    $1 |
+
+---
+
+### Image
+
+{{< image src="images/og-image.png" caption="" alt="alter-text" height="" width="" position="center" command="fill" option="q100" class="img-fluid" title="image title"  webp="false" >}}
+
+---
+
+### Gallery
+
+{{< gallery dir="images/gallery" class="" height="400" width="400" webp="true" command="Fit" option="" zoomable="true" >}}
+
+---
+
+### Slider
+
+{{< slider dir="images/gallery" class="max-w-[600px] ml-0" height="400" width="400" webp="true" command="Fit" option="" zoomable="true" >}}
+
+---
+
+### Youtube video
+
+{{< youtube ResipmZmpDU >}}
+
+---
+
+### Custom video
+
+{{< video src="https://www.w3schools.com/html/mov_bbb.mp4" width="100%" height="auto" autoplay="false" loop="false" muted="false" controls="true" class="rounded-lg" >}}

exampleSite/content/english/pages/privacy-policy.md

@@ -0,0 +1,33 @@
+---
+title: "Privacy"
+# meta title
+meta_title: ""
+# meta description
+description: "This is meta description"
+# save as draft
+draft: false
+---
+
+#### Responsibility of Contributors
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat quisque aliquam sagittis. Sem turpis sed viverra massa gravida pharetra. Non dui dolor potenti eu dignissim fusce. Ultrices amet, in curabitur a arcu a lectus morbi id. Iaculis erat sagittis in tortor cursus. Molestie urna eu tortor, erat scelerisque eget. Nunc hendrerit sed interdum lacus. Lorem quis viverra sed
+
+pretium, aliquam sit. Praesent elementum magna amet, tincidunt eros, nibh in leo. Malesuada purus, lacus, at aliquam suspendisse tempus. Quis tempus amet, velit nascetur sollicitudin. At sollicitudin eget amet in. Eu velit nascetur sollicitudin erhdfvssfvrgss eget viverra nec elementum. Lacus, facilisis tristique lectus in.
+
+#### Gathering of Personal Information
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat quisque aliquam sagittis. Sem turpis sed viverra massa gravida pharetra. Non dui dolor potenti eu dignissim fusce. Ultrices amet, in curabitur a arcu a lectus morbi id. Iaculis erat sagittis in tortor cursus. Molestie urna eu tortor, erat scelerisque eget. Nunc hendrerit sed interdum lacus. Lorem quis viverra sed
+
+#### Protection of Personal- Information
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat quisque aliquam sagittis. Sem turpis sed viverra massa gravida pharetra. Non dui dolor potenti eu dignissim fusce. Ultrices amet, in curabitur a arcu a lectus morbi id. Iaculis erat sagittis in tortor cursus.
+
+Molestie urna eu tortor, erat scelerisque eget. Nunc hendrerit sed interdum lacus. Lorem quis viverra sed
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat
+
+#### Privacy Policy Changes
+
+1. Sll the Themefisher items are designed to be with the latest , We check all
+2. comments that threaten or harm the reputation of any person or organization
+3. personal information including, but limited to, email addresses, telephone numbers
+4. Any Update come in The technology Customer will get automatic Notification.

exampleSite/content/english/portfolio/_index.md

@@ -1,4 +1,5 @@
 ---
 title: "We build better <span>products</span> to help our clients build better <span>companies</span>"
+meta_title: "Portfolio"
 date: 2019-12-23T16:48:28+06:00
 ---

exampleSite/content/english/portfolio/kio-tape-2.md

@@ -2,14 +2,15 @@
 title: "KIO-TAPE BRAND"
 date: 2019-12-23T20:56:42+06:00
 type: portfolio
-image: "images/projects/project-thumb-four.jpg"
+image: "/images/projects/project-thumb-four.jpg"
 category: ["PRODUCT LABEL"]
-project_images: ["images/projects/project-details-image-one.jpg", "images/projects/project-details-image-two.jpg"]
+button_label: "View Project"
+featured: true
+draft: false
 ---
 
 The “Seamless Watch” watch has all the features that users expect in a digital watch, and some unusual features.
 
-
 The watch has the following features:
 
 Time and date displayed on the screen. Current time is in large numbers, date is in small numbers above it.
@@ -20,10 +21,10 @@ Alarm. A daily alarm may be set for a given time. The alarm may be enabled or di
 
 Timer. Timer mode shows a count-up timer that starts at 00:00. When the timer is started, it counts up. Pressing the start/stop button will pause the timer, pressing it again continues counting up. Pressing and holding the button for 3 seconds resets the timer to 00:00 and stops counting.
 
-Mystery answer. After entering this mode, the screen initially displays “ask now”. The user may ask a yes-or-no question aloud and press the start/stop button, this will display a randomly selected answer that is one of the following: “yeah”, “yeah right”, “no”, “no doubt”, “keep trying”, “keep dreaming”. Whenever the display has more than one word, only one word is displayed for 2 seconds, then the other word is displayed for 2 seconds, alternately. The answer is displayed until the user leaves this mode, or he/she presses start/stop again for a new answer. 
-
+Mystery answer. After entering this mode, the screen initially displays “ask now”. The user may ask a yes-or-no question aloud and press the start/stop button, this will display a randomly selected answer that is one of the following: “yeah”, “yeah right”, “no”, “no doubt”, “keep trying”, “keep dreaming”. Whenever the display has more than one word, only one word is displayed for 2 seconds, then the other word is displayed for 2 seconds, alternately. The answer is displayed until the user leaves this mode, or he/she presses start/stop again for a new answer.
 
 Note: these strings are for the English version of the watch, we will need to use completely different strings in other countries without reprogramming the logic of the watch.
 
 The user may cycle among all modes (date/time, timer, mystery answer) by pressing the mode button.
 
+{{< gallery dir="/images/projects" class="" height="400" width="400" webp="true" command="Fit" option="" zoomable="true" >}}

exampleSite/content/english/portfolio/kio-tape.md

@@ -2,14 +2,15 @@
 title: "KIO TAPE"
 date: 2019-12-23T15:44:46+06:00
 type: portfolio
-image: "images/projects/project-thumb-four.jpg"
+image: "/images/projects/project-thumb-four.jpg"
 category: ["PRODUCT LABEL"]
-project_images: ["images/projects/project-details-image-one.jpg", "images/projects/project-details-image-two.jpg"]
+button_label: "View Project"
+featured: true
+draft: false
 ---
 
 The “Seamless Watch” watch has all the features that users expect in a digital watch, and some unusual features.
 
-
 The watch has the following features:
 
 Time and date displayed on the screen. Current time is in large numbers, date is in small numbers above it.
@@ -20,9 +21,10 @@ Alarm. A daily alarm may be set for a given time. The alarm may be enabled or di
 
 Timer. Timer mode shows a count-up timer that starts at 00:00. When the timer is started, it counts up. Pressing the start/stop button will pause the timer, pressing it again continues counting up. Pressing and holding the button for 3 seconds resets the timer to 00:00 and stops counting.
 
-Mystery answer. After entering this mode, the screen initially displays “ask now”. The user may ask a yes-or-no question aloud and press the start/stop button, this will display a randomly selected answer that is one of the following: “yeah”, “yeah right”, “no”, “no doubt”, “keep trying”, “keep dreaming”. Whenever the display has more than one word, only one word is displayed for 2 seconds, then the other word is displayed for 2 seconds, alternately. The answer is displayed until the user leaves this mode, or he/she presses start/stop again for a new answer. 
-
+Mystery answer. After entering this mode, the screen initially displays “ask now”. The user may ask a yes-or-no question aloud and press the start/stop button, this will display a randomly selected answer that is one of the following: “yeah”, “yeah right”, “no”, “no doubt”, “keep trying”, “keep dreaming”. Whenever the display has more than one word, only one word is displayed for 2 seconds, then the other word is displayed for 2 seconds, alternately. The answer is displayed until the user leaves this mode, or he/she presses start/stop again for a new answer.
 
 Note: these strings are for the English version of the watch, we will need to use completely different strings in other countries without reprogramming the logic of the watch.
 
-The user may cycle among all modes (date/time, timer, mystery answer) by pressing the mode button.
+The user may cycle among all modes (date/time, timer, mystery answer) by pressing the mode button.
+
+{{< gallery dir="/images/projects" class="" height="400" width="400" webp="true" command="Fit" option="" zoomable="true" >}}

exampleSite/content/english/portfolio/osen-clock.md

@@ -2,14 +2,15 @@
 title: "OSEN CLOCK"
 date: 2019-12-23T15:56:43+06:00
 type: portfolio
-image: "images/projects/project-thumb-two.jpg"
+image: "/images/projects/project-thumb-two.jpg"
 category: ["PRODUCT DESIGN"]
-project_images: ["images/projects/project-details-image-one.jpg", "images/projects/project-details-image-two.jpg"]
+button_label: "View Project"
+featured: true
+draft: false
 ---
 
 The “Seamless Watch” watch has all the features that users expect in a digital watch, and some unusual features.
 
-
 The watch has the following features:
 
 Time and date displayed on the screen. Current time is in large numbers, date is in small numbers above it.
@@ -20,9 +21,10 @@ Alarm. A daily alarm may be set for a given time. The alarm may be enabled or di
 
 Timer. Timer mode shows a count-up timer that starts at 00:00. When the timer is started, it counts up. Pressing the start/stop button will pause the timer, pressing it again continues counting up. Pressing and holding the button for 3 seconds resets the timer to 00:00 and stops counting.
 
-Mystery answer. After entering this mode, the screen initially displays “ask now”. The user may ask a yes-or-no question aloud and press the start/stop button, this will display a randomly selected answer that is one of the following: “yeah”, “yeah right”, “no”, “no doubt”, “keep trying”, “keep dreaming”. Whenever the display has more than one word, only one word is displayed for 2 seconds, then the other word is displayed for 2 seconds, alternately. The answer is displayed until the user leaves this mode, or he/she presses start/stop again for a new answer. 
-
+Mystery answer. After entering this mode, the screen initially displays “ask now”. The user may ask a yes-or-no question aloud and press the start/stop button, this will display a randomly selected answer that is one of the following: “yeah”, “yeah right”, “no”, “no doubt”, “keep trying”, “keep dreaming”. Whenever the display has more than one word, only one word is displayed for 2 seconds, then the other word is displayed for 2 seconds, alternately. The answer is displayed until the user leaves this mode, or he/she presses start/stop again for a new answer.
 
 Note: these strings are for the English version of the watch, we will need to use completely different strings in other countries without reprogramming the logic of the watch.
 
-The user may cycle among all modes (date/time, timer, mystery answer) by pressing the mode button.
+The user may cycle among all modes (date/time, timer, mystery answer) by pressing the mode button.
+
+{{< gallery dir="/images/projects" class="" height="400" width="400" webp="true" command="Fit" option="" zoomable="true" >}}

exampleSite/content/english/portfolio/seamless-watch.md

@@ -2,14 +2,15 @@
 title: "SEAMLESS WATCH"
 date: 2019-12-23T15:55:44+06:00
 type: portfolio
-image: "images/projects/project-thumb-three.jpg"
+image: "/images/projects/project-thumb-three.jpg"
 category: ["REBRAND"]
-project_images: ["images/projects/project-details-image-one.jpg", "images/projects/project-details-image-two.jpg"]
+button_label: "View Project"
+featured: true
+draft: false
 ---
 
 The “Seamless Watch” watch has all the features that users expect in a digital watch, and some unusual features.
 
-
 The watch has the following features:
 
 Time and date displayed on the screen. Current time is in large numbers, date is in small numbers above it.
@@ -20,9 +21,10 @@ Alarm. A daily alarm may be set for a given time. The alarm may be enabled or di
 
 Timer. Timer mode shows a count-up timer that starts at 00:00. When the timer is started, it counts up. Pressing the start/stop button will pause the timer, pressing it again continues counting up. Pressing and holding the button for 3 seconds resets the timer to 00:00 and stops counting.
 
-Mystery answer. After entering this mode, the screen initially displays “ask now”. The user may ask a yes-or-no question aloud and press the start/stop button, this will display a randomly selected answer that is one of the following: “yeah”, “yeah right”, “no”, “no doubt”, “keep trying”, “keep dreaming”. Whenever the display has more than one word, only one word is displayed for 2 seconds, then the other word is displayed for 2 seconds, alternately. The answer is displayed until the user leaves this mode, or he/she presses start/stop again for a new answer. 
-
+Mystery answer. After entering this mode, the screen initially displays “ask now”. The user may ask a yes-or-no question aloud and press the start/stop button, this will display a randomly selected answer that is one of the following: “yeah”, “yeah right”, “no”, “no doubt”, “keep trying”, “keep dreaming”. Whenever the display has more than one word, only one word is displayed for 2 seconds, then the other word is displayed for 2 seconds, alternately. The answer is displayed until the user leaves this mode, or he/she presses start/stop again for a new answer.
 
 Note: these strings are for the English version of the watch, we will need to use completely different strings in other countries without reprogramming the logic of the watch.
 
-The user may cycle among all modes (date/time, timer, mystery answer) by pressing the mode button.
+The user may cycle among all modes (date/time, timer, mystery answer) by pressing the mode button.
+
+{{< gallery dir="/images/projects" class="" height="400" width="400" webp="true" command="Fit" option="" zoomable="true" >}}

exampleSite/content/english/portfolio/use-less-brand.md

@@ -2,14 +2,15 @@
 title: "USE-LESS BRAND"
 date: 2019-12-23T15:58:10+06:00
 type: portfolio
-image: "images/projects/project-thumb-one.jpg"
-category: ["UI UX"]
-project_images: ["images/projects/project-details-image-one.jpg", "images/projects/project-details-image-two.jpg"]
+image: "/images/projects/project-thumb-one.jpg"
+category: ["UI, UX"]
+button_label: "View Project"
+featured: false
+draft: false
 ---
 
 The “Seamless Watch” watch has all the features that users expect in a digital watch, and some unusual features.
 
-
 The watch has the following features:
 
 Time and date displayed on the screen. Current time is in large numbers, date is in small numbers above it.
@@ -20,9 +21,10 @@ Alarm. A daily alarm may be set for a given time. The alarm may be enabled or di
 
 Timer. Timer mode shows a count-up timer that starts at 00:00. When the timer is started, it counts up. Pressing the start/stop button will pause the timer, pressing it again continues counting up. Pressing and holding the button for 3 seconds resets the timer to 00:00 and stops counting.
 
-Mystery answer. After entering this mode, the screen initially displays “ask now”. The user may ask a yes-or-no question aloud and press the start/stop button, this will display a randomly selected answer that is one of the following: “yeah”, “yeah right”, “no”, “no doubt”, “keep trying”, “keep dreaming”. Whenever the display has more than one word, only one word is displayed for 2 seconds, then the other word is displayed for 2 seconds, alternately. The answer is displayed until the user leaves this mode, or he/she presses start/stop again for a new answer. 
-
+Mystery answer. After entering this mode, the screen initially displays “ask now”. The user may ask a yes-or-no question aloud and press the start/stop button, this will display a randomly selected answer that is one of the following: “yeah”, “yeah right”, “no”, “no doubt”, “keep trying”, “keep dreaming”. Whenever the display has more than one word, only one word is displayed for 2 seconds, then the other word is displayed for 2 seconds, alternately. The answer is displayed until the user leaves this mode, or he/she presses start/stop again for a new answer.
 
 Note: these strings are for the English version of the watch, we will need to use completely different strings in other countries without reprogramming the logic of the watch.
 
 The user may cycle among all modes (date/time, timer, mystery answer) by pressing the mode button.
+
+{{< gallery dir="/images/projects" class="" height="400" width="400" webp="true" command="Fit" option="" zoomable="true" >}}

exampleSite/content/english/sections/call-to-action.md

@@ -0,0 +1,17 @@
+---
+enable: true
+title: "LET'S WORK TOGETHER"
+image: "/images/cta-background.jpg"
+button_primary:
+  enable: true
+  label: "Not Convinced"
+  link: "/portfolio"
+button_secondary:
+  enable: true
+  label: "Submit Query"
+  link: "/contact"
+
+# don't create a separate page
+build:
+  render: "never"
+---

exampleSite/content/english/sections/clients.md

@@ -0,0 +1,19 @@
+---
+enable: true
+title: "Who trust our judgment"
+client_logos:
+  - "/images/clients/client-logo-one.png"
+  - "/images/clients/client-logo-two.png"
+  - "/images/clients/client-logo-three.png"
+  - "/images/clients/client-logo-four.png"
+  - "/images/clients/client-logo-five.png"
+  - "/images/clients/client-logo-six.png"
+  - "/images/clients/client-logo-seven.png"
+  - "/images/clients/client-logo-eight.png"
+  - "/images/clients/client-logo-nine.png"
+  - "/images/clients/client-logo-ten.png"
+
+# don't create a separate page
+build:
+  render: "never"
+---

exampleSite/content/english/sections/team.md

@@ -0,0 +1,99 @@
+---
+enable: true
+title: "Team that makes the difference"
+members:
+  - image: /images/team/team-member-one.jpg
+    name: PABLO ESCOBAR
+    designation: Creative Director
+    social:
+      - name: medium
+        icon: fa-brands fa-medium
+        link: https://medium.com
+
+      - name: x
+        icon: fa-brands fa-x-twitter
+        link: https://x.com
+
+      - name: linkedin
+        icon: fa-brands fa-linkedin
+        link: https://linkedin.com
+  - image: /images/team/team-member-two.jpg
+    name: MONTINO RIAU
+    designation: Product Manager
+    social:
+      - name: medium
+        icon: fa-brands fa-medium
+        link: https://medium.com
+
+      - name: x
+        icon: fa-brands fa-x-twitter
+        link: https://x.com
+
+      - name: linkedin
+        icon: fa-brands fa-linkedin
+        link: https://linkedin.com
+  - image: /images/team/team-member-three.jpg
+    name: ALEX NAASRI
+    designation: Chief Design Officer
+    social:
+      - name: medium
+        icon: fa-brands fa-medium
+        link: https://medium.com
+
+      - name: x
+        icon: fa-brands fa-x-twitter
+        link: https://x.com
+
+      - name: linkedin
+        icon: fa-brands fa-linkedin
+        link: https://linkedin.com
+  - image: /images/team/team-member-four.jpg
+    name: HONGMAN CHIOA
+    designation: UX Researcher
+    social:
+      - name: medium
+        icon: fa-brands fa-medium
+        link: https://medium.com
+
+      - name: x
+        icon: fa-brands fa-x-twitter
+        link: https://x.com
+
+      - name: linkedin
+        icon: fa-brands fa-linkedin
+        link: https://linkedin.com
+  - image: /images/team/team-member-five.jpg
+    name: SANTIO ANDRESS
+    designation: Content Researcher
+    social:
+      - name: medium
+        icon: fa-brands fa-medium
+        link: https://medium.com
+
+      - name: x
+        icon: fa-brands fa-x-twitter
+        link: https://x.com
+
+      - name: linkedin
+        icon: fa-brands fa-linkedin
+        link: https://linkedin.com
+  - image: /images/team/team-member-six.jpg
+    name: RAMESH PAUL
+    designation: Creative Designer
+    social:
+      - name: medium
+        icon: fa-brands fa-medium
+        link: https://medium.com
+
+      - name: x
+        icon: fa-brands fa-x-twitter
+        link: https://x.com
+
+      - name: linkedin
+        icon: fa-brands fa-linkedin
+        link: https://linkedin.com
+
+# don't create a separate page
+build:
+  render: "never"
+---

exampleSite/content/english/sections/testimonial.md

@@ -0,0 +1,41 @@
+---
+enable: true
+title: "OPINION FROM REAL PEOPLE"
+description: "What clients says about our services."
+
+# Testimonials
+testimonials:
+  - name: "Simonns Hodge"
+    designation: "CEO, Credito"
+    avatar: "/images/testimonial/user-thumb-one.jpg"
+    content: "We're a really busy restaurant, and roxo gives our customers a easy way to order, pay, and pick up their food so they can beat the line and beat that lunch rush."
+
+  - name: "Rekon Montino"
+    designation: "CDO, Bulmuci"
+    avatar: "/images/testimonial/user-thumb-two.jpg"
+    content: "We're a really busy restaurant, and roxo gives our customers a easy way to order, pay, and pick up their food so they can beat the line and beat that lunch rush."
+
+  - name: "Ryan Hillary"
+    designation: "MD, Udilamo"
+    avatar: "/images/testimonial/user-thumb-three.jpg"
+    content: "We're a really busy restaurant, and roxo gives our customers a easy way to order, pay, and pick up their food so they can beat the line and beat that lunch rush."
+
+  - name: "Dockrel Kahn"
+    designation: "PM, Walmet"
+    avatar: "/images/testimonial/user-thumb-four.jpg"
+    content: "We're a really busy restaurant, and roxo gives our customers a easy way to order, pay, and pick up their food so they can beat the line and beat that lunch rush."
+
+  - name: "Orino Monteno"
+    designation: "CEO, Axion"
+    avatar: "/images/testimonial/user-thumb-five.jpg"
+    content: "We're a really busy restaurant, and roxo gives our customers a easy way to order, pay, and pick up their food so they can beat the line and beat that lunch rush."
+
+  - name: "CEO, Axion"
+    designation: "PDO, Komoyo"
+    avatar: "/images/testimonial/user-thumb-six.jpg"
+    content: "We're a really busy restaurant, and roxo gives our customers a easy way to order, pay, and pick up their food so they can beat the line and beat that lunch rush."
+
+# don't create a separate page
+build:
+  render: "never"
+---

exampleSite/data/clients.yml

@@ -1,4 +0,0 @@
-enable        : true
-title         : "Who trust our judgment"
-client_logos  : 
-  ["images/clients/client-logo-one.png", "images/clients/client-logo-two.png", "images/clients/client-logo-three.png", "images/clients/client-logo-four.png", "images/clients/client-logo-five.png", "images/clients/client-logo-six.png", "images/clients/client-logo-seven.png", "images/clients/client-logo-eight.png", "images/clients/client-logo-nine.png", "images/clients/client-logo-ten.png"]

exampleSite/data/contact.yml

@@ -1,13 +0,0 @@
-enable  : true
-contactFormTitle    : CONTACT WITH ME
-contactFormSubtitle : >
-  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore, ea! consectetur adipisicing elit. Dolore, ea!
-mapTitle    : FIND US
-mapSubtitle : >
-  Si aute quis eu proident o cupidatat ne anim nescius, et est praesentibus, o quorum vidisse expetendis, nostrud eram quibusdam ad nam nostrud ubi.
-officeAddress1 : 125, Kings Street, Melbourne United Kingdom,600562
-officeAddress2 : 925, Lab Street, San Fransisco, United State 90278
-mail1 : support@timer.com
-mail2 : info@timer.com
-phone1: +07 052 245 022
-phone2: +07 052 245 025 

exampleSite/data/counter.yml

@@ -1,14 +0,0 @@
-enable : true
-heading : "THE PROOF IS IN THE PUDDING!"
-counter_item: 
-  - title: "Happy Clients"
-    number: "250"
-
-  - title: "Projects Completed"
-    number: "100"
-
-  - title: "Cups of coffee"
-    number: "350"
-
-  - title: "Telephone Talks"
-    number: "775"

exampleSite/data/feature.yml

@@ -1,34 +0,0 @@
-enable  : true
-title   : Offer From Me
-subtitle: >
-  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, <br> quasi dolores numquam dolor vero ex, tempora commodi      repellendus quod laborum.
-item    :
-  - icon  : ion-ios-flask-outline
-    title : Media heading
-    description : >
-      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
-
-  - icon  : ion-ios-lightbulb-outline
-    title : Well documented.
-    description : >
-      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
-
-  - icon  : ion-ios-americanfootball-outline
-    title : Free updates
-    description : >
-      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
-
-  - icon  : ion-ios-keypad-outline
-    title : Solid Support
-    description : >
-      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
-
-  - icon  : ion-ios-barcode-outline
-    title : Simple Installation
-    description : >
-      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
-  
-  - icon  : ion-ios-lightbulb-outline
-    title : Well documented.
-    description : >
-      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.

exampleSite/data/gallery.yml

@@ -1,8 +0,0 @@
-enable  : true
-galleryImages :
-  - image : images/portfolio/item-1.jpg
-  - image : images/portfolio/item-2.jpg
-  - image : images/portfolio/item-3.jpg
-  - image : images/portfolio/item-4.jpg
-  - image : images/portfolio/item-5.jpg
-  - image : images/portfolio/item-6.jpg

exampleSite/data/service.yml

@@ -1,24 +0,0 @@
-enable  : true
-title   : WHAT WE LOVE TO DO
-subtitle: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis porro recusandae non quibusdam iure adipisci.
-image   : images/team.jpg
-serviceItem :
-  - icon  : ion-ios-paper-outline
-    title : BRANDING
-    description: >
-      Veritatis eligendi, dignissimos. Porta fermentum mus aute pulvinar earum minus platea massa feugiat rutrum urna facilisi ipsameum
-
-  - icon  : ion-ios-pint-outline
-    title : DESIGN
-    description: >
-      Veritatis eligendi, dignissimos. Porta fermentum mus aute pulvinar earum minus platea massa feugiat rutrum urna facilisi ipsameum
-
-  - icon  : ion-ios-paper-outline
-    title : DEVELOPMENT
-    description: >
-      Veritatis eligendi, dignissimos. Porta fermentum mus aute pulvinar earum minus platea massa feugiat rutrum urna facilisi ipsameum
-
-  - icon  : ion-ios-paper-outline
-    title : THEMEING
-    description: >
-      Veritatis eligendi, dignissimos. Porta fermentum mus aute pulvinar earum minus platea massa feugiat rutrum urna facilisi ipsameum

exampleSite/data/social.json

@@ -0,0 +1,24 @@
+{
+  "main": [
+    {
+      "name": "facebook",
+      "icon": "fab fa-facebook",
+      "link": "https://www.facebook.com/"
+    },
+    {
+      "name": "x",
+      "icon": "fab fa-x-twitter",
+      "link": "https://x.com/"
+    },
+    {
+      "name": "github",
+      "icon": "fab fa-github",
+      "link": "https://www.github.com/"
+    },
+    {
+      "name": "linkedin",
+      "icon": "fab fa-linkedin",
+      "link": "https://www.linkedin.com/"
+    }
+  ]
+}

exampleSite/data/team.yml

@@ -1,44 +0,0 @@
-enable  : true
-title   : Team that makes the difference.
-members  :
-  - image       : images/team/team-member-one.jpg
-    name        : PABLO ESCOBAR
-    designation : Creative Director
-    medium      : https://www.medium.com/
-    linkedin    : https://www.linkedin.com/
-    instagram   : https://www.instagram.com/
-
-  - image       : images/team/team-member-two.jpg
-    name        : MONTINO RIAU
-    designation : Product Manager
-    medium      : https://www.medium.com/
-    linkedin    : https://www.linkedin.com/
-    instagram   : https://www.instagram.com/
-
-  - image       : images/team/team-member-three.jpg
-    name        : ALEX NAASRI
-    designation : Chief Design Officer
-    medium      : https://www.medium.com/
-    linkedin    : https://www.linkedin.com/
-    instagram   : https://www.instagram.com/
-
-  - image       : images/team/team-member-four.jpg
-    name        : HONGMAN CHIOA
-    designation : UX Researcher
-    medium      : https://www.medium.com/
-    linkedin    : https://www.linkedin.com/
-    instagram   : https://www.instagram.com/
-
-  - image       : images/team/team-member-five.jpg
-    name        : SANTIO ANDRESS
-    designation : Content Researcher
-    medium      : https://www.medium.com/
-    linkedin    : https://www.linkedin.com/
-    instagram   : https://www.instagram.com/
-
-  - image       : images/team/team-member-six.jpg
-    name        : RAMESH PAUL
-    designation : Creative Designer
-    medium      : https://www.medium.com/
-    linkedin    : https://www.linkedin.com/
-    instagram   : https://www.instagram.com/

exampleSite/data/testimonial.yml

@@ -1,39 +0,0 @@
-enable  : true
-title   : "OPINION FROM REAL PEOPLE"
-subtitle: "What clients says about our services."
-testimonial_item :
-  - thumb : "images/testimonial/user-thumb-one.jpg"
-    name  : "Simonns Hodge"
-    company_position: "CEO, Credito"
-    quote : > 
-            "Trust us we looked for a very long time and wasted thousands of dollars testing other teams, freelancers, and outsource companies." 
-
-  - thumb : "images/testimonial/user-thumb-two.jpg"
-    name  : "Rekon Montino"
-    company_position: "CDO, Bulmuci"
-    quote : > 
-            "Roxo products have allowed us to deliver better support to all our clients. The agility with which we can implement new features and workflows is a key element." 
-
-  - thumb : "images/testimonial/user-thumb-three.jpg"
-    name  : "Ryan Hillary"
-    company_position: "MD, Udilamo"
-    quote : > 
-            "We’re a really busy restaurant, and roxo gives our customers a easy way to order, pay, and pick up their food so they can beat the line and beat that lunch rush." 
-
-  - thumb : "images/testimonial/user-thumb-four.jpg"
-    name  : "Dockrel Kahn"
-    company_position: "PM, Walmet"
-    quote : > 
-            "Trust us we looked for a very long time and wasted thousands of dollars testing other teams, freelancers, and outsource companies." 
-
-  - thumb : "images/testimonial/user-thumb-five.jpg"
-    name  : "Orino Monteno"
-    company_position: "CEO, Axion"
-    quote : > 
-            "Roxo products have allowed us to deliver better support to all our clients. The agility with which we can implement new features and workflows is a key element." 
-
-  - thumb : "images/testimonial/user-thumb-six.jpg"
-    name  : "Welfo Roy"
-    company_position: "PDO, Komoyo"
-    quote : > 
-            "We’re a really busy restaurant, and roxo gives our customers a easy way to order, pay, and pick up their food so they can beat the line and beat that lunch rush." 

exampleSite/data/theme.json

@@ -0,0 +1,29 @@
+{
+  "colors": {
+    "default": {
+      "theme_color": {
+        "primary": "#E07B7B",
+        "secondary": "#8BC5BF",
+        "tertiary": "#F7F9FF",
+        "body": "#fff",
+        "border": "#eaeaea",
+        "light": "#f6f6f6",
+        "dark": "#040404"
+      },
+      "text_color": {
+        "text": "#9D9EA5",
+        "text_dark": "#00113E",
+        "text_light": "#fff"
+      }
+    }
+  },
+  "fonts": {
+    "font_family": {
+      "primary": "Josefin+Sans:wght@300;400;600",
+      "primary_type": "sans-serif",
+      "secondary": "Montserrat:wght@400;600",
+      "secondary_type": "sans-serif"
+    },
+    "font_size": { "base": "16", "scale": "1.25" }
+  }
+}