Support Overview
Support Overview
=
<div class="flex flex-col min-h-full bg-gray-50">
<header class="flex items-center justify-between w-full px-4 py-6 space-x-4 font-medium text-gray-600 lg:px-12">
<a href="#">
<img src="http://demo-assets.uibak.com/themesdev/runway-logo.svg" alt="Runway Logo" class="h-12">
</a>
<!-- desktop menu -->
<nav class="hidden lg:block">
<ul class="flex items-center space-x-6 2xl:space-x-8">
<li x-data="{ open: false }" class="relative">
<a href="#" class="flex items-center space-x-2 hover:text-blue-600" @click="open = !open">
<span>
Services
</span>
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M19 9l-7 7-7-7" />
</svg>
</a>
<div
class="absolute transition-all z-50 origin-top-left -translate-x-12 translate-y-6 bg-white rounded shadow-lg shadow-slate-300 w-[500px] p-8"
x-transition:enter="ease-out duration-150 scale-75"
x-transition:enter-start="opacity-0 scale-75"
x-transition:enter-end="opacity-100 translate-y-6 scale-100"
x-transition:leave="transition ease-in duration-200"
x-transition:leave-end="opacity-0 -translate-y-2"
x-show="open"
x-cloak
@click.away="open = false">
<ul class="grid grid-cols-2 gap-4 text-sm font-semibold text-slate-500 ">
<li>
<a href="#" class="block hover:text-blue-600">Automated Follow Up</a>
</li>
<li>
<a href="#" class="block hover:text-blue-600">Payment Services</a>
</li>
<li>
<a href="#" class="block hover:text-blue-600">Credit Scores</a>
</li>
<li>
<a href="#" class="block hover:text-blue-600">Internal Notes</a>
</li>
<li>
<a href="#" class="block hover:text-blue-600">Dialogue</a>
</li>
<li>
<a href="#" class="block hover:text-blue-600">Payment Plans</a>
</li>
<li>
<a href="#" class="block hover:text-blue-600">Invoicing</a>
</li>
<li>
<a href="#" class="block hover:text-blue-600">Financing</a>
</li>
</ul>
</div>
</li>
<li>
<a href="#" class="hover:text-blue-600">About</a>
</li>
<li>
<a href="#" class="underline underline-offset-8 decoration-blue-600 decoration-2 hover:text-blue-600">Support</a>
</li>
<li>
<a href="#" class="hover:text-blue-600">Blog</a>
</li>
<li>
<a href="#" class="hover:text-blue-600">Pricing</a>
</li>
<li>
<a href="#" class="hover:text-blue-600">Contact</a>
</li>
</ul>
</nav>
<div class="items-center hidden space-x-4 lg:flex xl:space-x-8">
<div class="flex space-x-2 2xl:space-x-4">
<a href="#" class="flex items-center space-x-2 hover:text-blue-600">
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" />
</svg>
<span>
Sign in
</span>
</a>
<span class="border-l-2 border-gray-300"> </span>
<a href="#" class="hover:text-blue-600">Create account</a>
</div>
<a href="#" class="hidden px-4 py-3 rounded-full xl:inline bg-gradient-to-br text-blue-50 from-blue-600 via-blue-700 to-blue-500 leading-0 hover:from-blue-700 hover:via-blue-500 hover:to-blue-600 hover:text-white">Schedule demo</a>
</div>
<!-- desktop menu -->
<!-- mobile menu -->
<div class="relative lg:hidden" x-data="{ open: false }">
<!-- toggle menu -->
<button type="button" class="px-4 py-2 bg-white border-2 rounded-full border-zinc-100" @click="open = !open">
<span class="sr-only">Open Menu</span>
<svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-zinc-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M4 6h16M4 12h16M4 18h16" />
</svg>
</button>
<!--/ toggle menu -->
<!-- menu overlay -->
<div
class="fixed inset-0 z-50 p-4 transition-all origin-top-right bg-gradient-to-b from-gray-300 to-transparent bg-opacity-20"
x-show="open"
x-transition:enter="ease-out duration-50"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
x-transition:leave="transition ease-in duration-100"
x-transition:leave-end="opacity-0 "
>
<div
class="relative transition-all origin-top-right bg-white rounded shadow"
x-transition:enter="ease-out duration-150 scale-75"
x-transition:enter-start="opacity-0 -translate-y-2 scale-75"
x-transition:enter-end="opacity-100 translate-y-0 scale-100"
x-transition:leave="transition ease-in duration-200"
x-transition:leave-end="opacity-0 -translate-y-2"
@click.away="open = false"
>
<button type="button" class="absolute top-4 right-4" @click="open = false">
<svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-zinc-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
</svg>
</button>
<nav class="p-6">
<span class="block mb-4 text-xs font-bold tracking-widest uppercase text-slate-500">Services</span>
<ul class="grid grid-cols-2 gap-2 text-sm font-semibold md:grid-cols-4 text-slate-700 ">
<li>
<a href="#" class="block hover:text-blue-600">Automated Follow Up</a>
</li>
<li>
<a href="#" class="block hover:text-blue-600">Payment Services</a>
</li>
<li>
<a href="#" class="block hover:text-blue-600">Credit Scores</a>
</li>
<li>
<a href="#" class="block hover:text-blue-600">Internal Notes</a>
</li>
<li>
<a href="#" class="block hover:text-blue-600">Dialogue</a>
</li>
<li>
<a href="#" class="block hover:text-blue-600">Payment Plans</a>
</li>
<li>
<a href="#" class="block hover:text-blue-600">Invoicing</a>
</li>
<li>
<a href="#" class="block hover:text-blue-600">Financing</a>
</li>
</ul>
<ul class="grid grid-cols-2 gap-2 pt-6 mt-6 text-sm font-semibold border-t border-gray-200 md:grid-cols-4 text-slate-700">
<li>
<a href="#" class="block hover:text-blue-600">About</a>
</li>
<li>
<a href="#" class="block hover:text-blue-600">Support</a>
</li>
<li>
<a href="#" class="block hover:text-blue-600">Blog</a>
</li>
<li>
<a href="#" class="block hover:text-blue-600">Pricing</a>
</li>
<li>
<a href="#" class="block hover:text-blue-600">Contact</a>
</li>
</ul>
</nav>
<div class="px-6 py-4 rounded-b-md bg-slate-100">
<div class="flex items-center justify-center space-x-4">
<a href="#" class="flex items-center space-x-1 text-sm">
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" />
</svg>
<span>
Sign in
</span>
</a>
<span class="border-l-2 border-gray-300"> </span>
<a href="#" class="text-sm">Create account</a>
</div>
</div>
</div>
</div>
<!--/ menu overlay-->
</div>
</header>
<!-- Page header -->
<div class="px-4 pt-12 sm:px-8 lg:pt-20 lg:px-12">
<div class="flex flex-col w-full max-w-screen-xl mx-auto space-y-6 lg:justify-between lg:items-end lg:flex-row">
<div class="max-w-2xl">
<span class="block text-sm font-bold tracking-widest uppercase text-slate-600">Knowledge base</span>
<h1 class="mt-3 text-4xl font-bold text-blue-600 md:text-5xl">Explore our guides to integrate Runway</h1>
</div>
<div class="relative max-w-lg pb-2 group">
<input type="text" class="w-full pl-6 pr-12 bg-white rounded-full border-zinc-300 placeholder:text-zinc-400 focus:border-indigo-400 focus:ring-indigo-500" placeholder="Enter search term...">
<button type="button" class="absolute -translate-x-10 translate-y-2 text-zinc-400">
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
</svg>
</button>
</div>
</div>
</div>
<!--/ Page header -->
<div class="flex-1 px-4 pt-12 lg:pb-24 sm:px-8 lg:pt-12 lg:px-12">
<main class="max-w-screen-xl mx-auto ">
<!-- knowledge categories-->
<div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3 ">
<!-- item -->
<div class="w-full px-6 py-6 bg-white rounded-md shadow-lg md:py-12 md:px-12 shadow-slate-200">
<div class="relative w-8 h-8 mb-2 ml-3 bg-blue-100 rounded-full">
<svg xmlns="http://www.w3.org/2000/svg" class="absolute w-10 h-10 mb-6 text-blue-600 -top-2 -left-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path d="M12 14l9-5-9-5-9 5 9 5z" />
<path d="M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z" />
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222" />
</svg>
</div>
<h2 class="block w-full pt-1 text-base font-semibold text-left text-gray-800 md:text-xl">Automated Follow Up</h2>
<ul class="mt-6 space-y-2 text-slate-500 lg:text-lg">
<li>
<a href="#" class="block hover:text-blue-600">General</a>
</li>
<li>
<a href="#" class="block hover:text-blue-600">Payment Services</a>
</li>
<li>
<a href="#" class="block hover:text-blue-600">Credit Scores</a>
</li>
<li>
<a href="#" class="block hover:text-blue-600">Internal Notes</a>
</li>
</ul>
<a href="#" class="flex items-center mt-8 text-sm font-semibold text-blue-600 group md:text-base">
<span class="group-hover:underline">
View all articles
</span>
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M9 5l7 7-7 7" />
</svg>
</a>
</div>
<!--/ item -->
<!-- item -->
<div class="w-full px-6 py-6 bg-white rounded-md shadow-lg md:py-12 md:px-12 shadow-slate-200">
<div class="relative w-8 h-8 mb-2 ml-3 bg-blue-100 rounded-full">
<svg xmlns="http://www.w3.org/2000/svg" class="absolute w-10 h-10 mb-6 text-blue-600 -top-2 -left-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.121 15.536c-1.171 1.952-3.07 1.952-4.242 0-1.172-1.953-1.172-5.119 0-7.072 1.171-1.952 3.07-1.952 4.242 0M8 10.5h4m-4 3h4m9-1.5a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
</div>
<h2 class="block w-full pt-1 text-base font-semibold text-left text-gray-800 md:text-xl">Payment Services</h2>
<ul class="mt-6 space-y-2 text-slate-500 lg:text-lg">
<li>
<a href="#" class="block hover:text-blue-600">Automated Follow Up</a>
</li>
<li>
<a href="#" class="block hover:text-blue-600">Payment Services</a>
</li>
<li>
<a href="#" class="block hover:text-blue-600">Credit Scores</a>
</li>
<li>
<a href="#" class="block hover:text-blue-600">Internal Notes</a>
</li>
</ul>
<a href="#" class="flex items-center mt-8 text-sm font-semibold text-blue-600 group md:text-base">
<span class="group-hover:underline">
View all articles
</span>
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M9 5l7 7-7 7" />
</svg>
</a>
</div>
<!--/ item -->
<!-- item -->
<div class="w-full px-6 py-6 bg-white rounded-md shadow-lg md:py-12 md:px-12 shadow-slate-200">
<div class="relative w-8 h-8 mb-2 ml-3 bg-blue-100 rounded-full">
<svg xmlns="http://www.w3.org/2000/svg" class="absolute w-10 h-10 mb-6 text-blue-600 -top-2 -left-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" />
</svg>
</div>
<h2 class="block w-full pt-1 text-base font-semibold text-left text-gray-800 md:text-xl">Credit Scores</h2>
<ul class="mt-6 space-y-2 text-slate-500 lg:text-lg">
<li>
<a href="#" class="block hover:text-blue-600">Automated Follow Up</a>
</li>
<li>
<a href="#" class="block hover:text-blue-600">Payment Services</a>
</li>
<li>
<a href="#" class="block hover:text-blue-600">Credit Scores</a>
</li>
<li>
<a href="#" class="block hover:text-blue-600">Internal Notes</a>
</li>
</ul>
<a href="#" class="flex items-center mt-8 text-sm font-semibold text-blue-600 group md:text-base">
<span class="group-hover:underline">
View all articles
</span>
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M9 5l7 7-7 7" />
</svg>
</a>
</div>
<!--/ item -->
<!-- item -->
<div class="w-full px-6 py-6 bg-white rounded-md shadow-lg md:py-12 md:px-12 shadow-slate-200">
<div class="relative w-8 h-8 mb-2 ml-3 bg-blue-100 rounded-full">
<svg xmlns="http://www.w3.org/2000/svg" class="absolute w-10 h-10 mb-6 text-blue-600 -top-2 -left-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" />
</svg>
</div>
<h2 class="block w-full pt-1 text-base font-semibold text-left text-gray-800 md:text-xl">Internal Notes</h2>
<ul class="mt-6 space-y-2 text-slate-500 lg:text-lg">
<li>
<a href="#" class="block hover:text-blue-600">Automated Follow Up</a>
</li>
<li>
<a href="#" class="block hover:text-blue-600">Payment Services</a>
</li>
<li>
<a href="#" class="block hover:text-blue-600">Credit Scores</a>
</li>
<li>
<a href="#" class="block hover:text-blue-600">Internal Notes</a>
</li>
</ul>
<a href="#" class="flex items-center mt-8 text-sm font-semibold text-blue-600 group md:text-base">
<span class="group-hover:underline">
View all articles
</span>
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M9 5l7 7-7 7" />
</svg>
</a>
</div>
<!--/ item -->
<!-- item -->
<div class="w-full px-6 py-6 bg-white rounded-md shadow-lg md:py-12 md:px-12 shadow-slate-200">
<div class="relative w-8 h-8 mb-2 ml-3 bg-blue-100 rounded-full">
<svg xmlns="http://www.w3.org/2000/svg" class="absolute w-10 h-10 mb-6 text-blue-600 -top-2 -left-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a1.994 1.994 0 01-1.414-.586m0 0L11 14h4a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2v4l.586-.586z" />
</svg>
</div>
<h2 class="block w-full pt-1 text-base font-semibold text-left text-gray-800 md:text-xl">Dialogue</h2>
<ul class="mt-6 space-y-2 text-slate-500 lg:text-lg">
<li>
<a href="#" class="block hover:text-blue-600">Automated Follow Up</a>
</li>
<li>
<a href="#" class="block hover:text-blue-600">Payment Services</a>
</li>
<li>
<a href="#" class="block hover:text-blue-600">Credit Scores</a>
</li>
<li>
<a href="#" class="block hover:text-blue-600">Internal Notes</a>
</li>
</ul>
<a href="#" class="flex items-center mt-8 text-sm font-semibold text-blue-600 group md:text-base">
<span class="group-hover:underline">
View all articles
</span>
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M9 5l7 7-7 7" />
</svg>
</a>
</div>
<!--/ item -->
</div>
<!--/ knowledge categories-->
</main>
</div>
<div class="pt-48">
<footer class="px-4 pb-6 sm:px-8 lg:pb-20 bg-slate-800 lg:px-12">
<!-- Cta Banner -->
<div class="relative py-12 -mb-12 overflow-hidden -translate-y-24 rounded-lg md:rounded-tr-full md:-translate-x-8 lg:py-24 bg-gradient-to-tl from-blue-700 via-indigo-600 to-blue-500 lg:-translate-x-12 lg:-translate-y-32">
<div class="absolute inset-0">
<img src="http://demo-assets.uibak.com/themesdev/cta-bg.png" alt="" class="object-cover w-full h-full opacity-20">
</div>
<div class="relative z-20 w-full max-w-screen-xl px-4 mx-auto lg:px-12">
<div class="flex flex-col items-start space-y-6 md:pr-24 lg:justify-between lg:items-center lg:flex-row 2xl:pr-0 lg:space-y-0">
<div class="max-w-md space-y-6">
<span class="text-2xl font-semibold md:text-4xl text-slate-100">A fully integrated suite of payments products</span>
</div>
<a href="#" class="inline-flex items-center px-4 py-3 space-x-1 font-semibold text-indigo-600 transition-colors duration-300 rounded-full bg-gradient-to-bl from-white via-indigo-100 to-white leading-0 hover:from-blue-600 hover:via-blue-700 hover:to-blue-500 hover:text-white">
<span>
Start with payments
</span>
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M9 5l7 7-7 7" />
</svg>
</a>
</div>
<!-- usps -->
<div class="flex flex-col pt-6 space-y-3 md:space-y-0 md:space-x-6 md:items-center md:flex-row lg:pt-10 lg:space-x-10">
<span class="flex items-center space-x-3">
<span class="flex items-center justify-center w-8 h-8 border-2 rounded-full md:w-10 md:h-10 border-opacity-20 border-indigo-50">
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 text-indigo-100" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z" />
</svg>
</span>
<span class="text-sm font-semibold lg:text-lg text-slate-200">
Close to the metal
</span>
</span>
<span class="flex items-center space-x-3">
<span class="flex items-center justify-center w-8 h-8 border-2 rounded-full md:w-10 md:h-10 border-opacity-20 border-indigo-50">
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 text-indigo-100" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.933 12.8a1 1 0 000-1.6L6.6 7.2A1 1 0 005 8v8a1 1 0 001.6.8l5.333-4zM19.933 12.8a1 1 0 000-1.6l-5.333-4A1 1 0 0013 8v8a1 1 0 001.6.8l5.333-4z" />
</svg>
</span>
<span class="text-sm font-semibold lg:text-lg text-slate-200">
Fastest-improving platform
</span>
</span>
<span class="flex items-center space-x-3">
<span class="flex items-center justify-center w-8 h-8 border-2 rounded-full md:w-10 md:h-10 border-opacity-20 border-indigo-50">
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 text-indigo-100" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 11c0 3.517-1.009 6.799-2.753 9.571m-3.44-2.04l.054-.09A13.916 13.916 0 008 11a4 4 0 118 0c0 1.017-.07 2.019-.203 3m-2.118 6.844A21.88 21.88 0 0015.171 17m3.839 1.132c.645-2.266.99-4.659.99-7.132A8 8 0 008 4.07M3 15.364c.64-1.319 1-2.8 1-4.364 0-1.457.39-2.823 1.07-4" />
</svg>
</span>
<span class="text-sm font-semibold lg:text-lg text-slate-200">
Battle-tested reliability
</span>
</span>
</div>
<!--/ usps -->
</div>
</div>
<!--/ Cta Banner -->
<!-- Footer -->
<div class="max-w-screen-xl mx-auto">
<div class="grid lg:grid-cols-2">
<div class="space-y-8">
<div class="space-y-3">
<a href="#">
<img src="http://demo-assets.uibak.com/themesdev/runway-logo-white.svg" alt="Runway Logo" class="h-12">
</a>
<p class="italic tracking-wider text-slate-200">The SaaS website template for Tailwind CSS</p>
</div>
<address class="not-italic leading-7 text-slate-400">
Torli Turnpike Street<br>
80129 KM Lejiso<br>
Antarctica
</address>
<a href="mailto:info@themes.dev" class="inline-block text-slate-400 hover:text-blue-600">info@themes.dev</a>
</div>
<div class="pt-12 space-y-8 lg:pt-14">
<span class="block tracking-wider text-slate-200">Runway services</span>
<div class="grid grid-cols-2 gap-12 text-slate-400">
<nav class="space-y-2">
<a href="#" class="block hover:text-blue-600">Automated Follow Up</a>
<a href="#" class="block hover:text-blue-600">Payment Services</a>
<a href="#" class="block hover:text-blue-600">Credit Scores</a>
<a href="#" class="block hover:text-blue-600">Internal Notes</a>
</nav>
<nav class="space-y-2">
<a href="#" class="block hover:text-blue-600">Dialogue</a>
<a href="#" class="block hover:text-blue-600">Payment Plans</a>
<a href="#" class="block hover:text-blue-600">Invoicing</a>
<a href="#" class="block hover:text-blue-600">Financing</a>
</nav>
</div>
</div>
</div>
<div class="flex flex-col pt-6 mt-12 space-y-4 border-t lg:space-y-0 lg:justify-between lg:items-center lg:flex-row border-slate-600 lg:pt-8 lg:mt-24">
<span class="text-slate-400">
Copyright 2021 Runway. All rights reserved.
</span>
<nav class="flex flex-col space-y-2 sm:space-y-0 sm:space-x-2 sm:flex-row lg:space-x-6">
<a href="#" class="text-slate-400 hover:text-blue-600">Terms & Conditions</a>
<a href="#" class="text-slate-400 hover:text-blue-600">Privacy Policy</a>
<a href="#" class="text-slate-400 hover:text-blue-600">Processor Agreement</a>
</nav>
</div>
</div>
<!--/ Footer -->
</footer>
</div>
</div>